大きく斜めに配置されたヘッダーが印象的なテンプレート。
特徴
- 大きく大胆に配置した見出しとメニューが特徴
- 追従メニューで見やすく使いやすい
- 透過背景でちらちらと桜が見える
サンプルページ
実装要素
- タイトルと説明(通常 / ラベル・データ横並び / 枠あり)
- フォームセット(input.type=”text”], textarea, submit, 横並びレイアウト・全幅レイアウト)
- メインメニュー(固定)
- リスト(通常 / 数字 / 横並び)
- 共通装飾
- 固定ナビゲーション
お借りしたもの
素材
![](https://images.unsplash.com/photo-1551265629-e4ec172ba179?crop=faces%2Cedges&cs=tinysrgb&fit=crop&fm=jpg&ixid=M3wxMjA3fDB8MXxhbGx8fHx8fHx8fHwxNjk2Njg2MzcyfA&ixlib=rb-4.0.3&q=60&w=1200&auto=format&h=630&mark-w=64&mark-align=top%2Cleft&mark-pad=50&blend-mode=normal&blend-alpha=10&blend-w=1&mark=https%3A%2F%2Fimages.unsplash.com%2Fopengraph%2Flogo.png&blend=000000)
Photo by Annie Spratt on Unsplash
Download this photo by Annie Spratt on Unsplash
アイコン
![](https://i-ra.site/wp-content/uploads/cocoon-resources/blog-card-cache/a97282022a66666192fa0ee4f68b3ccc.png)
Font Awesome
The internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free...
「花冷え」意味・解説
企画
![](https://i-ra.site/wp-content/uploads/cocoon-resources/blog-card-cache/caee2d337bedffa30d83617cb2f08714.png)
amida | WEBデザインテンプレート作成交流企画
あみだくじでお題を決めるテンプレート作成交流企画。
スタートアップガイド
更新履歴
- 2021.03.15公開・配布開始
- 2022.05.31top.html以外のサンプルHTMLファイルのGoogleFont読み込みコードの誤りを修正