odin-recipes/about.html at main · jenonymous-dev/odin-recipes · 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
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="CONTENT-TYPE" content="text/html; charset=UTF-8" />
        <title>Taste the Rainbow - About</title>
        <meta charset="UTF-8" />
        <meta
            name="description"
            content="Taste the Rainbow is the premier recipe site for all your vibrant and colorful culinary needs! Here you will find a selection of recipes to cook up a rainbow-themed feast."
        />
        <meta
            name="keywords"
            content="recipe, food, meal, family, cooking, rainbow"
        />
        <meta name="author" content="jen degrazia" />
<link
            href="data:image/x-icon;base64,AAABAAEAEBAQAAEABAAoAQAAFgAAACgAAAAQAAAAIAAAAAEABAAAAAAAgAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAMj6ADYA+gAE0QQAAFz6AOMAfQD8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABMAAAAAAAABEzAAAAAAAEETNgAAAAAEQRM2YAAAACRBEzZlAAACJEETNmVQAAIkQRM2ZVAAAiRBEzZlUAACJEETNmVQAAIkQQA2ZVAAACRAAAZlAAAAAAAAAAAAD//wAA//8AAP//AAD+fwAA/D8AAPgfAADwDwAA4AcAAMADAACAAQAAgAEAAIABAACAAQAAgAEAAMGDAADjxwAA"
            rel="icon"
            type="image/x-icon"
        />
        <link rel="stylesheet" href="style.css" />
    </head>
    <body>
        <header>
            <h1>Taste the Rainbow</h1>
            <h3>A collection of colorful recipes.</h3>
            <nav class="nav" id="nav">
                <a href="index.html">Home</a>
            </nav>
        </header>
        <h1>About Taste the Rainbow</h1>
        <div>
            <p>
                <em
                    >Taste the Rainbow is the premier recipe site for all your
                    vibrant and colorful culinary needs! Here you will find a
                    selection of recipes to cook up a rainbow-themed feast.</em
                >
            </p>
        </div>
        <div class="container">
            <form id="contact" action="" method="post">
                <h3>Contact Us</h3>
                <h4>Please, fill out and submit the form below.</h4>
                <fieldset>
                    <input
                        placeholder="Your name"
                        type="text"
                        tabindex="1"
                        required
                        autofocus
                    />
                </fieldset>
                <fieldset>
                    <input
                        placeholder="Your Email Address"
                        type="email"
                        tabindex="2"
                        required
                    />
                </fieldset>
                <fieldset>
                    <input
                        placeholder="Your Phone Number"
                        type="tel"
                        tabindex="3"
                        required
                    />
                </fieldset>
                <fieldset>
                    <input
                        placeholder="Your Website"
                        type="url"
                        tabindex="4"
                        required
                    />
                </fieldset>
                <fieldset>
                    <textarea
                        placeholder="Type your Message Here...."
                        tabindex="5"
                        required
                    ></textarea>
                </fieldset>
                <fieldset>
                    <button
                        name="submit"
                        type="submit"
                        id="contact-submit"
                        data-submit="...Sending"
                    >
                        Submit
                    </button>
                </fieldset>
            </form>
        </div>
        <footer>
            <small>© 2023 jen degrazia. All Rights Reserved.</small>
        </footer>
    </body>
</html>