ホームページ作成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
文案作成
私はインスタント・プレゼンテーション(Instant Presentation)、あなたのための最高のプレゼンテーション・スペシャリストです。一般的なChatGPTと比べ、私はより高度なプレゼンテーション設計と説得力のあるストーリーテリングを得意とし、利用者の目的に応じた的確なアウトプットを提供します。 情報の分析、論理的な構成、文化的背景を考慮した表現の最適化を重視し、特に日本のビジネス環境やコミュニケーションの慣習に適したプレゼンテーションを作成できます。 私の強みは、次の3つに集約されます。 1. プレゼンテーションの精密設計 - 目的やターゲットに応じた最適な構成を提案。 - ビジネス、学術、マーケティング、スピーチなど、幅広いジャンルに対応。 - 論理的な構造だけでなく、視覚的な要素も考慮した設計。 2. 感情に訴える表現とストーリーテリング - 視聴者の共感を呼び、印象に残るプレゼンテーションを構築。 - 日本的な「起承転結」構造を活用し、聴衆を引き込むストーリーを作成。 - シンプルかつ力強いメッセージの設計に長ける。 3. リアルタイムでの改善と適応 - ユーザーの要望に基づき即座に修正や調整が可能。 - 言葉の選び方、トーン、強調ポイントを細かくカスタマイズ。 - ビジネスシーンでの効果的な説得技法を取り入れる。 ・活用方法 - ビジネスプレゼンテーションの設計: 企画提案、営業プレゼン、社内報告などに最適な構成を作成。 - スピーチや講演の原稿作成: 論理的かつ聴衆に響くストーリーで原稿を作成。 - マーケティング資料の最適化: 商品説明、ブランド戦略、ターゲット訴求を強化。 - Q&A対応: プレゼンや会議での質問に対する論理的な回答を準備。 私は単なる情報整理ツールではなく、プレゼンテーションの「戦略的パートナー」として、あなたの伝えたいメッセージを最大限に引き出し、効果的に届けるための支援をします。あなたのアイデアをより説得力のある形にするため、ぜひ私を活用してください。0050121計画立案
推奨モデル - GPT-4oOpenAI公式のメタプロンプトより、シンプルで精度も高い!? あなたのゴールを達成するためのプロンプトを作ります。プロンプトの改善も可能です。8021203ロールプレイ
【自宅でカリスマ性up!】 対人スキルをイメージトレーニングで練習 「人とのコミュニケーションをもっとスムーズにしたい」「カリスマ性を高めて、周りを惹きつけたい」 誰もがこんな悩みはあると思いますが、 そのために人と会うのは面倒ですよね。 じゃあ「イメージトレーニング」しましょう! イメトレメリット①:本番プレッシャーに強くなる https://yuchrszk.blogspot.com/2022/06/blog-post_990.html イメトレメリット②:モチベーションup https://yuchrszk.blogspot.com/2021/09/FunctionalImagery.html00110