footer.php

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<footer class="page-footer #01579b light-blue darken-4">
          <div class="container">
            <div class="row">
              <div class="col l6 s12">
                <h5 class="white-text">บริการลูกค้า</h5>
                <p class="grey-text text-lighten-4">COM-OUT คือ ร้านค้าออนไลน์ที่ จัดส่งสินค้ารวดเร็ว เชื่อถือได้ และมอบความสะดวกสบายในการเลือกซื้อสินค้าแก่ลูกค้า
                                                  ด้วยการนำเสนอสินค้ามากมายหลากหลายชนิด พวกเราพร้อมมอบสิ่งที่ดีที่สุด ให้แก่ลูกค้าเสมอ ไม่ว่าจะเป็นวิธีการชำระเงินปลายทาง หรือบริการการคืนสินค้าฟรี และศูนย์บริการลูกค้าที่พร้อมจะให้คำแนะนำตลอดการเลือกซื้อสินค้า</p>
                <a class="modal-trigger waves-effect waves-light btn #64b5f6 blue lighten-2" href="#modal1">วิธีการชำระเงิน</a>
                <!-- Modal Structure -->
                <div id="modal1" class="modal modal-fixed-footer">
                  <div class="modal-content">
                    <h4>การชำระเงิน</h4>
                    <p><img src="img/money.jpg" alt="" height="auto"></p>
                  </div>
                  <div class="modal-footer">
                    <a href="#" class="modal-action modal-close waves-effect waves-green btn-flat ">Agree</a>
                  </div>
                </div>
                <script type="text/javascript">
                  $(document).ready(function(){
                    // the "href" attribute of .modal-trigger must specify the modal ID that wants to be triggered
                    $('.modal').modal();
                  });
                </script>
              </div>
              <div class="col l4 offset-l2 s12">
                <h5 class="white-text">Contact</h5>
                <ul>
                  <li><i class="material-icons" style="font-size:24px; color : #2196f3;">call</i><a class="grey-text text-lighten-3" href="#!">&nbsp;&nbsp;&nbsp; +66 XX-XXXX-XXX</a></li>
                  <li><i class="fa fa-facebook" style="font-size:24px; color : #2196f3;"></i><a class="grey-text text-lighten-3" href="#!">  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;COM-OUT Official</a></li>
                  <li><i class="fa fa-twitter" style="font-size:24px; color : #2196f3;"></i><a class="grey-text text-lighten-3" href="#!">  &nbsp;&nbsp;&nbsp;&nbsp;COM-OUT Official</a></li>
                  <li><i class="material-icons" style="font-size:24px; color : #2196f3;">email</i><a class="grey-text text-lighten-3" href="#!">  &nbsp;&nbsp;&nbsp;&nbsp;support@com-out.com </a></li>
                </ul>
              </div>
            </div>
          </div>
  <div class="footer-copyright">
    <div class="container">
        <p class="center-align">© 2017 Copyright COM-OUT.COM</p>
    </div>
  </div>
</footer>