-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
79 lines (71 loc) · 3.27 KB
/
about.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
<!DOCTYPE html>
<html lang="pt_br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Toca do Coelho</title>
<link rel="shortcut icon" href="images/icon-head.png"/>
<link rel="stylesheet" href="css/about.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=Poppins:wght@300;400;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta2/css/all.min.css">
</head>
<body>
<header>
<div class="container">
<!-- Linkar esse logo a página principal -->
<div class="logo"></div>
<div class="menu-desktop">
<ul>
<li><a href="menu.html">Menu</a></li>
<li><a href="contact.html">Contato</a></li>
<li><a href="about.html">Sobre</a></li>
</ul>
</div>
<div class="menu-mobile">
<div class="menu-hamburguer">
<span></span>
<span></span>
<span></span>
</div>
<ul>
<li><a href="menu.html">Menu</a></li>
<li><a href="contact.html">Contato</a></li>
<li><a href="about.html">Sobre</a></li>
</ul>
</div>
</div>
</header>
<section class="about">
<div class="container">
<div class="about-us">
<h2>Conheça nossa história</h2>
<p>Labore occaecat ex irure pariatur aliqua deserunt dolore do veniam. Ea ex in dolor eiusmod enim dolore. Quis culpa Lorem culpa quis minim minim aute. Ipsum anim consectetur ipsum magna occaecat ipsum excepteur minim aliqua. Cillum cillum sunt culpa exercitation ex excepteur sit ullamco proident cupidatat esse ullamco eu cupidatat. Cillum nostrud sunt ut magna sit id mollit eiusmod mollit tempor.</p>
</div>
<div class="gallery">
<div style="background-image: url('images/bg-gallery-2.png')" class="single-photos"></div>
<div style="background-image: url('images/bg-gallery-3.png')" class="single-photos"></div>
<div style="background-image: url('images/bg-gallery-4.png')" class="single-photos"></div>
<div style="background-image: url('images/bg-gallery-5.png')" class="single-photos"></div>
</div>
</div>
</section>
<!-- Colocar um container para limitar o tamanho em telas grandes -->
<footer>
<div class="container">
<div>
<div class="logo"></div>
<p>Rua Arlindo Nogueira Nº 415, Centro. São Paulo</p>
</div>
<div class="social-medias">
<a href="#"><i class="fab fa-instagram"></i></a>
<a href="#"><i class="fab fa-facebook"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
</div>
</div>
</footer>
<script src="js/main.js"></script>
</body>
</html>