CursoHTML-CSS/index.html at main · Derziane/CursoHTML-CSS · GitHub

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
<!DOCTYPE HTML>
<html lang="pt-br">
	<head>
		<meta charset="utf-8">
		<title>Início - Pet Shop Cão Feliz</title>
		<link rel="stylesheet" type="text/css" href="reset.css">
		<link rel="stylesheet" type="text/css" href="style.css">
		<link rel="preconnect" href="https://fonts.googleapis.com">
		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
		<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap" rel="stylesheet">
	</head>
	<body>

		<header>

			<div class="box">
				<h1>
					<img width="150px" src="imagens/logo-pet-shop.png" alt="Logo do Pet Shop">
				</h1>

				<nav>
					<ul>
						<li>
							<a href="index.html">Home</a>
						</li>
						<li>
							<a href="servicos.html">Serviços</a>
						</li>
						<li>
							<a href="fale.conosco.html">Fale conosco</a>
						</li>
					</ul>
				</nav>
			</div>

		</header>
		<img class="destaque" src="imagens/destaque.jpg">

		<main>
			<section class="principal">
				<h2 class="titulo-centralizado">Sobre o Pet Shop Cão Feliz</h2>

				<p>Desde 2015 o Pet Shop trabalha sem medir esforços para que você tenha um Cão Feliz, aqui você encontrará serviços de <strong>excelente qualidade</strong>, com o preço que cabe no seu bolso. O Pet Shop Cão Feliz está localizado na Vila Prudente - São Paulo – SP, venha nos visitar!!! </p>

				<p id="feedback">Nossos clientes costumam dizer:
					<strong>
						<em>
							“Se meu cão está feliz, eu também estou feliz, por isso eu adoro o trabalho desse Pet Shop”.
						</em>
					</strong>
				</p>

				<p>Trabalhamos com os melhores produtos e com uma variedade de serviços para seu pet, sempre que precisar, conte com nossos profissionais ou também conheça nossos parceiros, sendo eles, hotel canino, veterinários, adestradores e muito mais. </p>
			</section>

			<section class="diferencial">
				<h3 class="titulo-centralizado">Nosso Diferencial</h3>

				<ul class="lista-diferencial">
					<li class="itens">Profissionais qualificados</li>
					<li class="itens">Produtos de Qualidade</li>
					<li class="itens">Sistema leva e traz</li>
				</ul>

				<img src="imagens/diferencial.jpg" class="imagemdiferencial">

				<div class="video">
					<iframe width="560" height="315" src="https://www.youtube.com/embed/92oRoNG9msM" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
				</div>

			</section>

			<section class="mapa">

				<h3 class="titulo-centralizado">Onde estamos</h3>

				<p>Estamos no melhor local da cidade para facilitar a sua vida.</p>

				<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3656.471535666386!2d-46.6576336!3d-23.587416199999996!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x94ce59f1069d11d1%3A0xcb936109af9ce541!2sParque%20Ibirapuera!5e0!3m2!1spt-BR!2sbr!4v1692217611730!5m2!1spt-BR!2sbr" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
			</section>
		</main>

		<footer>

			<img width="100px" src="imagens/logo-pet-shop.png" alt="Logo do Pet Shop">

			<p>&copy Copyright 2022</p>

		</footer>

	</body>
</html>