-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
123 lines (83 loc) · 5.21 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
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>GSC - Sobre</title>
<link rel="stylesheet" href="./css/main.css">
<link rel="stylesheet" href="./css/about.css">
<link href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&display=swap" rel="stylesheet">
</head>
<body>
<div class="container">
<header class="header">
<a class="logo" href="index.html"><img src="./assets/images/logo.svg" alt="Goiás Sem Covid"></a>
<nav class="nav-bar">
<div class="social-media">
<a href="#"><img src="./assets/icons/facebook1.svg" alt=""></a>
<a href="#"><img src="./assets/icons/instagram1.svg" alt=""></a>
<a href="#"><img src="./assets/icons/twitter1.svg" alt=""></a>
<a href="#"><img src="./assets/icons/whatsapp1.svg" alt=""></a>
</div>
<ul>
<li><a href="index.html">HOME</a></li>
<li><a href="about.html">SOBRE</a></li>
<li><a href="#">ÁREAS DE ATUAÇÃO</a></li>
<li><a href="donations.html">DOAÇÕES</a></li>
<li><a href="#">CONTATO</a></li>
</ul>
</nav>
<button class="menu-btn" onclick="showMenu()"></button>
</header>
<nav class="drop-menu hidden">
<button class="close-btn" onclick="hideMenu()"></button>
<ul>
<li><a href="index.html">HOME</a></li>
<li><a href="about.html">SOBRE</a></li>
<li><a href="#">ÁREAS DE ATUAÇÃO</a></li>
<li><a href="donations.html">DOAÇÕES</a></li>
<li><a href="#">CONTATO</a></li>
</ul>
<div class="dropMenuSocial">
<ul>
<li> <a href="#"><img src="./assets/icons/facebook1.svg" alt=""></a> </li>
<li> <a href="#"><img src="./assets/icons/instagram1.svg" alt=""></a> </li>
<li> <a href="#"><img src="./assets/icons/twitter1.svg" alt=""></a> </li>
<li> <a href="#"><img src="./assets/icons/whatsapp1.svg" alt=""></a> </li>
</ul>
</div>
</nav>
<div class="header-behind"></div>
<main class="content">
<section class="section-a">
<h1>Sobre a GSC</h1>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorem consectetur, error, illo fuga atque est voluptate quis iure in ipsam reiciendis voluptates magni obcaecati cum architecto veritatis voluptas dolor eos corrupti aliquam distinctio nobis molestias! Earum, ullam consectetur quis placeat veritatis ipsum aperiam quod tenetur dolorum unde eligendi eveniet officia quaerat saepe, quam porro, non amet. Sed delectus animi, velit minima mollitia fugit, a magni error voluptates fugiat deleniti quas obcaecati culpa doloremque beatae, necessitatibus eaque labore odio nostrum repellat nesciunt exercitationem adipisci sequi in. Laborum vitae accusantium quod libero iste, odio eum quasi labore deleniti voluptatum earum, porro nihil minima. Fugiat similique iste tempore architecto ipsa, eligendi praesentium.
</p>
</section>
<div class="section-b">
<section class="missao">
<h2>Missão</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorem consectetur, error, illo fuga atque est voluptate quis iure in ipsam reiciendis voluptates magni obcaecati cum architecto.
</p>
</section>
<section class="visao">
<h2>Visão</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorem consectetur, error, illo fuga atque est voluptate quis iure in ipsam reiciendis voluptates magni obcaecati cum architecto veritatis voluptas dolor eos corrupti.
</p>
</section>
<section class="valores">
<h2>Valores</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorem consectetur, error, illo fuga atque est voluptate quis iure in ipsam reiciendis voluptates magni obcaecati cum architecto veritatis voluptas dolor eos corrupti aliquam distinctio nobis molestias!
</p>
</section>
</div>
</main>
<footer class="footer"></footer>
<script src="./js/main.js"></script>
</div>
</body>
</html>