-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·416 lines (397 loc) · 22.9 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
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="description" content="Jornar-se">
<meta name="keywords" content="CNV, conflito, diálogo, não-violência, gestão de conflitos">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Jornar-se</title>
<meta name="pagename" content="Jornar-se" />
<meta name="url" content="https://www.jornadacnv.com.br" />
<!-- Google / Search Engine Tags -->
<meta itemprop="name" content="Jornar-se" />
<meta
itemprop="description"
content="Uma jornada de CNV para aprendemos a nos comunicar ainda melhor."
/>
<!-- Facebook Meta Tags -->
<meta property="og:url" content="https://www.jornadacnv.com.br" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Jornar-se" />
<meta
property="og:description"
content="Uma jornada de CNV para aprendemos a nos comunicar ainda melhor."
/>
<meta property="og:image:height" content="630" />
<meta property="og:image:width" content="1200" />
<meta property="og:locale" content="pt_br" />
<meta property="og:site_name" content="Jornar-se" />
<meta property="og:image" content="https://insightsdecodigo.github.io/ci-jornase-web/img/icone.jpg" />
<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Jornar-se" />
<meta
name="twitter:description"
content="Uma jornada de CNV para aprendemos a nos comunicar ainda melhor."
/>
<meta name="twitter:image:src" content="https://insightsdecodigo.github.io/ci-jornase-web/img/icone.jpg" />
<meta name="twitter:site" content="Jornar-se" />
<meta name="twitter:creator" content="Jornar-se" />
<link rel="manifest" href="./js/manifest.json" />
<!-- Google Font -->
<link href="https://fonts.googleapis.com/css?family=Work+Sans:400,500,600,700,800,900&display=swap"
rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap" rel="stylesheet">
<!-- Css Styles -->
<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">
<link rel="stylesheet" href="css/font-awesome.min.css" type="text/css">
<link rel="stylesheet" href="css/elegant-icons.css" type="text/css">
<link rel="stylesheet" href="css/owl.carousel.min.css" type="text/css">
<link rel="stylesheet" href="css/magnific-popup.css" type="text/css">
<link rel="stylesheet" href="css/slicknav.min.css" type="text/css">
<link rel="stylesheet" href="css/style.css" type="text/css">
<link rel="stylesheet" href="css/customSite.css" type="text/css">
</head>
<body>
<!-- Page Preloder -->
<div id="preloder">
<div class="loader"></div>
</div>
<!-- Header Section Begin -->
<header class="header-section">
<div class="container">
<div class="logo">
<h2>
Jornar-se
</h2>
</div>
<div class="nav-menu">
<nav class="mainmenu mobile-menu">
<ul>
<li class="active"><a href="./index.html">Home</a></li>
<li> <a href="tel:(61)98118-8174" target="_blank"><i class="fa fa-whatsapp"></i> Dúvidas em tel: (61) 98118-8174</a>
</li>
</ul>
</nav>
</div>
<div id="mobile-menu-wrap"></div>
</div>
</header>
<!-- Header End -->
<!-- Hero Section Begin -->
<section class="hero-section set-bg" data-setbg="img/pexels-sk-797643.jpg">
<div class="container">
<div class="row">
<div class="col-lg-7">
<div class="hero-text">
<span><br /><br /><br />
</span>
<h2><br /><br /><br /></h2>
</div>
</div>
</div>
</div>
</section>
<!-- Hero Section End -->
<!-- Counter Section Begin -->
<section class="counter-section bg-gradient">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="counter-text text-center">
<span>Uma experiência de aprendizagem sobre comunicação não-violenta</span>
<h3>com 04 encontros quinzenais <br />as quinta-feiras das 19:30 às 22:00,<br /> serão 100% on-line nos dias 05/11; 19/11; 03/12 e 17/12. </h3>
<br />
<h3><blockquote>Inscrições até 31/10.</blockquote></h3>
</div>
</div>
</div>
</div>
</section>
<!-- Counter Section End -->
<!-- Team Member Section Begin -->
<section class="team-member-section">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="section-title">
<h2>O que é?!</h2>
<p class="text-justify">O Jornar-se é uma jornada de aprendizagem para uma comunicação mais compassiva e assertiva
tendo como base a comunicação não-violenta. O aprendizado se dá não somente através de um
professor que detém o conhecimento e passa aos alunos, mas também por meio da sabedoria de
todos os participantes, das experiências, acertos e dificuldades.
Através de um ambiente seguro de troca, diversão, empatia, leveza e prática vamos juntos aprender
e ensinar. Para alguns é mais fácil ser autêntico, para outros é mais fácil ouvir com empatia. Juntos
somamos nossas forças e vemos em perspectiva que todos temos nossos desafios e nossas
qualidades em relação a comunicação.
<b>Teremos uma turma de no máximo 15 pessoas!</b>
</p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="section-title">
<h2>O que é Comunicação Não-Violenta?</h2>
<span>“O mundo em que vivemos é aquilo que fazemos dele” - Arun Gandh</span>
<p class="text-justify">De forma simples, podemos dizer que a CNV é uma ferramenta que nos auxilia a ter melhores
diálogos, mas ela vai muito além e pode ser encarada com uma forma de olhar a vida. Ela foi
sistematizada por Marshall Rosemberg, um psicólogo americano.
A maior premissa da comunicação não-violenta é ter diálogos e relações que sejam autênticas e
empáticas, ou seja, diálogos e relações que busquem atender as necessidades de todos os
envolvidos.
Para que isso aconteça iremos aprender sobre conexão, intenção, os quatro passos da CNV,
empatia, compaixão, autocompaixão e vulnerabilidade, mais do que só aprender os conceitos
vamos praticar!
</p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-6">
<div class="ha-pic">
<img src="img/pexels-jopwell-2422290.jpg" alt="">
</div>
</div>
<div class="col-lg-6">
<div class="ha-text">
<h2>Como vai funcionar?</h2>
<p class="text-justify"> Para cada encontro teremos a sugestão de leitura de dois capítulos do livro: <a href="https://www.amazon.com.br/Comunica%C3%A7%C3%A3o-N%C3%A3o-Violenta-Marshall-B-Rosenberg/dp/8571838267" target="_blank">“Comunicação
não-violenta: Técnicas para aprimorar relacionamentos pessoais e profissionais - Marshall
Rosemberg”</a> e a facilitadora irá enviar alguns, exercícios, áudios e arquivos sobre os temas para
fomentar as reflexões para os encontros on-line.
</p>
<ul>
<li><span class="icon_check"></span> Encontros 100% online</li>
<li><span class="icon_check"></span> Eles durarão 2h30 e serão os momentos onde os participantes vão poder ouvir e também falar</li>
<li>
<span class="icon_check"></span>
Dentro dos encontros síncronos tudo é um convite. Você não precisa falar senão quiser, mas as
práticas vão nos ajudar em momentos na vida real. Teremos momentos de bate papo sobre os
capítulos e os temas e também momentos de prática em grupo ou em duplas.
</li>
</ul>
<a href="./fonts/Encontros-Jornar-se.pdf" target="_blank" class="ha-btn">Caso queira ver os temas abordados em cada um dos encontros clique aqui para baixar o arquivo
com mais informações.
</a>
</div>
</div>
</div>
</div>
</section>
<!-- Team Member Section End -->
<!-- Home About Section Begin -->
<section class="home-about-section spad">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="ha-pic">
<img src="img/dani.jpeg" alt="">
</div>
</div>
<div class="col-lg-6">
<div class="ha-text">
<h2>Daniele Cardia</h2>
<p class="text-justify"> É uma sonhadora nata, sempre foi muito curiosa, ama estudar e tá sempre aprendendo
algo novo. Adora crianças, piscina, cachoeira e tudo isso junto principalmente.
Advogada de formação percebeu que gostava mais de aprender e ensinar do que de
litigar. É Mediadora de conflitos desde 2015 e estuda comunicação não-violenta desde
2016. Lecionou por 06 anos dentro de uma universidade e foi por 02 anos instrutora em
Mediação Judicial pelo CNJ e hoje se aventura a ensinar e aprender de forma mais
criativa e divertida. É apaixonada por pessoas e acredita que o amor e a compaixão vão
transformar o mundo. Atualmente é facilitadora de experiências de aprendizagem e
voluntária na Base colaborativa e Organizadora do OpenIDEO São Paulo Chapter.
</p>
<h3>O Jornar-se é para você?!</h3>
<ul>
<li><span class="icon_check"></span> Quer ter uma comunicação melhor no trabalho?!</li>
<li><span class="icon_check"></span> Quer se expressar com autenticidade, mas também quer ouvir com empatia?!</li>
<li><span class="icon_check"></span> Gostaria de se ter uma melhor relação com os filhos.</li>
<li><span class="icon_check"></span> Quer conversar sobre temas tabus ou polêmicos, como política, sexo com mais leveza.</li>
<li><span class="icon_check"></span> Gostaria de ter conversas com menos brigas?!</li>
<li><span class="icon_check"></span> Quer ter uma comunicação com menos ruídos?</li>
<li><span class="icon_check"></span> Já estudou comunicação não-violenta, mas quer entrar em contato com o tema
novamente.
</li>
<li><span class="icon_check"></span> Quer ter mais conexão nas relações amorosas ou familiares?!</li>
<li><span class="icon_check"></span> Gostaria de ser mais autocompassiva(o)?!</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- Home About Section End -->
<!-- Pricing Section Begin -->
<section class="pricing-section set-bg spad" data-setbg="img/pricing-bg.jpg">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="section-title">
<h2>Preço do ingresso</h2>
<p>Teremos uma turma de no máximo 15 pessoas! Inscrições até o dia 31/10.</p>
<p>10% de todo o valor arrecadado será doado para a <a href="https://www.instagram.com/basecolaborativa/" target="_blank" class="ha-btn">@Basecolaborativa</a>!</p>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-lg-4 col-md-8">
<div class="price-item">
<h4>Grátis</h4>
<div class="pi-price">
<h2>0,00</h2>
</div>
<ul>
<li>Para nós o componente financeiro não deve ser um impeditivo para o acesso ao conhecimento, sua
participação é o mais importante!
</li>
</ul>
</div>
</div>
<div class="col-lg-4 col-md-8">
<div class="price-item top-rated">
<div class="tr-tag">
<i class="fa fa-star"></i>
</div>
<h4>Contribuição responsável</h4>
<div class="pi-price">
<h2>100,00</h2>
</div>
<ul>
<li>Para uma contribuição responsável.</li>
<li>Manutenção da experiência.</li>
</ul>
</div>
</div>
<div class="col-lg-4 col-md-8">
<div class="price-item">
<h4>Vamos Expandir</h4>
<div class="pi-price">
<h2>150,00</h2>
</div>
<ul>
<li>Para uma contribuição responsável.</li>
<li>Manutenção da experiência.</li>
<li>Como valor abundante para apoiar que essa experiência não
só aconteça, mas também se expanda.
</li>
</ul>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="section-title">
<h2>Diversidade</h2>
<p class="text-justify">
Diversidade é um dos princípios que regem nossa atuação, assim reservamos algumas vagas para
pessoas sub representadas como Negros (as), LGBTQIA+, índígenas, deficientes e todos aqueles
que sofrem preconceitos. Se você conhece alguém que seria beneficiado e pertence a uma minoria
não deixe de indicar nossa experiência a ele(a).
</p>
</div>
</div>
</div>
</div>
</section>
<!-- Pricing Section End -->
<!-- Newslatter Section Begin -->
<section class="newslatter-section">
<div class="container">
<div class="newslatter-inner set-bg" data-setbg="img/newslatter-bg.jpg">
<div class="ni-text">
<h3>Obtenha seu ingresso</h3>
<p>Se cadastre em nosso formulário e não perca nada</p>
</div>
<form action="#" class="ni-form">
<input type="text" placeholder="" disabled>
<button id="cadastro" type="button">Se inscrever</button>
</form>
</div>
</div>
</section>
<!-- Newslatter Section End -->
<!-- Contact Section Begin -->
<section class="contact-section spad">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="section-title">
<h2>Quem já participou do jornar-se disse:</h2>
</div>
<div class="ui vertical stripe quote segment">
<div class="ui equal width stackable internally celled grid">
<div class="center aligned row" class="text-justify">
<div class="col-lg-6">
<blockquote>“Um ambiente seguro e sem julgamentos onde podemos compartilhar nossos medos, receios, alegrias e aprendizados com pessoas em busca de serem melhores com seus semelhantes.Gostei de ter visões diferentes - e interessantes - do livro. Além de poder praticar as lições dadas.”
</blockquote>
<p>
<img src="./img/avatar/tom.jpg" class="ui avatar image"> <b>Juscelino Amaral</b>
</p>
</div>
<div class="col-lg-6">
<blockquote>“A jornada foi uma experiência incrível que mudou a minha forma de ver a vida, de ver a minha relação com o outro e principalmente comigo mesma... é preciso ter muita coragem pra iniciar essa jornada que mais do que uma jornada de aprendizado sobre comunicação compassiva é uma jornada pra dentro de si mesmo. Amei demais e recomendo!!”
</blockquote>
<p>
<img src="./img/avatar/nan.jpg" class="ui avatar image"> <b> Eloisa Xavier</b>
</p>
</div>
<div class="col-lg-6">
<blockquote>“Foi uma experiência muito legal, de bastante aprendizado e de conexão comigo mesmo e com os participantes. Com certeza fez diferença na minha vida e é uma experiência que eu vou guardar com bastante carinho. Gostei dos relatos das pessoas e da leitura/explicações sobre o tema”
</blockquote>
<p>
<img src="./img/avatar/tom.jpg" class="ui avatar image"> <b> Rafael Bruto</b>
</p>
</div>
<div class="col-lg-6">
<blockquote>“Foi incrível, evolui na minha comunicação com familiares e profissionalmente a cnv tem contribuído bastante. Troca de experiências, ponto de vista diferentes, perceber que você não está só nas dificuldades de comunicação.”
</blockquote>
<p>
<img src="./img/avatar/tom.jpg" class="ui avatar image"> <b> Jucelio de Freitas
</b>
</p>
</div>
<div class="col-lg-6">
<blockquote>“Participar do Jornar-se mudou meu olhar sobre como lidar com as pessoas e sobre como lidar comigo e com as minhas emoções. Descobri que o silêncio pode ser confortável e libertador. Compreendi que a observação é muito importante no contexto das relações que estabelecemos ao longo da vida. Agradeço a Dani, a Nati e a todo o grupo que conseguiu se conectar e aprender mutuamente. 😍❤️🙏🏼”
</blockquote>
<p>
<img src="./img/avatar/nan.jpg" class="ui avatar image"> <b> Milena Passos
</b>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Contact Section End -->
<!-- Footer Section Begin -->
<footer class="footer-section">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="footer-text">
<div class="copyright-text"><p><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
Copyright ©<script>document.write(new Date().getFullYear());</script> Todos os direitos reservados | Este modelo é feito com <i class="fa fa-heart" aria-hidden="true"></i> por <a href="https://codinsights.com.br" target="_blank">CodInsights</a>
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --></p></div>
<div class="ft-social">
<a href="https://www.instagram.com/Dani.cardia/" target="_blank"><i class="fa fa-instagram"></i></a>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- Footer Section End -->
<!-- Js Plugins -->
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/jquery.slicknav.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>