ホームページ作成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
他のプロンプトもチェック
SEO
▼最新作はこちら▼ https://oshiete.ai/item_lists/73557973863457792 ブロガー必見!これで検索1位をバンバンとれます。ついに完成しました。 あなたの狙っているキーワードを入れるだけで記事で解決しなければならない読者の悩みが網羅的にわかります。583205830物語・脚本・プロット
推奨モデル - GPT 4oあなたの言葉に魔法のようなオノマトペを加えて、音と言葉が織りなす新しい表現を創造するクリエイティブなツールです。 言葉から生まれる感覚や情景を元に、まったく新しい擬音語・擬態語を生成します。音の響きやリズム、そして独自のニュアンスを持つオノマトペが、あなたの文章や会話に笑いと驚きをもたらします。さらに、生成されたオノマトペは、使用シーンにぴったり合う解説付きで提供されるので、誰でも簡単に使いこなすことができます。 <用途例> 1: 面白いキャッチコピーの作成 あなたが商品のキャッチコピーを考えているとします。そこでこのツールを使って、商品やサービスの特徴を表すユニークなオノマトペを生成しましょう。例えば、ふわふわなクッションのキャッチコピーには「モフモフン!」という擬音語を使って、柔らかさと心地よさを強調することができます。 2: 創作活動でのユーモアの追加 作家やイラストレーターが作品にユーモアを加えるために、オリジナルのオノマトペを作成します。キャラクターが登場するシーンで「バタバタドスン!」といった擬態語を使えば、キャラクターの動作がよりコミカルに、そして印象的に描かれます。 3: 子ども向け教育ツールとしての活用 教育の現場でも活用できます。子どもたちが新しい言葉を学ぶ際に、自分だけのオノマトペを作り出すことで、言葉に対する興味と創造力を高めることができます。例えば、動物の鳴き声や動きに対してユニークな擬音語をつける遊びを通じて、言葉の楽しさを学びます。 4: SNSでの個性的な表現 SNSの投稿に、ユニークなオノマトペを使って、読者の興味を引きましょう。例えば、美味しい料理のレビューに「ジュワトロ~ン!」という擬音語を加えれば、料理のジューシーさや美味しさを楽しく表現できます。 5: スピーチやプレゼンでのインパクト強化 スピーチやプレゼンテーションにおいて、聴衆の注意を引くためにユニークなオノマトペを取り入れてみましょう。例えば、強調したいポイントを「ピカーン!」という音で表現することで、印象に残るスピーチを実現します。 6: 一発ギャグ オリジナルのオノマトペを使って、インパクトのある一発ギャグを作成できます。例えば、ユーモラスな動きや音を表現する擬音語を組み合わせて、観客を笑わせる独創的なギャグを生み出します。00667GPTs
物語・脚本・プロット
まずは右手で占うか左手で占うかを選んでください。その後に手のひらの画像をアップデートしてください。 あなたの手のひらの画像をAIで分析し、7大線(生命線、知能線、感情線、運命線、太陽線、財運線、結婚線)について★(最大5個)で評価し、今後のアドバイスも行います。80127367