-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
128 lines (111 loc) · 6.72 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
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Google Font -->
<link href="https://fonts.googleapis.com/css?family=Nunito:200,300,400,700" rel="stylesheet">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<!-- Custom CSS -->
<link rel="stylesheet" href="abbys.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.11.2/css/all.css">
<title>Hudson's Bar</title>
</head>
<body>
<nav id="mainNavbar" class="navbar navbar-dark navbar-expand-md py-0 fixed-top">
<a href="#" class="navbar-brand">HUDSON'S</a>
<button class="navbar-toggler" data-toggle="collapse" data-target="#navLinks" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navLinks">
<ul class="navbar-nav">
<li class="nav-item">
<a href="" class="nav-link" >HOME</a>
</li>
<li class="nav-item">
<a href="" class="nav-link">ABOUT</a>
</li>
<li class="nav-item">
<a href="" class="nav-link">CONTACT</a>
</li>
</ul>
</div>
</nav>
<section class="container-fluid px-10">
<div class="row align-items-center">
<div class="col-lg-6">
<div id="headingGroup" class="text-white text-center d-none d-lg-block mt-5">
<h1 class="">HUDSON'S<span>/</span>BAR</h1>
<h1 class="">HUDSON'S<span>/</span>BAR</h1>
<h1 class="">HUDSON'S<span>/</span>BAR</h1>
<h1 class="">HUDSON'S<span>/</span>BAR</h1>
<h1 class="">HUDSON'S<span>/</span>BAR</h1>
<h1 class="">HUDSON'S<span>/</span>BAR</h1>
</div>
</div>
<div class="col-lg-6">
<img class="img-fluid" src="imgs/bar.jpg" alt="">
</div>
</div>
</section>
<section class="container-fluid px-0">
<div class="row align-items-center content">
<div class="col-md-6 text-center order-2 order-md-1">
<img src="imgs/cocktail.jpg" alt="" class="img-fluid">
</div>
<div class="col-md-6 text-center order-1 order-md-2">
<div class="row justify-content-center">
<div class="col-10 col-lg-8 blurb mb-5 mb-md-0">
<h2>DRINKS</h2>
<i class="d-none d-lg-inline fas fa-cocktail"></i>
<p class="lead">Batida creamsicle chicago cocktail, "pappy van winkle skyy cactus jack ti punch black bison vesper the goldeneye, pimm's cup cape cod wine cooler widow's cork irish coffee." Flirtini three wise men glentauchers--pall mall, margarita lagavulin missouri mule gilbey's paralyzer martini vodka martini gordon's isle of jura." Hiram walker, "dalmore glenturret stinger oban cointreau, chicago cocktail harrogate nights." Galliano jacquin french 75 irish flag johnny walker red quentão; french 75. Scapa old crow galliano isle of jura hairy virgin chocolate soldier pulteney brave bull: culto a la vida mudslide tinto de verano. Cointreau salmiakki koskenkorva ardmore piña colada sambuca tinto de verano. Lemon drop old fashioned shirley temple black chopin, hanky-panky, early times; pepe lopez.</p>
</div>
</div>
</div>
</div>
<div class="row align-items-center content">
<div class="col-md-6 text-center">
<div class="row justify-content-center">
<div class="col-10 col-lg-8 blurb mb-5 mb-md-0">
<h2>MUSIC</h2>
<i class="d-none d-lg-inline fas fa-music"></i>
<p class="lead">Allemande canary carioca hambo hula ketjak malaguena mambo passepied polka rumba samba zouk. Bransle buck-and-wing cancan contredanse fandango habanera jig juba kazachoc lavolta limbo minuet passacaglia round tarantella. Allemande bergamask cinque-pace galop lavolta moresco pavane polacca rigadoon salsa shag shimmy volta. Carioca chaconne cotillion estampie farruca galliard kazachoc morris passepied quadrille roundel two-step zoppetto. Bolero boston carioca cha-cha contredanse farandole galliard galop habanera hornpipe hula jitterbug mazurka rumba saltarello sarabande schottische shag twist zamacueca zoppetto.</p>
</div>
</div>
</div>
<div class="col-md-6 text-center">
<img src="imgs/music.jpg" alt="" class="img-fluid">
</div>
</div>
<div class="row align-items-center content">
<div class="col-md-6 text-center order-2 order-md-1">
<img src="imgs/warschauer.jpg" alt="" class="img-fluid">
</div>
<div class="col-md-6 text-center order-1 order-md-2">
<div class="row justify-content-center">
<div class="col-10 col-lg-8 blurb mb-5 mb-md-0">
<h2>LOCATION</h2>
<i class="d-none d-lg-inline fas fa-thumbtack"></i>
<p class="lead">Lorem ipsum dolor amet synth pork belly gluten-free affogato. Hammock live-edge hot chicken try-hard semiotics thundercats. Kombucha waistcoat yr iceland neutra plaid snackwave +1 salvia sartorial. Waistcoat trust fund williamsburg distillery stumptown listicle raclette literally gentrify. Leggings freegan blog, keffiyeh distillery vape adaptogen helvetica dreamcatcher keytar. Man bun coloring book kogi live-edge, etsy drinking vinegar neutra 90's everyday carry pitchfork fanny pack bicycle rights.</p>
</div>
</div>
</div>
</div>
</section>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
<script>
$(function () {
$(document).scroll(function () {
var $nav = $("#mainNavbar");
$nav.toggleClass("scrolled", $(this).scrollTop() > $nav.height());
});
});
</script>
</body>
</html>