-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
135 lines (122 loc) · 4.79 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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Home</title>
<link href="css/reset.css" rel="stylesheet" type="text/css" media="screen">
<link href="css/main.css" rel="stylesheet" type="text/css" media="screen">
</head>
<body>
<div id="siteContainer">
<main>
<header class="mainHeader">
<h2 class="hidden"> Main Header </h2>
<div class="logoHeader"><img src="images/puma_logo_90px.png" alt="Puma Logo"></div>
<nav class="mainNav">
<h2 class="hidden"> Main Nav </h2>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="products.html">Products</a></li>
<li><a href="ourBrand.html">Our Brand</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="promotions.html">Promotions</a></li>
</ul>
</nav>
<div class="searchBar">
<img src=images/magnifying_glass.png alt="Magnifying Glass">
<p>Search</p>
</div>
</header>
<section class="heroImgScrl">
<h2 class="hidden">Hero Image</h2>
<img src="images/home_rapids.jpg" alt="Hero Image">
</section>
<section class="ftdProducts">
<h2>Featured Products</h2>
<div class="lineDivider"></div>
<section class="ftdBeer">
<h2 class="hidden">Featured Beer</h2>
<section class="imgText"> <!-- Start Product Box -->
<h2 class="hidden">Featured Beer Text and Image</h2>
<div class="ftdImg">
<img src="images/beer_bottles/cropped_origional_bottle.png" alt="Product Image">
</div>
<section class="ftdText">
<h4>Signature Ale</h4>
<p class="ftdInfo">Herbs and spices come together. Over clean cut grains.</p>
<p>|5% ABV & 13 IBU|</p>
<ul>
<li class="prdctBtn"><a href="products.html">MORE </a></li>
</ul>
</section>
</section>
<section class="imgText"> <!-- Start Product Box -->
<h2 class="hidden">Featured Beer Text and Image 2</h2>
<div class="ftdImg">
<img src="images/beer_bottles/cropped_apple_spice_bottle.png" alt="Product Image">
</div>
<section class="ftdText">
<h4>Westside Ale</h4>
<p class="ftdInfo">Known for its distinctively light flavour, and smooth apple spice flavour.</p>
<p>|4% ABV & 10 IBU|</p>
<ul>
<li class="prdctBtn"><a href="products.html">MORE </a></li>
</ul>
</section>
</section>
<section class="imgText"> <!-- Start Product Box -->
<h2 class="hidden">Featured Beer Text and Image 3</h2>
<div class="ftdImg">
<img src="images/beer_bottles/cropped_vanilla_bottle.png" alt="Product Image">
</div>
<section class="ftdText">
<h4>Eastside Ale</h4>
<p class="ftdInfo">Mild flavour with a hint of vanilla. A smooth pinch of flavours. </p>
<p>|5% ABV & 15 IBU|</p>
<ul>
<li class="prdctBtn"><a href="products.html">MORE </a></li>
</ul>
</section>
</section>
</section>
<ul>
<li class="shpMrBtn"><a href="products.html"> Shop More </a></li>
</ul>
</section>
<section class="ourBrand">
<div>
<h2>Our Brand</h2>
<p class="brndInfo">Speed Orbiter's beer is crafted in London, Ontario and has had a quick start in 2020. It's a province where the flowing water and lush greenery has a distinct beauty, with distinctive culture and of course, exceptional beer. Wine country is where it's at but the beer that comes out of Ontario is top notch which also allows for unique flavours. Our inspiration has come from other successful Ontario breweries, We derived our flavours and values from the history of Alexander Keith's and take the management styles of Puma for a successful dynamic duo.</p>
<ul>
<li class="moreBtn"><a href="ourBrand.html"> MORE </a></li>
</ul>
</div>
<div class="brndImg">
<img src="images/home_rustic.jpg" alt="Rustic Image">
</div>
</section>
<footer class="mainFooter">
<h2 class="hidden">Main Footer</h2>
<div class="logoFooter"><img src="images/puma_logo_90px.png" alt="a.kieths_puma_logo"></div>
<nav class="footerNav">
<h2 class="hidden">Footer Nav</h2>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="products.html">Products</a></li>
<li><a href="ourBrand.html">Our Brand</a></li>
</ul>
</nav>
<nav class="footerNav">
<h2 class="hidden">Footer Nav 2</h2>
<ul>
<li><a href="contact.html">Contact</a></li>
<li><a href="promotions.html">Promotions</a></li>
</ul>
</nav>
<p class="copyright">c PUMA Speed Orbiter 2020</p>
</footer>
</main>
</div>
<script src="js/main.js"></script>
</body>
</html>