-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
128 lines (77 loc) · 4.9 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
<!DOCTYPE html>
<html lang="auto">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="X-UA-Compatible" content="IE=7">
<meta name="keywords" content="T3ch Celulares - A maior loja de Celulares do Brasil">
<meta name="description" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vehicula risus gravida erat placerat efficitur. Nullam malesuada tellus vel eros tincidunt cursus. Fusce condimentum ex quis enim bibendum efficitur. Curabitur et nulla at enim maximus posuere. Nunc id nunc a orci facilisis vulputate.">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>T3ch Celulares - A maior loja de Celulares do Brasil</title>
<link rel="stylesheet" href="style.css">
<link rel="shortcut icon" href="img/favicon.png" type="image/x-icon">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css" integrity="sha512-xh6O/CkQoPOWDdYTDqeRdPCVd1SpvCA9XXcUnZS2FmJNp1coAFzvtCN9BmamE+4aHK8yyUHUSCcJHgXloTyT2A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
</head>
<body>
<header id="header">
<a href="index.html"><h1>T<span class="point">3</span>ch Celulares</h1></a>
<nav id="nav">
<button id="btn-mobile">
<span id="hamburger"></span>
</button>
<ul id="menu">
<li><a href="#img">Home</a></li>
<li><a href="#main">Opções</a></li>
<li><a href="#footer">Contato</a></li>
</ul>
</nav>
</header>
<img src="https://s.zst.com.br/cms-assets/2020/07/whatsapp-video-2020-07-01-at-17.49.36.gif" alt="Imagem genérica" id="img">
<div id="home">
<div id="landing">
<h2>Sobre a loja</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vehicula risus gravida erat placerat efficitur. Nullam malesuada tellus vel eros tincidunt cursus. Fusce condimentum ex quis enim bibendum efficitur. Curabitur et nulla at enim maximus posuere. Nunc id nunc a orci facilisis vulputate.</p>
</div>
</div>
<main id="main">
<h2>Produtos</h2>
<div id="celulares">
<div class="cel">
<h3>Iphone</h3>
<img src="https://files.tecnoblog.net/wp-content/uploads/2021/01/imagem-padrao-fundo-transparente-quadrado-700x700.png" alt="Iphone 12">
<p>Iphone Apple</p>
<span class="preco">R$4.699,00</span>
<br>
<button><a href="https://www.amazon.com.br/Apple-iPhone-12-128-GB-Preto/dp/B09B49KYCW/ref=asc_df_B09B49KYCW/?tag=googleshopp00-20&linkCode=df0&hvadid=379773236150&hvpos=&hvnetw=g&hvrand=16132258242496292393&hvpone=&hvptwo=&hvqmt=&hvdev=c&hvdvcmdl=&hvlocint=&hvlocphy=1032077&hvtargid=pla-1416218737869&psc=1">Compre-Aqui</a></button>
</div>
<div class="cel">
<h3>Samsung</h3>
<img src="https://gazetadiaria.com/wp-content/uploads/2021/09/galaxy-s21-ultra-produto-700x700-1.webp" alt="Samsung Galaxy Ultra">
<p>Smartphone Samsung Galaxy</p>
<span class="preco">R$4.999,90</span>
<br>
<button><a href="https://www.amazon.com.br/Smartphone-Samsung-Galaxy-Ultra-256GB/dp/B08X9XB2Q4/ref=asc_df_B08X9XB2Q4/?tag=googleshopp00-20&linkCode=df0&hvadid=379727795989&hvpos=&hvnetw=g&hvrand=13418184854944250060&hvpone=&hvptwo=&hvqmt=&hvdev=c&hvdvcmdl=&hvlocint=&hvlocphy=1032077&hvtargid=pla-1211902894255&psc=1">Compre-Aqui</a></button>
</div>
<div class="cel">
<h3>Xiaomi</h3>
<img src="https://files.tecnoblog.net/wp-content/uploads/2022/02/redmi-note-11-produto-700x700.png" alt="Xiaomi Redmi Note 11">
<p>Smartphone Xiaomi</p>
<span class="preco">R$1.209,79</span>
<br>
<button><a href="https://www.amazon.com.br/dp/B09QSB3LWX/ref=olp-opf-redir?aod=1&ie=UTF8&condition=new&creative=380345&creativeASIN=B09QSB3LWX&linkCode=asm&tag=zoom059-20&ascsubtag=b3bd3a39f1ee4af286d46b56bacec46c">Compre-Aqui</a></button>
</div>
</div>
</main>
<footer id="footer">
<p>Nos siga nas redes sociais:</p>
<ul>
<li><a href="#"><i class="fa-solid fa-envelope fa-bounce"></i></a></li>
<li><a href="#"><i class="fa-brands fa-facebook fa-bounce"></i></a></li>
<li><a href="#"><i class="fa-brands fa-instagram fa-bounce"></i></a></li>
</ul>
<p>Desenvolvido por Pedro França | <span class="nodr">NOdr</span><span class="point">.</span></p>
</footer>
<script src="js/menu.js"></script>
</body>
</html>