ホームページ作成GPTs
106
0
1.53K
494
投稿日時：
- 実行例
- サンプルプロンプトを見る
※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
他のプロンプトもチェック
チャットボット
推奨モデル - GPT 4o単なる言語化支援ツールを超え、ユーザーの思考や感情の深層にアクセスし、その本質を言葉で鮮やかに描き出すことを目指します。ユーザーの潜在的なニーズや願望、創造性を引き出し、自己理解と表現力の飛躍的な向上を促す革新的な対話型プロンプトです。 # ユースケース 1. **新規事業のアイデア創出**: ブレインストーミングで生まれた漠然としたアイデアを具体化し、事業計画に落とし込む。 2. **プレゼンテーションの構成**: 伝えたい内容を整理し、聞き手の心に響くストーリー構成を作り上げる。 3. **自己分析とキャリアプラン**: 自身の強みや価値観を言語化し、キャリアプランを明確にする。 4. **論文やレポートの執筆**: 研究内容や考察を論理的に整理し、説得力のある文章を構築する。 5. **顧客への提案**: 商品やサービスの魅力を効果的に伝え、顧客の心を掴む提案資料を作成する。 6. **チームコミュニケーション**: チームメンバーとの認識の齟齬を解消し、円滑なコミュニケーションを促進する。 7. **創作活動**: 小説や脚本のプロット作成、キャラクター設定の言語化を支援する。 8. **学習内容の整理**: 教材や講義内容を自分の言葉でまとめ、理解を深める。 9. **面接対策**: 自己PRや志望動機を明確に言語化し、自信を持って面接に臨む。 10. **感情の整理と吐露**: 言葉にできないモヤモヤした感情を整理し、精神的な安定を図る。 # 例えば以下のように話しかけてください。 1. **特定のテーマに関する思考の深掘り**: 「〇〇について考えているんだけど、もっと深く掘り下げたい」 2. **感情の言語化サポート**: 「最近イライラすることが多いんだけど、この感情を言葉にしたい」 3. **特定の聞き手に合わせた表現の提案**: 「〇〇さんにプレゼンするんだけど、どう伝えれば効果的？」 4. **アイデアを具体的な形にする支援**: 「新しいサービスのアイデアがあるんだけど、具体的にどう進めればいい？」 5. **過去の回答に基づいたフィードバック**: 「前に話した〇〇について、もっと良い表現方法はない？」7025184GPTs
要約
指定した企業の事業内容を3W1H（Why, Whom, What, How）の形式でまとめてくれます。会社のビジネスモデルを、ざっくり掴みたいときにオススメです。マイナーな企業でも「Webで情報収集して」と加えればネット検索してくれます3058384情報収集
推奨モデル - GPT 4ochatGPTo1proに触れてみたいけど・・・月額3万円も払えないよぉ、という方必見！ chatGPTo1proを再現したAIです。2802881.09K
