ヘッダー(メニュー)
アイコンメニューあり
<header>
<h1>サイト名</h1>
<nav class="icon-menu">
<ul>
<li><a href="#"><i class="fas fa-sign-language"></i></a></li>
<li><a href="#"><i class="far fa-comment-dots"></i></a></li>
</ul>
</nav>
<nav id="mainMenu" class="menu">
<ul>
<li><a href="#">メニュー<span class="text-combine">1</span></a></li>
</ul>
</nav>
</header>
- icon-menuのアイコンはFont Awesome 5のフリーアイコンからお選びいただけます
- メニューで半角英数字を縦中したい時は、
<span class="text-combine">
1</span>
のようにclass="text-combine"
を設定した要素で囲ってください
アイコンメニューなし
<header class="no-icon">
<h1>サイト名</h1>
<nav id="mainMenu" class="menu">
<ul>
<li><a href="#">メニュー</a></li>
</ul>
</nav>
</header>
- icon-menuを使用しない場合は
<header>
にclass="no-icon"
を設定してください