-
Notifications
You must be signed in to change notification settings - Fork 0
/
servicos.html
67 lines (58 loc) · 2.57 KB
/
servicos.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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>PetShop - Serviços</title>
<!-- Favicon -->
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
<!-- ICONS -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,[email protected],100..700,0..1,-50..200" />
<!-- CSS -->
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<header>
<div class="logo">
<img src="images/logo.png" alt="teste" width="70px">
</div>
<div class="barra-pesquisa">
<input type="text" name="procura" placeholder="Faça sua pesquisa aqui!!">
<button type="button">Procura</button>
</div>
<nav class="menu">
<ul>
<li class="submenu" ><a href="index.html">Home</a></li>
<li class="submenu"><a href="sobre.html">Sobre</a></li>
<li class="submenu"><a href="contato.html">Contato</a></li>
<li class="submenu" id="activesub"><a href="servicos.html">Serviços</a></li>
<li class="submenu"><a href="produtos.html">Produtos</a></li>
</ul>
</nav>
</header>
<section>
<div class="destaque">
<img src="images/destaque.png" alt="petshop destaque">
</div>
<div class="seletor-foto">
<input type="radio" name="" checked>
<input type="radio" name="">
<input type="radio" name="">
</div>
</section>
<section>
<h2 class="texto-produto">Serviços</h2>
<div class="card-info">
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus
voluptatum laboriosam inventore voluptates, rem, ullam id excepturi iusto
voluptatem quis magnam ipsum sint doloribus molestias provident facilis
commodi. Esse, obcaecati. Lorem ipsum dolor sit, amet consectetur adipisicing elit.
Quia aut possimus repellendus odit nemo eum obcaecati eveniet eos facere omnis dolorem
architecto facilis at, dignissimos corrupti inventore, est ab tempore?</p>
</div>
</section>
<footer class="rodape">
<p>© Todos os Direitos Reservados 2024 a <span>Danilo Dias</span> | <a href="#">Politica de Privacidade</a> | <a href="#">Termos de Serviço</a> </p>
</footer>
</body>
</html>