<!--▼▼▼▼▼ここから「フッター」--> <footer class="margin-lr0"> <div class="footer1"> <p class="logo"><img src="images/logo_footer.png" alt="あなたのサイト名"></p> <p>〒000-0000 東京足立区XXXXXX1丁目1号<br> 代表電話:000-0000-0000<br> 受付時間:月曜日から金曜日の8時から18時まで</p> <ul class="sns1"> <li><a href="#"><i class="fa-brands fa-x-twitter"></i></a></li> <li><a href="#"><i class="fab fa-line"></i></a></li> <li><a href="#"><i class="fab fa-youtube"></i></a></li> <li><a href="#"><i class="fab fa-instagram"></i></a></li> </ul> <small>Copyright© あなたのサイト名 All Rights Reserved.</small> </div> <!--/.footer1--> <div class="footer2"> <h3>アクセス</h3> <p><a href="https://template-party.com/file/pickup_googlemap.html">GoogleMapの地図を変更する方法はマニュアルをご覧下さい。</a></p> <div class="iframe-box1"> <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3241.0448418561778!2d139.74267721573196!3d35.675897837870934!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x60188b89b2e1c8b1%3A0x59a123e3d5ac5ab6!2z44CSMTAwLTAwMTQg5p2x5Lqs6YO95Y2D5Luj55Sw5Yy65rC455Sw55S677yR5LiB55uu77yX4oiS77yR!5e0!3m2!1sja!2sjp!4v1545036128899" frameborder="0" style="border:0" allowfullscreen></iframe> </div> </div> <!--/.footer2--> </footer> <!--▲▲▲▲▲ここまで「フッター」-->
cssフォルダのstyle.cssから「footer」でテキスト検索してみて下さい。詳しい解説もあります。
700px未満では1カラムになります。
Font Awesome 公式サイト
Font Awesome アイコン一覧(※バージョン6)
iタグを使ってhtmlに直接アイコンを読み込む場合と、cssの擬似要素を使って読み込む場合があります。
それぞれ他のアイコンに置き換えたい場合は、当サイトのマニュアルをお読み下さい。