final-project/product.html at main · AIR-dev53/final-project · 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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="styles.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Kurale&display=swap" rel="stylesheet"> <script type="module" src="/scripts/itemController.js"></script>
    <script type="module" src="/scripts/items.js"></script>
    <title>Baker's Quartet - The Goods</title>
</head>
<body>


 <!--Navbar Section Start-->
<header>
  <div class="nav">
  <a href="#" class="logo-1"> <img src="images\bake__2_.png"/> </a>
  <div class="bx bx-menu" id="menu-icon"></div>


  <ul class="navlist">
    <li><a href="index.html">Home</a></li>
    <li><a href="about.html">About Us</a></li>
    <li><a href="product.html">The Goods</a></li>
    <li><a href="form.html">Order Now</a></li>
  </ul>
  <a href="form.html" class="top-btn">Place an Order!</a>
</div>
</header>


    <div class="products-info">
    <div class="card">
         <img src="images/chocolate-cake.jpg" alt="Chocolate cake">
         <div class="container">
            <h4><b>Chocolate Cake</b></h4>
            <p>This cake was created using the words best
                ingredients. It is moist, delicious
                and like magic in every bite. <b>$30</b> </p>
        </div>
    </div>
    <div class="card">
        <img src="images/churro.jpg" alt="churros">
        <div class="container">
           <h4><b>churros</b></h4>
           <p>Sweet churros with chocolate ganache and strawberries.
              Churros are per order you'll love them. <b>$5</b> for two</p>
       </div>
   </div>
   <div class="card">
    <img src="images/brownies.jpg" alt="brownies">
    <div class="container">
       <h4><b>Brownies</b></h4>
       <p>Our double fudge brownies come with a tall glass of milk.
          Made fresh daily and for all our brownie lovers. <b>$7</b> for two
       </p>
   </div>
   </div>
   <div class="card">
    <img src="images/cinnamon-rolls.jpg" alt="mini cinnamon rolls">
    <div class="container">
       <h4><b>Mini cinnamon rolls</b></h4>
       <p>Our mini cinnamon rolls are adorable and tasty.
        They are perfect appetizer and can be bought in bulk. <b>$12</b> a dozen</p>
   </div>
   </div>
   <div class="card">
    <img src="images/cookies_landing_page.jpg" alt="cookies">
    <div class="container">
       <h4><b>Crinkle Cookies</b></h4>
       <p>Fresh cookies made daily! We have all kinds but
        our crinkle are our best seller. <b>$12</b> a dozen</p>
   </div>
   </div>
   <div class="card">
    <img src="images/muffins.jpg" alt="mini muffins">
    <div class="container">
       <h4><b>Mini muffins</b></h4>
       <p>Our mini muffins are adorable and tasty.
        They are perfect appetizer and can be bought in bulk. <b>$12</b> a dozen</p>
   </div>
   </div>
   <div class="card">
    <img src="images/macaroons-landing-img.jpg" alt="macaroons">
    <div class="container">
       <h4><b>Macaroons</b></h4>
       <p>Everyone's favorite finger food is a Macaroon! Enjoy our
          delightful macaroons any day of the week.  <b>$5</b> a dozen</p>
   </div>
   </div>
   <div class="card">
    <img src="images/doughnuts.jpg" alt="doughnuts">
    <div class="container">
       <h4><b>Doughnuts</b></h4>
       <p>All your favorite doughnuts with all your favorite fillings!
        Mix and match or just grab one! <b>$2</b> each</p>
   </div>
   </div>


   <div class="card">
    <img src="images/cupcakes.jpg" alt="customizable cupcakes">
    <div class="container">
       <h4><b>Custom cupcakes</b></h4>
       <p>Great for parties and all kinds of celebration! Crafted and decorated to
          your specifications.  <b>price TBD</b>
       </p>
   </div>
</div>
<div class="card">
  <img src="images/landing_cake_img.jpg" alt="customizable cake">
  <div class="container">
     <h4><b>Custom cakes</b></h4>
     <p>Great for parties and all kinds of celebration! Crafted and decorated to
      your specifications.  <b>price TBD</b></p>
 </div>
</div>

</div>


<!--Footer Section Start-->
<footer>
    <img class="logo-2" src="images\bake__2_.png" width="150" height="150">
    <div class="loca">
      <h3 class="loca-title">Locations</h3>
    <ul class="loca-list">
      <li><a class="dallas" href="#">Dallas</a></li>
      <li><a class="wash" href="#">Washington</a></li>
      <li><a class="new" href="#">New York</a></li>
      <li><a class="moon" href="#">The Moon</a></li>
    </ul>
  </div>
  <div class="cust">
    <h3 class="cust-title">Customer Service</h3>
    <ul class="cust-list">
        <li><a class="faq" href="#">FAQ</a></li>
        <li><a class="con" href="#">Contact Us</a></li>
        <li><a class="ship" href="#">Shipping Info</a></li>
      </ul>
    </div>
    <div class="reso">
    <h3 class="reso-title">Other Resources</h3>
    <li><a class="face" href="#">Facebook</a></li>
    <li><a class="insta" href="#">Instagram</a></li>
    <li><a class="twit" href="#">Twitter</a></li>
    </div>
  </footer>
  <!-- Footer Section End-->
  <script src="scripts/itemController.js"></script>
  <script src="scripts/index.js"></script>

</body>

</html>