WebDevWeek2Proj/Main.html at main · CG-82/WebDevWeek2Proj · 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>Gullett's Goodies</title>
    <link rel="stylesheet" href="CSS/style.css">
</head>
<body>

        <header>
            <img src="images/Gullett's Goodies Header.png" alt="Gullett's Goodies Header" class="header-img">
        </header>
        <article>
            <h2>The Reason for the recipe</h2>
            <p>Allergies? Nuts to that! Young Avery was born with a peanut allergy. This meant many baked goods were off the table
                since they were made with or around them. Instead of letting this keep her from things she enjoyed, Avery decided to create
                her own treats and make them peanut free. In the future she will try to create new products that are as free of as many allergens
                as possible!
            </p>
        </article>

                <h2>Menu</h2> <!--This is just a descriptive list of potential items and prices to be corrected later-->
                <h3>Cupcakes</h3>
                <section class="flex-container">
                    <img src="images/strawberryCupcake.JPG" alt="A Strawberry Cream Cheese Cupcake">
                    <p>Strawberry Cream Cheese cupcake</p>
                    <p>A vanilla cupcake topped with cream cheese icing and fresh sliced strawberries.</p>
                    <p>Price: $1.50</p>
                </section>
            <br>
                <section class="flex-container">
                    <img src="images/chocolateCarmelCupcake.JPG" alt="A chocolate cupcake with carmel icing and drizzle">
                    <p>Chocolate Carmel Cupcake</p>
                    <p>A chocolate cupcake topped with carmel icing and drizzle</p>
                    <p>Price:$1.50</p>
                </section>
            <br>
                <section class="flex-container">
                    <p>Chocolate Mint Cupcake</p>
                    <p>A chocolate cupcake topped with mint frosting and a mint.</p>
                    <p>Price: $1.50</p>
                </section>
            <br>
                <h3>Cookies</h3>
                <section class="flex-container">
                    <img src="images/chocolateChipCookies.JPG" alt="Some delicious chocolate chip cookies">
                    <p>Chocolate Chip</p>
                    <p>A classic chocolate chip cookie, peanut free, of course!</p>
                    <p>Price: $1.50</p>
                </section>
            <br>
                <section class="flex-container">
                    <img src="images/strawberryCookies.JPG" alt="Some strawberry cookies with cream cheese icing">
                    <p>Strawberry Cream Cheese</p>
                    <p>A strawberry Cookie with white chocolate chips.</p>
                    <p>Price: $1.50</p>
                </section>
            <br>
                <section class="flex-container">
                    <p>Chocolate Carmel</p>
                    <p>A chocolate cookie with carmel topping.</p>
                    <p>Price: $1.50</p>
                </section>
            <br>

            <a href="orderForm.html">Place order here!</a><!--link to order form page-->

</body>

<footer>
    <p>Author: Christopher Gullett</p>
</footer>
</html>