-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
98 lines (87 loc) · 7.19 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
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Odin Landing Page | dissidenttux</title>
<link rel="stylesheet" href="style.css"/>
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Ubuntu:regular,bold&subset=Latin">
</head>
<body>
<!-- Page's main header uses across all of the website -->
<div class="section-hero">
<nav>
<header>
<h1>Cain's Pub</h1>
</header>
<ul>
<li><a href="index.html">home</a></li>
<li><a href="https://www.example.com">about</a></li>
<li><a href="https://www.gnu.org/licenses/agpl-3.0.en.html">legal</a></li>
</ul>
</nav>
<!-- Page's main content -->
<main>
<hgroup>
<div class="hero-message">
<h2>Have a drink with your old friends</h2>
<p>From the Isles comes a piece of home from the motherland. While you're not there, you're there when here.</p>
<button class="button-hero">Sign up</button>
</div>
<img class="hero-img" src="./images/7844635708_a6fd45aa71_b.jpg">
</hgroup>
</main></div>
<section class="randinfo">
<h2>Artifacts and Features from the Old Ruins</h2>
<div class="randinfo-images">
<div class="randinfo-image">
<figure>
<img src="./images/helmet.jpg">
</figure>
<figcaption>Take a look from our boutique selection of armor.</figcaption>
</div>
<div class="randinfo-image">
<figure>
<img src="./images/cuirass.jpg">
</figure>
<figcaption>Observe artifacts from great warriors of old.</figcaption>
</div>
<div class="randinfo-image">
<figure>
<img src="./images/axe.jpg">
</figure>
<figcaption>Procure the finest tools, from our home to yours.</figcaption>
</div>
<div class="randinfo-image">
<figure>
<img src="./images/mug.jpg">
</figure>
<figcaption>Gather some of the finest mead.</figcaption>
</div>
</div>
</section>
<section class="quote">
<blockquote>"The lively atmosphere, warm hospitality, and authentic Eldorian ambiance at this pub truly make it a home away from home. From the moment you step inside, you're greeted with the sounds of laughter, clinking glasses, and traditional Eldorian music. It's the perfect place to unwind, connect with friends, and savor some delicious pints of honeymead. Sláinte!"</blockquote>
<cite>-Fiachra Doyle </cite>
</section>
<section class="action-call">
<div class="action-call">
<div class="action-call-text">
<h2>Sign up for your next reservation!</h2>
<p>Get a reserved spot while it lasts to guarantee the right occasion.</p>
</div>
<button>Sign up</button>
</div>
</section>
<!-- Page's main footer used across all of the website -->
<footer>
<p class="copyright">Copyright © The Odin Project 2023</p>
Other attributions:
<p class="attribution">"<a target="_blank" rel="noopener noreferrer" href="https://www.flickr.com/photos/41132143@N00/7844635708">mountains</a>" by <a target="_blank" rel="noopener noreferrer" href="https://www.flickr.com/photos/41132143@N00">danoxster</a> is licensed under <a target="_blank" rel="noopener noreferrer" href="https://creativecommons.org/licenses/by-sa/2.0/?ref=openverse">CC BY-SA 2.0 <img src="https://mirrors.creativecommons.org/presskit/icons/cc.svg" style="height: 1em; margin-right: 0.125em; display: inline;"><img src="https://mirrors.creativecommons.org/presskit/icons/by.svg" style="height: 1em; margin-right: 0.125em; display: inline;"><img src="https://mirrors.creativecommons.org/presskit/icons/sa.svg" style="height: 1em; margin-right: 0.125em; display: inline;"></a>. </p>
<p class="attribution">"<a target="_blank" rel="noopener noreferrer" href="https://www.flickr.com/photos/81677556@N00/52329932592">Viking helmets</a>" by <a target="_blank" rel="noopener noreferrer" href="https://www.flickr.com/photos/81677556@N00">sebilden</a> is licensed under <a target="_blank" rel="noopener noreferrer" href="https://creativecommons.org/licenses/by/2.0/?ref=openverse">CC BY 2.0 <img src="https://mirrors.creativecommons.org/presskit/icons/cc.svg" style="height: 1em; margin-right: 0.125em; display: inline;"><img src="https://mirrors.creativecommons.org/presskit/icons/by.svg" style="height: 1em; margin-right: 0.125em; display: inline;"></a>. </p>
<p class="attribution">"<a target="_blank" rel="noopener noreferrer" href="https://clevelandart.org/art/1916.1521">Breastplate from Hussar's Cuirass</a>" is marked with <a target="_blank" rel="noopener noreferrer" href="https://creativecommons.org/publicdomain/zero/1.0/?ref=openverse">CC0 1.0 <img src="https://mirrors.creativecommons.org/presskit/icons/cc.svg" style="height: 1em; margin-right: 0.125em; display: inline;"><img src="https://mirrors.creativecommons.org/presskit/icons/zero.svg" style="height: 1em; margin-right: 0.125em; display: inline;"></a>. </p>
<p class="attribution">"<a target="_blank" rel="noopener noreferrer" href="https://www.flickr.com/photos/7503937@N04/2353072999">Viking axe</a>" by <a target="_blank" rel="noopener noreferrer" href="https://www.flickr.com/photos/7503937@N04">arnybo</a> is licensed under <a target="_blank" rel="noopener noreferrer" href="https://creativecommons.org/licenses/by-sa/2.0/?ref=openverse">CC BY-SA 2.0 <img src="https://mirrors.creativecommons.org/presskit/icons/cc.svg" style="height: 1em; margin-right: 0.125em; display: inline;"><img src="https://mirrors.creativecommons.org/presskit/icons/by.svg" style="height: 1em; margin-right: 0.125em; display: inline;"><img src="https://mirrors.creativecommons.org/presskit/icons/sa.svg" style="height: 1em; margin-right: 0.125em; display: inline;"></a>. </p>
<p class="attribution">"<a target="_blank" rel="noopener noreferrer" href="https://www.flickr.com/photos/30478819@N08/50388086947">A mug of dark unfiltered beer with hops and barley</a>" by <a target="_blank" rel="noopener noreferrer" href="https://www.flickr.com/photos/30478819@N08">wuestenigel</a> is licensed under <a target="_blank" rel="noopener noreferrer" href="https://creativecommons.org/licenses/by/2.0/?ref=openverse">CC BY 2.0 <img src="https://mirrors.creativecommons.org/presskit/icons/cc.svg" style="height: 1em; margin-right: 0.125em; display: inline;"><img src="https://mirrors.creativecommons.org/presskit/icons/by.svg" style="height: 1em; margin-right: 0.125em; display: inline;"></a>. </p>
</footer>
</body>
</html>