This repository has been archived by the owner on Apr 5, 2021. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
3whatwedo.html
138 lines (132 loc) · 5.19 KB
/
3whatwedo.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
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<!DOCTYPE html>
<html lang="pt">
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
/>
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<meta
name="description"
content="Bem vindo ao site (não) oficial da QUERCUS"
/>
<meta
name="keywords"
content="QUERCUS, ONG, ONG Portugal, QUERCUS organizaçao"
/>
<link type="text/css" rel="stylesheet" href="css/style.css" />
<link
type="text/css"
rel="stylesheet"
media="screen and (max-width: 768px)"
href="css/mobile.css"
/>
<title>QUERCUS | Associação Nacional de Conservação da Natureza</title>
<link rel="shortcut icon" type="image/png" href="img/favicon.png" />
</head>
<body>
<header>
<nav id="navbar">
<div class="container">
<div class="flexcontainer" id="nav">
<div class="column">
<a id="logo" href="1home.html">QUERCUS</a>
</div>
<div class="nav-column"></div>
<div class="nav-column"><a href="1home.html">Home</a></div>
<div class="nav-column">
<a href="2whoweare.html">Quem Somos</a>
</div>
<div class="nav-column">
<a class="current" href="3whatwedo.html">O Que Fazemos</a>
</div>
<div class="nav-column"><a href="4events.html">Projetos</a></div>
<div class="nav-column">
<a href="5resources.html">Redes Sociais</a>
</div>
<div class="nav-column"><a href="6contact.html">Contactos</a></div>
<div class="nav-column" id="area-cliente">
<div id="cliente">
<a href="7client.html">Área do Cliente</a>
<img id="sub_arrow" src="svg/arrow.svg" />
</div>
<div id="nav-sub">
<a href="7client.html">Login</a>
<a href="7.1signup.html">Registo</a>
</div>
</div>
</div>
<img id="mobile_arrow" src="svg/arrow.svg" />
</div>
</nav>
</header>
<section id="about-info">
<div class="flexcontainer py-2">
<div class="column">
<div class="bg-white info-left">
<h1 class="l-heading">
O Que <span class="text-primary">Fazemos</span>
</h1>
<p>
A QUERCUS atua de várias maneiras por todo o mundo, sendo as mais
comuns
<span class="text-primary"
>manifestações, voluntariado e angariações</span
>. Mas, para além disto, é também bastante conhecida pelo
<span class="text-primary"
>jornal e rubricas realizadas pelos media portuguesa</span
>. <br /><br />
O jornal <span class="text-primary">QUERCUS Ambiente</span> é uma
publicação oficial da Associação que serve para guardar, em papel,
e informar os nossos acompanhantes do que andamos atualmente a
fazer, onde vamos atuar e alguns factos interessantes sobre a
natureza lusitana. <br /><br />
A área temática que apadrinhou a QUERCUS foi precisamente a
<span class="text-primary"
>preservação das florestas portuguesas</span
>. Como sabemos, QUERCUS é a designação latina atribuída aos
Carvalhos, às Azinheiras e aos Sobreiros, árvores cada vez mais
raras em Portugal e, assim, surgiu a Associação, cujo objetivo
inicial era apenas preservar estas árvores. <br /><br />
Para além de tudo isto, a QUERCUS oferece também workshops de
<span class="text-primary"
>Educação Ambiental para a Sustentabilidade</span
>. O objetivo é ensinar os mais novos a terem mais cuidado com a
natureza e a trabalharem para um futuro sustentável. Isto é
atingido através da realização de workshops e de apresentações em
diversas escolas por todo o território nacional.
</p>
</div>
</div>
<div class="column">
<div class="info-right">
<img src="./img/photo-2.jpg" alt="Manifestacao" />
</div>
</div>
</div>
</section>
<section class="flexcontainer bg-dark py-1" id="videos_whatwedo">
<div class="column videos" id="vid1">
<iframe
src="https://www.youtube.com/embed/KeOXdZqNJH8"
allow="accelerometer; autoplay; encrypted-media; gyroscope;
picture-in-picture"
allowfullscreen
></iframe>
</div>
<div class="column videos">
<iframe
src="https://www.youtube.com/embed/_SlGVavr4to"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
></iframe>
</div>
</section>
<div class="clr"></div>
<footer>
<p>QUERCUS © 2020, All Rights Reserved</p>
</footer>
<script src="scripts/menu.js"></script>
</body>
</html>