-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
178 lines (164 loc) · 7.68 KB
/
index.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
169
170
171
172
173
174
175
176
177
178
<!DOCTYPE HTML>
<html>
<head>
<title>Projetare</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/css/main.css" />
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
</head>
<body>
<!-- Sidebar -->
<section id="sidebar">
<div class="inner">
<nav>
<ul>
<li><a href="#sobre">Sobre</a></li>
<li><a href="#one">Missão, visão e valores</a></li>
<li><a href="#two">Quem somos</a></li>
<li><a href="#three">Onde estamos</a></li>
<li><a href="#four">Faça parte</a></li>
<li><a href="#five">ONGS</a></li>
<li><a href="#six">Contato</a></li>
</ul>
</nav>
</div>
</section>
<!-- Wrapper -->
<div id="wrapper">
<!-- Sobre -->
<section id="sobre" class="wrapper style1 fullscreen spotlights">
<div class="inner">
<h1>Sobre</h1>
<p>Por quê?</p>
<p>Porque acreditamos que Desenvolvimento, Impacto e Transformação Social requerem ações conjuntas e contínuas de pessoas e de organizações.</p>
<p>Como?</p>
<p>Engajando e envolvendo estudantes, pessoas e organizações a partir de uma Rede de Atuação e Liderança Estudantil e de uma Rede de Desenvolvimento, Impacto e Transformação Social por meio da tecnologia.</p>
<p>O quê?</p>
<p>Realizamos ações estratégicas para a idealização e o desenvolvimento de projetos/negócios sociais.</p>
</div>
</section>
<!-- One -->
<section id="one" class="wrapper style2 spotlights">
<div class="inner">
<h1>Missão, visão e valores</h1>
</div>
<section>
<div class="content">
<div class="inner">
<h2>Missão:</h2>
<p>Criar estratégias para a idealização de projetos/negócios sociais visando desenvolvimento, impacto e transformação social, de modo a contribuir com a consolidação de uma sociedade justa e humanitária.</p>
</div>
</div>
</section>
<section>
<div class="content">
<div class="inner">
<h2>Visão:</h2>
<p>Ser uma organização social de referência mundial em colaborar com a melhoria dos mais variados setores sociais, da educação à sustentabilidade.</p>
</div>
</div>
</section>
<section>
<div class="content">
<div class="inner">
<h2>Valores:</h2>
<p>Altruísmo, Amor, Austeridade, Cultura Empreendedora, Cidadania, Desenvolvimento Humano, Desenvolvimento Social, Educação de Qualidade, Empatia, Ética, Cultura da Inovação, Multidisciplinariedade, Respeito, Resiliência, Responsabilidade, Solidariedade, Sustentabilidade, Transparência, Valorização das Culturas, Valorização das Pessoas, Humildade, Indisciplinariedade, Engajamento, Envolvimento, Encorajamento.</p>
</div>
</div>
</section>
</section>
<!-- Two -->
<section id="two" class="wrapper style1 fullscreen spotlights">
<div class="inner">
<h1>Quem somos</h1>
<p>Somos alguns estudantes. Somos algumas pessoas. Somos fora da caixa. Somos pessoas em busca de fazer algo social. Somos buscadores de soluções sociais. Somos buscadores e idealizadores de ações, de projetos, de negócios de desenvolvimento, de impacto e de transformação social.</p>
<p>A Projetare Social surge com o intuito de realizar ações que visem melhorias sociais. Ações que colaborem de alguma maneira para o desenvolvimento da sociedade. Eventos socioculturais que possibilitem envolvimento e conhecimento por meio da descontração com atividades lúdicas. Projetos Sociais que, de alguma maneira, possam amenizar a desigualdade. Negócios Sociais que possam gerar alguma renda para pessoas em estado de vulnerabilidade.</p>
</div>
</section>
<!-- Three -->
<section id="three" class="wrapper style2 fullscreen spotlights">
<div class="inner">
<h1>Onde Estamos</h1>
<p>Pensamos alto. Pensamos longe. Pensamos muito. Começamos aos poucos. Começamos a fazer algo. Começamos. Estamos em andamento. Queremos ir mais. Atingir mais. Envolver mais. Engajar mais.</p>
<p>No momento, começamos a desenvolver algumas ações. Também alguns projetos. Uns em andamento. Outros em fase de idealização e estruturação. Começamos a idealizar. Um primeiro passo. Um passo para adiante. Para avançar.</p>
<p>Estamos, a princípio, desenvolvendo. As ideias. As ações. Os projetos. Os futuros negócios sociais. Estamos, a princípio, na cidade de São José de Piranhas/PB.</p>
<p>Queremos estar, a posteriori, em demais cidades. Queremos estar no mundo. Queremos estar em mentes que desenvolvem, que impactam, que transformam. Queremos estar onde haja vida. Queremos mudanças. Queremos ser a mudança. Fazer parte da mudança. Contribuir para a mudança.</p>
</div>
</section>
<!-- Four -->
<section id="four" class="wrapper style1 fullscreen spotlights">
<div class="inner">
<h1>Faça parte</h1>
<p>Vem, vem você também. Vamos juntos desenvolver, impactar, transformar. Faça parte da Rede de Desenvolvimento, Impacto e Transformação Social (REDITS).</p>
<p>Envolva-se. Engaje-se. Desenvolva-se. Impacte-se. Transforme-se. Juntos nós podemos fazer algo. Podemos ser um pouco da mudança. Para mais informações, entre em contato conosco.</p>
</div>
</section>
<!-- Five -->
<section id="five" class="wrapper style2 fullscreen spotlights">
<div class="inner">
<h2>ONGS</h2>
<div class="features">
<section>
<span class="icon major fa-diamond"></span>
<h3>MUV5C</h3>
<p>Blog: <a href="https://muv5c.wordpress.com/">MUV5C</a></br>
Site: <a href="MUV5C/index.html">MUV5C</a>
</p>
</section>
<section>
<span class="icon major fa-diamond"></span>
<h3>Projeto de reciclagem</h3>
<p>Phasellus convallis elit id ullam corper amet et pulvinar. Duis aliquam turpis mauris, sed ultricies erat dapibus.</p>
</section>
<section>
<span class="icon major fa-diamond"></span>
<h3>Desempenho</h3>
<p>Phasellus convallis elit id ullam corper amet et pulvinar. Duis aliquam turpis mauris, sed ultricies erat dapibus.</p>
</section>
<section>
<span class="icon major fa-diamond"></span>
<h3>Projeto sociocultural</h3>
<p>Phasellus convallis elit id ullam corper amet et pulvinar. Duis aliquam turpis mauris, sed ultricies erat dapibus.</p>
</section>
</div>
</div>
</section>
<!-- Six -->
<section id="six" class="wrapper style1 fullscreen spotlights">
<div class="inner">
<h1>Contato</h1>
<br><br><br>
<div align="center">
<ul class="icons">
<li><a href="#" class="fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="#" class="fa-facebook"><span class="label">Facebook</span></a></li>
<li><a href="#" class="fa-instagram"><span class="label">Instagram</span></a></li>
<h3>@Projetare</h3>
</ul>
</div>
</div>
<br><br><br><br>
<!-- Footer -->
<footer id="footer">
<div class="inner">
<ul class="menu">
<div align="center">
<h3>© 2018 Todos os direitos reservados</h3><h3>Design: <a href="#">Loopis Jr</a></h3>
</div>
</ul>
</div>
</footer>
</section>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="assets/js/main.js"></script>
</body>
</html>