webmaster/orderFinal.html at main · prishaakapasi/webmaster · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
<!DOCTYPE html>
<html lang="en">
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Reservation Form</title>
   <link rel="stylesheet" href="orderFinal.css">
  </head>
  <body>
    <nav>
      <div class="menu-toggle" onclick="toggleMenu()">
        ☰
      </div>
      <ul class="nav-links">
        <li><a href="index.html">Home</a></li>
        <li><a href="index.html#aboutus">About Us</a></li>
        <li><a href="ourProcess.html">Our Process</a></li>
        <li><a href="menu.html">Menu</a></li>
        <li><a href="reservation.html">Reserve</a></li>
        <li><a href="sources.html">Reference Page</a></li>
        <li><a href="cart.html"><img src="shoppingcart.png" alt="Cart" style="width: 40px; height: 30px;"/></a></li>
      </ul>
    </nav>
    <div id="text">
      <h1>Thank You for Ordering!</h1>
      <h2>Enjoy your food!</h2>
  </div>
    <script>
      function toggleMenu() {
        const navLinks = document.querySelector('.nav-links');
        navLinks.classList.toggle('active');
      }
    </script>
<footer>
  <div class="footer-container">
   <div class="title">
     <h3>The Global Goodness</h3>
     <p>10976 Vegan Way</p>
     <p>San Diego, CA 22434</p>
   </div>
   <div class="footer-map">
     <iframe
       src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3168.9484165785316!2d-117.16108758468712!3d32.71573698109206!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x80d9533e03c0f0f7%3A0x9d1139c704345c3!2s10976%20Vegan%20Way%2C%20San%20Diego%2C%20CA%2022434%2C%20USA!5e0!3m2!1sen!2sus!4v1682471149000!5m2!1sen!2sus"
       width="300"
       height="200"
       style="border:0;"
       allowfullscreen=""
       loading="lazy"
       referrerpolicy="no-referrer-when-downgrade">
     </iframe>
   </div>
      <div class="contact-info">
       <div class="socials">
         <h1>Socials</h1>
         <div class = "social-imgs">
          <a href="https://www.instagram.com/theglobalgoodness/" target="_blank" >
            <img src="instagram.png" alt="Instagram" />
          </a>
            <img src="twitter.png" alt="Twitter" />
            <img src="facebook.png" alt="Facebook" />
          </div>
       </div>
       <div class="Phone-Number">
         <h1>Call Us</h1>
         <p>720 276 8301</p>
       </div>
     </div>
   <div class="logo">
     <img src="logo.png" alt="Logo" class="logoimg">
   </div>
  </div>
 </footer>
  </body>
</html>