-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
75 lines (75 loc) · 2.33 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
<!DOCTYPE html>
<html lang="en">
<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" />
<title>Responsive Starbucks Website Landing Page</title>
<link rel="stylesheet" href="master.css" />
</head>
<body>
<!-- Start Starbucks Landing -->
<section>
<div class="circle"></div>
<header>
<a href="#"><img src="imgs/logo.png" class="logo" /></a>
<div class="toggle" onclick="toggleMenu();"></div>
<ul class="navigation">
<li><a href="#">Home</a></li>
<li><a href="#">Menu</a></li>
<li><a href="#">What's New</a></li>
<li><a href="#">Contact</a></li>
</ul>
</header>
<div class="content">
<div class="textBox">
<h2>It's not just Coffee<br />It's <span>Starbucks</span></h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad dolorum
animi, error hic ratione dicta! Quo, cupiditate. Veritatis
voluptatibus facilis dolor quo, reprehenderit, modi, ratione sunt
natus nostrum omnis incidunt! adipisicing elit. Molestiae saepe
consequatur optio?
</p>
<a href="#">Learn More</a>
</div>
<div class="imgBox">
<img src="imgs/img1.png" class="starbucks" />
</div>
</div>
<ul class="thumb">
<li>
<img
src="imgs/thumb1.png"
onclick="imgSlider('imgs/img1.png');changeCircleColor('#017143')"
/>
</li>
<li>
<img
src="imgs/thumb2.png"
onclick="imgSlider('imgs/img2.png');changeCircleColor('#eb7495')"
/>
</li>
<li>
<img
src="imgs/thumb3.png"
onclick="imgSlider('imgs/img3.png');changeCircleColor('#d752b1')"
/>
</li>
</ul>
<ul class="sci">
<li>
<a href="#"><img src="imgs/facebook.png" /></a>
</li>
<li>
<a href="#"><img src="imgs/twitter.png" /></a>
</li>
<li>
<a href="#"><img src="imgs/instagram.png" /></a>
</li>
</ul>
</section>
<!-- End Starbucks Landing -->
<script src="main.js"></script>
</body>
</html>