見出し | ここに説明など入れて下さい。サンプルテキスト。 |
---|---|
見出し | ここに説明など入れて下さい。サンプルテキスト。 |
見出し | ここに説明など入れて下さい。サンプルテキスト。 |
---|---|
見出し | ここに説明など入れて下さい。サンプルテキスト。 |
<!--▼▼▼▼▼ここから「会社概要」--> <section id="company"> <div class="bg-slideup mb-space-large"> <div class="image"> </div> </div> <div class="c2"> <div class="title"> <h2>会社概要<span>Company</span></h2> </div> <!--/.title--> <div class="text"> <table class="ta1"> <caption>大見出しが必要ならここを使います</caption> <tr> <th>見出し</th> <td>ここに説明など入れて下さい。サンプルテキスト。</td> </tr> <tr> <th>見出し</th> <td>ここに説明など入れて下さい。サンプルテキスト。</td> </tr> </table> </div> <!--/.text--> </div> <!--/.c2--> </section> <!--▲▲▲▲▲ここまで「会社概要」-->
idはメニューのリンク先の目印です。
メニュー側は、
<a href="#company">会社概要</a>
になっています。
トップページ以外からトップページに戻るリンクだと、別ページへのリンクになるので
<a href="index.html#company">会社概要</a>
と書きます。
スクロール量と少しずれて背景画像が移動します。(制作実績の見出し背景と同じシステム)
背景画像は、style.cssの、
#company .bg-slideup .image {
のブロックになります。画像を入れ替える場合、横長だと動かない場合があるので実際に見ながら画像を準備してみて下さい。
よく頂く質問のマニュアルで解説しているのでそちらをお読み下さい。