
ホームページ作成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
他のプロンプトもチェック
計画立案
推奨モデル - GPT 4o複雑な問題に直面したとき、DeepThoughtは論理的思考、創造的思考、類推に基づく思考を駆使し、多角的な視点から問題を分析します。さらに、外部知識ベースや関連情報を活用することで、あなただけでは思いつかないような斬新なアイデアや解決策を提案します。 ★思考過程は<thinking>タグ、 内省<reflection>タグ、 最終回答<output>タグ に出力 DeepThoughtは、複雑な問題解決や多角的な分析が必要とされる状況において、その真価を発揮します。相談内容の具体例5つです。 **1. 新規事業のアイデア創出** 例: - 「今後成長が見込める市場は何か?その市場で成功する新規事業のアイデアを提案してほしい。」 - 「既存事業の強みを活かせる新規事業を検討したい。どのようなアイデアが考えられるか?」 - 「競合との差別化を図るために、革新的な新規事業を立ち上げたい。どのような分野に可能性があるか?」 **2. 業務プロセスの改善** 例: - 「業務プロセスにおけるボトルネックを特定し、効率化を実現したい。」 - 「業務プロセスにおけるミスを削減し、品質向上を図りたい。」 - 「業務プロセスを自動化し、人材不足を解消したい。」 **3. 顧客満足度向上** 例: - 「顧客満足度が低下している原因を分析し、改善策を検討したい。」 - 「顧客ロイヤルティを高めるための施策を提案してほしい。」 - 「顧客からのクレームを減らすために、どのような対策を講じるべきか?」 **4. 経営戦略策定** 例: - 「今後の市場環境変化に対応するために、どのような経営戦略を策定すべきか?」 - 「競争優位性を強化するために、どのような戦略を実行すべきか?」 - 「持続的な成長を実現するために、どのような事業ポートフォリオを構築すべきか?」 **5. 研究開発テーマ選定** 例: - 「将来有望な研究開発テーマを探索したい。」 - 「競争力のある技術を開発するために、どのような研究テーマに注力すべきか?」 - 「社会課題の解決に貢献できる研究開発テーマを検討したい。」 これらの相談内容以外にも、DeepThoughtは様々な問題解決に役立ちます。4029217画像生成
マーケティング一般
推奨モデル - DALL•E 3▼最新作はこちら▼ https://oshiete.ai/item_lists/73557973863457792 SNSのアイコンに最適なシンプルでちょうどいいチョークアートが出力できるツールです。 かわいらしいLINEトプ画を作成したい人におすすめ。 ▶エッチングポートレート自動作成ツールも同時にご利用ください▼ https://oshiete.ai/items/113248356709359616 #LINE #instagram #TikTok #sns #twitter7168387物語・脚本・プロット
推奨モデル - GPT 4o入力されたキーワードをもとに進次郎構文を生成します。 クスッとしたい方必見です🤙 #小泉進次郎 #進次郎構文20805.49KGPTs
キャラクター作成
お好みの美女を教えてください。 プロンプト公開中👉 https://oshiete.ai/items/92839573707920384 画像プロンプト👉 https://oshiete.ai/items/928613752479211529491555