-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathprojeto.html
168 lines (139 loc) · 8.74 KB
/
projeto.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
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
<!DOCTYPE html>
<html lang="pt">
<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">
<link rel="stylesheet" href="./css/animate.css">
<link rel="stylesheet" href="style.css">
<link rel="shortcut icon" href="img/favico.ico" type="image/x-icon">
<title>Você Ensina | Projeto</title>
</head>
<body>
<header class="header">
<div class="logo-top">
</div>
<nav id="menu-top" class="menu-top">
<button data-menu="button" aria-expanded="false" aria-controls="menu" class="button-menu"><img src="./img/5.svg" alt="Menu Mobile" class="hb-menu"></button>
<ul data-menu="list" id="menu" class="list-menu">
<li><a href="index.html">Home</a></li>
<li><a href="projeto.html">O Projeto</a></li>
<li><a href="contato.html">Contato</a></li>
<li><a href="voluntarios.html">Seja Voluntário</a></li>
</ul>
</nav>
</header>
<main class="main">
<section class="projeto container main animate__animated animate__fadeInDown">
<div class="projeto-img">
</div>
<div class="cont-text-volunter animate__animated animate__fadeInDown">
<h1 class="projeto-header"><span class="sobre-header">Sobre</span><br> o projeto</h1>
<p>O portal <strong style="color: #10a2a6; font-weight: bold;">VOCÊ ENSINA</strong> foi pensado para levar o acesso a informação para a pessoas que mais precisam.</p>
<p>Nosso projeto consiste na concentração de profissionais de diversas áreas, que se juntam para ensinar e ajudar a cirar oportunidades.</p>
<p>O objetivo do nosso portal é facilitar o acesso a uma educação de qualidade com ajuda de todos os profissionais da sociedade, para que possamos ofertar mais que uma educação básica, mas também uma que qualifique o trabalhador e dignifique seu trabalho.</p>
</div>
</section>
<article class="container">
<p class="animate__animated animate__fadeInDown">O portal <strong style="color: #10a2a6; font-weight: bold;">VOCÊ ENSINA</strong> é uma plataforma de voluntários que se uniram para ajudar a capacitar e desenvolver as pessoas nas diversas áreas. Acreditamos que o apoio da sociedade é fundamental para o desenvolvimento, tendo em vista os problemas enfretados pela população carente.</p>
<p>Nosso portal irá genrenciar a criação e distribuição do conteúdo, bem como o cadastramento e validação dos voluntários, com o objetivo de oferecer cursos de qualidade. Assim atráves da parceiria com orgãos públicos, pessoas e empresas privadas, vamos distribui-los nas regiões mais carentes.</p>
<div class="projeto-gravacao">
<div class="gravacao-text">
<p>Para alcançar as regiões onde não tem acesso a Internet, desevolvemos a <strong style="color: #10a2a6; font-weight: bold;">VCTV</strong> , uma Smart Tv preparada especialmente para reproduzir os cursos ofertados pelo nosso portal.</p>
<p>Esses aparalhos ficaram em locais especificos onde todos da região possam ter acesso. A coordenação dos cursos ficará a cargo de nossos parceiros e voluntários, que terão um acesso especial em nosso portal para um suporte especializado.</p>
<p>Com ajuda de todos será possivel levar informação a todos, de qualidade e que atenda as necessidades da sociedade e do cidadão
ao em geral.</p>
</div>
<div class="img-gravacao">
<img src="./img/10.jpg" alt="Exemplo de Gravacao vctv" class="js-scroll top">
</div>
</div>
</article>
</main>
<section class="faq container">
<div class="title-bene">
<h2 class="h2-beneficios js-scroll bottom">Benefícios</h2>
</div>
<div class="accordion js-scroll top" id="accordionExample">
<div class="accordion-item">
<h2 class="accordion-header" id="headingOne">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
<h2>Qual benefício tenho por ser voluntário?</h2>
</button>
</h2>
<div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne">
<div class="accordion-body">
<p>
Além de ser umas das melhores formas para se aprender, quando se ensina, você contribui para o desenvolvimento do seu Páis.
Outro beneficio é que se você trabalhar na área do ensino terá seu nome amplamente divulgado.
</p>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingTwo">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
<h2>O trabalho é remunerado?</h2>
</button>
</h2>
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p>Não, o próprio nome já diz. O nosso projeto é feito por voluntários, sendo assim não remuneramos pelo cursos ofertados. Bem como não comecializamos nenhum curso de nossa Plataforma.</p>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingThree">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
<h2>Como ser tornar um Volutário?</h2>
</button>
</h2>
<div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p>O primeiro passo é se cadastrar em nosso Portal. <a href="voluntario.html">Clique Aqui</a> 👈
Depois é só seguir as orientações na inscrição e em breve entraremos em contato. <br>
Viu como é facil? 😉</p>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingFour">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseThree">
<h2>Quais os benefícios para as Empresas?</h2>
</button>
</h2>
<div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour" data-bs-parent="#accordionExample">
<div class="accordion-body">
<p>As empresas são parte muito importante do nosso Projeto,e por isso tem muitos benefícios.</p>
<p>Além de ser reconhecida como empresa parceira da sociedade, ajudará a formar mão de obra qualificada.</p>
<p>E se isso por si só não fosse suficiente, a empresa tem poderá divulgar sua marca em nosso canais, que atenderá todo Brasil. Além disso, com mão de obra qualificada vem mais regiões desenvolvidas e preparadas para realizar todas a demandas de Mercado e Indústrias.</p>
</div>
</div>
</div>
</div>
</section>
<div class="fist-call-action js-scroll">
<a href="#">Seja <b class="second-b-volunter">Voluntário</b></a>
</div>
</section>
<footer class="footer">
<div class="footer-container container">
<div class="fist-footer">
<h4>Entre em <a href="contato.html">contato</a> e seja voluntário</h4>
<p>Você Ensina. Alguns Direitos Reservados</p>
</div>
<div class="second-footer">
<div>
<a href="#menu-top"><img src="./img/yt-logo(grander).svg" alt="Logo Portal Você Ensina"></a>
</div>
<div class="link-footer">
<a href="http://" target="_blank" rel="noopener noreferrer">@voceensina</a>
<a href="http://" target="_blank" rel="noopener noreferrer">[email protected]</a>
</div>
</div>
</div>
</footer>
<script type="module" src="./js/script.js"></script>
<script src="./js/bootstrap.min.js"></script>
</body>
</html>