forked from YamilG/TEDxTegucigalpa2013
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
139 lines (110 loc) · 7.36 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
<!DOCTYPE html>
<html lang="es-419">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge;chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="TEDxTegucigalpa es una conferencia donde personas talentosas comparten ideas que vale la pena difundir." />
<meta name="keywords" content="ted, tedx, tedxtegucigalpa, evento, tegucigalpa, honduras" />
<meta name="web_author" content="Yamil Gonzales" />
<title>TEDxTegucigalpa</title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="css/bootstrap-responsive.min.css" />
<link rel="stylesheet" type="text/css" href="css/style.css">
<link href='http://fonts.googleapis.com/css?family=Crete+Round' rel='stylesheet' type='text/css'>
<script src="js/bootstrap.min.js"></script>
</head>
<body>
<div class="container-fluid">
<div class="row-fluid">
<header class="span12" id="encabezado">
<h1>TEDxTegucigalpa</h1>
</header>
</div>
<div class="row-fluid">
<section class="span8" id="welcome">
<h2>¡Bienvenido de nuevo!</h2>
<p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<a href="https://docs.google.com/spreadsheet/viewform?formkey=dDlDUWprajFhQVFFWi1jVTZ1a3UwOVE6MQ"><button class="btn-block btn-action">Únete al equipo</button></a>
<hr>
<h3>Revive TEDxTegucigalpa 2012</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
<img src="http://placehold.it/132x132" class="img-polaroid">
<img src="http://placehold.it/132x132" class="img-polaroid">
<img src="http://placehold.it/132x132" class="img-polaroid">
<img src="http://placehold.it/132x132" class="img-polaroid">
<img src="http://placehold.it/132x132" class="img-polaroid">
<img src="http://placehold.it/132x132" class="img-polaroid">
<img src="http://placehold.it/132x132" class="img-polaroid">
<img src="http://placehold.it/132x132" class="img-polaroid">
<img src="http://placehold.it/132x132" class="img-polaroid">
<img src="http://placehold.it/132x132" class="img-polaroid">
<img src="http://placehold.it/132x132" class="img-polaroid">
<img src="http://placehold.it/132x132" class="img-polaroid">
<hr>
</section>
<section class="span4 hidden-phone">
<h4>Sé parte de la comunidad:</h4>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=178812405526733";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like-box" data-href="http://www.facebook.com/tedxtegucigalpa" data-show-faces="true" data-border-color="#FF2B06" data-stream="true" data-header="true"></div>
<a href="https://twitter.com/TEDxTegucigalpa" class="twitter-follow-button" data-show-count="false" data-lang="es" data-size="large">Seguir a @TEDxTegucigalpa</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</section>
</div>
<div class="row-fluid" id="about">
<section class="span8">
<h3>TEDxTegucigalpa</h3>
<p>Con el espíritu de difundir ideas valiosas, TED ha creado un programa llamado TEDx.</p>
<p>TEDx es un programa de eventos locales auto-organizados que unen a las personas para compartir experiencias al estilo TED. Nuestro evento se llama TEDxTegucigalpa, donde x= evento TED organizado de forma independiente. En nuestro evento TEDxTegucigalpa, videos de presentaciones anteriores (TEDTalks) y conferencistas invitados, se combinaran para originar profundos debates y la interconexión entre un selecto grupo de asistentes.</p>
<p>La conferencia TED provee una guía general para el programa TEDx, pero los eventos TEDx individuales, incluyendo el nuestro, es organizado de forma independiente.</p>
<hr>
</section>
</div>
<div class="row-fluid">
<section class="span8">
<h3>Contáctanos</h3>
<p>Si tienes algo duda o comentario, no dudes en ponerte en contacto con nosotros utilizando el siguiente formulario de contacto.</p>
<form class="form-horizontal" method="POST" action="contact.php">
<div class="control-group">
<label class="control-label" for="nombre">Nombre completo</label>
<div class="controls">
<input type="text" id="nombre" name="nombre" placeholder="Nombre" class="span8">
</div>
</div>
<div class="control-group">
<label class="control-label" for="email">Correo Electrónico</label>
<div class="controls">
<input type="text" id="email" name="email" id="email" placeholder="Correo Electrónico" class="span8">
</div>
</div>
<div class="control-group">
<label class="control-label" for="message">Mensaje</label>
<div class="controls">
<textarea id="message" name="message" placeholder="Mensaje" rows="4" class="span8"></textarea>
</div>
</div>
<div class="form-actions">
<button type="submit" class="btn btn-block">Enviar Mensaje</button>
</div>
</form>
</section>
</div>
</div>
</body>
</html>