-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
156 lines (136 loc) · 5.84 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
<!-- Add your content of head and header -->
<!DOCTYPE html>
<html lang="en">
<!-- Add icon and font library -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/css?family=Lora|Merriweather:300,400" rel="stylesheet">
<!-- Main css -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<script src="script.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
<script>
$(function(){
$("#header-menu").load("templates/menu-header.html");
$("#header-image").load("templates/image-header.html");
$("#footer").load("templates/footer.html");
// $("#partner-section").load("templates/partner-section.html");
// $("#events-posts").load("templates/events-posts.html");
});
</script>
<head>
<meta charset="UTF-8">
<meta content="IE=edge" http-equiv="X-UA-Compatible">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta content="description" name="description">
<meta name="google" content="notranslate" />
<!-- Disable tap highlight on IE -->
<meta name="msapplication-tap-highlight" content="no">
<link rel="shortcut icon" href="./assets/icons/icn-11.svg"/>
<title>GSG - Girls Support Girls</title>
<link rel="stylesheet" href="specimen_files/specimen_stylesheet.css" type="text/css" charset="utf-8" />
<link rel="stylesheet" href="stylesheet.css" type="text/css" charset="utf-8" />
<link href="./main.css" rel="stylesheet">
</head>
<body>
<!-- PRE LOADER -->
<div class="preloader">
<div class="sk-spinner sk-spinner-wordpress">
<span class="sk-inner-circle"></span>
</div>
</div>
<!-- Add your content of header -->
<header>
<div id="header-menu"></div>
</header>
<div id="header-image"></div>
<!-- Add your site or app content here -->
<div class="section-container">
<div class="container">
<div class="row">
<div class="col-xs-12 col-md-12 section-container-spacer">
<h2 class="text-center">Keep the girls coding!</h2>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-md-3">
<div class="fa-container">
<i class="fa fa-female fa-3x" aria-hidden="true"></i>
<!-- <i class="fa fa-code fa-3x" aria-hidden="true"></i> -->
</div>
<h3 class="text-center">Sororidade</h3>
<p>A comunidade visa estar presente para criar conexões, empoderar e apoiar
tanto de forma emocional, quanto profissional, a escolha das mulheres
pela área de STEM.</p>
</div>
<div class="col-xs-12 col-md-3">
<div class="fa-container">
<!-- <i class="fa fa-comments-o fa-3x" aria-hidden="true"></i> -->
<i class="fa fa-handshake-o fa-3x" aria-hidden="true"></i>
</div>
<h3 class="text-center">Colaboração</h3>
<p> Crescemos a cada dia, com o propósito de tornar a comunidade como um todo,
um ambiente colaborativo e empático, onde as participantes se sintam à
vontade para trocar experiências, tirar dúvidas, pedir aconselhamento
e ser elas mesmo.
</p>
</div>
<div class="col-xs-12 col-md-3">
<div class="fa-container">
<i class="fa fa-comments-o fa-3x" aria-hidden="true"></i>
</div>
<h3 class="text-center">Mentoria</h3>
<p> Temos como propósito aconselhar e mentorear, tanto iniciantes, quanto
aquelas que estão em fase de transição de carreira, na busca de oportunidades
no mercado e na academia.</p>
</div>
<div class="col-xs-12 col-md-3">
<div class="fa-container">
<i class="fa fa-heart-o fa-3x" aria-hidden="true"></i>
</div>
<h3 class="text-center">Respeito</h3>
<p> A comunidade tem como base o respeito mútuo. Repudiamos preconceito,
racismo, lgbtfobia, machismo e qualquer comportamento e discurso que
ofenda outra mulher.
</p>
</div>
</div>
</div>
</div>
<div class="section-container section-half-background-image-container" id="quem-somos-section">
<img src="./assets/img/gsg-1.svg"/>
</div>
<div class="section-container" id="events-posts">
<img src="./assets/img/gsg-2.svg"/>
<img src="./assets/img/gsg-3.svg"/>
</div>
<div class="section-container" id="events-posts">
<img src="./assets/img/gsg-4.svg"/>
<img src="./assets/img/gsg-5.svg"/>
</div>
<div class="section-container section-half-background-image-container" id="quem-somos-section">
<img src="./assets/img/gsg-6.svg"/>
</div>
<div class="section-container" id="events-posts">
<img src="./assets/img/gsg-7.svg"/>
</div>
<!-- <div class="section-container section-half-background-image-container" id="quem-somos-section">
<div class="image-column" style="background-image: url('./assets/images/image-1.png')"></div>
<div class="container">
</div>
</div> -->
<footer class="footer-container white-text-container">
<div id="footer"></div>
</footer>
<!-- SCRIPTS -->
<script>
document.addEventListener("DOMContentLoaded", function (event) {
navbarToggleSidebar();
});
</script>
<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/particles.min.js"></script>
<script src="js/app.js"></script>
<script src="js/jquery.parallax.js"></script>
<script src="js/smoothscroll.js"></script>
<script src="js/custom.js"></script>