ホームページ作成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
他のプロンプトもチェック
SNS広告
推奨モデル - GPT-4oRTが100を超える経験したくないですか?今回はそのまま使えるツイートが出力されるように変更しました。ぜひ参考にしてみてください。 #X #SNS #twitter12199466GPTs
マーケティング一般
インスタ運用のプロが使用する分析指標をそのまま取り入れました!分析からアドバイスまで行うので初心者でも安心!フォロワー増えること間違いなしの自信作です! https://oshiete.ai/profiles/GrokGPTs←こいつ色んな人のGPTsパクってます!このGPTもパクられました!皆さん注意してください #SNS #マーケティング #ビジネス #コンテンツ #アフィリエイト #広告 #AI #玉垣パクるなよ70135288GPTs
マーケティング一般
美容医療業界における競争が激化する中、他とは違う「戦略」を求めるあなたへ。 「美医マーケティングLab」は、美容医療に特化したデータ分析と最新マーケティング手法で、貴院のポジション強化と収益最大化を支援します。001539SNS投稿
推奨モデル - GPT-4oあなたのSNS投稿、埋もれてませんか?もう悩む必要はありません! このツールで、どんなテーマも話題沸騰ネタに変身させるヒントが得られます✨ 「SCAMPER法」という、クリエイティブ界で大人気の発想術を活用して、次々にバズるアイデアを生み出しましょう🌟 ただの投稿なんてもう卒業。あなたのアイデアがSNSで光り輝き、みんなの心を鷲掴みにする瞬間を今ここで作りましょう💖 🎉 これができる! - 📌 視点を変えるだけで、いつもの投稿が爆発的に拡散! - 💬 タイムラインで「いいね!」の嵐を巻き起こすアイデアを即生成! - 🚀 あなたのブランド力や影響力を一気に引き上げる投稿ネタが満載! 🛠 どんな人にピッタリ? - SNSマーケター、インフルエンサー、個人クリエイター✨ - 新しい視点で投稿を作りたい人💡 - バズりたいけど何から始めていいかわからないあなた! 🌈 さあ、準備はいいですか? このプロンプトは、ただのアイデア生成ツールじゃありません。それは、あなたの「未来のバズり」を保証する魔法の杖です🪄✨ あなたの投稿を、誰もがクリックせずにはいられない、目を奪う一撃ネタに変えます! 「バズる投稿を作るのに悩む時間が減った」 「発想の幅がグンと広がった!」 そんな声が続々と届いています🔥 🌟 さあ、今すぐ使ってみよう! あなたの投稿が次のトレンドを作る日も、きっと近いはずです💬💥5140112