-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
134 lines (129 loc) · 7.6 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE-edge">
<title>Davenports | Home</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://kit.fontawesome.com/895d7f7102.js" crossorigin="anonymous"></script>
<link type="text/css" rel="stylesheet" href="css/style.css">
<link rel="shortcut icon" href="#">
</head>
<body>
<nav id="navbarSite" role="navigation" class="navbar navbar-expand-lg fixed-top shadow">
<a class="navbar-brand" href=".">
<h1><span class="hide" hidden="">Davenports</span></h1><img src="img/logo.png" alt="Davenports Logo Home" class="" style="">
</a><!-- Navbar Brand-->
<button class="navbar-toggler navbar-light" id="hamburger" type="button" data-toggle="collapse" data-target="#myToggleNav" aria-controls="myToggleNav" aria-expanded="false" aria-label="Toggle navigation">
<div class="nav-icon">
<div></div>
</div>
</button>
<!--hamburger menu button-->
<div class="collapse navbar-collapse" id="myToggleNav">
<ul class="navbar-nav justify-content-center">
<li class="nav-item"><a href="#" class="nav-link">Home</a></li>
<li class="nav-item"><a href="#" class="nav-link">Beers</a></li>
<li class="nav-item"><a href="#" class="nav-link">Venues</a></li>
<li class="nav-item"><a href="#" class="nav-link">History</a></li>
<li class="nav-item"><a href="#" class="nav-link">Contact</a></li>
<li class="nav-item"><a href="#" class="nav-link">Shop <i class="fas fa-shopping-cart"></i></a></li>
</ul>
<!--Nav Menu-->
</div>
<!--Collaspse-->
<span class="navbar-text d-none d-xl-inline">Taste why beer at home means Davenports, Cheers!</span>
</nav>
<main role="main">
<div class="carousel carousel-fade" id="featured" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#featured" data-slide-to="0" class="active"></li>
<li data-target="#featured" data-slide-to="1"></li>
<li data-target="#featured" data-slide-to="2"></li>
</ol>
<!--Indicators-->
<div class="carousel-inner embed-responsive embed-responsive-21by9">
<div class="carousel-item embed-responsive-item active">
<img class="d-block w-100" src="img/Carousel-01.jpg" alt="Learn to make amazing drinks">
</div>
<div class="carousel-item embed-responsive-item">
<img class="d-block w-100" src="img/Carousel-02.jpg" alt="flair botlle's and equipment like a pro">
</div>
<div class="carousel-item embed-responsive-item">
<img class="d-block w-100" src="img/Carousel-03.jpg" alt="Improve your skills and raise the bar!">
</div>
</div>
<!--Carousel Inner Content-->
<a class="carousel-control-prev" href="#featured" role="button" data-slide="prev"><span class="carousel-control-prev-icon" aria-hidden="true"><span class="sr-only">Previous</span></span></a>
<a class="carousel-control-next" href="#featured" role="button" data-slide="next"><span class="carousel-control-next-icon" aria-hidden="true"><span class="sr-only">Next</span></span></a>
<!--Carousel Controllers-->
</div>
<!--Carousel-->
<div class="parallaxPlate">
<section class="container welcomeMessage">
<h2>Welcome to Davenports!</h2>
<p>Welcome to the historic house of Davenports, Birmingham's family business with over 300 years of combined heritage, our cask ales and craft beer are sure to impress! Here you can find all the information on our Beers, Brands, History,
Venues, Trade Supply and our Brewery. Taste why beer at home means Davenports!</p>
<div class="row">
<img class="col-xs 12 col-sm-6 col-md-6 col-lg-4" src="img/ResizedImage403106-signature2.jpg" alt="Baron John Davenport's Signature">
</div>
</section><!-- Welcome section -->
<section id="beerSection">
<div class="container">
<h2>Our Beers</h2>
<p>You don't win medals for being good looking, but for brewing good beer! thats what the judges say when they awarded Davenports all it's medals at the brewers exhibition. Taste why Beer at home means Davenports!</p>
</div><!-- Beer Container -->
<div class="container">
<div class="row justify-content-center">
<div class="col col-12 col-md-6 col-lg-4">
<div class="card mb-5">
<img class="card-img-top img-fluid" src="img/davenports-original.jpg" alt="davenports orginal bitter">
<div class="card-body">
<h5 class="card-title">Orginal Bitter</h5>
<p class="card-text">The orginal recipie brewed since 1829! <a href="">more info</a></p>
<a href="#" class="btn">add to cart</a>
</div><!-- card body -->
</div><!-- card container -->
</div><!-- Col item -->
<div class="col col-12 col-md-6 col-lg-4">
<div class="card mb-5">
<img class="card-img-top img-fluid" src="img/davenports-gold-ale.jpg" alt="davenports gold ale">
<div class="card-body">
<h5 class="card-title">Gold Ale</h5>
<p class="card-text">The orginal recipie brewed since 1829 <a href="">more info</a></p>
<a href="#" class="btn">add to cart</a>
</div><!-- card body -->
</div><!-- card container -->
</div><!-- Col item -->
<div class="col col-12 col-md-6 col-lg-4">
<div class="card mb-5">
<img class="card-img-top img-fluid" src="img/davenports-ipa.jpg" alt="davenports ipa">
<div class="card-body">
<h5 class="card-title">Gold Ale</h5>
<p class="card-text">The orginal recipie brewed since 1829 <a href="">more info</a></p>
<a href="#" class="btn">add to cart</a>
</div><!-- card body -->
</div><!-- card container -->
</div><!-- Col item -->
</div><!-- Row -->
</div><!-- Beers Container -->
</section><!-- Beers section -->
</div><!-- Parallax backplate -->
</main>
<footer>
<div class="container">
<p><i class="fas fa-home"></i> 11 New Street, Birmingham, West Midlands, B66 2AJ</p>
<p><i class="fas fa-phone-alt"></i> 0121 555 4867</p>
<p><i class="far fa-envelope"></i> [email protected]</p>
<p>WEBSITE AND CONTENTS © DAVENPORTS. ALL RIGHTS RESERVED</p>
</div>
</footer>
<script type="text/javascript" src="js/dav.js"></script>
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
</body>
</html>