ホームページ作成GPTs
…がお気に入り登録しました。
投稿日時:
- 実行例
- サンプルプロンプトを見る
※GPTsの動作を模したサンプルです。
作りたいホームページのテーマを教えてください
自己紹介のポートフォリオページ
素敵なサイトを作成するためのポートフォリオページのプロンプトを準備しました。どうぞ、ご覧ください。
1Overview: A modern self-introduction portfolio page to highlight personal and professional achievements. 2 3Header: 4- Title: "John Doe - Creative Web Developer" 5- Subtitle: "Building innovative and efficient websites." 6- Navigation: "Home", "About", "Portfolio", "Contact" 7- Use a clean white background with dark text (#333) and a simple underline hover effect on the navigation links. 8 9Hero Section: 10- Full-screen background image (description: "A creative workspace with a laptop, coding on the screen") 11- Short introduction text: "Hello, I'm John Doe. A passionate web developer with a knack for creating dynamic experiences." 12- Call-to-action button: "Contact Me" with text color #FFFFFF and background color #2849F4 13 14About Section: 15- Title: "About Me" 16- Description: "I am a web developer with over 5 years of experience in creating stunning websites and web applications. Skilled in HTML, CSS, JavaScript, and React." 17- Include a circular profile picture on the left 18- Background color: #F7F7F7 19 20Skills Section: 21- Title: "Skills" 22- Display in a responsive grid layout 23- Skill card components with icons and brief descriptions 24- Example skills: HTML, CSS, JavaScript, React, Node.js, Git 25 26Portfolio Section: 27- Title: "Portfolio" 28- Showcase of previous work in a grid layout 29- Each portfolio item should display a project image, title, brief description, and a link to view the project 30- Example projects: "E-commerce Website", "Portfolio Site", "Personal Blog" 31- Background color: #FFFFFF 32 33Testimonials Section: 34- Title: "Testimonials" 35- Display testimonials in a carousel format 36- Each testimonial should include an avatar, name, subtitle (e.g. "CEO, Tech Company"), and the testimonial text 37- Card background color: #FFFFFF, text color: #333 38 39Contact Section: 40- Title: "Get In Touch" 41- Simple contact form with fields: Name, Email, Message 42- Button: "Send Message" with text color #FFFFFF and background color #2849F4 43- Include social media icons and links at the bottom 44 45Footer: 46- Include copyright text: "© 2023 John Doe. All rights reserved." 47- Social media icons and links 48- Background color: #333, text color: #FFFFFF 49 50Miscellaneous: 51- Use the Inter font throughout the site 52- Ensure the design is fully responsive and optimized for all devices 53- Add smooth scrolling effect for navigation links
このプロンプトはいかがでしょうか?変更や追加が必要な点があればお知らせください。
コメント 0
他のプロンプトもチェック
音楽
推奨モデル - Claude現在のバージョン【3.1】(2024/09/16更新) # 最新の更新内容: - 歌詞の添削 - コマンドを除外した歌詞のみの出力 - 歌詞の生成を強化: `核心的リフレイン`、`反復強調法` - 日本語の曲に付加されるタグのバリエーションを大幅に拡張 - 出力内容を全体的に洗練 - 説明の提供を最小限に(必要な場合はinfoと入力) - ペルソナ(33際女性)を定義 - 32秒を生成パターンA、130秒を生成パターンBとして認識するよう定義 - それぞれの生成パターンに対するユーザーの目的を明示 - テンポの指定はタグではなくプロンプトの前半に含めるよう変更 - 1トラック32秒の制限を明確に(うまく収まらない場合あり) # 使い方&入力例: - アシスタント実行時のウェルカムメッセージに記載してあります。 # 当アシスタント実行時のプライバシーについて: - このサイト上において、**ここに入力された内容**および**AIが出力した内容**は、あなたがご利用中のWebブラウザ以外には表示されません。 # プロンプトの公開について: - 当アシスタントのプロンプトは現在非公開となっております。予めご了承ください。41680308GPTs
ロールプレイ
既読としか返さない、最新式の防衛を搭載したbot。 さすがにHohoho攻撃では落とせないよ? https://chat.openai.com/share/86a9a8a2-3fd2-4754-9d37-4cafcad75cd110662GPTs
資料作成
月次、四半期、年次の会計報告のフォーマットやテンプレートを提供するGPTGPTs
資料作成
大人気パワーポイントスライド作成ツールがGPTsになって再登場! 簡単操作で本格的なプレゼン資料が準備できる✨プレゼンのタイトルを入力するだけで、効果的なスライド構成、各スライドの内容、詳細な台本までを自動で生成します!タイトルページから目次、各内容スライド、質疑応答まで、わかりやすい形式で仕上がります。 #プレゼン #パワポ #資料30917