-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
95 lines (63 loc) · 4.39 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
<!DOCTYPE html>
<!--doctype informa ao agente de usuário a versão do html que deve ser renderizada-->
<html lang="pt-br">
<head>
<title>Fashion</title>
<meta charset="utf-8">
<meta name="author" content="Fernanda">
<meta name="description" content = "Lorem ipsum aptent cras turpis libero, vehicula netus id curabitur.">
<meta name="keywords" content="html5, css, tecnologia">
<link rel="stylesheet" href="css/estilo.css">
</head>
<body>
<div id="principal">
<header class="header-top">
<img src="imagens/logo.png" class="logotipo" alt="">
<nav class="header-nav">
<ul>
<li><a href="#">Portfolio</a></li>
<li><a href="#">About us</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
</header>
<img src="imagens/topo.jpg" class="back-topo" alt="">
<main>
<section class="portfolio">
<h1>New Fashion Everything Never Enough</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris volutpat nisi non ante dictum congue. Cras id odio gravida, posuere velit sed, lacinia mi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed vehicula, ipsum vel congue cursus, mi neque tincidunt enim, egestas porttitor felis neque et risus. Maecenas fringilla hendrerit enim malesuada laoreet. Aenean quis tortor a odio tempus tincidunt. Vivamus rutrum nulla sed metus congue bibendum. Sed ut aliquam purus. Donec odio mauris, commodo sed dignissim vitae, dapibus eget mauris.</p>
</section>
<section class="gallery">
<div class="gallery-card">
<img src="imagens/modelo1.jpg" class="img-1" alt="">
<p class="gallery-titulo">Vest Romasa</p>
<p>Strong & Charismatic</p>
</div>
<div class="gallery-card">
<img src="imagens/modelo2.jpg" class="img-2" alt="">
<p class="gallery-titulo">Jacket Fima</p>
<p>Strong Sersonality</p>
</div>
<div class="gallery-card">
<img src="imagens/modelo3.jpg" class="img-3" alt="">
<p class="gallery-titulo">Jacket Black Kira</p>
<p>Power Fascinating</p>
</div>
</section>
<section class="about">
<h2>Everything Never Enough
<br>
Just Fashion</h2>
<p>Praesent placerat eros eget lacus ullamcorper, id dapibus ante vestibulum. Curabitur quis condimentum diam. Duis aliquet erat vel laoreet tincidunt. Pellentesque vitae varius ligula. Phasellus in nibh tempus, gravida justo et, suscipit felis. Cras ornare arcu ac sodales tincidunt. Mauris vehicula erat vel ligula porttitor imperdiet. Curabitur nec magna urna. Sed porta ex ex, at pulvinar nibh aliquet quis. Integer dapibus congue vestibulum. Phasellus bibendum lobortis quam, nec sollicitudin nisl volutpat at.</p>
</section>
<section class="contact">
<p>Call me now for design
<br>
012-1234-4567</p>
</section>
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d224486.0814139773!2d-52.81451!3d-28.461622!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x94fd493c92d28c8f%3A0x6ff21ca741cec0c8!2sN%C3%A3o-Me-Toque%2C%20RS%2C%2099470-000!5e0!3m2!1spt-BR!2sbr!4v1610661470635!5m2!1spt-BR!2sbr" width="1024" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
</main>
<footer>Copyright © fastfashion.com</footer>
</div>
</body>
</html>