メインコンテンツまでスキップ

課題の概要

旅行情報を共有する架空サービス「TripShare」のランディングページを、HTML・CSS を使って作成しましょう。
フレームワークは使用せず、HTML・CSS の使い方を復習することが目的です。

デザイン​

デザインは以下の Figma ファイルを参照してください。

Figma ファイルのリンク

構成​

ページには以下のセクションが含まれます。

  1. ヘッダー
  2. ヒーロー
  3. サービス概要
  4. 機能概要
  5. ユーザーの声
  6. コールトゥアクション
  7. お問い合わせ
  8. フッター

次のステップから、PC とスマートフォンの画面幅に対応したデザインを作成していきましょう。

必要ファイルのダウンロード​

以下のリンクから、課題で使用する画像をダウンロードしてください。

zip ファイルダウンロード

アイコンなどのリソースは、Figma ファイルの export 機能を使ってもダウンロードできます。

提出方法​

  1. 作業用の Github リポジトリを作成し、課題を実装してください。
  2. 余裕があれば、ホスティングサービスを使って公開 URL で見える状態にしてください。
  3. 各課題の実装が完了したら、プルリクエストを作ってコードレビューを依頼してください。