This repository has been archived by the owner on Sep 7, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
puntopartida.php
297 lines (225 loc) · 11 KB
/
puntopartida.php
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
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
<!DOCTYPE html>
<html lang="en">
<?php
$version = date('YmdHi');
?>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Iglesia Alameda, Punto de Partida, Dios, Fe, Preguntas">
<meta name="author" content="Iglesia de la Alameda">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Punto de Partida | Iglesia de la Alameda</title>
<link rel="icon" href="images/index.png" sizes="32x32" />
<link rel="icon" href="nueva/imagenes/index.png" sizes="32x32" />
<link rel="icon" href="images/index192.png" sizes="192x192" />
<link rel="apple-touch-icon-precomposed" href="../imagenes/indexapple.png" />
<!-- <link href="css/business-casual.min.css?v=2018042409" rel="stylesheet">-->
<link href="css/foundation-icons.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">
<!--<script src="js/awasome/fontawesome-all.min.js"></script>-->
<!-- Custom fonts for this template -->
<link href="https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Lora:400,400i,700,700i" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,900" rel="stylesheet">
<!-- Font Awesome -->
<link rel="stylesheet" href="css/awasome/web-fonts-with-css/css/fontawesome-all.min.css">
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Material Design Bootstrap -->
<link href="css/mdb.min.css" rel="stylesheet">
<link href="css/igles.css?v=<?php echo $version ?>" rel="stylesheet">
<!-- Your custom styles (optional) -->
<link href="css/style.css" rel="stylesheet">
<!-- <link rel="stylesheet" href="css/materialT/material-kit.css?v=2.0.2">-->
<style type="text/css">
html,
body,
header,
#intro {
height: 100%;
}
#intro {
background: url("images/SP-StyleGuide-1.jpg")no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
</style>
</head>
<body>
<!-- Navbar -->
<?php include 'nav.php'; ?>
<div id="intro" class="view">
<div class="mask rgba-black-strong">
<div class="container-fluid d-flex align-items-center justify-content-center h-100">
<div class="row d-flex justify-content-center text-center">
<div class="col-md-10">
<h2 class="display-4 font-weight-bold white-text pt-5 mb-2">
<img src="images/PuntoDePartida_2.png" style="height: 70vh">
</h2>
<!-- Divider -->
<hr class="hr-light">
<!-- Description -->
<button type="button" class="btn btn-outline-white" data-toggle="modal" data-target="#videoModal">Ver video presentación<i class="fas fa-video ml-2"></i></button>
</div>
</div>
</div>
</div>
</div>
<!-- Navbar -->
<!--Main layout-->
<main>
<div class="container">
<section>
<br/>
<h3 class="h3 text-center mb-5">Todo tiene un punto de partida: <br/>
tu vida, tus relaciones, tu educación, tu carrera</h3>
<!--Grid row-->
<div class="row wow fadeIn">
<!--Grid column-->
<div class="col-lg-6 col-md-12 px-4">
<!--First row-->
<div class="row">
<div class="col-1 mr-3">
<i class="material-icons fa-2x text-point">place</i>
</div>
<div class="col-10">
<h5 class="feature-title text-light-blue">A veces olvidamos que la fe también tiene un punto de partida.</h5>
<p class="text-point-sec">
En algunos casos, nuestra fe comenzó en
la infancia al recibir un conjunto de creencias que nos
transmitieron nuestros padres, o un maestro, pastor
o sacerdote. Tal vez desarrollaste tu propio marco de
creencias basado en la experiencia personal. O tal vez
creciste sin ninguna base religiosa. Con frecuencia, la fe
de la infancia no es lo suficientemente fuerte como para
soportar las presiones de la vida adulta.
¿Qué tal si pudieras encontrar un nuevo punto de
partida para tu fe?
</p>
</div>
</div>
<!--/First row-->
<div style="height:30px"></div>
<!--Second row-->
<div class="row">
<div class="col-1 mr-3">
<i class="material-icons fa-2x text-point">question_answer</i>
</div>
<div class="col-10">
<h5 class="feature-title text-light-blue">Bienvenido a punto de partida</h5>
<p class="text-point-sec">
Ocho sesiones en grupos
conversacionales donde exploraremos el tema de la fe.
Punto de Partida es un espacio innovador creado especialmente
para vos. Un ambiente conversacional donde
podrás realizar todas tus preguntas sin sentirte señalado,
juzgado o criticado. Creemos que Dios te ama de manera
personal e incondicional.
También creemos que Él es lo sufucientemente grande como para
poder responder a tus preguntas más dificíles y aclarar tus dudas mpas profundas.
</p>
</div>
</div>
<!--/Second row-->
<div style="height:30px"></div>
</div>
<!--/Grid column-->
<!--Grid column-->
<div class="col-lg-6 col-md-12 text-left card ">
<div class="card card-img-top " style="top: -25px">
<img src="images/SP-StyleGuide-1.jpg">
</div>
<div class="card-text">
<br/>
<strong class="text-light-blue">Punto de Partida está diseñado para: </strong><br/>
<ul class="pp text-point-sec">
<br/>
<li ><img class="img-fluid" src="images/PEncuentroSinText.png" width="16" height="16"></img>
Personas que tienen preguntas acerca de Dios, La Biblia y el cristianismo
</li><br/>
<li> <img class="img-fluid" src="images/PEncuentroSinText.png" width="16" height="16"></img>
Personas que recién comienzan una relación con Jesús
</li><br/>
<li> <img class="img-fluid" src="images/PEncuentroSinText.png" width="16" height="16"></img>
Personas que estuvieron alejadas de la fe, pero que desesan acercarce de nuevo.
</li>
</ul>
</div>
</div>
<!--/Grid column-->
<!--Third row-->
<div class="row ml-3">
<div class="col-12 mr-3">
<i class="material-icons fa-2x text-point">format_quote</i>
</div>
<div class="col-10">
<h5 class="feature-title text-light-blue">¡Todas tus preguntas son bienvenidas en Punto de Partida!</h5>
<blockquote class="blockquote-point text-point-sec">
Si deseas formar parte de esta experiencia escribinos a <a href="mailto:[email protected]">
</a> o envíanos un whatsapp al 0261 3070 443 con la frase
<strong>"info punto de partida"</strong>, y a la brevedad nos comunicaremos con vos para informarte cómo participar
<br/>
Los grupos funcionan en nuestra casa
<a href="https://www.google.com.ar/maps/dir/-32.8999017,-68.8346342/Iglesia+de+la+Alameda+(Primera+Iglesia+Bautista+de+Mendoza)+Avenida+San+Mart%C3%ADn+2020/@-32.889218,-68.84971,14z/data=!3m1!4b1!4m15!1m6!3m5!1s0x967e08e03c1ec8d9:0xb88453161ced0b8!2sIglesia+de+la+Alameda+(Primera+Iglesia+Bautista+de+Mendoza)!8m2!3d-32.879581!4d-68.836779!4m7!1m0!1m5!1m1!1s0x967e08e03c1ec8d9:0xb88453161ced0b8!2m2!1d-68.836779!2d-32.879581"
target="_blank">
(San Martín 2020)</a>. <br/>
</blockquote>
</div>
</div>
<!--/Third row-->
</div>
<!--/Grid row-->
</section>
<!--Section: Main features & Quick Start-->
<hr class="my-1">
</div>
</main>
<!--Main layout-->
<div class="clearfix"></div>
<!--Footer-->
<?php include ('footer.php'); ?>
<div class="modal fade " id="videoModal" tabindex="-1" role="dialog" aria-labelledby="videoModalLabel" aria-hidden="true" >
<div class="modal-dialog modal-dialog-centered " role="document">
<div class="modal-content ">
<div class="modal-header">
<h5 class="modal-title" id="videoModalLabel">Video Presentación</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body text-center">
<video width="320" height="240" controls>
<source src="video/intro.mp4" type="video/mp4">
Tu navegador no implementa el elemento <code>video</code>.
</video>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-outline-blue-grey" data-dismiss="modal">Cerrar</button>
</div>
</div>
</div>
</div>
<!--/.Footer-->
<!-- SCRIPTS -->
<!-- JQuery -->
<script type="text/javascript" src="js/jquery-3.3.1.js"></script>
<!-- Bootstrap tooltips -->
<script type="text/javascript" src="js/extras/popper.min.js"></script>
<!-- <script src="js/bootstrap-material-design.js"></script>-->
<!-- Bootstrap core JavaScript -->
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<!-- MDB core JavaScript -->
<script type="text/javascript" src="js/mdb.min.js"></script>
<!-- <script src="js/material-kit.js?v=2.0.2"></script>-->
<!-- Initializations -->
<script type="text/javascript">
// Animations initialization
new WOW().init();
</script>
</body>
</html>