index.footer.partial.html

<footer class="footer">
  <div class="footer__container">
    <div class="footer__title">
      <h2>Contacts</h2>
      <p>Contact us to book a tour, tasting, or order our beer.</p>
    </div>
    <div class="footer__Address">
      <h3>Address</h3>
      <p>6118 Jefferson St, West New York,</p>
      <p>NJ 07093, USA</p>
    </div>
    <div class="footer__Hours">
      <h3>Hours</h3>
      <p>Monday - Saturday: 11 AM - 9 PM</p>
      <p>Sunday: 11 AM - 7 PM</p>
    </div>
    <div class="footer__Contacts">
      <h3>Contacts</h3>
      <ul>
        <li><a href="#Number" class="footer__number">+1(234)5678900</a></li>
        <li>
          <a href="#mail" class="footer__email">craftbrewery@email.com</a>
        </li>
      </ul>
    </div>
  </div>
  <div class="footer__maps">
    <iframe
      src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3020.6196875304413!2d-74.02163922445287!3d40.792374432691986!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c258059d6a3899%3A0x8fbeb5290202611b!2zNjExOCBKZWZmZXJzb24gU3QsIFdlc3QgTmV3IFlvcmssIE5KIDA3MDkzLCDQodCo0JA!5e0!3m2!1sru!2sua!4v1707264055480!5m2!1sru!2sua"
      width="600"
      height="450"
      style="border: 0"
      allowfullscreen=""
      loading="lazy"
      referrerpolicy="no-referrer-when-downgrade"
    ></iframe>
  </div>

  <div class="footer__formContainer">
    <form action="" method="">
      <input
        type="fullname"
        name="fullname"
        placeholder="Enter your full name*"
        required
      />
      <input
        type="phonenumber"
        name="phonenumber"
        placeholder="Enter your phone number*"
        required
      />
      <input
        type="email"
        name="email"
        placeholder="Enter your e-mail*"
        required
      />
      <textarea name="message" id="message" maxlength="2000"></textarea>
      <input type="submit" value="Submit" />
    </form>
  </div>
  <nav class="footer__navigation">
    <a href="index.html"
      ><img
        style="background-color: black"
        src="img-brewery-history/beer-logo.svg"
        alt="Beer Logo"
    /></a>
    <ul class="header__menu">
      <li class="header__menu-item">
        <a href="#about" class="header__menu-link">About us</a>
      </li>
      <li class="header__menu-item">
        <a href="#beerstyle" class="header__menu-link">Beer Styles</a>
      </li>
      <li class="header__menu-item">
        <a href="#testimonials" class="header__menu-link">Testimonials</a>
      </li>
      <li class="header__menu-item">
        <a href="#contacts" class="header__menu-link">Contacts Us</a>
      </li>
    </ul>
  </nav>
  <div class="footer__rights">
    <p>© Created by</p>
    <p>All rights Reserved</p>
  </div>
</footer>