├── README.md
├── contatos.html
├── css
    └── style.css
├── img
    ├── Headset sem fio PULSE 3D - PlayStation 5.webp
    ├── cadeira.jpg
    ├── headset.jpg
    ├── icon.png
    ├── imagem.png
    ├── logo.png
    ├── mouse-alienware-aw320m-black-gallery-5.avif
    ├── mouse.jpg
    ├── teclado-mecanico-gamer-hyperx-alloy-elite-2-rgb-switch-hyperx-red-us-hkbe2x-1x-us-g_1612553329_p.jpg
    ├── teclado.jpg
    └── teclado02.jpg
├── index.html
├── produtos.html
└── serviços.html


/README.md:
--------------------------------------------------------------------------------
1 | # Projeto02_HTML-CSS
2 | Projeto 02 de html/css de um site que comercializa peças de informatica
3 | 


--------------------------------------------------------------------------------
/contatos.html:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/patrinhani/Loja-de-informatica-HTML_CSS/85c61b4371fa6c0e5b450774c1282a04c49d2519/contatos.html


--------------------------------------------------------------------------------
/css/style.css:
--------------------------------------------------------------------------------
  1 | /* reset css */
  2 | * {
  3 |   margin: 0;
  4 |   border: 0;
  5 |   padding: 0;
  6 |   font-size: 100%;
  7 |   font-family: "Open Sans", sans-serif;
  8 |   font-weight: normal;
  9 |   box-sizing: border-box;
 10 | }
 11 | img {
 12 |   max-width: 100%;
 13 | }
 14 | ul {
 15 |   list-style-type: none;
 16 | }
 17 | 
 18 | a {
 19 |   text-decoration: none;
 20 | }
 21 | 
 22 | h2 {
 23 |   font-size: 1.5em;
 24 |   color: #333;
 25 | }
 26 | 
 27 | p {
 28 |   font-size: 1em;
 29 |   color: #777;
 30 | }
 31 | /* cabecalho */
 32 | .cabecalho {
 33 |   width: 100%;
 34 |   float: left;
 35 |   padding: 50px 8%;
 36 |   background-color: #13c7ae;
 37 |   /* background: linear-gradient(red,blue); */
 38 | }
 39 | .logo a {
 40 |   width: 221px;
 41 |   height: 48px;
 42 |   float: left;
 43 |   font-size: 0;
 44 |   background-image: url(../img/logo.png);
 45 | }
 46 | .cabecalho form {
 47 |   width: 30%;
 48 |   float: right;
 49 | }
 50 | .cabecalho form input[type="search"] {
 51 |   width: 85%;
 52 |   float: left;
 53 |   padding: 15px 10px 15px 10px;
 54 |   border-radius: 15px 0 0 15px;
 55 | }
 56 | .cabecalho button {
 57 |   width: 15%;
 58 |   float: right;
 59 |   padding: 15px 10px;
 60 |   background-color: #0cae98;
 61 |   color: white;
 62 |   cursor: pointer;
 63 |   border-radius: 0 15px 15px 0;
 64 | }
 65 | /* MENU */
 66 | .menu {
 67 |   width: 100%;
 68 |   float: left;
 69 |   background-color: #111;
 70 |   padding: 18px 8%;
 71 | }
 72 | .menu li {
 73 |   float: left;
 74 | }
 75 | .menu li a {
 76 |   color: #9d9d9d;
 77 |   margin-right: 25px;
 78 |   font-size: 19px;
 79 | }
 80 | .menu li a:hover {
 81 |   color: #fff;
 82 | }
 83 | /* Social-icons */
 84 | 
 85 | .social-icons {
 86 |   float: right;
 87 | }
 88 | .social-icons a {
 89 |   color: #fff;
 90 |   float: left;
 91 |   margin-left: 13px;
 92 | }
 93 | .btn-facebook:hover {
 94 |   color: #3b5998;
 95 | }
 96 | .btn-google:hover {
 97 |   color: #d73d32;
 98 | }
 99 | .btn-twitter:hover {
100 |   color: #54a4d6;
101 | }
102 | /* PRINCIPAL */
103 | .principal {
104 |   width: 100%;
105 |   float: left;
106 |   padding: 20px 8%;
107 | }
108 | .sobre {
109 |   width: 70%;
110 |   float: left;
111 |   padding: 0 20px 20px 0;
112 | }
113 | .sobre h2 {
114 |   margin-bottom: 15px;
115 | }
116 | .sobre img {
117 |   width: 50%;
118 |   float: left;
119 |   border-radius: 5px;
120 |   margin: 0 15px 15px 0;
121 | }
122 | 
123 | .sobre p {
124 |   text-align: justify;
125 | }
126 | 
127 | /* Sidebar */
128 | .onde-estamos {
129 |   width: 30%;
130 |   float: right;
131 |   padding: 10px 20px;
132 |   background-color: #f5f5f5;
133 |   border-radius: 7px;
134 | }
135 | .onde-estamos h2 {
136 |   margin-bottom: 7px;
137 | }
138 | .onde-estamos iframe {
139 |   width: 100%;
140 |   height: 250px;
141 |   margin: 20px 0px;
142 | }
143 | .onde-estamos li {
144 |   color: #777;
145 |   margin-bottom: 10px;
146 | }
147 | .onde-estamos i {
148 |   margin-right: 6px;
149 | }
150 | 
151 | /* Newsletter */
152 | .newsletter {
153 |   width: 100%;
154 |   float: left;
155 |   background-color: #111;
156 |   padding: 50px 8%;
157 | }
158 | .newsletter h3 {
159 |   font-size: 1.8em;
160 |   color: #fff;
161 | }
162 | .newsletter p {
163 |   font-size: 1.2em;
164 |   color: #fff;
165 | }
166 | .newsletter form {
167 |   width: 100%;
168 |   float: left;
169 |   margin-top: 12px;
170 | }
171 | .newsletter form input {
172 |   width: 40%;
173 |   margin-right: 1%;
174 |   padding: 15px 10px;
175 |   border: 1px solid #fff;
176 |   border-radius: 7px;
177 |   color: #fff;
178 |   background-color: initial;
179 |   float: left;
180 | }
181 | .newsletter button {
182 |   width: 18%;
183 |   padding: 15px 10px;
184 |   background-color: #fff;
185 |   float: right;
186 |   color: #111;
187 |   cursor: pointer;
188 |   border-radius: 7px;
189 | }
190 | 
191 | /* RODAPE */
192 | 
193 | .rodape {
194 |   width: 100%;
195 |   float: left;
196 |   background-color: #13c7ae;
197 |   padding: 20px 8%;
198 | }
199 | .rodape p {
200 |   color: #fff;
201 | }
202 | 
203 | /* PRODUTOS */
204 | 
205 | .produtos {
206 |   width: 100%;
207 |   float: left;
208 |   padding: 20px 8%;
209 | }
210 | .prod {
211 |   width: 70%;
212 |   float: left;
213 |   padding: 0 20px 20px 0;
214 | }
215 | .prod h2 {
216 |   margin-bottom: 15px;
217 | }
218 | .prod img {
219 |   width: 50%;
220 |   float: left;
221 |   border-radius: 5px;
222 |   margin: 0 15px 15px 0;
223 | }
224 | 
225 | .prod p {
226 |   text-align: justify;
227 | }
228 | .titulo {
229 |   font-weight: bold;
230 |   color: black;
231 | }
232 | 


--------------------------------------------------------------------------------
/img/Headset sem fio PULSE 3D - PlayStation 5.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/patrinhani/Loja-de-informatica-HTML_CSS/85c61b4371fa6c0e5b450774c1282a04c49d2519/img/Headset sem fio PULSE 3D - PlayStation 5.webp


--------------------------------------------------------------------------------
/img/cadeira.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/patrinhani/Loja-de-informatica-HTML_CSS/85c61b4371fa6c0e5b450774c1282a04c49d2519/img/cadeira.jpg


--------------------------------------------------------------------------------
/img/headset.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/patrinhani/Loja-de-informatica-HTML_CSS/85c61b4371fa6c0e5b450774c1282a04c49d2519/img/headset.jpg


--------------------------------------------------------------------------------
/img/icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/patrinhani/Loja-de-informatica-HTML_CSS/85c61b4371fa6c0e5b450774c1282a04c49d2519/img/icon.png


--------------------------------------------------------------------------------
/img/imagem.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/patrinhani/Loja-de-informatica-HTML_CSS/85c61b4371fa6c0e5b450774c1282a04c49d2519/img/imagem.png


--------------------------------------------------------------------------------
/img/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/patrinhani/Loja-de-informatica-HTML_CSS/85c61b4371fa6c0e5b450774c1282a04c49d2519/img/logo.png


--------------------------------------------------------------------------------
/img/mouse-alienware-aw320m-black-gallery-5.avif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/patrinhani/Loja-de-informatica-HTML_CSS/85c61b4371fa6c0e5b450774c1282a04c49d2519/img/mouse-alienware-aw320m-black-gallery-5.avif


--------------------------------------------------------------------------------
/img/mouse.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/patrinhani/Loja-de-informatica-HTML_CSS/85c61b4371fa6c0e5b450774c1282a04c49d2519/img/mouse.jpg


--------------------------------------------------------------------------------
/img/teclado-mecanico-gamer-hyperx-alloy-elite-2-rgb-switch-hyperx-red-us-hkbe2x-1x-us-g_1612553329_p.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/patrinhani/Loja-de-informatica-HTML_CSS/85c61b4371fa6c0e5b450774c1282a04c49d2519/img/teclado-mecanico-gamer-hyperx-alloy-elite-2-rgb-switch-hyperx-red-us-hkbe2x-1x-us-g_1612553329_p.jpg


--------------------------------------------------------------------------------
/img/teclado.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/patrinhani/Loja-de-informatica-HTML_CSS/85c61b4371fa6c0e5b450774c1282a04c49d2519/img/teclado.jpg


--------------------------------------------------------------------------------
/img/teclado02.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/patrinhani/Loja-de-informatica-HTML_CSS/85c61b4371fa6c0e5b450774c1282a04c49d2519/img/teclado02.jpg


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="pt-br">
 3 | 
 4 | <head>
 5 |   <meta charset="UTF-8" />
 6 |   <meta http-equiv="X-UA-Compatible" content="IE=edge" />
 7 |   <!-- <meta http-equiv="refresh" content="30" /> -->
 8 |   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 9 |   <meta name="description" content="site do professor jaja" />
10 |   <meta name="author" content="Guilherme" />
11 |   <meta name="keywords" content="Informática, Loja, Produto" />
12 |   <link rel="shortcut icon" href="img/icon.png" type="image/x-icon" />
13 |   <link rel="stylesheet" href="css/style.css" />
14 |   <title>Loja de Informática do Jaja</title>
15 | </head>
16 | 
17 | <body>
18 |   <header class="cabecalho">
19 |     <h1 class="logo">
20 |       <a href="index.html" title="loja do jaja ">Loja de Informática do Jaja</a>
21 |     </h1>
22 |     <form action="" method="post">
23 |       <input type="search" name="busca" id="busca" placeholder="Faça sua busca aqui!" />
24 |       <button><i class="fa-solid fa-magnifying-glass"></i></button>
25 |     </form>
26 |   </header>
27 |   <nav class="menu">
28 |     <ul>
29 |       <li><a href="index.html">Home</a></li>
30 |       <li><a href="produtos.html">Produtos</a></li>
31 |       <li><a href="serviços.html">Serviços</a></li>
32 |       <li><a href="contatos.html">Contatos</a></li>
33 |     </ul>
34 |     <div class="social-icons">
35 |       <a href="stylesheet" href="https://www.facebook.com/profile.php?id=100090526503754" class="btn-facebook"><i
36 |           class="fa-brands fa-facebook"></i></a>
37 |       <a href="stylesheet" href="https://mail.google.com/mail/u/1/#inbox?compose=new" class="btn-google"><i
38 |           class="fa-brands fa-google"></i></i></a>
39 |       <a href="stylesheet" href="https://twitter.com/jajajaj32208508" class="btn-twitter"><i
40 |           class="fa-brands fa-twitter"></i></a>
41 |     </div>
42 |   </nav>
43 |   <main class="principal">
44 |     <article class="sobre">
45 |       <h2>Sobre Nós</h2>
46 |       <img src="img/imagem.png"
47 |         alt="Imagem de dois homens vestidos de roupas sociais sendo o da direita de camiseta branca, e o da esquerda com camisa social azul escuro abrançando uma mulher que veste roupas sociais clara">
48 |       <p> A loja de informática é o lugar ideal para aqueles que querem equipar seus computadores com os melhores produtos e serviços. Temos uma grande variedade de produtos de última geração para oferecer aos nossos clientes. Nossa equipe de profissionais altamente qualificados pode orientá-lo sobre os produtos certos para o seu computador, para garantir que você obtenha o melhor desempenho possível.    
49 |        </p>
50 |       <p> Nossa loja oferece computadores, acessórios, software, hardware, equipamentos de rede e muito mais. Estamos sempre atualizando nossos produtos e serviços para garantir que os nossos clientes recebam a melhor qualidade e os melhores preços possíveis. Nossos técnicos altamente treinados podem ajudá-lo a instalar, configurar e solucionar problemas técnicos com seus computadores.</p>
51 |       <p>  
52 |          Fornecemos serviços de manutenção e reparo para computadores, notebooks e outros equipamentos de informática. Estamos comprometidos em fornecer serviços de qualidade aos nossos clientes a preços competitivos. Oferecemos aos nossos clientes serviços de suporte técnico profissional, para que possam obter o melhor desempenho possível dos seus computadores.</p>
53 |       <p>  Nossa loja oferece aos nossos clientes muitas ofertas e descontos especiais. Nós temos uma variedade de produtos e serviços à disposição a preços acessíveis. Estamos comprometidos em oferecer o melhor serviço possível e, por isso, estamos sempre procurando por novas maneiras de ajudar nossos clientes a economizar.</p>
54 |       <p> Também oferecemos serviços de financiamento para nossos clientes, para que possam obter os equipamentos informáticos que precisam, sem ter que economizar por muito tempo. Nossa loja de informática oferece suporte técnico ao cliente 24 horas por dia, 7 dias por semana, para garantir que nossos clientes recebam o melhor serviço possível.</p>
55 |       <p> 
56 |          Estamos orgulhosos de oferecer aos nossos clientes serviços de qualidade e preços acessíveis. Estamos comprometidos em ajudá-los a obter o melhor desempenho possível dos seus computadores e oferecemos aos nossos clientes serviços de suporte técnico para que possam obter ajuda quando precisarem. Se você estiver procurando por uma loja de informática, venha nos visitar para ver o que podemos fazer por você.
57 |       </p>
58 |     </article>
59 |     <aside class="onde-estamos">
60 |       <h2>
61 |         Onde estamos
62 |       </h2>
63 |       <p>Rua: Tito, N °54 - Vila Romana - São Paulo - SP - Brasil</p>
64 |       <iframe
65 |         src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3658.1227058213626!2d-46.69400945001638!3d-23.528088666173126!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x94cef8775663b04f%3A0x923835e9005f8309!2sSenac%20Lapa%20Tito!5e0!3m2!1sen!2sbr!4v1678296461633!5m2!1sen!2sbr"
66 |         style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
67 |       <h2>Contatos</h2>
68 |       <ul>
69 |         <li><i class="fa-solid fa-phone"></i>(11)36862098 </li>
70 |         <li><i class="fa-brands fa-whatsapp"></i>(11)96545612 </li>
71 |         <li><i class="fa-solid fa-envelope"></i>jajainfo196@gmail.com</li>
72 |       </ul>
73 |     </aside>
74 |   </main>
75 |   <section class="newsletter">
76 |     <h3>Newsletter</h3>
77 |     <p>Receba nossas promoções por e-mail</p>
78 |     <form action="" method="post">
79 |       <input type="text" name="nome" id="nome" placeholder="Seu nome">
80 |       <input type="email" name="email" id="email" placeholder="Seu e-mail">
81 |       <button>Cadastrar</button>
82 |     </form>
83 |   </section>
84 |   <footer class="rodape">
85 |     <p>&copy; Loja do Jaja - Todos os direitos reservados</p>
86 |   </footer>
87 |   <script src="https://kit.fontawesome.com/547cbc752e.js" crossorigin="anonymous"></script>
88 | </body>
89 | 
90 | </html>


--------------------------------------------------------------------------------
/produtos.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | 
  3 | <html lang="pt-br">
  4 | 
  5 | <head>
  6 | 
  7 |     <meta charset="UTF-8">
  8 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  9 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 10 |     <meta name="keywords" content="Informática, Loja, Produto">
 11 |     <meta name="author" content="Guilherme Patrinhani">
 12 |     <meta name="description" content="Site de informática que realiza vendas de produtos eletrônicos e manutenção">
 13 |     <link rel="shortcut icon" href="img/icon.png">
 14 |     <meta http-equiv="refresh" content="30">
 15 |     <link rel="stylesheet" href="css/style.css">
 16 |     <title>Loja de Informática do Jaja</title>
 17 | 
 18 | </head>
 19 | 
 20 | <body>
 21 | 
 22 |     <header class="cabecalho">
 23 | 
 24 |         <h1 class=logo><a href="index.html" title="Loja de Informática do Jaja"> Loja de informatica do Jaja</a></h1>
 25 |         <!-- forms: post envia os dados para uma pagina backend, ele leva para um banco de dados e lá eles pesquisam se existe o que está sendo pesquisado -->
 26 | 
 27 |         <form action="" method="post">
 28 |             <!--input é comando -->
 29 | 
 30 |             <input type="search" name="busca" id="busca" placeholder="Faça sua busca aqui">
 31 | 
 32 |             <button><i class="fa-solid fa-magnifying-glass"></i></button>
 33 |         </form>
 34 |         <!-- tag i serve para criar um icone -->
 35 | 
 36 |         <!-- colocamos esse script no final para evitar probemas na hora de rodar o site -->
 37 | 
 38 |     </header>
 39 | 
 40 |     <nav class="menu">
 41 |         <ul>
 42 |             <li><a href="index.html">Home</a> </li>
 43 | 
 44 |             <li><a href="produtos.html">Produtos</a> </li>
 45 | 
 46 |             <li><a href="servicos.html">Serviços</a> </li>
 47 | 
 48 |             <li><a href="contatos.html">Contatos</a> </li>
 49 |         </ul>
 50 | 
 51 |         <div class="social-icons">
 52 |             <a href="stylesheet" href="https://www.facebook.com/profile.php?id=100090526503754" class="btn-facebook"><i
 53 |                     class="fa-brands fa-facebook"></i></a>
 54 |             <a href="stylesheet" href="https://mail.google.com/mail/u/1/#inbox?compose=new" class="btn-google"><i
 55 |                     class="fa-brands fa-google"></i></i></a>
 56 |             <a href="stylesheet" href="https://twitter.com/jajajaj32208508" class="btn-twitter"><i
 57 |                     class="fa-brands fa-twitter"></i></a>
 58 |         </div>
 59 | 
 60 |     </nav>
 61 |     <main class="produtos">
 62 |         <article class="prod">
 63 |             <br>
 64 |             <br>
 65 |             <h2>Principais Produtos</h2>
 66 |             <br>
 67 |             <!-- MOUSE -->
 68 |             <article><img src="img/mouse-alienware-aw320m-black-gallery-5.avif" alt="Mouse gamer com fio ALIENWARE/ AW610M no
 69 |             acabamento na cor preta com dois botões e cabo de 2m.">
 70 |                 <p class="titulo">MOUSE GAMER COM FIO ALIENWARE | AW610M</p>
 71 |                 <br>
 72 |                 <br>
 73 |                 <p>
 74 |                     Velocidade, conforto e poder de fogo nunca faltam neste mouse gamer com fio de tamanho reduzido. Ele
 75 |                     conta com 19.000 DPI nativos e controle de velocidade de até 400 polegadas por segundo.
 76 |                 </p>
 77 |                 <br>
 78 |                 <br>
 79 |                 <p class="titulo">R$ 300,00</p>
 80 | 
 81 |                 <br>
 82 |                 <br>
 83 |                 <br><br><br><br><br><br><br><br><br><br><br>
 84 |                 <img src="img/cadeira.jpg" alt="Cadeira gamer com rgb e acabamentos em preto .">
 85 |                 <p class="titulo">CADEIRA GAMER MANCER ADHARA, RGB, PRETO, MCR-ADH-RGB01</p>
 86 |                 <br>
 87 |                 <br>
 88 |                 <p>
 89 |                     A Mancer Adhara é um produto único, seu nome e design foram inspirados na segunda estrela mais
 90 |                     brilhante da constelação do Cão Maior. Seu assento utiliza espuma moldada, sua estrutura é inteira
 91 |                     de metal e além disso, ela utiliza um pistão de alta durabilidade, tudo para que você se sinta
 92 |                     confortável independente se vai passar horas jogando ou trabalhando. Não importa a quão longa é a
 93 |                     sua jornada ou quão difícil é seu caminho, a Adhara vai te acompanhar.
 94 |                 </p>
 95 |                 <br>
 96 |                 <br>
 97 | 
 98 |                 <p class="titulo">R$ 899,90</p>
 99 |                 <br><br><br><br><br><br><br><br><br><br><br><br><br>
100 | 
101 |                 <img src="img/Headset sem fio PULSE 3D - PlayStation 5.webp" alt="headset preto com detalhes em preto "
102 |                     class="headset">
103 |                 <p class="titulo">Headset sem fio PULSE 3D - PlayStation 5</p>
104 |                 <br>
105 |                 <br>
106 |                 <p>
107 |                     Compatível com PlayStation 4
108 |                     Prepare-se para uma nova geração de áudio gamer com o headset sem fio PULSE 3D para PS5
109 |                     O headset sem fio PULSE 3D traz um design refinado com dois microfones para cancelamento de
110 |                     ruído, carregamento por USB Type-C e uma série de controles fáceis de acessar
111 |                     Desfrute de uma experiência perfeita e sem fio com um headset adaptado para áudio 3D nos
112 |                     consoles PS5
113 |                 </p>
114 |                 <br>
115 |                 <br>
116 |                 <p class="titulo">R$ 599,00</p>
117 | 
118 |                 <br><br><br><br><br><br><br><br><br><br><br><br><br>
119 |                 <img src="img/teclado02.jpg" alt="teclado rgb hyperx ligado e colorido">
120 |                 <p class="titulo">Teclado Mecânico Gamer HyperX Alloy Elite 2 RGB, Switch HyperX</p>
121 |                 <br>
122 |                 <br>
123 |                 <p>
124 |                     Para gamers, streamers e multi-tarefas que precisam ter mais controle na ponta dos dedos, o HyperX
125 |                     Alloy Elite? 2 é o teclado certo para você. Com teclas de mídia exclusivas e um grande controle de
126 |                     volume, esse teclado gamer com todos os recursos está pronto para tudo desde edição de vídeo até
127 |                     assistir filmes.
128 |                 </p>
129 |                 <br>
130 | 
131 |                 <p class="titulo">R$ 650,99</p>
132 |             </article>
133 | 
134 |     </main>
135 |     <section class="newsletter">
136 |         <h3>Newsletter</h3>
137 |         <p>Receba nossas promoções por e-mail</p>
138 |         <form action="" method="post">
139 |             <input type="text" name="nome" id="nome" placeholder="Seu nome">
140 |             <input type="email" name="email" id="email" placeholder="Seu e-mail">
141 |             <button>Cadastrar</button>
142 |         </form>
143 |     </section>
144 |     <script src="https://kit.fontawesome.com/547cbc752e.js" crossorigin="anonymous"></script>
145 | </body>
146 | 
147 | </html>


--------------------------------------------------------------------------------
/serviços.html:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/patrinhani/Loja-de-informatica-HTML_CSS/85c61b4371fa6c0e5b450774c1282a04c49d2519/serviços.html


--------------------------------------------------------------------------------