-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
57 lines (54 loc) · 3.24 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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Gatito Petshop</title>
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<header class="header">
<figure class="header__logo">
<img src="assets/img/logo.png" alt="Logo" class="header__img">
</figure>
<nav class="header__menu menu">
<ul class="menu__list">
<li class="menu__links"><a href="index.html" class="menu__link">Página inicial</a></li>
<li class="menu__links"><a href="about.html" class="menu__link">Sobre nós</a></li>
<li class="menu__links"><a href="collection.html" class="menu__link">Cães</a></li>
<li class="menu__links"><a href="collection.html" class="menu__link">Gatos</a></li>
<li class="menu__links"><a href="collection.html" class="menu__link">Pássaros</a></li>
<li class="menu__links"><a href="contact.html" class="menu__link">Contato</a></li>
</ul>
</nav>
</header>
<article class="about">
<div class="about__title">
<h1 class="about__h1">Sobre nós</h1>
<div class="about__breadcrumb breadcrumb">
<a href="index.html" class="breadcrumb__link">Home</a>
<img src="assets/img/arrow.svg" alt="Seta" class="breadcrumb__img" />
<a href="about.html" class="breadcrumb__link">Sobre nós</a>
</div>
</div>
<div class="about__content">
<img src="assets/img/dog-cat.jpg" alt="Dog and cat" class="about__img" />
<p class="about__intro">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ipsum felis, ultricies ut semper malesuada, luctus at enim. Ut sodales iaculis libero. Sed hendrerit tellus eu dui hendrerit rhoncus. Aliquam eget risus est.</p>
<div class="about__split">
<img src="assets/img/about.png" alt="Gatito" class="about__img-description" />
<div class="about__txt">
<p class="about__p">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ipsum felis, ultricies ut semper malesuada, luctus at enim. Ut sodales iaculis libero. Sed hendrerit tellus eu dui hendrerit rhoncus. Aliquam eget risus est.</p>
<p class="about__p">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ipsum felis, ultricies ut semper malesuada, luctus at enim. Ut sodales iaculis libero. Sed hendrerit tellus eu dui hendrerit rhoncus. Aliquam eget risus est.</p>
<p class="about__p">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ipsum felis, ultricies ut semper malesuada, luctus at enim. Ut sodales iaculis libero. Sed hendrerit tellus eu dui hendrerit rhoncus. Aliquam eget risus est.</p>
</div>
</div>
</div>
</article>
<footer class="footer">
<img src="assets/img/footer-logo.png" alt="Footer logo" class="footer__logo" />
<p class="footer__txt">2021 Gatito Blog. All rights reserved.</p>
</footer>
</body>
</html>