-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
135 lines (123 loc) · 5.55 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">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>The Oak Bar</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="styles.css">
<script src="carousel.js" async defer></script>
</head>
<body>
<header>
<div class="header-title-cont">
<h1>Old Oak</h1>
</div>
<div class="headerCont">
<div class="hamburger-cont"></div>
<div class="hamburger-cont"></div>
<div class="hamburger-cont">
<svg class="hamburger" xmlns="" width="39" height="30" viewBox="0 0 39 30">
<g id="Group_2" data-name="Group 2" transform="translate(-610 893)">
<rect id="Rectangle_2" data-name="Rectangle 2" width="39" height="8" rx="3" transform="translate(610 -893)" fill="#582912"/>
<rect id="Rectangle_3" data-name="Rectangle 3" width="39" height="8" rx="3" transform="translate(610 -882)" fill="#582912"/>
<rect id="Rectangle_4" data-name="Rectangle 4" width="39" height="8" rx="3" transform="translate(610 -871)" fill="#582912"/>
</g>
</svg>
</div>
</div>
</header>
<main>
<div class="carousel">
<div class="carousel-inner">
<div id="" class="car-image-cont moveLeft">
<img class="-s" alt="carousel here" src="assets/bar1.jpg">
</div>
<div id="" class="car-image-cont moveLeft">
<img class="-s" alt="carousel here" src="assets/bar2.jpg">
</div>
<div id="" class="car-image-cont moveLeft">
<img class="-s" alt="carousel here" src="assets/bar3.jpg">
</div>
</div>
</div>
<div class="textCont">
<h3>
In the heart of Bar city, around a corner, situated in an easily
missed alley way, exists Old Oak pub. This legendary
establishment has existed longer than anyone can remember
and has hosted some of the worlds biggest drinkers. It is
rumoured that the pub was started by the very first Irishman
ever to neck a beer...but that's all speculation at this point.
</h3>
</div>
<div class="menuCont">
<div class="menuBlock">
<a href="menu.html">
<h1 class="menuTitle1">
Menu
</h1>
</a>
</div>
</div>
<div class="imgCont -v">
<img alt="img here" src="assets/vibe.jpg">
</div>
<div class="headline">
<div class="headlineCont">
<h1 class="-di">"Just neck it"</h1>
<h3 class="font-except">~ Jane Austin</h3>
</div>
</div>
<div class="textCont2">
<h3>Old Oak Pub embodies the culture of necking beers
and having a good time with your mates. A favourite
among Ausies, South Africans and Brits, with the
occasional traveller coming from far and wide solely
to get totalled at the great Old Oak. If ever you get
the chance, drop by and have a drink. You are all
most welcome!</h3>
</div>
<div class="headline">
<div class="headlineCont">
<h1 class="-dv">A town of wonders</h1>
</div>
</div>
<div class="carousel">
<div class="buttonCont">
<div id="left" class="blockButton"></div>
<div id="right" class="blockButton"></div>
</div>
<div class="carousel-inner">
<div id="" class="car-image-cont item">
<img class="-u -s" alt="carousel here" src="assets/town1.jpg">
</div>
<div id="" class="car-image-cont item">
<img class="-s" alt="carousel here" src="assets/town2.jpg">
</div>
<div id="" class="car-image-cont item">
<img class="-s -x" alt="carousel here" src="assets/town3.jpg">
</div>
</div>
</div>
</main>
<footer>
<h1 class="font-except-r">Contact us:</h1>
<div class="detailsCont">
<div class="detailLine">
<h3>Mobile:</h3>
<h3 class="-r">+27 (0) 77 777 7777</h3>
</div>
<div class="detailLine">
<h3>E-mail:</h3>
<h3 class="-r">[email protected]</h3>
</div>
<div class="detailLine">
<h3 class="font-except">Address:</h3>
<h3 class="-r">27, Pub Street, Bar City</h3>
</div>
</div>
</footer>
</body>
</html>