Web development company showcase website
Prompt: 制作したいのは、ウェブ開発会社「WebWork Solutions」のホームページです。以下の要素を含むレスポンシブなランディングページのHTMLとCSSコードを生成してください: 1. ヘッダー部分: - ロゴ - ナビゲーションメニュー(Home, About us, Pricing, Offer, Portfolio, Gallery, Contact) 2. ヒーローセクション: - 「Elevate Your Online Presence」というメインタイトル - 簡潔なサブタイトル - CTA(Call to Action)ボタン2つ(About usとContact) - 右側にウェブ制作関連の画像(ラップトップ、デザインツール等) 3. 私たちについて(日本語タイトル「私たちについて」): - WebWork Solutionsの紹介文 - ビジネスの成功をサポートする情報 - Read Moreボタン 4. 実績セクション: - 数字でわかる実績(5 Specialists, 3 Years of experience, 105 Satisfied customers, 2 Awards won) - 鮮やかな黄色の背景 5. WHY US?セクション: - 4つの強み(カスタマイズされたソリューション、専門家チーム、幅広いサービス、競争力のある価格) - 各強みの簡潔な説明文 6. クライアントのブランドロゴセクション 7. レビューセクション: - 「REVIEWS」というタイトル - 3つのクライアントレビュー(写真、名前、会社名付き) 8. コールトゥアクションセクション: - 「ELEVATE YOUR ONLINE PRESENCE」というタイトル - 問い合わせボタン 9. フッター: - ロゴ - 会社の簡単な説明 - メニューリンク - ソーシャルメディアリンク デザインの特徴: - モダンでクリーンなデザイン - 鮮やかな黄色とピンク/紫のグラデーションのアクセントカラー - 視覚的に魅力的なレイアウト - モバイルレスポンシブデザイン 重要なポイント: - 日本語と英語の両方のテキストを含む - SEOに最適化されたコード - 迅速に読み込めるよう最適化されたコード