フッター

<!--▼▼▼▼▼ここから「フッター」-->
<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」でテキスト検索してみて下さい。詳しい解説もあります。

左側に表示させたい内容はfooter1の中に、右側はfooter2の中に入れて下さい

700px未満では1カラムになります。

SNSアイコンはFont Awesomeです

Font Awesome 公式サイト
Font Awesome アイコン一覧(※バージョン6)

iタグを使ってhtmlに直接アイコンを読み込む場合と、cssの擬似要素を使って読み込む場合があります。
それぞれ他のアイコンに置き換えたい場合は、当サイトのマニュアルをお読み下さい。