footer.html

<!-- BEGIN FOOTER -->
      <aside class="ms-footbar">
        <div class="container">
          <div class="row">
            <div class="col-lg-4 ms-footer-col">
              <div class="ms-footbar-block">
                <h3 class="ms-footbar-title">Subscribe</h3>
                <p class="">Sign up to get the latest recipes and ideas from ectlecta!</p>
                <form>
                  <div class="form-group label-floating mt-2 mb-1">
                    <div class="input-group ms-input-subscribe">
                      <label class="control-label" for="ms-subscribe">
                        <i class="zmdi zmdi-email"></i> Email Adress</label>
                      <input type="email" id="ms-subscribe" class="form-control"> </div>
                  </div>
                  <button class="ms-subscribre-btn" type="button">Subscribe</button>
                </form>
              </div>
            </div>
            <div class="col-lg-5 col-md-7 ms-footer-col ms-footer-alt-color">
              <div class="ms-footbar-block">
                <h3 class="ms-footbar-title text-center mb-2">Get in Touch</h3>
                <div class="ms-footer-media">
          <p>
                    <i class="color-info zmdi zmdi-email mr-1"></i>
                    <strong>General Inquires:</strong>
                    <a href="mailto:joe@example.com">@ectlecta.com</a>
                  </p>
          <p>
                    <i class="color-info zmdi zmdi-email mr-1"></i>
                    <strong>Suggestions:</strong>
                    <a href="mailto:joe@example.com">ideas@ectlecta.com</a>
                  </p>
          <p>
                    <i class="color-info zmdi zmdi-email mr-1"></i>
                    <strong>Bugs / Broken Pages:</strong>
                    <a href="mailto:joe@example.com">bugs@ectlecta.com</a>
                  </p>

                </div>
              </div>
            </div>
            <div class="col-lg-3 col-md-5 ms-footer-col ms-footer-text-right">
              <div class="ms-footbar-block">
                <h3 class="ms-footbar-title">Social Media</h3>
                <div class="ms-footbar-social">
                  <a href="https://www.facebook.com/ectlecta/" class="btn-circle btn-facebook">
                    <i class="zmdi1 zmdi-facebook"></i>
                  </a>
                  <a href="https://www.youtube.com/channel/UC9nFjVraKTD-31_t9OCHEJQ?view_as=subscriber" class="btn-circle btn-youtube">
                    <i class="zmdi1 zmdi-youtube-play"></i>
                  </a>
                  <br>
                  <a href="https://www.instagram.com/ectlecta/" class="btn-circle btn-instagram">
                    <i class="zmdi1 zmdi-instagram"></i>
                  </a>
                  <a href="https://www.pinterest.com/ectlecta/" class="btn-circle btn-pinterest">
                    <i class="zmdi1 zmdi-pinterest-box"></i>
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </aside>
      <footer class="ms-footer">
        <div class="container">
          <p>&copy; 2017 ectlecta</p>
        </div>
      </footer>
      <div class="btn-back-top">
        <a href="#" data-scroll id="back-top" class="btn-circle btn-circle-primary btn-circle-sm btn-circle-raised ">
          <i class="zmdi zmdi-long-arrow-up"></i>
        </a>
      </div>
    </div>
  <!-- END FOOTER -->