課題
ヒント
素材はこちら
この画面を開発してください。
全く同じに作れなくても構いません。自分の技術でできる範囲に仕様を変えてみましょう。
分からない部分は、インターネットで調べたり、「#Codiary」タグで質問して皆で助け合いましょう！
仕様の説明
大きい背景画像に重要なメッセージを表示するスタイルを「ヒーロー」と言います。画像に文字を重ねるためには「flex」というCSSの仕組みを使います。
画像とテキストが横並びになる段組みは、Bootstrapの「グリッドシステム」を使って表現しましょう。
お問い合わせボタンは、お問い合わせフォームにリンクしましょう。
【応用】余裕がある方は、スクロール時に上部メニューが常に画面に表示されるよう制御しましょう。
投稿する
ヒント
完成したら、サイトをインターネットに公開してから、Twitterでシェアしましょう。
「#Codiary」のタグをつけてつぶやくと、あなたのつくったサイトが「みんなの投稿」で紹介されます。（最大で1日程度の時間がかかります。）
サイトをインターネットに公開する方法は、こちらのチュートリアルで解説しています。
みんなの投稿
Codiary - Curated tweets