フロントページ .l-page-layout

フロントページのマインドマップ

登録は簡単!. 無料です
または 登録 あなたのEメールアドレスで登録
フロントページ .l-page-layout により Mind Map: フロントページ .l-page-layout

1. フッター .p-footer

1.1. 背景 .c-background-color--brown

1.2. リンク .c-text .p-footer__link

1.3. コピーライト .c-text .p-footer__copy

2. .l-wrapper

2.1. メイン .p-wrapper-front

2.1.1. メインコンテンツ .p-main .p-main--front

2.1.1.1. メインビジュアル .p-main-visual

2.1.1.1.1. 背景画像 .p-main-visual__front

2.1.1.1.2. タイトル .p-text--white .p-main-visual__title

2.1.1.2. メニュー .p-content .p-content--front

2.1.1.2.1. テイクアウト .p-front-section .p-front-section--takeout

2.1.1.2.2. イートイン .p-front-section .p-front-section--eatin

2.1.1.3. アバウト .p-about

2.1.1.3.1. タイトル .c-title .c-underline .p-about__title

2.1.1.3.2. 記事 .c-text .p-about__text

2.1.2. ヘッダー .p-header

2.1.2.1. ロゴ .p-header__logo .p-text--gray

2.1.2.2. 検索フォーム .p-search-form

2.1.2.2.1. テキストボックス .c-search-box .c-text-box .p-search-form__textBox

2.1.2.2.2. 検索ボタン .c-search-button .p-search-form__button

2.1.2.3. 背景 .c-background-color--brown-pale

2.2. サイドバー .p-side-nav

2.2.1. メニューボタン .c-menubutton

2.2.2. メニュー .p-side-menu

2.2.2.1. 項目 .p-side-menu__list

2.2.3. 背景 .c-background-color--gray