forked from LhaisCosta99/Beta-Programmers
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
270 lines (256 loc) · 20.2 KB
/
index.html
File metadata and controls
270 lines (256 loc) · 20.2 KB
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
<!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="icon" type="image/png" sizes="16x16" href="src/views/pages/assets/favicon-beta.png">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
<link rel="stylesheet" href="./src/views/pages/elements/css/header.css">
<link rel="stylesheet" href="./src/views/pages/css/home.css">
<title>Home</title>
</head>
<body>
<header class="header">
<div class="container-fluid">
<a class="header-brand" href="#">
<img class="logo-header" src="./src/views/pages/assets/logo-header.jpg" alt="">
</a>
</div>
<button type="button" class="btn btn-primary btn-a">
<a href="https://lhaiscosta99.github.io/ProjetoFinalModulo2/src/views/pages/cadastro.html">Cadastre-se</a>
</button>
<button type="button" class="btn btn-primary btn-a">
<a href="https://lhaiscosta99.github.io/ProjetoFinalModulo2/src/views/pages/login.html">Login</a>
</button>
</header>
<nav class="navbar navbar-expand-sm p-0">
<div class="container-fluid nav-bg justify-content-end">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" aria-current="page" href="https://lhaiscosta99.github.io/ProjetoFinalModulo2/">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" aria-current="page" href="https://lhaiscosta99.github.io/ProjetoFinalModulo2/src/views/pages/sobre.html">Sobre</a>
</li>
<li class="nav-item">
<a class="nav-link" aria-current="page" href="https://lhaiscosta99.github.io/ProjetoFinalModulo2/src/views/pages/embaixadoras.html">Embaixadoras</a>
</li>
<li class="nav-item">
<a class="nav-link" aria-current="page" href="https://lhaiscosta99.github.io/ProjetoFinalModulo2/src/views/pages/planos.html">Planos</a>
</li>
<li class="nav-item">
<a class="nav-link" aria-current="page" href="https://lhaiscosta99.github.io/ProjetoFinalModulo2/src/views/pages/hireBeta.html">Hire a Beta</a>
</li>
</ul>
</div>
</div>
</nav>
<main>
<div id="carouselExampleCaptions" class="carousel slide" data-bs-ride="false">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1" aria-label="Slide 2"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2" aria-label="Slide 3"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="src/views/pages/assets/Fotoram.io.jpg" class="d-block w-100" alt="...">
<div class="carousel-caption d-none d-md-block">
<h2 class="h2-1">Feito por mulheres para outras mulheres</h2>
</div>
</div>
<div class="carousel-item">
<img src="src/views/pages/assets/Fotoram.io (1).jpg" class="d-block w-100" alt="...">
<div class="carousel-caption d-none d-md-block">
<h2>incentivamos meninas e mulheres a seguir carreiras em ciência, tecnologia, engenharia e matemática (STEM).</h2>
</div>
</div>
<div class="carousel-item">
<img src="src/views/pages/assets/Fotoram.io (2).jpg" class="d-block w-100" alt="...">
<div class="carousel-caption d-none d-md-block">
<h2 >oferecemos às meninas e mulheres a confiança, ferramentas, conhecimento e apoio para entrar e florescer no mundo da codificação!</h2>
</div>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</main>
<section class="comunity">
<div class="comunity-title">
<img src="src/views/pages/assets/Vector.png" alt="">
<h1>Por que se juntar a nossa comunidade?</h1>
</div>
<div class="comunity-reasons">
<div class="comunity-reasons-1">
<div class="comunity-card">
<img src="src/views/pages/assets/networking.png" alt="">
<h2>Networking</h2>
<p>Que tal conhecer outras mulheres do mundo tech? amplie sua rede e conecte-se com novas
amigas em nossas sessões de eventos virtuais, palestras e informações.</p>
</div>
</div>
<div class="comunity-reasons-1">
<div class="comunity-card">
<img src="src/views/pages/assets/competence.png" alt="">
<h2>Desenvolver Habilidades</h2>
<p>Desenvolva novas habilidades por meio de nossas dinâmicas
e projetos junto em grupo com um rede de apoio
de mulheres incriveis dispostas a se ajudarem.
Nosso lema é "Mulheres conectadas mudam o mundo"</p>
</div>
</div>
<div class="comunity-reasons-1">
<div class="comunity-card">
<img src="src/views/pages/assets/mentor.png" alt="">
<h2>Mentorias Exclusivas</h2>
<p>Receba direcionamento orientado, trilha de estudos , acompanhamento e muito mais através das nossas mentorias
exclusivas realizadas por outra mulheres que um dia já estiveram na mesma posição que você.
</p>
</div>
</div>
</div>
<div class="comunity-reasons-down">
<div class="comunity-reasons-1">
<div class="comunity-card">
<img src="src/views/pages/assets/entrevista.png" alt="">
<h2 class="h2-interview">Prepatorios para entrevistas tech</h2>
<p> Capacitamos mulheres para serem aprovadas nas vagas de emprego que elas quiserem
e, junto de empresas, promovemos ações de atração, recrutamento e seleção das mesmas.</p>
</div>
</div>
<div class="comunity-reasons-1">
<div class="comunity-card">
<img src="src/views/pages/assets/cv.png" alt="">
<h2>Acesso a vagas das
empresas parceiras</h2>
<p>Tenha acesso ao banco de vagas das nossas empresas parceiras exclusivas para as assinantes da comunidade e aumente muito
mais as chances de encontrar a vaga perfeita naquela empresa dos sonhos
</p>
</div>
</div>
<div class="comunity-reasons-1">
<div class="comunity-card">
<img src="src/views/pages/assets/video-aula.png" alt="">
<h2 class="h2-class">Aulas de programação
ao vivo na comunidade</h2>
<p>Estamos aqui para incluir mais mulheres no mercado de TI aumentando a representatividade feminina e atingindo,
consequentemente, equidade de gênero. Aprenda muito mais com nossas aulas em grupo de programação para todos os níveis</p>
</div>
</div>
</div>
<a href="https://lhaiscosta99.github.io/ProjetoFinalModulo2/src/views/pages/planos.html"> <button class="btn-planes">Planos
<div class="icon">
<svg height="24" width="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0z" fill="none"></path><path d="M16.172 11l-5.364-5.364 1.414-1.414L20 12l-7.778 7.778-1.414-1.414L16.172 13H4v-2z" fill="currentColor"></path></svg>
</div>
</button></a>
</section>
<section class="partner-companies">
<h2>Empresas Parceiras & Apoiadoras</h2>
<div class="container-companies">
<div class="companies">
<div class="card-companies">
<img src="src/views/pages/assets/logo-nubank-roxo-4096.png" alt="">
</div>
<div class="card-companies">
<img src="src/views/pages/assets/capgemini-seeklogo.com.svg" alt="">
</div>
</div>
<div class="companies">
<div class="card-companies">
<img src="src/views/pages/assets/stone-pagamentos-seeklogo.com.svg" alt="">
</div>
<div class="card-companies">
<img src="src/views/pages/assets/logo-santander-512.png" alt="">
</div>
</div>
<div class="companies">
<div class="card-companies">
<img src="src/views/pages/assets/logo-itau-512.png" alt="">
</div>
<div class="card-companies">
<img src="src/views/pages/assets/logo-ifood-512.png" alt="">
</div>
</div>
</div>
</section>
<footer class="footer">
<div class="left">
<div class="phrase-container">
<h1 class="phrase">
Code like a girl.
</h1>
</div>
<p class="copyright">© 2022 Copyright: Resilia Educação
<span class="squad">Squad 1 | Módulo 2</span>
</div>
<div class="center">
<div class="team-list">
<ul class="team">
<li class="team-name">Equipe</li>
<li class="team-name">
<a class="team-link" href="https://github.com/anacrln">Ana</a>
</li>
<li class="team-name">
<a class="team-link" href="https://github.com/LhaisCosta99">Lhaís</a>
</li>
<li class="team-name">
<a class="team-link" href="https://github.com/vinielelopes">Viniele</a>
</li>
<li class="team-name">
<a class="team-link" href="https://github.com/ShiellynFerr">Shiellyn</a>
</li>
</ul>
</div>
</div>
<div class="right">
<div class="newsletter">
<h3>Newsletter</h3>
<p class="news-text">
Fique por dentro dos nossos lançamentos
</p>
<form class="form-news" action="#">
<input class="input-email" type="email" name="email" id="email" placeholder="Digite seu email">
<button class="btn-subs" type="submit">Cadastrar</button>
</form>
</div>
<div class="socials">
<a href="#" class="social-link">
<svg width="42" height="" viewBox="0 0 67 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M19.6889 0.192C23.2612 0.034909 24.4002 0 33.5 0C42.5998 0 43.7388 0.0378181 47.3081 0.192C50.8774 0.346182 53.3137 0.890182 55.4455 1.67855C57.6779 2.48436 59.7031 3.744 61.3781 5.37309C63.0835 6.97018 64.3992 8.90182 65.2397 11.0371C66.0681 13.0735 66.6345 15.4007 66.799 18.8044C66.9635 22.2225 67 23.3105 67 32C67 40.6924 66.9604 41.7804 66.799 45.1927C66.6376 48.5964 66.0681 50.9236 65.2397 52.96C64.3992 55.0955 63.0813 57.0304 61.3781 58.6298C59.7031 60.2589 57.6779 61.5156 55.4455 62.3186C53.3137 63.1098 50.8774 63.6509 47.3142 63.808C43.7388 63.9651 42.5998 64 33.5 64C24.4002 64 23.2612 63.9622 19.6889 63.808C16.1257 63.6538 13.6893 63.1098 11.5575 62.3186C9.32189 61.5155 7.29636 60.2567 5.62191 58.6298C3.91761 57.0318 2.59873 55.0979 1.75723 52.9629C0.931909 50.9265 0.365454 48.5993 0.201 45.1956C0.0365454 41.7775 0 40.6895 0 32C0 23.3076 0.0395909 22.2196 0.201 18.8102C0.362409 15.4007 0.931909 13.0735 1.75723 11.0371C2.59997 8.90206 3.91986 6.96818 5.62495 5.37018C7.29703 3.74255 9.32053 2.48274 11.5545 1.67855C13.6863 0.890182 16.1226 0.349091 19.6858 0.192H19.6889ZM47.037 5.952C43.5043 5.79782 42.4445 5.76582 33.5 5.76582C24.5555 5.76582 23.4957 5.79782 19.963 5.952C16.6952 6.09455 14.9227 6.61527 13.7411 7.05455C12.1788 7.63636 11.0611 8.32582 9.88859 9.44582C8.77714 10.4787 7.92178 11.7361 7.38523 13.1258C6.92536 14.2545 6.38023 15.9476 6.231 19.0691C6.06959 22.4436 6.03609 23.456 6.03609 32C6.03609 40.544 6.06959 41.5564 6.231 44.9309C6.38023 48.0524 6.92536 49.7455 7.38523 50.8742C7.92123 52.2618 8.777 53.5215 9.88859 54.5542C10.9697 55.616 12.2884 56.4335 13.7411 56.9455C14.9227 57.3847 16.6952 57.9055 19.963 58.048C23.4957 58.2022 24.5525 58.2342 33.5 58.2342C42.4475 58.2342 43.5043 58.2022 47.037 58.048C50.3048 57.9055 52.0773 57.3847 53.2589 56.9455C54.8212 56.3636 55.9389 55.6742 57.1114 54.5542C58.223 53.5215 59.0788 52.2618 59.6148 50.8742C60.0746 49.7455 60.6198 48.0524 60.769 44.9309C60.9304 41.5564 60.9639 40.544 60.9639 32C60.9639 23.456 60.9304 22.4436 60.769 19.0691C60.6198 15.9476 60.0746 14.2545 59.6148 13.1258C59.0057 11.6335 58.2839 10.5658 57.1114 9.44582C56.03 8.38421 54.7137 7.56716 53.2589 7.05455C52.0773 6.61527 50.3048 6.09455 47.037 5.952ZM29.2211 41.8647C31.6108 42.8149 34.2717 42.9432 36.7493 42.2276C39.2269 41.5119 41.3676 39.9968 42.8057 37.9411C44.2438 35.8853 44.8902 33.4164 44.6343 30.9559C44.3785 28.4955 43.2363 26.1963 41.403 24.4509C40.2342 23.3352 38.8211 22.4809 37.2652 21.9495C35.7093 21.4181 34.0495 21.2229 32.4051 21.3778C30.7608 21.5327 29.1729 22.034 27.7557 22.8455C26.3385 23.657 25.1273 24.7585 24.2092 26.0708C23.2912 27.3832 22.6892 28.8736 22.4466 30.4348C22.2039 31.996 22.3267 33.5892 22.806 35.0997C23.2853 36.6102 24.1093 38.0003 25.2186 39.1701C26.3278 40.3399 27.6948 41.2602 29.2211 41.8647ZM21.3243 20.3695C22.9232 18.8421 24.8214 17.6306 26.9105 16.804C28.9997 15.9774 31.2388 15.5519 33.5 15.5519C35.7612 15.5519 38.0003 15.9774 40.0895 16.804C42.1786 17.6306 44.0768 18.8421 45.6757 20.3695C47.2747 21.8968 48.543 23.71 49.4084 25.7056C50.2737 27.7012 50.7191 29.84 50.7191 32C50.7191 34.16 50.2737 36.2988 49.4084 38.2944C48.543 40.29 47.2747 42.1032 45.6757 43.6305C42.4465 46.7152 38.0668 48.4481 33.5 48.4481C28.9332 48.4481 24.5535 46.7152 21.3243 43.6305C18.0951 40.5459 16.2809 36.3623 16.2809 32C16.2809 27.6377 18.0951 23.4541 21.3243 20.3695ZM54.538 18.0015C54.9342 17.6444 55.2514 17.2151 55.4708 16.7388C55.6902 16.2626 55.8074 15.7491 55.8153 15.2289C55.8233 14.7086 55.7218 14.1921 55.5171 13.71C55.3123 13.2278 55.0083 12.7898 54.6232 12.4219C54.238 12.054 53.7795 11.7637 53.2747 11.5681C52.77 11.3724 52.2293 11.2756 51.6846 11.2832C51.14 11.2907 50.6025 11.4026 50.1039 11.6122C49.6053 11.8218 49.1559 12.1248 48.7821 12.5033C48.0552 13.2394 47.6572 14.2171 47.6726 15.2289C47.6881 16.2407 48.1157 17.2069 48.8648 17.9225C49.6139 18.638 50.6254 19.0465 51.6846 19.0612C52.7439 19.076 53.7674 18.6958 54.538 18.0015Z"
fill="#291528" />
</svg>
</a>
<a href="#" class="social-link">
<svg width="40" height="40" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M57.6 64H52.256C50.5586 64 48.9308 63.3578 47.7305 62.2147C46.5303 61.0717 45.856 59.5213 45.856 57.9048V41.539C45.8846 40.8972 45.6809 40.2655 45.279 39.7495C44.877 39.2336 44.3013 38.8648 43.648 38.7048C43.2679 38.6496 42.8799 38.6728 42.51 38.7727C42.1402 38.8726 41.7971 39.0469 41.504 39.2838C41.2023 39.5276 40.9601 39.8312 40.7943 40.1733C40.6285 40.5155 40.5431 40.8879 40.544 41.2648V57.9048C40.544 59.5213 39.8697 61.0717 38.6695 62.2147C37.4692 63.3578 35.8414 64 34.144 64H28.8C27.1026 64 25.4748 63.3578 24.2745 62.2147C23.0743 61.0717 22.4 59.5213 22.4 57.9048V41.2648C22.4 36.0109 24.5914 30.9723 28.4922 27.2573C32.3929 23.5423 37.6835 21.4552 43.2 21.4552C48.7165 21.4552 54.0071 23.5423 57.9078 27.2573C61.8086 30.9723 64 36.0109 64 41.2648V57.9048C64 59.5213 63.3257 61.0717 62.1255 62.2147C60.9253 63.3578 59.2974 64 57.6 64ZM43.2 32.579C43.7008 32.5489 44.2032 32.5489 44.704 32.579C46.8524 32.9726 48.7867 34.0741 50.1676 35.6901C51.5485 37.3062 52.2879 39.3338 52.256 41.4171V57.9048H57.6V41.2648C57.6 37.6275 56.0829 34.1392 53.3823 31.5673C50.6818 28.9954 47.0191 27.5505 43.2 27.5505C39.3809 27.5505 35.7182 28.9954 33.0177 31.5673C30.3171 34.1392 28.8 37.6275 28.8 41.2648V57.9048H34.144V41.2648C34.1439 38.9717 35.096 36.7716 36.7925 35.1445C38.489 33.5173 40.7923 32.5951 43.2 32.579ZM12.8 64H6.4C4.70262 64 3.07475 63.3578 1.87452 62.2147C0.674288 61.0717 4.41575e-06 59.5213 4.41575e-06 57.9048V27.4286C4.41575e-06 25.812 0.674288 24.2617 1.87452 23.1186C3.07475 21.9755 4.70262 21.3333 6.4 21.3333H12.8C14.4974 21.3333 16.1253 21.9755 17.3255 23.1186C18.5257 24.2617 19.2 25.812 19.2 27.4286V57.9048C19.2 59.5213 18.5257 61.0717 17.3255 62.2147C16.1253 63.3578 14.4974 64 12.8 64ZM6.4 27.4286V57.9048H12.8V27.4286H6.4ZM9.6 18.2857C7.7013 18.2857 5.84524 17.7495 4.26653 16.7449C2.68782 15.7402 1.45736 14.3123 0.730761 12.6417C0.00415955 10.971 -0.185952 9.13272 0.184466 7.35918C0.554884 5.58564 1.4692 3.95654 2.81178 2.67788C4.15436 1.39923 5.86492 0.528461 7.72714 0.175682C9.58935 -0.177098 11.5196 0.00396147 13.2738 0.695963C15.0279 1.38796 16.5273 2.55983 17.5821 4.06336C18.637 5.5669 19.2 7.33457 19.2 9.14286C19.2 11.5677 18.1886 13.8932 16.3882 15.6078C14.5879 17.3225 12.1461 18.2857 9.6 18.2857ZM9.6 6.09524C8.9671 6.09524 8.34842 6.27398 7.82218 6.60886C7.29594 6.94374 6.88579 7.41971 6.64359 7.97659C6.40139 8.53347 6.33802 9.14624 6.46149 9.73742C6.58496 10.3286 6.88974 10.8716 7.33726 11.2979C7.78479 11.7241 8.35498 12.0143 8.97571 12.1319C9.59645 12.2495 10.2399 12.1892 10.8246 11.9585C11.4093 11.7278 11.9091 11.3372 12.2607 10.836C12.6123 10.3348 12.8 9.74562 12.8 9.14286C12.8 8.33458 12.4629 7.55941 11.8627 6.98787C11.2626 6.41633 10.4487 6.09524 9.6 6.09524Z"
fill="#291528" />
</svg>
</a>
<a href="#" class="social-link">
<svg width="40" height="48" viewBox="0 0 63 72" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M7.875 46.8239C9.05494 46.9889 9.93038 47.6085 10.5 48.684C11.3558 50.295 14.5346 56.277 18.1453 56.277H23.6276M38.514 45.7154C41.6692 44.9654 44.5318 43.6665 46.7565 41.7585C50.5575 38.502 52.5 33.471 52.5 28.5C52.5 25.0125 51.3437 21.7575 49.3408 19.0005C48.2252 17.4645 51.4881 5.99995 48.5888 7.54345C45.6881 9.08845 41.4356 12.5055 39.2083 11.751C36.7047 10.9134 34.1086 10.4921 31.5 10.5C29.1375 10.5 26.8643 10.8345 24.7446 11.4525C21.6628 12.348 18.7149 8.99995 15.75 7.54345C12.7838 6.08845 14.4034 17.9445 13.5227 19.1925C11.6025 21.9075 10.5 25.0935 10.5 28.5C10.5 33.471 12.8494 38.502 16.6504 41.76C19.1835 43.929 22.3571 45.312 25.9087 45.993L38.514 45.7154ZM25.9087 45.993C24.3889 47.9055 23.6276 49.7219 23.6276 51.4424V64.5165L25.9087 45.993ZM38.514 45.7154C39.9551 47.8754 40.6757 49.8164 40.6757 51.5354V64.5165L38.514 45.7154Z"
stroke="#291528" stroke-width="4" stroke-linecap="round" />
</svg>
</a>
</div>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2" crossorigin="anonymous"></script>
</body>
</html>