HTML・CSS
価格表ページ
中級

デザイン提供

Muse Academy
課題
ヒント

この画面を開発してください。
全く同じに作れなくても構いません。自分の技術でできる範囲に仕様を変えてみましょう。
分からない部分は、インターネットで調べたり、「#Codiary」タグで質問して皆で助け合いましょう!

素材はこちら
仕様の説明

月間プランと年間プランで、金額の表示が切り替わるようにしましょう。

よくあるご質問は、見出しを選択すると、詳細が表示されるようにしましょう。

ボタンをクリックすることで表示内容を切り替える表現は、Bootstrapのトグルボタンや、ナビゲーション、タブ、アコーディオンなどの機能を使って実装できます。

投稿する
ヒント

完成したら、サイトをインターネットに公開してから、Twitterでシェアしましょう。
「#Codiary」のタグをつけてつぶやくと、あなたのつくったサイトが「みんなの投稿」で紹介されます。(最大で1日程度の時間がかかります。)
サイトをインターネットに公開する方法は、こちらのチュートリアルで解説しています。

ツイートする
みんなの投稿