-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
73 lines (62 loc) · 2.28 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
<!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>Hiking Store ~ Best Offers</title>
<link rel="stylesheet" href="static_files/css/estilo.css"/>
</head>
<body>
<!-- HEADER -->
<div class="header">
<span>HIKING STORE</span>
<ul class="menu_topo">
<li><img src="static_files/icon/bag.svg" class="filter_icon"></li>
</ul>
</div>
<!-- BANNER TOPO -->
<div class="banner">
<a href="#">COMECE UMA NOVA AVENTURA</a>
</div>
<!-- TRENDS -->
<div class="conteudo_tag">
<span>trends mais pesquisadas</span>
<ul class="lista_dinamica">
</ul>
</div>
<!-- CARDS -->
<div class="conteudo">
<div class="conteudo_item">
<span class="texto_imagem">trilha</span>
<img src="static_files/images/homem.jpg">
</div>
<div class="conteudo_item">
<span class="texto_imagem">escalada</span>
<img src="static_files/images/mulher.jpg">
</div>
<div class="conteudo_item">
<span class="texto_imagem">acampar</span>
<img src="static_files/images/amigos.jpg">
</div>
</div>
<!-- BANNER CARROSEL -->
<div class="banner_novidades">
<span>uma nova perspectiva</span>
<button>novas trilhas</button>
</div>
<!-- BIOGRAFIA -->
<div class="biografia">
<img src="static_files/images/lucas.jpg">
<div class="biografia_conteudo">
<span>ME CHAMO LUCAS RIBEIRO</span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vel cursus arcu. Nunc sit amet velit a neque commodo tempor. Sed eleifend fermentum diam id sollicitudin. Maecenas varius porttitor vulputate. Morbi ultricies sagittis neque, nec maximus sapien gravida sit amet. Proin bibendum augue eget nisl condimentum pretium. Sed euismod nibh diam. Suspendisse potenti. </p>
</div>
</div>
<!-- FOOTER -->
<div class="footer">
<span>TEMPLATE CRIADO POR LUCAS RIBEIRO</span>
</div>
<script type="text/javascript" src="static_files/javascript/listaDinamica.js"></script>
</body>
</html>