<!-- footer.php -->
<?php
/**
 * The template for displaying the footer
 *
 * Contains the closing of the #content div and all content after.
 *
 * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
 *
 * @package WordPress
 * @subpackage Twenty_Twenty_One
 * @since Twenty Twenty-One 1.0
 */

?>

    <div style="background-color: white">
      <div
        class="py-5"
        style="
          padding-top: 5rem;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          gap: 3rem;
        "
      >
        <div class="mx-3" style="text-align: center; letter-spacing: 4px">
          47,124,359 DOWNLOADS & COUNTING - 6061 GRAPHICS ♡ 臺四即文善公作
        </div>
        <div style="display: flex; flex-direction: column; gap: 1rem">
          <div>Never miss another freebie, subscribe below :)</div>
          <div>
            <input
              type="text"
              class="form-control email-input"
              placeholder="Your email address"
              aria-label="Username"
              aria-describedby="basic-addon1"
            />
          </div>
        </div>
        <div class="mx-5" style="display: flex; flex-direction: column; align-items: center; gap: 1rem">
          <div class="row footer-row" style="width: 100%">
            <!-- <div class="col-xs-12" style="display: flex; justify-content: center; gap: 1rem"> -->
            <div class="row">
              <div class="col-6 col-md-2"><a href="#">About</a></div>
              <div class="col-6 col-md-2"><a href="#">Submit</a></div>
              <div class="col-6 col-md-2"><a href="#">License</a></div>
              <div class="col-6 col-md-2"><a href="#">進變果沒致</a></div>
              <div class="col-6 col-md-2"><a href="#">Privacy Policy</a></div>
              <div class="col-6 col-md-2"><a href="#">Contact</a></div>
            </div>
            <!-- </div> -->
          </div>
          <div class="row footer-row justify-content-center">
            <div class="col-3 col-md-2 my-3"><a href="#">Photoshop Graphics </a></div>
            <div class="col-3 col-md-2 my-3"><a href="#">Photoshop Mockups</a></div>
            <div class="col-3 col-md-2 my-3"><a href="#">Vector Graphics</a></div>
            <div class="col-3 col-md-2 my-3"><a href="#">Sketch Resources</a></div>
            <div class="col-3 col-md-2 my-3"><a href="#">臺四即文善公</a></div>
            <div class="col-3 col-md-2 my-3"><a href="#">Design Articles</a></div>
          </div>
        </div>
      </div>
    </div>

    <div class="copyright-line">© 2023 Unblast. All rights reserved.</div>

    <?php require get_template_directory().'/inc/third-party-library-footer.php' ?>

    <?php wp_footer(); ?>

  </body>
</html>
<!-- footer.php -->
