-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·170 lines (125 loc) · 6.93 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
<!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">
<title>EP Aero - Escola Piloto de Engenharia Aeroespacial</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css" integrity="sha512-SzlrxWUlpfuzQ+pcUCosxcglQRNAq/DZjVsC0lE40xsADsfeQoEypE+enwcOiGjk/bSuGGKHEyjSoQ1zVisanQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="css/style.css">
<link rel="website icon" type="png" href="images/header/logo.png">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
<script type="text/javascript"
src="https://cdn.jsdelivr.net/npm/@emailjs/browser@4/dist/email.min.js">
</script>
<script type="text/javascript">
(function(){
emailjs.init({
publicKey: "9Jstsw2jbP2REvspB",
});
})();
</script>
<body>
<header class="header">
<a href="#" class="logo">
<span>
<img src="images/header/logo.png" alt="Logo">
</span>
</a>
<nav class="navbar">
<a href="#inicio">Início</a>
<a href="#sobre">Sobre</a>
<a href="#projetos">Projetos</a>
<a href="pages/selecao/selecao.html#processo-seletivo">Processo Seletivo</a>
<a href="#contato">Contato</a>
</nav>
<div id="menu-btn" class="fas fa-bars"></div>
</header>
<section class="inicio" id="inicio">
<div class="content">
<h3>Escola Piloto de <span class="special-text">Engenharia Aeroespacial</span></h3>
<p>Ajudando alcançar voos mais altos.</p>
<a href="pages/selecao/selecao.html" class="btn">Embarque conosco</a>
</div>
<div class="image">
<!-- <img src="images/esse (3).svg" alt="">-->
<img src="images/init/spaceshuttle.png" alt="">
</div>
<div class="cloud cloud-1" ></div>
<div class="cloud cloud-2" ></div>
<div class="cloud cloud-3" ></div>
<div class="cloud cloud-4" ></div>
</section>
<div class="space"></div>
<section class="sobre" id="sobre">
<h1 class="heading"> Quem somos?</h1>
<div class="row">
<div class="image">
<img src="images/about/about_us.png" alt="" class="normal-image">
<img src="images/about/about_us2.png" alt="" class="rotate-image">
</div>
<div class="content">
<h3 class="title">Nossa missão é te ajudar alcançar voos mais altos</h3>
<h4>Movimento escola piloto</h4>
<p>Escolas pilotos são projetos de extensão que complementam e enriquecem os currículos de cursos das instituições de ensino superior do país, por meio de atividades de ensino, pesquisa e extensão. </p>
<h4>Formação</h4>
<p>Buscamos auxiliar no desenvolvimento de competências sociais como criatividade, proatividade e cooperação, além de competências técnicas por meio de cursos, palestras e projetos práticos.</p>
<h4>Engajamento</h4>
<p>Buscamos aumentar o engajamento dos estudantes com o setor aeroespacial e com a graduação, contribuindo para a diminuição da evasão escolar no curso e um aumento na interação com a comunidade fora do meio acadêmico.</p>
<h4>Propósito</h4>
<p>Nossa missão é conectar estudantes e profissionais do setor aeroespacial, inspirando-os a buscar excelência e a se destacarem em suas carreiras. Estamos aqui para apoiar seu desenvolvimento e ajudar a alcançar seus objetivos.</p>
<a href="pages/about/more.html" class="btn">leia mais</a>
<a href="pages/about/team.html" class="btn">equipe</a>
</div>
</div>
</section>
<div id="projects-container"></div>
<section class="contato" id="contato">
<h1 class="heading">Contato</h1>
<div class="icons-container">
<div class="icons">
<i class="fas fa-envelope"></i>
<h3>Nosso E-mail</h3>
<h4>ep.aeroespacial@gmail.com</h4>
</div>
<div class="icons">
<i class="fas fa-map-marker-alt"></i>
<h3>Nossa Localização</h3>
<h4>Centro de Tecnologia da UFSM</h4>
<p>Av. Roraima, 1000 - Camobi, Santa Maria - RS, 97105-900</p>
</div>
</div>
<div class="row">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3465.2214505997354!2d-53.72130567518356!3d-29.713343924443507!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x9503b5e0d2e6091f%3A0xe79dcc249b674e73!2sCentro%20de%20Tecnologia%20da%20UFSM!5e0!3m2!1spt-BR!2sbr!4v1678039088751!5m2!1spt-BR!2sbr" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
<form id="signup-form" onsubmit="sendEmail(event)">
<label for="name">Nome:</label>
<input type="text" id="name" name="name" class="box" required>
<label for="email">E-mail:</label>
<input type="email" id="email" name="email" class="box" required>
<label for="message">Mensagem:</label>
<textarea id="message" name="message" class="box" cols="30" rows="10"></textarea>
<button type="submit">Enviar</button>
</form>
</div>
<div id="popup" class="popup">
<div class="popup-content">
<span class="popup-close" onclick="closePopup()">×</span>
<p id="popup-message">Sua mensagem foi enviada com sucesso!</p>
</div>
</div>
</section>
<section class="footer">
<div class="box-container">
<div class="box">
<h3>REDES SOCIAIS:</h3>
<a href="https://www.instagram.com/ep.aero/"> <i class="fab fa-instagram"></i> instagram </a>
<a href="https://www.linkedin.com/company/escola-piloto-de-engenharia-aeroespacial-ufsm/"> <i class="fab fa-linkedin"></i> linkedin </a>
</div>
</div>
</section>
<script src="js/script.js"></script>
<script src="js/projects/project.js"></script>
</body>
</html>