-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
147 lines (139 loc) · 5.67 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
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
<!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>InDecor</title>
<!--Link CSS-->
<link rel="stylesheet" href="css/style.css" />
<!--Fonte-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Righteous&family=Sarala&display=swap"
rel="stylesheet" />
<!--Icons-->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css" />
</head>
<body>
<header id="event-description">
<div id="disclaimer">
<h2>InDecor</h2>
<p class="about-event">
Um evento para revolucionar a sua criatividade
</p>
<p> Data do Evento:</p>
<p class="event-date">Domingo, 28 de Maio, a partir das 14h</p>
</div>
<div id="subscription-form">
<p>Preencha o formulário para receber os detalhes do evento</p>
<form>
<div class="form-group">
<label for="name">Nome</label>
<input type="text" name="name" placeholder="Digite seu nome">
</div>
<div class="form-group">
<label for="email">E-mail</label>
<input type="email" name="email" placeholder="Digite seu meljhor e-mail">
</div>
<div class="form-group">
<label for="phone">Telefone</label>
<input type="text" name="phone" placeholder="Número de whatsapp">
</div>
<div class="form-group">
<label for="interest">Principal interesse</label>
<select name="interest">
<option value="" disabled selected>Selecione</option>
<option value="apartament">Apartamentos</option>
<option value="house">Casas</option>
<option value="garden">Jardins</option>
<option value="other">Outros</option>
</select>
</div>
<input type="submit" class="btn" value="Quero me increver">
</form>
</div>
</header>
<section id="key-benefits">
<h2> O que você vai aprender:</h2>
<div class="benefits">
<div class="benefit">
<div id="benefit-1" class="benefit-img"></div>
<p>Alguma coisa muito legal, que você vai fazer a diferença na vida
do participante.</p>
</div>
<div class="benefit">
<div id="benefit-2" class="benefit-img"></div>
<p>Alguma coisa muito legal, que você vai fazer a diferença na vida
do participante.</p>
</div>
<div class="benefit">
<div id="benefit-3" class="benefit-img"></div>
<p>Alguma coisa muito legal, que você vai fazer a diferença na vida
do participante.</p>
</div>
</div>
</section>
<section id="location">
<div id="address">
<i class="bi bi-geo-alt-fill"></i>
<div>
<p>Rua do evento, 1333</p>
<p>Bairro tal</p>
<p>Abertura: 14h</p>
</div>
</div>
<div id="about-location">
<h3>Local de destaque</h3>
<p> O evento será realizado em um local prestigiado pelos amantes de Design de interiores, onde teremos
exemplos de vários ambientes, tanto internos quanto externos. </p>
</div>
</section>
<section id="details">
<div class="detail" id="detail-1">
<img src="img/hrz-3.jpg" alt="Sala decorada em tons claros">
<div class="detail-description">
<h3>Conheça os ambientes que você vai aprender a decorar</h3>
</div>
</div>
<div class="detail" id="detail-2">
<div class="detail-description">
<h3>Detalhes</h3>
<ul>
<li>Posicionamento</li>
<li>Aproveitamento de espaço</li>
<li>Combinação de cores</li>
<li>Organização</li>
<li>E muito mais...</li>
</ul>
</div>
<img src="img/hrz-4.jpg" alt="Sala de jantar decorada">
</div>
<div class="detail" id="detail-3">
<img src="img/hrz-5.jpg" alt="Sala decorada em tons escuros">
<div class="detail-description">
<h3>Objetos</h3>
<ul>
<li>Cadeiras</li>
<li>Mesas</li>
<li>Espelhos</li>
<li>Plantas</li>
<li>Cortinas</li>
<li>E muito mais...</li>
</ul>
</div>
</div>
</section>
<section id="cta">
<h3>Gostou? Então se increva:</h3>
<button class="btn">Solicitar Inscrição</button>
</section>
<footer id="footer">
<h3>InDecor</h3>
<p>A evolução da decoração de interiores</p>
<p><span>Entre em contato:</span>[email protected]</p>
<p><span>Ou pelo telefone</span>(21)99999-9999</p>
</footer>
</body>
</html>