Bakery Website/contact us.html · Projects

<!DOCTYPE html>
<header>
    <title>contact us</title>
    <link rel="stylesheet" href="Courses+++.css" >
    <script src="https://kit.fontawesome.com/1cafb63022.js" crossorigin="anonymous"></script>
    <nav class="navMenu">
      <img src="logo.jpeg" id="logo-image">
      <a href="HomePage.html">Home</a>
      <a href="AboutUs.html">About Us</a>
      <a href="courseType.html">Courses</a>
      <a href="Comments.html">Community</a>
      <a href="ProjectGallery.html">Gallery</a>
      <a href="contact us.html">Contact Us</a>
      <a href="faq.html">FAQ</a>
      <a href="ProjectLocations.html">Locations</a>
      <div class="dot"></div>
    </nav>
  </header>
  <body id="top">
    <div style="text-align:center">
            <h2>Contact Us</h2>
            <p>Didn't find an answer on the FAQ page? Get in touch with us</p>
    </div>
    <div class="info">
      <div class="address_info">
        <i class="fas fa-map-marker-alt fa-beat fa-2x"></i>
        <div class="topic">Address</div>
        <div class="text-one">Makkah,Alazizyah</div>
        <div class="text-two">Jeddah,Alnasim</div>
      </div>

      <div class="phone_info">
        <i class="fa fa-phone fa-shake fa-2x"></i>
        <div class="topic">Phone</div>
        <div class="text-one">+966 56 7898 789</div>
        <div class="text-two">+966 54 3434 978</div>
      </div>
      
      <div class="email_info">
        <i class="fa-solid fa-envelope fa-bounce fa-2x" style=" --fa-bounce-start-scale-x: 1;" ></i>
        <div class="topic">Email</div>
        <div class="text-one">goldenbatter@gmail.com</div>
        <div class="text-two">gooldenbatter.Qu@gmail.com</div>
      </div>
    </div>
    
      
      
        <div class="content">
            <label for="meesageKind"> What kind of message will you provide?</label>
            <select id="kinds" name="kinds">
              <option value="question">question</option>
              <option value="suggestion">suggestion</option>
              <option value="complaint">complaint</option>
            </select>
            <label for="firstname">First Name</label>
            <input type="text" id="fname" name="firstname" placeholder="Your first name.." required >
            <label for="lname">Last Name</label>
            <input type="text" id="lname" name="secoundname" placeholder="Your secound name.." required>
            <label for="lname">email</label>
            <input type="text" id="email" name="email" placeholder="Your email.." required>
            
            <label for="subject">Subject</label>
            <textarea id="subject" name="subject" placeholder="How can we serve you?....." style="height:170px"></textarea>
            <input type="submit" value="Submit">
          </form>
        </div>
      
    
     
  
</body>
  <footer>
    <small><a href="#top" te>Golden Butter Bakery</a> © 2022. All rights reserved.</small>
  </footer>
</html>