-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
110 lines (100 loc) · 4.54 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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="images/favicon.ico">
<link rel="stylesheet" href="css/styles.css">
<title> Welcome to JavaJam Coffee Bar </title>
</head>
<body>
<header>
v1 COVID-19 Update: Customers must have received at least one dose of vaccine. Look <a
href="https://covid-19.ontario.ca/public-health-measures#restaurants-bars-other-food-drink-establishments"
target="_blank">here</a> for the latest public
heath measures.
</header>
<main>
<div class="cb-slideshow">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
<div class="header">
<!-- logo -->
<div class="logo-container">
<a href="index.html">
<span class="triangle-right"></span>
<span class="logo">JavaJam Coffee Bar</span>
</a>
</div>
<!-- navigation bar -->
<nav class="nav-bar">
<ul>
<li><a class="current" href="#">Home</a></li>
<li><a href="menu/menu.html">Menu</a></li>
<li><a href="music.html">Music</a></li>
<li><a href="job.html">Jobs</a></li>
</ul>
</nav>
</div>
<div id="home-contents-wrapper">
<div>
<div><img src="images/hero.jpg" alt=""></div>
<h2>Sed feugiat elementum lorem non porttitor.</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vel nisl nec tortor congue varius. Nunc eget mattis metus, sagittis ultrices velit. Morbi aliquam ligula lobortis nibh pharetra, ut vulputate eros facilisis.
Nulla aliquet, nunc nec blandit pulvinar, purus orci viverra arcu, quis molestie neque metus id dui. Vivamus varius vestibulum elit in dignissim. Etiam ultrices tellus sit amet tortor efficitur vulputate.</p>
<h2>Nulla in dolor at metus porta auctor eu in tortor:</h2>
<ul>
<li>Praesent a orci ut urna hendrerit consectetur vitae vitae mauris.</li>
<li>Mauris ut arcu viverra, viverra arcu quis, euismod massa.</li>
<li>Duis fermentum lectus vitae mauris gravida sodales.</li>
<li>Duis venenatis ac magna eget maximus.</li>
</ul>
</div>
</div>
</main>
<!-- footer -->
<footer>
<div>
<p>Connect With Us</p>
</div>
<div class="row">
<div>
<ul class="social-links">
<li>
<a href="#">
<img src="icons/png/002-twitter.png" alt="twitter icon">
<!-- <div class="overlay">
<div class="text">Hello World</div>
</div> -->
</a>
</li>
<li><a href="#"><img src="icons/png/004-facebook.png" alt="facebook icon"></a></li>
<li><a href="#"><img src="icons/png/003-instagram.png" alt="instagram icon"></a></li>
<li><a href="#"><img src="icons/png/005-youtube.png" alt="youtube icon"></a></li>
</ul>
</div>
</div>
<div>
<p>Icons made by <a href="https://www.freepik.com" title="Freepik" target="_blank">Freepik</a> from <a href="https://www.flaticon.com/" title="Flaticon" target="_blank">www.flaticon.com</a></p>
</div>
<div>
<p>©Copyrights UzairAhmedSyed. All rights reserved.</p>
</div>
</footer>
</body>
<!-- <div id="images-slider">
<figure>
<img src="images/Pixabay/compressed/free-coffee-wallpaper-1.jpg" alt="Close-up of coffee beans"> //alt tags used for SEO
<img src="images/Pixabay/compressed/coffee-869203_1920.jpg" alt="Chemex glass coffeemaker with cup">
<img src="images/Pixabay/compressed/coffee-beans-1291656_1920.jpg" alt="Close-up of coffee beans">
<img src="images/Pixabay/compressed/food-5158702_1920.jpg" alt="Knafeh middle eastern desert with pistachio toppings">
<img src="images/Pixabay/compressed/free-coffee-wallpaper-1.jpg" alt="Close-up of coffee beans">
</figure>
</div> -->
</html>