-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
99 lines (99 loc) · 4.14 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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/assets/css/style.css" type="text/css">
<title>Starbucks</title>
</head>
<body>
<!--Menu-->
<header>
<div class="line"></div>
<div class="container header--area">
<div class="header-left">
<a href="/"><img src="/assets/img/logo.png"></a>
</div>
<div class="header-right">
<div class="header--search">
<form>
<input type="text" name="Search" placeholder="Search">
<button>
<img src="/assets/img/loupe.png" alt="lupa de pesquisa">
</button>
</form>
</div>
<div class="header--menu">
<img src="/assets/img/menu.png" alt="menu">
</div>
</div>
</div>
</header>
<!--Banner-->
<section class="banner">
<div class="container">
<h1>Starbucks<br>Happy Hour</h1>
<span>We'll meet you in your inbox. Drink deals are on their way.</span>
<div class="banner-images">
<img src="/assets/img/c1.jpg">
<img src="/assets/img/c2.jpg">
<img src="/assets/img/c3.jpg">
</div>
</div>
</section>
<!--área 1-->
<section class="area1">
<div class="area1--content">
<div class="bar"></div>
<h2>Four Drinks, A Milion<br>
Reasons</h2>
<div class="area1--quote"><em>"Just love yourself and you're set."</em> - Lady Gaga</div> <!--"tag em" deixar em italico-->
<div class="area1--text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum soluta fugit atque eum nemo, cum dolor repellat odio similique mollitia tempore optio ex non! Accusamus adipisci non corrupti sapiente? Eligendi?</div>
<a href="" class="button">learn more</a>
</div>
<div class="area1--img1"></div>
<div class="area1--img2"></div>
</section>
<!--área 2-->
<section class="area2">
<div class="area2--content">
<div class="bar"></div>
<h2>Introducing Vanilla Sweet<br>
Cream Cold Brew Sweet,<br>
Creamy, Cold, Bold.</h2>
<div class="area2--text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum soluta fugit atque eum nemo, cum dolor repellat odio similique mollitia tempore optio ex non! Accusamus adipisci non corrupti sapiente? Eligendi?</div>
<a href="" class="button">learn more</a>
</div>
<div class="area2--img1"></div>
<div class="area2--img2"></div>
</section>
<!--área 3-->
<section class="area3">
<div class="area3--content">
<h2>The New Ultra Caramel<br>
Frappuccion Is Here!</h2>
<div class="area2--text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum soluta fugit atque eum nemo, cum dolor repellat odio similique mollitia tempore optio ex non! Accusamus adipisci non corrupti sapiente? Eligendi?</div>
<a href="" class="button">learn more</a>
</div>
<div class="area3--img1">...</div>
</section>
<!--área 4-->
<section class="area4">
<div class="area4--content">
<div class="bar"></div>
<h2>Kindness Starts<br>
With A Cup</h2>
<div class="area4-text">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Accusantium assumenda maxime repellat nulla reiciendis fugit neque? Consectetur labore nesciunt numquam, quod tenetur possimus, corrupti delectus repellendus voluptatibus neque optio impedit.</div>
<a href="" class="button">learn more</a>
</div>
<div class="area4--img1"></div>
</section>
<!--área 5-->
<section class="area5"></section>
<!--Footer-->
<footer>
Criado pelo João<br>
Créditos do layout para Nicepage
</footer>
</body>
</html>