-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
106 lines (106 loc) · 5.26 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
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="CSS/coffee.css">
</head>
<body>
<!--Start of header-->
<header>
<nav class="wrapper">
<div id="logo">
<img src="https://lehman-webdev.github.io/project-1-coffee-shop/images/coffeelogo11.png"
alt="A+ coffee Logo">
</div>
<ul id="navbar">
<li><a href="index.html">home</a></li>
<li><a href="Menu.html">menu</a></li>
<li><a href="About.html">about</a></li>
<li><a href="Team.html">team</a></li>
</ul>
</nav>
<div id="coffee-banner"></div>
</header>
<!--End of header-->
<main> <!--Start of main-->
<section id="coffee-feature"> <!--Start of coffee feature-->
<div class="wrapper">
<div id="feature-header">
<h1>Want to know what makes our coffee <span style="color: brown;"> A+? </span></h1>
<p>(We're experts when it comes to delivering a good cup of joe.
Trust us on this one, A+ coffee got your back.
Because if its not A+ then it's not coffee worth drinking)
</p>
<img src="https://lehman-webdev.github.io/project-1-coffee-shop/images/coffee-beans-icon.png" alt="Cofeebeans">
</div>
</div>
<div id="all-feature">
<div class="feature-part">
<div class="indi">
<img src="https://lehman-webdev.github.io/project-1-coffee-shop/images/coffee-cup-clip-art-35.png">
<h2>THE PERFECT CUP</h2>
</div>
<div class="indi">
<img src="https://lehman-webdev.github.io/project-1-coffee-shop/images/coffeebean.png">
<h2>SUPREME BEANS</h2>
</div>
<div class="indi">
<img src="https://lehman-webdev.github.io/project-1-coffee-shop/images/14652172.png">
<h2>FRIENDLY STAFF</h2>
</div>
</div>
<div class="feature-part feature-middle">
<img src="https://lehman-webdev.github.io/project-1-coffee-shop/images/580b57fcd9996e24bc43c549.png">
</div>
<div class="feature-part">
<div class="indi">
<img src="https://lehman-webdev.github.io/project-1-coffee-shop/images/kisspng-croissant-coloring-book-child-small-bread-drawing-cornetto-5b517a02a7f4d4.144873291532066306688.png">
<h2>YUMMY PASTRIES</h2>
</div>
<div class="indi">
<img src="https://lehman-webdev.github.io/project-1-coffee-shop/images/kisspng-gustav-iii-of-sweden-s-coffee-experiment-french-pr-5adcaf2d798070.8787314815244122054977.png">
<h2>FRENCH PRESS</h2>
</div>
<div class="indi">
<img src="https://lehman-webdev.github.io/project-1-coffee-shop/images/download.png">
<h2>COFFEE TO GO</h2>
</div>
</div>
</div>
</section> <!--End of coffee feature-->
<!--Start of customer banner-->
<section id="customer-banner"></section>
<!--End of customer banner-->
</main> <!--End of main-->
<footer> <!--Start of footer-->
<div class="wrapper">
<div class="box box1">
<h2>HOURS</h2>
<p>
Monday-Friday<br>
6:30am-10pm
</p>
<p>
Saturday<br>
7am-10pm
</p>
<p>
Sunday<br>
7am-8pm
</p>
</div>
<div class="box box2">
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d12067.301043271313!2d-73.8946361!3d40.8757088!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c2f39c83db9c2d%3A0x8d63bfb3da071ace!2sLehman+College!5e0!3m2!1sen!2sus!4v1554408130132!5m2!1sen!2sus" alt="google map" width="600" height="450" frameborder="0" style="border:0" allowfullscreen=""></iframe>
</div>
<div class="box box3">
<h2>LOCATION</h2>
<p>250 Bedford Park Blvd W<br>
The Bronx, NY 10468
</p>
<img src="https://lehman-webdev.github.io/project-1-coffee-shop/images/DANAS%20COMPLETE%20LOGO[963].png">
</div>
</div>
</footer> <!--End of footer-->
</body>
</html>