-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.php
169 lines (156 loc) · 8.64 KB
/
index.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
<!DOCTYPE html>
<html>
<head>
<?php
$title = "Inicio";
$descripcion = "Soñamos con una ciudad orgullosa de sus raíces. Generamos espacios de formación y networking que nos permiten irradiar la pasión del gen emprendedor";
$keywords = "emprendedores, emprender, aprender, emprendimiento, emprendedores cartago, cartago, cartago valle del cauca";
?>
<?php include 'templates/header.php'; ?>
</head>
<body class="animated fadeIn slower">
<?php include 'templates/navbar.php'; ?>
<!-- Encabezado -->
<div class="bg" >
<div class="container py-5 text-white">
<div class="row">
<div class="py-5 col-md-7 d-flex flex-column justify-content-center">
<h3 class="display-4 align-items-baseline">Somos los futuros empresarios de la ciudad</h3>
<p class="mb-4 lead">Creemos en las capacidades de los emprendedores</p>
</div>
<div class="py-5 col-md-5" id="registro">
<h3>Únete a nuestra comunidad</h3>
<form action="data/form.php" id="form-registro" method="post">
<div class="form-group">
<input class="form-control form-control-lg" placeholder="Escribe tu nombre..." required="required" type="text" name="nombre">
</div>
<div class="form-group">
<input type="text" class="form-control form-control-lg" placeholder="Nombre de tu emprendimiento..." required="required" name="empredimiento">
</div>
<div class="form-group input-group">
<div class="input-group-prepend">
<div class="input-group-text font-weight-bold"><img src="img/colombia.png"> +57</div>
</div>
<input type="tel" class="form-control form-control-lg" pattern="[0-9]{10}" placeholder="Teléfono celular" required="required" name="telefono" title="Solo números, elimina los espacios y cualquier otro caracter diferente">
</div>
<div class="form-group">
<input type="email" class="form-control form-control-lg" placeholder="Correo electrónico" required="required" name="email">
</div>
<button type="submit" class="btn mt-4 btn-block p-2 btn-lg btn-danger text-light animated infinite pulse delay-4s"><i class="fa fa-user fa-fw"></i><b>Regístrate</b></button>
<div class="alert alert-primary mb-0 text-center" role="alert" id="resp">
A simple primary alert—check it out!
</div>
</form>
<p class="text-center pt-1 m-0"><i><i class="fas fa-key"></i> Tu información está a salvo</i></p>
</div>
</div>
</div>
</div>
<!-- Beneficios -->
<div class="text-center bg-primary text-light">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-4 p-4"> <i class="fa fa-users mb-2 fa-5x d-block"></i>
<h4 class="animated infinite tada slower"><b id="emprendedores">156 Emprendedores</b></h4>
<p class="mb-0">Hacemos parte de la comunidad</p>
</div>
<div class="col-md-4 p-4 border-right border-left border-light"> <i class="d-block fa fa-handshake mb-2 fa-5x"></i>
<h4><b>Crea conexiones</b></h4>
<p class="mb-0">Comparte tus éxitos y frustraciones</p>
</div>
<div class="col-md-4 p-4"> <i class="d-block fa fa-chalkboard-teacher mb-2 fa-5x"></i>
<h4> <b>Aprende</b></h4>
<p class="mb-0">De las experiencias de los démas</p>
</div>
</div>
</div>
</div>
<!-- ¿Qué hacemos? -->
<div class="py-5">
<div class="container" id="que-hacemos">
<div class="row">
<div class="col-md-12">
<h1 class="text-center mb-4">¿Qué hacemos?</h1>
<div class="row" id="networking">
<div class="col-lg-5 col-md-6 p-md-4">
<img class="img-fluid d-block" src="img/networking.jpg" width="1500">
</div>
<div class="col-md-6 offset-lg-1 d-flex flex-column justify-content-center py-4">
<h2 class="my-3"><b>Networking</b></h2>
<p class="lead">Un espacio para crea conexiones de valor con otros emprendedores, compartir tus experiencias y aprender de los demás.</p>
<p class="lead"><a href="/7mo-networking-tribu-de-emprendedores" class="btn btn-danger btn-lg animated infinite flash"><i class="fa fa-user fa-fw"></i> <b>Regístrate para asistir</b></a></p>
</div>
</div>
<div class="row" id="learning">
<div class="col-md-6 d-flex flex-column justify-content-center order-2 order-md-1 py-4">
<h2 class="my-3"><b>Escuela De Emprendedores</b></h2>
<p class="lead">Hemos creado esta escuela pensando en fortalecer las habilidades para administrar tu negocio, con el propósito de estrechar nuestros lazos y transformar nuestras debilidades en oportunidades.</p>
<p class="lead"><a href="/4ta-escuela-la-aventura-comienza" class="btn btn-primary btn-lg"><i class="fas fa-graduation-cap"></i> <b>Abiertas inscripciones</b></a></p>
</div>
<div class="col-lg-5 col-md-6 p-md-4 offset-lg-1 order-1 order-md-2">
<img class="img-fluid d-block" src="img/learning-school.jpg" width="1500">
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Testimonios -->
<div id="testimonio" class="py-5" style="background-image: url(img/fondo-testimonio.jpg); background-position: right bottom; background-size: cover; background-repeat: repeat; background-attachment: fixed;">
<div class="container">
<div class="row">
<div class="col-md-12">
<h1 class="text-center mb-4 text-primary">Testimonio</h1>
</div>
</div>
<div class="row">
<div id="carouselExampleControls" class="carousel slide carousel-fade" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<div class="row">
<div class="ml-auto p-3 col-md-2 bg-white">
<img class="img-fluid d-block rounded-circle" src="img/claudia.jpg">
</div>
<div class="py-3 col-md-7 mr-auto bg-white text-dark">
<div class="blockquote mb-0 text-secondary px-3">
<p class="">"Compartir con más emprendedores y escuchar de ellos que vale la pena apostarle a nuestras ideas, planear, y trabajar en ellas, me ha confirmado que estamos en el camino correcto, y que cada día hay aprendizajes que nos van a ayudar en el proceso. Ha sido muy enriquecedora la experiencia."</p>
<div class="blockquote-footer"> <b>Claudia Vasquez</b>, Co-Fundadora de Bocado Express.</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row">
<div class="ml-auto p-3 col-md-2 bg-white">
<img class="img-fluid d-block rounded-circle" src="img/alex-y-carolina.jpg">
</div>
<div class="py-3 col-md-7 mr-auto bg-white text-dark">
<div class="blockquote mb-0 text-secondary px-3">
<p class="">"Ha sido muy grato registrarnos, pues nos ha supuesto una actualización en cuanto a actividades para emprendedores, conferencias, capacitaciones y eventos de networking. Concordamos sobre la importancia de conocer otros emprendedores y aprender de ellos; creando una comunidad fuerte que permita intercambiar experiencias, evitando asi cometer los errores que puedan hacer daño a nuestro emprendimiento y crecimiento."</p>
<div class="blockquote-footer"> <b>Alexander Cano & Carolina Marín</b>, Fundadores Vainilla Scrap.</div>
</div>
</div>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Anterior</span>
</a>
<a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Siguiente</span>
</a>
</div>
</div>
<div class="row">
<div class="p-3 col-md-12 text-center">
<a class="btn btn-danger btn-lg" href="/#registro"><i class="fa fa-user fa-fw"></i> Regístrate</a>
</div>
</div>
</div>
</div>
<?php include 'templates/followus.php'; ?>
<?php include 'templates/footer.php'; ?>
</body>
</html>