frame-simple3

• ヘッダー右側の２つのボタンのアイコンは、Font Awesomeを使用しています。Font Awesomeの詳しい使い方はこちら。
• 1000px未満で開閉メニューになります。このタイミングを変更したい場合は、js/main.jsの「const breakPoint = 1000;」の1000を変更して下さい。
• cssに、.small-screen（※ブレイクポイント未満）と.large-screen（※ブレイクポイント以上）が複数箇所ありますが、これらもmain.jsのブレイクポイントを基準に切り替わります。body要素につくclassなので、必要があればその他の表示切り替えにもご活用下さい。
• デベロッパーツールで検証される際は、ツール切り替えの都度、必ずリロードして下さい。いきなり別端末になったのと同じ状態になるので、リロードしないとメニューの挙動がおかしくなります。尚、単にブラウザ幅を変更するだけならリロードは不要です。