<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<th:block th:fragment="footer">
  <script th:inline="javascript">
    /*<![CDATA[*/
    function callSendTlg() {
      sendTlg(document.querySelector("#tlg_form"), /*[[${enc}]]*/, /*[[${keyword}]]*/);
    }
    /*]]>*/

  </script>
    <div id="footer">
      <div class="container">
        <div class="row">
          <section class="col-3 col-6-narrower col-12-mobilep">
            <h3>Rank of Views</h3>
            <ul class="rank_of_view" >
              <li><a href="#">Mattis et quis rutrum</a></li>
              <li><a href="#">Suspendisse amet varius</a></li>
              <li><a href="#">Sed et dapibus quis</a></li>
              <li><a href="#">Rutrum accumsan dolor</a></li>
              <li><a href="#">Mattis rutrum accumsan</a></li>
              <li><a href="#">Suspendisse varius nibh</a></li>
              <li><a href="#">Sed et dapibus mattis</a></li>
            </ul>
          </section>
          <section class="col-3 col-6-narrower col-12-mobilep">
            <h3>Recent of Posts</h3>
            <ul class="recent_posts">
              <li><a href="#">Duis neque nisi dapibus</a></li>
              <li><a href="#">Sed et dapibus quis</a></li>
              <li><a href="#">Rutrum accumsan sed</a></li>
              <li><a href="#">Mattis et sed accumsan</a></li>
              <li><a href="#">Duis neque nisi sed</a></li>
              <li><a href="#">Sed et dapibus quis</a></li>
              <li><a href="#">Rutrum amet varius</a></li>
            </ul>
          </section>
          <section class="col-6 col-12-narrower">
            <h3>Get In Touch</h3>
            <div id="tlg_form" >
              <div class="row gtr-50">
                <div class="col-6 col-12-mobilep">
                  <input type="text" name="name" id="name" placeholder="Name" />
                </div>
                <div class="col-6 col-12-mobilep">
                  <input type="email" name="email" id="email" placeholder="Email" />
                </div>
                <div class="col-12">
                  <textarea name="message" id="message" placeholder="Message" rows="5"></textarea>
                </div>
                <div class="col-12">
                  <ul class="actions">
                    <li><input type="submit" class="button alt" value="Send Message"  onclick="callSendTlg()" /></li>
                  </ul>
                </div>
              </div>
            </div>
          </section>
        </div>
      </div>

      <!-- Icons -->
      <ul class="icons">
        <li><a href="#" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
        <li><a href="#" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>
        <li><a href="#" class="icon brands fa-github"><span class="label">GitHub</span></a></li>
        <li><a href="#" class="icon brands fa-linkedin-in"><span class="label">LinkedIn</span></a></li>
        <li><a href="#" class="icon brands fa-google-plus-g"><span class="label">Google+</span></a></li>
      </ul>

      <!-- Copyright -->
      <div class="copyright">
        <ul class="menu">
          <li>&copy;lunaticbum  All rights reserved</li><li>Origin Design from:<a href="http://html5up.net">HTML5 UP</a></li>
        </ul>
      </div>
    </div>
</th:block>
</html>