homework_5/product.html at master · tsengs2/homework_5 · 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
<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
    <meta charset="utf-8" />
	<meta name="author" content="Bun Bun Bake Shop">
	<meta name="keywords" content="Bun Bun Bake Shop PUI">
</head>
<style>
  img {
  border-radius: 50%;
  }

</style>

<body>

    <div class="container">
        <div class="topnav">
            <a style = "text-decoration: none;"href="index.html"><b>HOME</b></a>
            <a style = "text-decoration: none;float:right" href="#cart"><b>CART</b></a>
            <a style = "text-decoration: none;float:right" href="#about"><b>ABOUT</b></a>
            <a style = "text-decoration: none;float:right" href="product.html"><b>MENU</b></a>
          </div>
        </div>
      </div>

    <div class ="square1"></div>
    <div class ="square2"></div>
    <div class ="square3"></div>
    <h2>Cinnamon <br> Rolls</h2>
    <h6>We offer so many delicious flavors for you to choose from. Try any of our delicious rolls and personalize it with your choice of glazing!</h6>
    <img src="assets/original.png" class="original" alt="Original Cinnamon Roll" style="width:200px">
    <img src="assets/blackberry.png" class="blackberry" alt="Blackberry Cinnamon Roll" style="width:200px">
    <img src="assets/walnut.png" class="walnut" alt="Walnut Cinnamon Roll" style="width:200px">
    <img src="assets/gluten-free.png" class="gluten-free" alt="Original Gluten Free Cinnamon Roll" style="width:200px">
    <img src="assets/pumpkin-spice.png" class="pumpkin-spice" alt="Pumpkin Spice Cinnamon Roll" style="width:200px">
    <img src="assets/caramel-pecan.png" class="caramel-pecan" alt="Caramel Spice Cinnamon Roll" style="width:200px">

    <button class="button1" onclick='location.href="product_detail.html"'><b>Order Now</b></button>
    <button class="button2" ><b>Order Now</b></button>
    <button class="button3" ><b>Order Now</b></button>
    <button class="button4" ><b>Order Now</b></button>
    <button class="button5" ><b>Order Now</b></button>
    <button class="button6" ><b>Order Now</b></button>
    <h3 class="original-text"> Original </h3>
    <h3 class="original-price"> $4.00 </h3>
    <h3 class="gluten-text"> Original <br> Gluten-Free </h3>
    <h3 class="gluten-price"> $4.50 </h3>
    <h3 class="blackberry-text"> Blackberry </h3>
    <h3 class="blackberry-price"> $4.00 </h3>
    <h3 class="walnut-text"> Walnut </h3>
    <h3 class="walnut-price"> $4.00 </h3>
    <h3 class="ps-text"> Pumpkin Spice </h3>
    <h3 class="ps-price"> $5.00 </h3>
    <h3 class="cp-text"> Caramel Pecan </h3>
    <h3 class="cp-price"> $5.00 </h3>


</body>
</html>