-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
147 lines (137 loc) · 5.93 KB
/
index.html
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
<!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">
<title>Home</title>
<!-- Link the style.css here.-->
<link rel="stylesheet" href="style/style.css" />
</head>
<body>
<nav class="mainNav">
<!-- Upate the href so that each link is working and navigates to the corresponding page. -->
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="shop.html">Shopping</a></li>
</ul>
</nav>
<header class="jumbotron">
<div class="jumboText">
<h1>Welcome to Software Engineering</h1>
<h2>HTML & CSS Mid-Term</h2>
</div>
</header>
<main class="mainBody">
<header id="welcomeMessage">
<h1>My Favorite Foods</h1>
<h2>List of my top favorite foods.</h2>
<!-- Create and Ordered List of your Top 5 Favorite Foods -->
<!-- Start Ordered List here -->
<div id="favoriteFoodList">
<ol>
<li>Pizza</li>
<li>Penne</li>
<li>Gnocchi</li>
<li>Apple Pie</li>
<li>Garlic Bread</li>
</ol>
</div>
<!-- End Ordered List here -->
</header>
<section class="contentSections">
<article class="articles">
<header>
<h1>Pizza</h1>
</header>
<p>I dunno i just really like it.</p>
<!-- Find an image of your favorite food from www.unsplash.com and embed it here. -->
<figure>
<img
src="https://images.squarespace-cdn.com/content/v1/5f99ccd9a6e3cd3a37a7a080/1607019859844-F1W7VU4V7LNUZR28ZRXQ/Slider-4.jpg?format=2500w" />
<figcaption>Person forcefully separating infant pizza slice from it's family (circa 2005).
</figcaption>
</figure>
<aside>
<p>
Pasta originated from Italy in the Campania region.
</p>
</aside>
</article>
<article class="articles">
<header>
<h1>Penne</h1>
</header>
<p>Fun shapes to put right in your mouth! Yum!</p>
<!-- Find an image of your favorite food from www.unsplash.com and embed it here. -->
<figure>
<img src="https://media-cdn.tripadvisor.com/media/photo-s/1c/c3/fc/c2/penne-al-pomodoro.jpg" />
<figcaption>They're like a little family covered up in... umm.... </figcaption><figcaption style="color:red">red paint.</figcaption>
</figure>
<aside>
<p>
While it does in a way also originate in Italy, the idea was brought from Marco Polo from China.
</p>
</aside>
</article>
<article class="articles">
<header>
<h1>Gnocchi</h1>
</header>
<p>A different kind of pasta; shaped like maggots with a gush of tomato sauce inside each! Keeps the
flavor nice and hot.</p>
<!-- Find an image of your favorite food from www.unsplash.com and embed it here. -->
<figure>
<img
src="https://www.kikkoman.eu/fileadmin/_processed_/a/e/csm_WEB_Spicy_tomato_and_sausage_gnocchi_with_fennel_and_spinach_b1e3a765d7.jpg" />
<figcaption>Just don't think about maggots while eating this. Otherwise it won't be very tasty. Protip.</figcaption>
</figure>
<aside>
<p>
Gnocchi comes from Italy.
</p>
</aside>
</article>
<article class="articles">
<header>
<h1>Apple Pie</h1>
</header>
<p>It just tastes really good man. The melty apple goodness is akin to syrup.</p>
<!-- Find an image of your favorite food from www.unsplash.com and embed it here. -->
<figure>
<img
src="https://kristineskitchenblog.com/wp-content/uploads/2021/04/apple-pie-1200-square-592-2.jpg" />
<figcaption>Weird slimy triangle things drowned in apple sauce, served as "dessert".</figcaption>
</figure>
<aside>
<p>
Apple pie originated in England.
</p>
</aside>
</article>
<article class="articles">
<header>
<h1>Garlic Bread</h1>
</header>
<p>It's garlic bread, not moldy bread. Tastes a lot better than you think (basically bread but with more
flavor).</p>
<!-- Find an image of your favorite food from www.unsplash.com and embed it here. -->
<figure>
<img src="https://www.shugarysweets.com/wp-content/uploads/2020/04/garlic-bread-4-720x540.jpg" />
<figcaption>I don't even know how to describe this one but it looks tasty!</figcaption>
</figure>
<aside>
<p>
Garlic bread comes from you guessed it... Italy.
</p>
</aside>
</article>
</section>
</main>
<footer class="mainFooter">
<p>Created by: Antonio Cotto</p>
<a href="mailto:cotto_antonio@student.mahoningctc.com">Email Me</a>
</footer>
</body>
</html>