├── README.md
├── css
    └── style.css
├── html
    └── Index (3).html
└── img
    ├── MicrosoftTeams-image (1).png
    ├── foto.png
    ├── fundo.jpg
    ├── fundo2.jpg
    ├── hardware.jpg
    ├── icone.png
    ├── office.jpg
    ├── perifericos.jpg
    ├── serviços.jpg
    ├── teclado.png
    └── transferir-removebg-preview (1).png


/README.md:
--------------------------------------------------------------------------------
1 | # Projeto02-HTML-CSS
2 | Projeto02 de HTML e CSS para criação de um site que comercializa peças de informática.
3 | 


--------------------------------------------------------------------------------
/css/style.css:
--------------------------------------------------------------------------------
  1 | /* RESET CSS */
  2 | * {
  3 |     margin: 0;
  4 |     padding: 0;
  5 |     font-size: 100%;
  6 |     font-family: 'open sans', sans-serif;
  7 |     font-weight: normal;
  8 |     box-sizing: border-box;
  9 |     border: none;
 10 |     outline: none;
 11 | }
 12 | 
 13 | img{
 14 |     max-width: 100%;  
 15 | }
 16 | 
 17 | ul{
 18 |     list-style-type: none;
 19 | }
 20 | 
 21 | a{
 22 |     text-decoration: none;
 23 | }
 24 | 
 25 | h2{
 26 |     font-size: 1.5em;
 27 |     color: #333;
 28 | }
 29 | p{
 30 |     font-size: 1em;
 31 |     color: #777;
 32 | }
 33 | 
 34 | /*CABECALHO*/
 35 | 
 36 | /* TELA DO HOME */
 37 | 
 38 | .cabecalho{
 39 |     width: 100%;
 40 |     float: left;
 41 |     padding: 50px 8%;
 42 |     background-color: #1b90d4;
 43 | }
 44 | 
 45 | .logo a{
 46 |     width: 80px;
 47 |     height: 48px;
 48 |     float: left;
 49 |     background: url(.../img/icone.png);
 50 |     font-size: 0;
 51 | 
 52 | }
 53 | 
 54 | .cabecalho form{
 55 | width: 30%;
 56 | float: right;
 57 | }
 58 | 
 59 | .cabecalho form input[type="search"]{
 60 |     width: 85%;
 61 |     float: left;
 62 |     padding: 15px 10px 15px 10px;
 63 |     border-radius: 15px 0 0 15px;
 64 | }
 65 | .cabecalho button{
 66 |     width: 15%;
 67 |     float: right;
 68 |     padding: 15px 10px;
 69 |     background-color: #1574aa;
 70 |     cursor: pointer;
 71 | 
 72 | }
 73 | 
 74 | /* menu */
 75 | 
 76 | .menu{
 77 |     width: 100%;
 78 |     float: left;
 79 |     background-color: #111;
 80 |     padding: 18px 8%;
 81 |     color: bisque;
 82 | }
 83 | 
 84 | .menu li{
 85 |     float: left;
 86 | }
 87 | 
 88 | .menu li a{
 89 |     color: #9d9d9d;
 90 |     margin-right: 25px;
 91 |     font-size: 19px;
 92 | }
 93 | 
 94 | .menu li a:hover{
 95 |     color: #fff;
 96 |     font-size: 21px;
 97 |     border: 1px solid royalblue;
 98 |     padding: 0;
 99 | }
100 | 
101 | /* SOCIAL-ICONS*/
102 | 
103 | .social-icons{
104 |     float: right;
105 |    
106 | }
107 | 
108 | .social-icons a{
109 |     color: #fff;
110 |     float: left;
111 |     margin-left: 13px;
112 | }
113 | 
114 | .btn-facebook:hover{
115 |       color: #3b5998;
116 | }
117 | 
118 | .btn-google:hover{
119 |      color: #d73d32;
120 | }
121 | 
122 | .btn-twitter:hover{
123 |    color: #00acee;
124 | }
125 | 
126 | /* PRINCIPAL */
127 | .PRINCIPAL{
128 |     width: 100%;
129 |     float: left;
130 |     padding: 20px 8%;
131 | }
132 | 
133 | .sobre{
134 |     width: 70%;
135 |     float: left;
136 |     padding: 0px 20px 20px 0px;
137 | }
138 | 
139 | .sobre h2{
140 |     margin-bottom: 15px;
141 | }
142 | .sobre img{
143 |     width: 50%;
144 |     float: left;
145 |     border-radius: 5px;
146 |     margin: 0 15px 15px 0;
147 | }
148 | 
149 | .onde-estamos{
150 |     border-radius: 10px;
151 |     width: 30%;
152 |     float: right;
153 |     padding: 10px 20px;
154 |     background-color: #f5f5f5;
155 |     }
156 | 
157 | .onde-estamos p{
158 |     color: #000000;
159 | }
160 | 
161 | 
162 | 
163 | .onde-estamos li{
164 |     color: #777;
165 |     margin-bottom: 10px;
166 | }
167 | 
168 | .onde-estamos iframe{
169 |  width: 100%;
170 |  height: 250px;
171 |  margin: 20px 0px;
172 | }
173 | 
174 | .onde-estamos i{
175 |     margin-right: 8px;
176 | }
177 | 
178 | /* NEWSLETTER */
179 | 
180 | .newsletter{
181 |     width: 100%;
182 |     float: left;
183 |     background-color: #000000;
184 |     padding: 50px 8%;
185 | }
186 | 
187 | .newsletter h3{
188 | font-size: 1.8em;
189 | color: #fff;
190 | }
191 | 
192 | .newsletter p{
193 |     font: 1.2em;
194 |     color: #fff;
195 | }
196 | 
197 | 
198 | .newsletter form{
199 |     width: 100%;
200 |     float: left;
201 |     margin-top: 10px;
202 | }
203 | 
204 | .newsletter form input{
205 |     width: 40%;
206 |     margin-right: 1%;
207 |     padding: 15px 10px;
208 |     border: 1px solid #fff;
209 |     border-radius: 7px;
210 |     color: #fff;
211 |     background-color: initial;
212 |     float: left;
213 | }
214 | 
215 | .newsletter button{
216 |     width: 18%;
217 |     float: right;
218 |     background-color: #fff;
219 |     padding: 15px 10px;
220 |     border-radius: 15px;
221 |     cursor: pointer;
222 | }
223 | 
224 | .rodape{
225 |     width: 100%;
226 |     float: left;
227 |     background-color: #13c7ae;
228 |     padding:20px 8%;
229 | }
230 | 
231 | .rodape p{
232 |     color: #fff;
233 | }
234 | /* TELA DE CONTATOS */
235 | 
236 | .formulario{
237 |     text-align: center;
238 |     font-size: 20px;
239 |     font-family: verdana;
240 |     margin-top: 20px;
241 |     border-radius: 10px;
242 |     box-shadow: 2px 2px 2px 2px #0000004f;
243 |     background-image: url(../img/fundo2.jpg);
244 |     background-position: center;
245 |     background-size: 100%;
246 |     margin-bottom: 150px;
247 | }
248 | 
249 | .inserir:hover{
250 |     color: #000000;
251 |     font-size: 20px;
252 |     border: 3px solid #000000;
253 |     padding: 0;
254 | }
255 | 
256 | .btn-whatsapp{
257 |     color: rgb(106, 170, 10);
258 | }
259 | 
260 | .btn-whatsapp:hover{
261 |     color: rgb(106, 170, 10);
262 |     font-size: 20px;
263 |     border: 3px solid rgb(106, 170, 10);
264 |     padding: 0;
265 | }
266 | 
267 | 
268 | .titulo{
269 |     margin-top: 20px;
270 |     font-size: 25px;
271 |     font-family: verdana;
272 |     text-align: center;
273 | }
274 | 
275 | .texto{
276 |     color: #000000;
277 |     margin-top: 20px;
278 |     font-size: 20px;
279 |     font-family: verdana;
280 |     text-align: center;
281 | }
282 | 
283 | .forms{
284 |     color: #000000;
285 |     margin-top: 25px;
286 |     font-size: 25px;
287 |     font-family: verdana;
288 |     text-align: center;
289 | }
290 | 
291 | .inserir{
292 |     border-radius: 5px;
293 | }
294 | 
295 | 
296 | /* TELA DE  SERVIÇOS */
297 | 
298 | .customers {
299 |     font-family: Arial, Helvetica, sans-serif;
300 |     border-collapse: collapse;
301 |     width: 100%;
302 |   }
303 |   
304 |   #customers td, customers th{
305 |     border: 1px solid #ddd;
306 |     padding: 8px;
307 |   }
308 |   
309 |   .customers tr:nth-child(even){
310 |     background-color: #f2f2f2;
311 | }
312 |   
313 |   .customers tr:hover{
314 |     background-color: #ddd;
315 | }
316 |   
317 | .th{
318 |     padding-top: 12px;
319 |     padding-bottom: 12px;
320 |     text-align: center;
321 |     background-color: #1b90d4;
322 |     color: white;
323 |   }
324 | 
325 |   .dias:hover{
326 |     color: rgb(0, 0, 0);
327 |     font-size: 17px;
328 |     border: 1px solid rgb(2, 2, 2);
329 |     padding: 0;
330 |   }
331 | 
332 |   .horas:hover{
333 |     color: rgb(2, 2, 2);
334 |     font-size: px;
335 |     border: 1px solid rgb(0, 0, 0);
336 |     padding: 0;
337 |   }
338 | 
339 |   .fechado:hover{
340 |     color: rgb(2, 2, 2);
341 |     font-size: px;
342 |     border: 1px solid rgb(0, 0, 0);
343 |     padding: 0;
344 |   }
345 |   .horas{
346 |     color:#04AA6D;
347 |   }
348 |   .fechado{
349 |     color: red;
350 |   }
351 | 
352 |   td{
353 |     margin-top: 20px;
354 |     text-align: center;
355 |   }
356 | 
357 |   table, th, td {
358 |     box-shadow: 4px 4px #00000041;
359 |     float: center;
360 |     border-radius: 5px;
361 |     font-size: 20px;
362 | }
363 | 
364 | table{
365 |     width: 80%;
366 |     margin-left: 90px;
367 |     box-shadow: 4px 4px #00000041;
368 |     border-radius: 5px;
369 |     margin-bottom: px;
370 |     margin-top: 40px;
371 |     float: center;
372 | 
373 | }
374 | 
375 | .node{
376 |     color: #000000;
377 |     font-size: 22px;
378 |     font-family: verdana;
379 |     text-align: left;
380 |     margin-top: 40px;
381 |     float: center;
382 |     margin-left: 160px;
383 |     margin-right: 160px;
384 | }
385 | 
386 | .titulo2{
387 |     color: #000000;
388 |     margin-top: 60px;
389 |     font-size: 25px;
390 |     font-family: verdana;
391 |     text-align: left;
392 |     margin-left: 500px;
393 |     margin-bottom: 20px;
394 |     
395 | }
396 | 
397 | .julius{
398 |     width: 30%;
399 |     float: left;
400 |     border-radius: 5px;
401 |     box-shadow: 4px 4px #00000044 ;
402 |     margin-right: 40px;
403 |     margin-top: 60px;
404 |     
405 | }
406 | 
407 | .atendimento{
408 |     color: #000000;
409 |     margin-top: 25px;
410 |     font-size: 25px;
411 |     font-family: verdana;
412 |     text-align: center;
413 |     margin-top: 110px;
414 |     margin-bottom: 20px;
415 | }
416 | 
417 | .lista{
418 |     color: #000000;
419 |     margin-top: 20px;
420 |     font-size: 22px;
421 |     font-family: verdana;
422 |     text-align: left;
423 |     margin-left: 500px;
424 |     margin-bottom: 10px;
425 | 
426 | }
427 | 
428 | .listas{
429 |     margin-top: 60px;
430 | 
431 | }
432 | 
433 | /* PRODUTOS */
434 | 
435 | .categorias{
436 |     color: #000000;
437 |     margin-top: 40px;
438 |     font-size: 25px;
439 |     font-family: verdana;
440 |     text-align: center;
441 |     margin-bottom: 50px; 
442 |     animation: pulsate 1.5s infinite alternate;
443 |     
444 |     }
445 | 
446 | .perifericos{
447 |     color: #ffffff;
448 |     margin-top: 40px;
449 |     font-size: 20px;
450 |     font-family: verdana;
451 |     text-align: center;
452 |     background-image: url(../img/perifericos.jpg);
453 |     border-radius: 15px;
454 |     padding: 30px 30px;
455 |     margin-left: 330px;
456 |     margin-right: 330px;
457 |     text-shadow:
458 |     0 0 4px #fff,
459 |     0 0 11px #fff,
460 |     0 0 19px #fff,
461 |     0 0 40px #bc13fe,
462 |     0 0 80px #bc13fe,
463 |     0 0 90px #bc13fe,
464 |     0 0 100px #bc13fe,
465 |     0 0 150px #bc13fe;
466 |     border: 0.2rem solid #fff;
467 |     border-radius: 2rem;
468 |     padding: 20px 20px;;
469 |     box-shadow: 0 0 .2rem #fff,
470 |     0 0 .2rem #fff,
471 |     0 0 2rem #bc13fe,
472 |     0 0 2.8rem #bc13fe,
473 |     inset 0 0 1.3rem #bc13fe; 
474 | 
475 |     }
476 | 
477 |  .perifericos:hover{
478 |     color: #ffffff;
479 |     font-size: 25px;
480 |     border: 3px solid #ffffff;
481 |     padding: 0;
482 |     padding: 30px 30px;
483 |     border: 0.2rem solid #fff;
484 |     border-radius: 2rem;
485 |     padding: 25px 25px;;
486 |     box-shadow:
487 |      0 0 .2rem #fff,
488 |      0 0 .2rem #fff,
489 |      0 0 2rem #bc13fe,
490 |      0 0 0.8rem #bc13fe,
491 |      0 0 2.8rem #bc13fe,
492 |     inset 0 0 1.3rem #bc13fe; 
493 | }
494 | 
495 | .hardware{
496 |     color: #ffffff;
497 |     margin-top: 40px;
498 |     font-size: 20px;
499 |     font-family: verdana;
500 |     text-align: center;
501 |     background-image: url(../img/hardware.jpg);
502 |     border-radius: 15px;
503 |     padding: 30px 30px;
504 |     margin-left: 330px;
505 |     margin-right: 330px;
506 | }
507 | 
508 | .hardware:hover{
509 |     color: #ffffff;
510 |     font-size: 23px;
511 |     border: 3px solid #ffffff;
512 |     padding: 0;
513 |     padding: 30px 30px;
514 | }
515 | 
516 | .office{
517 |     color: #ffffff;
518 |     margin-top: 40px;
519 |     font-size: 20px;
520 |     font-family: verdana;
521 |     text-align: center;
522 |     padding: 5px 5px;
523 |     background-image: url(../img/office.jpg);
524 |     background-size: 100%;
525 |     border-radius: 15px;
526 |     padding: 30px 30px;
527 |     margin-left: 330px;
528 |     margin-right: 330px;
529 | }
530 | 
531 | .office:hover{
532 |     color: #ffffff;
533 |     font-size: 23px;
534 |     border: 3px solid #ffffff;
535 |     padding: 30px 30px;
536 | }
537 | 
538 | .teclado{
539 |     background-color: #222121;
540 |     padding: 30px 50px 180px 50px;
541 |     border-radius: 10px;
542 | }
543 | 
544 | .teclado:hover{
545 | 
546 | }
547 | 


--------------------------------------------------------------------------------
/html/Index (3).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 name="viewport" content="width=device-width, initial-scale=1.0">
  8 |     <meta name="description" content="Loja de Informática do cara sério">
  9 |     <meta name="keywords" content="Suporte, Manutenção,Computadores">
 10 |     <meta name="author" content="Murilo Vitor Santana Gama">
 11 |     <title>Loja de informática</title>
 12 |     <link rel="shortcut icon" href="img/icone.png" type="image/x-icon">
 13 |     <link rel="stylesheet" href="css/style.css">
 14 | </head>
 15 | 
 16 | <body>
 17 |     <header class="cabecalho">
 18 |         <h1 class="logo"><a href="Index (3).html" title="Loja de informática do cara sério">Loja de Informática do cara
 19 |                 sério</a></h1>
 20 |         <img src="img/MicrosoftTeams-image (1).png" alt="">
 21 |         <form action="" method="post">
 22 |             <input type="search" name="busca" id="busca" placeholder="Faça sua busca aqui!">
 23 |             <button><i class="fa-solid fa-magnifying-glass"></i></button>
 24 |         </form>
 25 |     </header>
 26 |     <nav class="menu">
 27 |         <ul>
 28 |             <li><a href="Index (3).html">Home</a> </li>
 29 |             <li><a href="Produtos.html">Produtos</a> </li>
 30 |             <li><a href="Serviços.html">Serviços</a> </li>
 31 |             <li><a href="Contatos.html">Contatos</a> </li>
 32 |         </ul>
 33 |         <div class="social-icons">
 34 |             <a href="https://pt-br.facebook.com/" class="btn-facebook"><i><i class="fa-brands fa-facebook"></i></i></a>
 35 |             <a href="https://www.google.com/intl/pt-BR/account/about/" class="btn-google"><i><i
 36 |                         class="fa-brands fa-google"></i></i></a>
 37 |             <a href="https://twitter.com/login?lang=pt" class="btn-twitter"><i><i
 38 |                         class="fa-brands fa-twitter"></i></i></a>
 39 |         </div>
 40 | 
 41 |     </nav>
 42 |     <main class="PRINCIPAL">
 43 |         <article class="sobre">
 44 |             <h2>SOBRE NÓS</h2>
 45 |             <img src="img/foto.png"
 46 |                 alt="Homem de camisa social azul abraçando sua mulher de camisa social branca conversando com um atendente vestido de camisa branca em uma loja de informática">
 47 |             <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Amet delectus sequi debitis odit libero
 48 |                 quibusdam sunt, nisi id optio aliquid. Corrupti consectetur sit inventore ipsam tempore dolorem alias
 49 |                 natus accusamus.</p>
 50 |             <p>Necessitatibus explicabo id consequuntur fuga beatae assumenda alias omnis mollitia itaque tempora culpa
 51 |                 cum iste, soluta voluptatem aut accusantium possimus a illum? Eaque natus delectus adipisci ab facere.
 52 |                 Doloremque, mollitia.</p>
 53 |             <p>Iure cupiditate, laboriosam eligendi necessitatibus accusamus aperiam corporis qui facere quas repellat.
 54 |                 Odit neque dolore, illo praesentium quaerat quia repudiandae odio enim hic perspiciatis minus.
 55 |                 Perferendis, impedit veritatis. Enim, veniam.</p>
 56 |             <p>Aperiam impedit, quasi, laboriosam nisi tempore autem aspernatur aliquam placeat quaerat quisquam
 57 |                 assumenda delectus suscipit expedita. Excepturi maiores delectus, quam perspiciatis deserunt, tempore
 58 |                 nesciunt atque quibusdam hic nisi necessitatibus laborum!</p>
 59 |             <p>Autem excepturi voluptatum neque quas obcaecati, adipisci earum molestiae est animi necessitatibus illo
 60 |                 accusamus aliquam beatae dolorum quo dolor itaque, laboriosam accusantium facilis nostrum optio omnis
 61 |                 cum placeat expedita! Saepe.</p>
 62 |             <p>Labore ex nisi amet necessitatibus. Possimus a velit consequuntur autem, magnam vero eligendi, est,
 63 |                 consequatur sequi accusantium laudantium dignissimos iusto sapiente! Adipisci, qui suscipit. Quae a
 64 |                 consectetur distinctio atque iste.</p>
 65 |         </article>
 66 |         <aside class="onde-estamos">
 67 |             <h2>onde estamos</h2>
 68 |             <p>Rua: Tito, n 54 - Vila Romana - São Pauo- SP - Brasil</p>
 69 |             <iframe
 70 |                 src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3658.122569094284!2d-46.69400408502285!3d-23.52809358469939!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x94cef8775663b04f%3A0x923835e9005f8309!2sSenac%20Lapa%20Tito!5e0!3m2!1spt-BR!2sbr!4v1678296447716!5m2!1spt-BR!2sbr"
 71 |                 style="border:0;" allowfullscreen="" loading="lazy"
 72 |                 referrerpolicy="no-referrer-when-downgrade"></iframe>
 73 |                 <h2>contatos</h2>
 74 |                  <ul>
 75 |                     <li><i class="fa-solid fa-phone"></i>(11)36862098</li>
 76 |                     <li><i class="fa-brands fa-whatsapp"></i>(11)965456789</li>
 77 |                     <li><i class="fa-solid fa-envelope"></i>braçocurto@senac.com.br</li>
 78 |                  </ul>
 79 |         </aside>
 80 | 
 81 | 
 82 |     </main>
 83 | 
 84 |     <section class="newsletter">
 85 |       <h3>newsletter</h3>
 86 |       <p>Receba nossas promoçoes por email.</p>
 87 |       <form action="" method="post">
 88 |       <input type="text" name="nome" id="nome" placeholder="Nome">
 89 |       <input type="email" name="" id="email" placeholder="Email">
 90 |       <button>Cadastrar</button>
 91 |     </form>
 92 |     </section>
 93 |     <footer class="rodape">
 94 |       <p>Loja do Obama - Todos os direitos reservados.©</p>
 95 |     </footer>
 96 |     <script src="https://kit.fontawesome.com/9796628c85.js" crossorigin="anonymous"></script>
 97 | </body>
 98 | 
 99 | </html>
100 | </div>


--------------------------------------------------------------------------------
/img/MicrosoftTeams-image (1).png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Murilovsgama/Projeto02-HTML-CSS/bb5d9e45fd54906fd05bc766b405b9d2c5ead6d6/img/MicrosoftTeams-image (1).png


--------------------------------------------------------------------------------
/img/foto.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Murilovsgama/Projeto02-HTML-CSS/bb5d9e45fd54906fd05bc766b405b9d2c5ead6d6/img/foto.png


--------------------------------------------------------------------------------
/img/fundo.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Murilovsgama/Projeto02-HTML-CSS/bb5d9e45fd54906fd05bc766b405b9d2c5ead6d6/img/fundo.jpg


--------------------------------------------------------------------------------
/img/fundo2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Murilovsgama/Projeto02-HTML-CSS/bb5d9e45fd54906fd05bc766b405b9d2c5ead6d6/img/fundo2.jpg


--------------------------------------------------------------------------------
/img/hardware.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Murilovsgama/Projeto02-HTML-CSS/bb5d9e45fd54906fd05bc766b405b9d2c5ead6d6/img/hardware.jpg


--------------------------------------------------------------------------------
/img/icone.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Murilovsgama/Projeto02-HTML-CSS/bb5d9e45fd54906fd05bc766b405b9d2c5ead6d6/img/icone.png


--------------------------------------------------------------------------------
/img/office.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Murilovsgama/Projeto02-HTML-CSS/bb5d9e45fd54906fd05bc766b405b9d2c5ead6d6/img/office.jpg


--------------------------------------------------------------------------------
/img/perifericos.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Murilovsgama/Projeto02-HTML-CSS/bb5d9e45fd54906fd05bc766b405b9d2c5ead6d6/img/perifericos.jpg


--------------------------------------------------------------------------------
/img/serviços.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Murilovsgama/Projeto02-HTML-CSS/bb5d9e45fd54906fd05bc766b405b9d2c5ead6d6/img/serviços.jpg


--------------------------------------------------------------------------------
/img/teclado.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Murilovsgama/Projeto02-HTML-CSS/bb5d9e45fd54906fd05bc766b405b9d2c5ead6d6/img/teclado.png


--------------------------------------------------------------------------------
/img/transferir-removebg-preview (1).png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Murilovsgama/Projeto02-HTML-CSS/bb5d9e45fd54906fd05bc766b405b9d2c5ead6d6/img/transferir-removebg-preview (1).png


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