-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
253 lines (224 loc) · 11.7 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
<!DOCTYPE html>
<html lang="pt-br">
<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="recet.css">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="script.js">
<script src="https://unpkg.com/scrollreveal"></script>
<script src="reveal.js" defer></script>
<title>Dicas de intercâmbio</title>
</head>
<body>
<header>
<div class="caixa">
<h1>Bem-vindos</h1>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="prepare-se.html">Prepare-se</a></li>
<li><a href="destinos.html">Destinos</a></li>
<li><a href="sobre.html">Sobre mim</a></li>
</ul>
</nav>
</div>
<button onclick="animarMenu()" id="botao-menu">
<span class="linha"></span>
<span class="linha"></span>
<span class="linha"></span>
</button>
<script>
function animarMenu() {
const btn = document.getElementById('botao-menu')
btn.classList.toggle('ativar')
}
</script>
<div class="caixa-mobile" id="caixa-mobile">
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="prepare-se.html">Prepare-se</a></li>
<li><a href="destinos.html">Destinos</a></li>
<li><a href="sobre.html">Sobre mim</a></li>
</ul>
</nav>
</div>
</header>
<script src="animar.js"></script>
<div class="titulo-principal">
<h1>Dicas de intercâmbio</h1>
<p class="subtitulo titulo">Este site foi criado para te ajudar a planejar seu intercâmbio, oferecendo dicas valiosas. Seja você alguém que já está decidido ou ainda está em dúvida, confira nossas orientações e prepare-se para essa experiência incrível!</p>
</div>
<div class="container">
<main>
<div class="beneficios">
<h2 class="titulo">Os benefícios em fazer um intercâmbio</h2>
<p>Fazer intercâmbio é uma experiência enriquecedora que envolve viver em um país estrangeiro por um período
determinado, geralmente com o objetivo de estudar, trabalhar, aprender um novo idioma ou simplesmente
mergulhar em uma cultura diferente. Essa experiência oferece uma série de benefícios pessoais, acadêmicos e
profissionais. </p>
<br>
<div class="botoes">
<button class="botao">Aprendizado de Idiomas</button>
<button class="botao">Experiência Cultural</button>
<button class="botao">Desenvolvimento Pessoal</button>
<button class="botao">Crescimento da Autoconfiança</button>
<button class="botao">Experiências Inesquecíveis</button>
<button class="botao">Visão Global</button>
</div>
<br>
<p>No entanto, é importante lembrar que o intercâmbio também pode ser desafiador. Você pode enfrentar
dificuldades com o idioma, sentir saudades de casa, lidar com choque cultural e enfrentar obstáculos
inesperados. No entanto, esses desafios também fazem parte do processo de crescimento e amadurecimento.</p>
<figure class="efeito-na-imagem1">
<img class="gif" src="airplane.gif" alt="gif de um avião">
<figcaption>Fonte: Gifer.</figcaption>
</figure>
<br>
</div>
</main>
<div class="depoimentos">
<div class="carousel-controls left" onclick="changeDepoimento(-1)">❮</div>
<h2>Depoimentos</h2>
<blockquote class="active">
<div class="content">
<figure>
<img class="depoimentos_img" src="Dilmar.jpeg" alt="Intercâmbista Dilmar no Canadá">
<figcaption>Canadá</figcaption>
</figure>
<p><em>"A experiência de conhecer o Canadá e viajar por ele é unica, um país completamente diferente geograficamente, com outra cultura, culinária e língua."</em></p>
</div>
<footer class="name">Dilmar Castanheiro</footer>
</blockquote>
<blockquote>
<div class="content">
<figure>
<img class="depoimentos_img" src="Gustavo.jpeg" alt="Intercâmbista Gustavo na Nova Zelândia">
<figcaption>Nova Zelândia</figcaption>
</figure>
<p><em>"Fazer um intercâmbio na Nova Zelândia é uma experiência incrível e enriquecedora. É uma oportunidade
de mergulhar em uma cultura vibrante, conhecer uma ampla variedade de paisagens deslumbrantes e fazer
amizades duradouras. Aprimorar um novo idioma em um ambiente imersivo e explorar as diversas atividades ao
ar livre (com muita adrenalina) são apenas alguns dos aspectos emocionantes dessa aventura."</em></p>
</div>
<footer class="name">Gustavo Lopes</footer>
</blockquote>
<blockquote>
<div class="content">
<figure>
<img class="depoimentos_img" src="Isabel.jpeg" alt="Intercâmbista Isabel na Nova Zelândia">
<figcaption>Nova Zelândia e Índia</figcaption>
</figure>
<p><em>"O intercâmbio foi a coisa mais inesperado da minha vida. Nunca imaginei que um dia poderia viver tanto
em tão pouco. O intercâmbio te tira completamente da sua zona de conforto, você meio que perde o seu senso
de direção, mas isso é absurdamente incrível pois com o passar dos dias, semanas, meses e até anos, você
percebe que ali é o seu novo lar, sua nova vida e aquelas pessoas que inicialmente eram estranhas, se
tornam tudo pra você, se tornam sua família. Parte de você vai ficar pra sempre naquele lugar. É uma
experiência rica e indescritível (gostei tanto que fui pra outro) 😅🥰. Eu gostaria que todo mundo, pelo
menos uma vez na vida, tivesse a oportunidade de vivenciar tudo isso!"</em></p>
</div>
<footer class="name">Isabel Garcia</footer>
</blockquote>
<blockquote>
<div class="content">
<figure>
<img class="depoimentos_img" src="Otavio.jpeg" alt="Intercâmbista Otávio no Canadá">
<figcaption>Canadá</figcaption>
</figure>
<p><em>"Durante seis meses, tive a oportunidade de viver em outro país e mergulhar em uma cultura
completamente nova: a canadense. Estudei em uma escola católica na cidade de Red Deer, onde minha família
anfitriã era colombiana. Por meio do programa Ganhando o Mundo, realizei meu sonho de ver a neve e
participei de diversas atividades que sempre desejei, como praticar snowboarding em uma montanha e acampar
com amigos. Essas experiências ficarão gravadas na minha memória com muito carinho e saudade."</em></p>
</div>
<footer class="name">Otávio Moraes da Costa</footer>
</blockquote>
<blockquote>
<div class="content">
<figure>
<img class="depoimentos_img" src="Pedro.jpeg" alt="Intercâmbista Pedro na Austrália">
<figcaption>Austrália</figcaption>
</figure>
<p><em>"Conhecer a Austrália sem dúvida foi inesquecível, vivi mais em 6 meses lá do que 16 anos no Brasil,
país totalmente diferente com paisagens deslumbrantes, praias magníficas e uma diversidade cultural que me
encantou. Aprendi muito durante o meu intercâmbio, tanto academicamente quanto pessoalmente."</em></p>
</div>
<footer class="name">Pedro Barbieri</footer>
</blockquote>
<blockquote>
<div class="content">
<figure>
<img class="depoimentos_img" src="Ronaldo.jpeg" alt="Intercâmbista Ronanaldo na Austrália">
<figcaption>Austrália</figcaption>
</figure>
<p><em>"Durante meus seis meses em Hobart, Tasmânia, tive uma experiência intensa e enriquecedora, tanto nos
estudos quanto na vida cultural. Onde no Elizabeth College, o ambiente era acolhedor e as aulas
interativas, o que me ajudou a me adaptar rapidamente. O contato com outras culturas foi incrível, e o
respeito dos australianos pelas diferenças me marcou muito. Participei do Hobart Chess Club, onde fiz
amizades e me conectei ainda mais com a comunidade local. Nos meus tempos livres, explorei as paisagens
naturais da região, que complementaram perfeitamente minha vivência intercultural e pessoal."</em></p>
</div>
<footer class="name">Ronaldo de O. Burgos</footer>
</blockquote>
<blockquote>
<div class="content">
<figure>
<img class="depoimentos_img" src="Sibelly_.jpeg" alt="Intercâmbista Sibelly na Nova Zelândia">
<figcaption>Nova Zelândia</figcaption>
</figure>
<p><em>"Realmente é incrível fazer um intercâmbio! Ganhamos conhecimento e aprendemos ser mais independentes,
além conhecer pessoas e lugares novos pelo mundo. O meu intercâmbio foi uma das melhores experiências da
minha vida."</em></p>
</div>
<footer class="name">Sibelly Vitória Antonio</footer>
</blockquote>
<div class="carousel-controls right" onclick="changeDepoimento(1)">❯</div>
</div>
<script>
let currentIndex = 0;
const depoimentos = document.querySelectorAll('.depoimentos blockquote');
function showDepoimento(index) {
// Certifique-se de que o índice não ultrapasse os limites
if (index < 0) {
currentIndex = depoimentos.length - 1;
} else if (index >= depoimentos.length) {
currentIndex = 0;
}
// Oculta todos os depoimentos
depoimentos.forEach(dep => dep.classList.remove('active'));
// Exibe apenas o depoimento com o índice atual
depoimentos[currentIndex].classList.add('active');
}
function changeDepoimento(n) {
showDepoimento(currentIndex += n);
}
// Exibe o primeiro depoimento ao carregar a página
showDepoimento(currentIndex);
</script>
<div class="jogo">
<h2 class="titulo">English Travel Game</h2>
<h3>Fase de construção no Scratch</h3>
<iframe class="jogo" src="https://scratch.mit.edu/projects/867681896/embed" allowtransparency="true" width="800" height="490"
frameborder="0" scrolling="no" allowfullscreen></iframe>
<p>Jogo criado com o intuito de ajudar pessoas que vão viajar, e com pouca convivência com a <strong>lingua inglesa</strong>, um <strong>jogo
educativo</strong> e interativo que está em fase de construção no <em>Scratch</em> que auxilia estudantes e demais usuários que gostariam de realizar um intercâmbio de
estudos ou realizar alguma viagem e que não tenham um bom domínio na língua inglesa para aprender e aprimorar o
vocabulário e aprender com situações reais por meio o jogo.</p>
</div>
<footer class="rodape">
<h2><strong>Dicas de Intercâmbio<br>
by Sibelly</strong></h2>
<p>Siga as minhas redes sociais para saber mais sobre intercâmbios</p>
<div class="redes-sociais">
<a href="https://www.facebook.com/sibellyvitoria.antonio" target="_blank"><img src="facebook.png"
alt="Facebook"></a>
<a href="https://www.instagram.com/sibellyvi/" target="_blank"><img src="instagram.png" alt="Instagram"></a>
<a href="https://www.tiktok.com/@sibellyvi?is_from_webapp=1&sender_device=pc" target="_blank"><img src="tiktok.png" alt="Tiktok"></a>
<a href="https://www.youtube.com/@sibellyvi/featured" target="_blank"><img src="youtube.png" alt="YouTube"></a>
</div>
<p class="copyright">© Copyright Dicas de intercâmbio - 2023-2025</p>
</footer>
</body>
</html>