<template>
    <footer id="footer" class="dark">
      <div class="container">

        <!-- Footer Widgets
        ============================================= -->
        <div class="footer-widgets-wrap">

          <div class="row col-mb-50">
            <div class="col-lg-8">

              <div class="row col-mb-50">
                <div class="col-md-4">

                  <div class="widget">

                    <img src="/images/footer-widget-logo.png" alt="Image" class="footer-logo">

                    <p>We believe in <strong>Simple</strong>, <strong>Creative</strong> &amp; <strong>Flexible</strong> Design Standards.</p>

                    <div style="background: url('/images/world-map.png') no-repeat center center; background-size: 100%;">
                      <address>
                        <strong>Headquarters:</strong><br>
                        795 Folsom Ave, Suite 600<br>
                        San Francisco, CA 94107<br>
                      </address>
                      <abbr title="Phone Number"><strong>Phone:</strong></abbr> (1) 8547 632521<br>
                      <abbr title="Fax"><strong>Fax:</strong></abbr> (1) 11 4752 1433<br>
                      <abbr title="Email Address"><strong>Email:</strong></abbr> info@canvas.com
                    </div>

                  </div>

                </div>

                <div class="col-md-4">

                  <div class="widget widget_links">

                    <h4>Blogroll</h4>

                    <ul>
                      <li><a href="https://codex.wordpress.org/">Documentation</a></li>
                      <li><a href="https://wordpress.org/support/forum/requests-and-feedback">Feedback</a></li>
                      <li><a href="https://wordpress.org/extend/plugins/">Plugins</a></li>
                      <li><a href="https://wordpress.org/support/">Support Forums</a></li>
                      <li><a href="https://wordpress.org/extend/themes/">Themes</a></li>
                      <li><a href="https://wordpress.org/news/">Canvas Blog</a></li>
                      <li><a href="https://planet.wordpress.org/">Canvas Planet</a></li>
                    </ul>

                  </div>

                </div>

                <div class="col-md-4">

                  <div class="widget">
                    <h4>Recent Posts</h4>

                    <div id="post-list-footer" class="posts-sm row col-mb-30">
                      <div class="entry col-12">
                        <div class="grid-inner row">
                          <div class="col">
                            <div class="entry-title">
                              <h4><a href="#">Lorem ipsum dolor sit amet, consectetur</a></h4>
                            </div>
                            <div class="entry-meta">
                              <ul>
                                <li>10th July 2021</li>
                              </ul>
                            </div>
                          </div>
                        </div>
                      </div>

                      <div class="entry col-12">
                        <div class="grid-inner row">
                          <div class="col">
                            <div class="entry-title">
                              <h4><a href="#">Elit Assumenda vel amet dolorum quasi</a></h4>
                            </div>
                            <div class="entry-meta">
                              <ul>
                                <li>10th July 2021</li>
                              </ul>
                            </div>
                          </div>
                        </div>
                      </div>

                      <div class="entry col-12">
                        <div class="grid-inner row">
                          <div class="col">
                            <div class="entry-title">
                              <h4><a href="#">Debitis nihil placeat, illum est nisi</a></h4>
                            </div>
                            <div class="entry-meta">
                              <ul>
                                <li>10th July 2021</li>
                              </ul>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>

                </div>
              </div>

            </div>

            <div class="col-lg-4">

              <div class="row col-mb-50">
                <div class="col-md-4 col-lg-12">
                  <div class="widget">

                    <div class="row col-mb-30">
                      <div class="col-lg-6">
                        <div class="counter counter-small"><span data-from="50" data-to="15065421" data-refresh-interval="80" data-speed="3000" data-comma="true"/></div>
                        <h5 class="mb-0">Total Downloads</h5>
                      </div>

                      <div class="col-lg-6">
                        <div class="counter counter-small"><span data-from="100" data-to="18465" data-refresh-interval="50" data-speed="2000" data-comma="true"/></div>
                        <h5 class="mb-0">Clients</h5>
                      </div>
                    </div>

                  </div>
                </div>

                <div class="col-md-5 col-lg-12">
                  <div class="widget subscribe-widget">
                    <h5><strong>Subscribe</strong> to Our Newsletter to get Important News, Amazing Offers &amp; Inside Scoops:</h5>
                    <div class="widget-subscribe-form-result"/>
                    <form id="widget-subscribe-form" action="include/subscribe.php" method="post" class="mb-0">
                      <div class="input-group mx-auto">
                        <div class="input-group-text"><i class="bi-envelope-plus"/></div>
                        <input id="widget-subscribe-form-email" type="email" name="widget-subscribe-form-email" class="form-control required email" placeholder="Enter your Email">
                        <button class="btn btn-success" type="submit">Subscribe</button>
                      </div>
                    </form>
                  </div>
                </div>

                <div class="col-md-3 col-lg-12">
                  <div class="widget">

                    <div class="row col-mb-30">
                      <div class="col-6 col-md-12 col-lg-6 d-flex align-items-center">
                        <a href="#" class="social-icon text-white border-transparent bg-facebook me-2 mb-0 float-none">
                          <i class="fa-brands fa-facebook-f"/>
                          <i class="fa-brands fa-facebook-f"/>
                        </a>
                        <a href="#" class="ms-1"><small class="d-block"><strong>Like Us</strong><br>on Facebook</small></a>
                      </div>
                      <div class="col-6 col-md-12 col-lg-6 d-flex align-items-center">
                        <a href="#" class="social-icon text-white border-transparent bg-rss me-2 mb-0 float-none">
                          <i class="fa-solid fa-rss"/>
                          <i class="fa-solid fa-rss"/>
                        </a>
                        <a href="#" class="ms-1"><small class="d-block"><strong>Subscribe</strong><br>to RSS Feeds</small></a>
                      </div>
                    </div>

                  </div>
                </div>

              </div>

            </div>
          </div>

        </div><!-- .footer-widgets-wrap end -->

      </div>

      <!-- Copyrights
      ============================================= -->
      <div id="copyrights">
        <div class="container">

          <div class="row col-mb-30">

            <div class="col-md-6 text-center text-md-start">
              Copyrights &copy; 2023 All Rights Reserved by Canvas Inc.<br>
              <div class="copyright-links"><a href="#">Terms of Use</a> / <a href="#">Privacy Policy</a></div>
            </div>

            <div class="col-md-6 text-center text-md-end">
              <div class="d-flex justify-content-center justify-content-md-end mb-2">
                <a href="#" class="social-icon border-transparent si-small h-bg-facebook">
                  <i class="fa-brands fa-facebook-f"/>
                  <i class="fa-brands fa-facebook-f"/>
                </a>

                <a href="#" class="social-icon border-transparent si-small h-bg-x-twitter">
                  <i class="fa-brands fa-x-twitter"/>
                  <i class="fa-brands fa-x-twitter"/>
                </a>

                <a href="#" class="social-icon border-transparent si-small h-bg-google">
                  <i class="fa-brands fa-google"/>
                  <i class="fa-brands fa-google"/>
                </a>

                <a href="#" class="social-icon border-transparent si-small h-bg-pinterest">
                  <i class="fa-brands fa-pinterest-p"/>
                  <i class="fa-brands fa-pinterest-p"/>
                </a>

                <a href="#" class="social-icon border-transparent si-small h-bg-vimeo">
                  <i class="fa-brands fa-vimeo-v"/>
                  <i class="fa-brands fa-vimeo-v"/>
                </a>

                <a href="#" class="social-icon border-transparent si-small h-bg-github">
                  <i class="fa-brands fa-github"/>
                  <i class="fa-brands fa-github"/>
                </a>

                <a href="#" class="social-icon border-transparent si-small h-bg-yahoo">
                  <i class="fa-brands fa-yahoo"/>
                  <i class="fa-brands fa-yahoo"/>
                </a>

                <a href="#" class="social-icon border-transparent si-small me-0 h-bg-linkedin">
                  <i class="fa-brands fa-linkedin"/>
                  <i class="fa-brands fa-linkedin"/>
                </a>
              </div>

              <i class="bi-envelope"/> info@canvas.com <span class="middot">&middot;</span> <i class="fa-solid fa-phone"/> +1-11-6541-6369 <span class="middot">&middot;</span> <i class="bi-skype"/> CanvasOnSkype
            </div>

          </div>

        </div>
      </div><!-- #copyrights end -->
    </footer><!-- #footer end -->

</template>

<script setup lang="ts">
</script>
