-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·239 lines (228 loc) · 12 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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="WoMoz">
<meta name="author" content="sre" >
<title>WoMoz</title>
<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="css/grayscale.css" rel="stylesheet">
<!-- Custom Fonts -->
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
<link href='https://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body id="page-top" data-spy="scroll" class="custom-background" data-target=".navbar-fixed-top">
<!-- Navigation -->
<nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand page-scroll" href="#">
<img src="img/womexico-header.png">
</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse navbar-right navbar-main-collapse">
<ul class="nav navbar-nav">
<li>
<a class="menu-option page-scroll" href="#about">Acerca de</a>
</li>
<li>
<a class="menu-option page-scroll" href="#mission">Misión</a>
</li>
<li>
<a class="menu-option page-scroll" href="#collaborate">¿Cómo puedes colaborar en WoMoz?</a>
</li>
<li>
<a class="menu-option page-scroll" href="#proxevent">Próximos eventos</a>
</li>
<li>
<a class="menu-option page-scroll" href="#contact">Contacto</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container -->
</nav>
<header id="myCarousel" class="carousel slide">
<!-- Wrapper for Slides -->
<div class="carousel-inner">
<div class="item active">
<!-- Set the first background image using inline CSS below. -->
<div class="fill" style="background-image:url('img/slide1.jpg');"></div>
</div>
<div class="item">
<!-- Set the third background image using inline CSS below. -->
<div class="fill" style="background-image:url('img/slide3.jpg');"></div>
</div>
</div>
</header>
<div id="header-logo">
<!-- <img src="img/womexico.png"> -->
</div>
<!-- About Section -->
<section id="about" class="container content-section text-center about">
<div class="about-section">
<div class="col-lg-8 col-lg-offset-2">
<h2>Acerca de WoMoz</h2>
<p>Nace como iniciativa de diferentes participantes de la comunidad de Mozilla México,
y a la cual se han unido durante el desarrollo del proyecto más personas entusiastas
que disfrutan el compartir conocimientos sobre las herramientas de Mozilla y el Software Libre,
apoyando uno de los principales conflictos dentro de este medio, que es la falta de
participación de mujeres dentro y fuera del área TI.</p>
</div>
</div>
</section>
<!-- Mision Section -->
<section id="mission" class="content-section text-center">
<div class="download-section">
<div class="container">
<div class="col-md-12">
<div class="col-md-5 col-md-offset-1">
<h3>Visión</h3>
<p>Cualquier persona puede participar en este proyecto, sin distinción de sexo, edad, empleo, etc.
A todos los une objetivos en común: promover la visibilidad y la participación de las mujeres
en las comunidades de código abierto y Mozilla.</p>
<p>Como lo subraya el <a href="https://www.mozilla.org/es-MX/about/manifesto/" target="_blank">Manifiesto de Mozilla</a>,
creemos que todas las personas deben tener la capacidad de dar forma a sus propias experiencias en
Internet y por ello buscamos dar a todos la misma oportunidad de hacerlo.</p>
</div>
<div class="col-md-5">
<h3>Misión</h3>
<p>Crear un ambiente donde el respeto, trabajo en equipo y deseos de aprender o
enseñar a alguien más permanezcan en todos sus integrantes.</p>
<p>Buscamos crear círculos de confianza donde podamos generar ideas nuevas,
aclarar dudas y hacer cuestionamientos sobre lo que estamos realizando y generando
para poder dar cumplimientos a los objetivos con ayuda de toda la comunidad.</p>
</div>
</div>
</div>
</div>
</section>
<!-- Projects Section -->
<section id="collaborate" class="content-section text-center">
<div class="projects-section">
<div class="container">
<h2>¿Cómo puedes colaborar en WoMoz?</h2>
<div class="col-md-12 collaborate">
<ul>
<li>Con iniciativa y creatividad, necesitamos crear y desarrollar ideas, eventos, etc, donde todos podamos ser parte de este gran proyecto.</li>
<li>Compartiendo el conocimiento, de este y de otros proyectos.</li>
<li>Uniéndose a la comunidad de Mozilla México y ver qué proyecto les interesa aprender o enseñar.</li>
<!--<li>Darse de alta dentro de <a href="www.mozillians.org">www.mozillians.org.</a></li>-->
<li>Tener nivel de compromiso a los trabajos que se realicen, esta comunidad es grande gracias al gran compromiso de quienes la conforman.</li>
<li>Participando en reuniones o eventos que lleguen a realizarse, la colaboración de uno es el éxito de todos.</li>
<li>Pero principalmente con muchas ganas de poner un granito de arena a este y muchos proyectos más.</li>
<!--<li>Contamos con un sitio el cual se contiene información del proyecto http://womoz.mozilla-mexico.org/</li>-->
</ul>
</div>
<img class="logo"src="img/womexico.png">
</div>
</div>
</section>
<!-- Proxevent Section -->
<section id="proxevent" class="content-section text-center">
<div class="download-section">
<div class="container">
<div class="col-md-12">
<div class="col-md-5 col-md-offset-1">
<h3>Aldea Digital sede TelmexHub</h3>
<h4><a href="http://telmexhub.org/evento/4003" target="_blank">http://telmexhub.org/evento/4003</a></h4>
<p>Sede: Biblioteca Digital TelmexHub
Domicilio: Isabel la Católica 51, Cuauhtémoc, Centro, 06010, Ciudad de México.
Horario: 10 a 19 hrs.</p>
<p>En el marco de la realización del evento de Aldea Digital, se presentará el proyecto
de WoMoz en México y lo que se está realizando dentro de la comunidad.</p>
</div>
<div class="col-md-5">
<h3>Dev Day 4 Women</h3>
<h4><a href="http://www.devday4w.com" target="_blank">www.devday4w.com</a></h4>
<p>23 de junio Ciudad de México</p>
<p>Sede: EBC Campus Dinamarca
Domicilio:Calle Dinamarca 32, Cuauhtémoc, Juárez, 06600 Ciudad de México.
Horario: 9 a 18 hrs.</p>
<p>Dev day for women es un dia para mujeres que desarrollan software.
Es un evento que combina conferencias ténicas, sesiones sobre desarrollo profesional,
pláticas sobre experiencias de mujeres en la industria, y actividades de networking.</p>
</div>
</div>
</div>
</div>
</section>
<!-- Contact Section -->
<section id="contact" class="content-section text-center">
<div class="contac-section">
<div class="col-md-offset-3 col-md-6"><br/><br/><br/>
<h2>Contáctanos</h2>
<div class="alert alert-danger" id="respuesta" style="display:none;"></div>
<form class="form-horizontal" id="enviarMensaje" role="form" action="" method="post">
<div class="form-group">
<label for="nombre" class="col-sm-2 control-label">Nombre</label>
<div class="col-sm-10">
<input type="text" class="form-control" name="nombre" id="nombre" placeholder="Nombre" required>
</div>
</div>
<div class="form-group">
<label for="email" class="col-sm-2 control-label">Email</label>
<div class="col-sm-10">
<input type="email" class="form-control" name="email" id="email" placeholder="example@com" required>
</div>
</div>
<div class="form-group">
<label for="mensaje" class="col-sm-2 control-label">Mensaje</label>
<div class="col-sm-10">
<textarea class="form-control" rows="3" name="mensaje" id="mensaje" placeholder="Escribe aquí tu mensaje" required></textarea>
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="submit" class="btn btn-primary">Enviar mensaje</button>
</div>
</div>
</form>
</div>
</div>
</section>
<!-- Footer -->
<!-- <footer class="footer-section">
<div class="text-center">
<p>Copyright © WoMoz 2016</p>
</div>
</footer> -->
</body>
<!-- jQuery -->
<script src="js/jquery.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>
<!-- Plugin JavaScript -->
<script src="js/jquery.easing.min.js"></script>
<!-- Custom Theme JavaScript -->
<script src="js/grayscale.js"></script>
<script src="js/contacto.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('.carousel').carousel({
interval: 5000
});
$('.carousel').carousel('cycle');
});
</script>
</html>