-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
74 lines (67 loc) · 2.53 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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Drink Bar</title>
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400" rel="stylesheet" />
<link href="css/style.css" rel="stylesheet" />
</head>
<body>
<div class="container">
<!-- Top box -->
<!-- Logo & Site Name -->
<div class="placeholder">
<div class="parallax-window" data-parallax="scroll" data-image-src="img/drinkbar.jpg">
<div class="tm-header">
<div class="row tm-header-inner">
<div class="col-md-6 col-12">
<img src="img/logo.png" alt="Logo" class="tm-site-logo" />
<div class="tm-site-text-box">
<h1 class="tm-site-title">Drink Bar</h1>
<h6 class="tm-site-description">Exclusive Bar</h6>
</div>
</div>
<nav class="col-md-6 col-12 tm-nav">
<ul class="tm-nav-ul">
<li class="tm-nav-li"><a href="index.html" class="tm-nav-link active">Home</a></li>
<li class="tm-nav-li"><a href="menu.html" class="tm-nav-link">Menu</a></li>
<li class="tm-nav-li"><a href="about.html" class="tm-nav-link">About</a></li>
<li class="tm-nav-li"><a href="contact.html" class="tm-nav-link">Contact</a></li>
</ul>
</nav>
</div>
</div>
</div>
</div>
<main class="main">
<p id="home-page"><br><br>
<p class="col-12 font-size text-center">
Drink Bar
</p>
<p class="col-12 text-center">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quasi, laborum sequi expedita unde labore hic dolor natus, nulla, ad aperiam deserunt sint iste nisi! Pariatur aut, optio nostrum error provident, atque labore in sed consequuntur molestias nihil eaque rem? Corrupti veritatis aperiam itaque delectus inventore esse provident sapiente in rerum.
</p>
<br><br><br><br><br><br><br><br>
</p>
<p id="home-page"class="tm-footer text-center">Copyright © 2019 Drink Bar</p>
</main>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/parallax.min.js"></script>
<script>
$(document).ready(function(){
// Handle click on paging links
$('.tm-paging-link').click(function(e){
e.preventDefault();
var page = $(this).text().toLowerCase();
$('.tm-gallery-page').addClass('hidden');
$('#tm-gallery-page-' + page).removeClass('hidden');
$('.tm-paging-link').removeClass('active');
$(this).addClass("active");
});
});
</script>
</body>
</html>