forked from arjavbadjatiya/beginning-github-demo
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
143 lines (139 loc) · 4.95 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" type="text/css" href="main.css">
<title>Globie's Food Adventures</title>
</head>
<body>
<header>
<a class="nav-link" href='index.html'>Globie's Food Adventures</a>
</header>
<section class="hero">
<img class="globie" src="images/logo.png">
<h1>Globie's Food Adventures</h1>
<h2>The best foods from around the globe!!!</h2>
</section>
<section class="content">
<article class="card">
<section class="image">
<img src="images/australia.jpg"></img>
</section>
<section class="info">
<h3>Vegemite sandwich</h3>
<address>Sydney, Australia</address>
<p>I can't believe they eat this stuff!</p>
</section>
<footer>
<a class="button" href="australia.html">Read more</a>
</footer>
</article>
<article class="card">
<section class="image">
<img src="images/france.jpg"></img>
</section>
<section class="info">
<h3>Escargots</h3>
<address>Paris, France</address>
<p>Stay tuned for my upcoming trip report from France!</p>
</section>
<footer>
<a class="button" href="france.html">Read more</a>
</footer>
</article>
<article class="card">
<section class="image">
<img src="images/india.jpg"></img>
</section>
<section class="info">
<h3>Pav bhaji</h3>
<address>Mumbai, India</address>
<p>Stay tuned for my upcoming trip report from India!</p>
</section>
<footer>
<a class="button" href="india.html">Read more</a>
</footer>
</article>
<article class="card">
<section class="image">
<img src="images/peru.jpg"></img>
</section>
<section class="info">
<h3>Ceviche</h3>
<address>Lima, Peru</address>
<p>Stay tuned for my upcoming trip report from Peru!</p>
</section>
<footer>
<a class="button" href="peru.html">Read more</a>
</footer>
</article>
<article class="card">
<section class="image">
<img src="images/england.jpg"></img>
</section>
<section class="info">
<h3>Fish & Chips</h3>
<address>London, England</address>
<p>Stay tuned for my upcoming trip report from England!</p>
</section>
<footer>
<a class="button" href="england.html">Read more</a>
</footer>
</article>
<article class="card">
<section class="image">
<img src="images/mexico.jpg"></img>
</section>
<section class="info">
<h3>Tamales</h3>
<address>Oaxaca, Mexico</address>
<p>Stay tuned for my upcoming trip report from Mexico!</p>
</section>
<footer>
<a class="button" href="mexico.html">Read more</a>
</footer>
</article>
<article class="card">
<section class="image">
<img src="images/italy.jpg"></img>
</section>
<section class="info">
<h3>Pizza</h3>
<address>Rome, Italy</address>
<p>Stay tuned for my upcoming trip report from Italy!</p>
</section>
<footer>
<a class="button" href="italy.html">Read more</a>
</footer>
</article>
<article class="card">
<section class="image">
<img src="images/japan.jpg"></img>
</section>
<section class="info">
<h3>Sushi</h3>
<address>Tokyo, Japan</address>
<p>Stay tuned for my upcoming trip report from Japan!</p>
</section>
<footer>
<a class="button" href="japan.html">Read more</a>
</footer>
</article>
<article class="card">
<section class="image">
<img src="images/denmark.jpg"></img>
</section>
<section class="info">
<h3>Lingonberry jam</h3>
<address>Copenhagen, Denmark</address>
<p>Stay tuned for my upcoming trip report from Denmark!</p>
</section>
<footer>
<a class="button" href="denmark.html">Read more</a>
</footer>
</article>
</section>
</body>
</html>