ホームページ作成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
他のプロンプトもチェック
GPTs
メール作成
今日のニュースや幸せな気分になれる話など、その日の気分に合わせて朝礼のネタ出しをしてくれるAIです。 きちんと引用元も示してくれることで、深堀りしたい場合や気になった場合はよりきちんと調べることができます。 基本的に前向きな気持ちになれるニュースや楽しい気持ちになれるニュースを集めてくるようになっているので、1日のスタートにぴったりなAIとなっています。01341970GPTs
計画立案
「目標は立てたのに、具体的な行動が見えない…💦」そんな悩みを解決します✨ ✨たった3つの質問に答えるだけで、【○年後の理想像】を実現するための具体的なタスクをAIが自動作成✨😊 最短で理想の自分を実現しましょう🎯 使い方はカンタン! 0.「スタート」を押す 1.○年後の理想の状態を入力(例:2年後、カフェのオーナーになり月の売上が100万円を超えている) 2.その理想に向けて、今の自分の強みを入力 3.その理想に向けて、今の自分の課題を入力 ↓ ✅AIが【長期・中期・短期(今月・今週)の行動計画】を生成✨✨ ✅AIが【毎月の行動計画】を生成✨ ✅AIが【今月の行動計画】【今週のタスク】を生成✨ 短いタスクだから、すぐに取り掛かれます! 【ポイント】 ・各設問は、できるだけ具体的に入力してみましょう。よりあなたの目標に沿ったタスクを提案します。 ⇒【問1.理想の状態】は、具体的な数字(年数・収入)や職業を入れましょう! ⇒【問2.あなたの強み】【問3.あなたの課題】は、思いつくままに羅列してください。何個入れてもOK!あなたにピッタリ寄り添うサポーターになります。 ・ 「はじめ」と入力したら、最初から計画を練り直せます🔄 一度使って終わりじゃない!!使い続けることで、目標達成まであなたも私をもサポートし続けてくれてます💓 今、自分自身が一番助けられています😊作ってよかった!! 【○年後の理想像】に最速で進み、達成しましょう✨あなたもご一緒に♪ 🎯 #目標達成 #行動計画 #不安解消 #ナビゲーター #ゴールへの第一歩136141440