<footer class="bz-footer">
  <div class="bz-container">
    <div class="bz-footer-grid">
      <div class="bz-footer-about">
        <a href="/" class="bz-logo">
          {icon name="sparkles" size="26"}
          <span>{site.name}</span>
        </a>
        <p>Lorem Ipsum is simply dummy text of the industry. Lorem Ipsum has been the industry's standard since when unknown.</p>
        <div class="bz-footer-social">
          <a href="#" aria-label="Facebook">{icon name="facebook" size="14"}</a>
          <a href="#" aria-label="Skype">{icon name="skype" size="14"}</a>
          <a href="#" aria-label="Twitter">{icon name="twitter" size="14"}</a>
          <a href="#" aria-label="LinkedIn">{icon name="linkedin" size="14"}</a>
        </div>
      </div>

      <div class="bz-footer-subscribe">
        <h4>Subscribe</h4>
        <form data-bz-newsletter>
          <input type="text" placeholder="Your Name" name="name" autocomplete="name">
          <input type="email" placeholder="Email Address" name="email" required autocomplete="email">
          <button type="submit">Subscribe Now</button>
          <p data-bz-newsletter-msg class="bz-muted" style="font-size:11px;margin-top:8px"></p>
        </form>
      </div>

      <div>
        <h4>Company</h4>
        <ul class="bz-footer-list">
          <li><a href="/p/about">About Us</a></li>
          <li><a href="/p/contact">Contact Us</a></li>
          <li><a href="/p/local-print-ads">Local Print Ads</a></li>
          <li><a href="/p/faq">FAQ's</a></li>
          <li><a href="/p/careers">Careers</a></li>
        </ul>
      </div>

      <div>
        <h4>Quick Links</h4>
        <ul class="bz-footer-list">
          <li><a href="/p/privacy">Privacy Policy</a></li>
          <li><a href="/news">Discussion</a></li>
          <li><a href="/p/terms">Terms &amp; Conditions</a></li>
          <li><a href="/p/customer-support">Customer Support</a></li>
          <li><a href="/p/course-faq">Course FAQ's</a></li>
        </ul>
      </div>

      <div>
        <h4>Category</h4>
        <ul class="bz-footer-list">
          [categories entity="news" limit="5" sort="news_count" order="desc"]
            <li><a href="{url}">{title}</a></li>
          [/categories]
        </ul>
      </div>
    </div>

    <div class="bz-copyright">
      <span>© {site.name} · работает на <a href="https://celena.io" rel="noopener">Celena CMS</a></span>
      <a href="#comments" class="bz-share-thinking">Share your thinking {icon name="arrow_right" size="14"}</a>
    </div>
  </div>
</footer>
