-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
77 lines (65 loc) · 2.71 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
<!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">
<meta name="description" content="The definitive reference for wine lovers">
<meta name="keywords" content="wine history, wine guide, wine lovers, white wine, red white, rose wine">
<link rel="stylesheet" href="assets/CSS/style.css">
<title>College Project</title>
</head>
<body>
<header>
<nav>
<ul id="menu">
<li>
<a href="index.html" class="active">Home</a>
</li>
<li>
<a href="did-you-know.html">Did you know?</a>
</li>
<li>
<a href="origins.html">Origins</a>
</li>
<li>
<a href="how-to-buy-wine.html">How to buy wine</a>
</li>
<li>
<a href="matching-wine-food.html">Matching wine & food</a>
</li>
<li>
<a href="maps.html">Maps</a>
</li>
</ul>
</nav>
</header>
<section id="hero-outer">
<div class="texture"></div>
<div id="hero-video">
<video src="assets/video/wine.mp4" loop muted autoplay preload="auto" aria-label="video of wine pouring into a glass">
<p>Your browser does not support this video.</p>
</video>
<article class="invitation">
<h2>Wine is an invitation to go on a journey.</h2>
<br>
<h3><span style="font-style: italic;">“Wine is one of the most civilized things in the world and one of the most natural things of the world that has been brought to the greatest perfection, and it offers a greater range for enjoyment and appreciation than, possibly, any other purely sensory thing.”</span>
― Ernest Hemingway</h3>
</article>
</div>
</section>
<footer>
<p>© Copyright 2021 Emanuel </p>
<ul class="social-network">
<li>
<a href="https://www.linkedin.com" target="_blank" rel="noopener" aria-label="Visit My LinkedIn page (opens in new tab)"><i class="fab fa-linkedin"></i></a>
</li>
<li>
<a href="https://twitter.com" target="_blank" rel="noopener" aria-label="Visit My Twitter page (opens in new tab)"><i class="fab fa-twitter-square"></i></a>
</li>
</ul>
</footer>
<!-- font awsome script -->
<script src="https://kit.fontawesome.com/dd8a4455f1.js" crossorigin="anonymous"></script>
</body>
</html>