-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
169 lines (168 loc) · 8.55 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>SON15 Barcelona</title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/styles.css?v=1.2" rel="stylesheet">
<link href="css/queries.css?v=1.2" rel="stylesheet">
<link rel="stylesheet" href="css/flexslider.css?v=1.2" type="text/css">
<link rel="stylesheet" href="css/animate.css" type="text/css">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css" rel="stylesheet">
<link rel=icon href=favicon.png>
<!-- 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]-->
<script async src="https://instagram.com/embed.js"></script>
</head>
<body>
<header>
<div class="container">
<div class="row">
<div class="responsive-logo"></div>
<div class="pullcontainer">
<a href="#" id="pull"><i class="fa fa-bars fa-2x"></i></a>
</div>
</div>
<div class="row">
<div class="col-md-8 col-md-offset-2">
<nav>
<ul class="clearfix">
<li><a href="#concepto">Concepto</a></li>
<li class="dot">.</li>
<li><a href="#filosofia">Filosofía</a></li>
<li class="dot">.</li>
<li><a href="https://www.facebook.com/events/2171703193095754/" target="_blank">SON15 2019</a></li>
</ul>
</nav>
</div>
</div>
</div>
<div class="hero"></div>
</header>
<div class="container-fluid intro">
<div class="row">
<div class="col-xs-12 text-center intro-video">
<iframe style="text-align: center;" width="560" height="315" src="https://www.youtube.com/embed/2h9ONZKpDOg" frameborder="0" allowfullscreen></iframe>
</div>
<div class="col-md-8 col-md-offset-2">
<h1 class="chain" id="concepto">Concepto</h1>
<div class="text-intro">
<div class="text text-justify">
SON 15 es una fiesta para bboys y bgirls, es el evento donde disfrutar del círculo más caliente y donde se batalla a modo espartano. Se desarrolla en Barcelona, en un ambiente caliente y acogedor con musicón durante toda la tarde.
Es un evento abierto, que funciona de la siguiente manera:
La preselección será a una salida por cada bboy o bgirl, y los jueces elegirán 16.
Por cada ronda que las parejas ganadoras pasen, se aumentará una salida más, hasta llegar a la final, quedando así las rondas sucesivas:
</div>
<div class="bullets-container">
<ul class="bullets">
<li>Octavos de final: 2 salidas por bailarín</li>
<li>Cuartos de final: 3 por bailarín</li>
<li>Semifinal: 4 por bailarín</li>
<li>Final: 5 por bailarín</li>
<li>Sumando todas las salidas, <b>SON 15</b></li>
</ul>
</div>
</div>
<p class="text-intro">Pocos meses después de la creación del crew <a href="https://www.facebook.com/Lacuevabreaks/" target="_blank">La Cueva</a>, nace la idea de SON 15. El amor por el breaking con todos sus contenidos y libertades es lo que motiva su nacimiento. Nos explicamos:</p>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-md-8 section-1 nopadding" id="filosofia">
<div class="logo-1 wp1"></div>
</div>
<div class="col-md-4 section-text nopadding">
<div class="wp4">
<h2 class="frame">
<p class="icon"><i class="fa fa-music" aria-hidden="true"></i></p>
Filosofía
</h2>
<p class="centered-paragraph">La <b>Música</b> como protagonista.</p>
<p>Ella dirige la energía del día y no queríamos ningún parón de la misma. Queríamos música de principio a fin, y tiempo, ambiente y ganas para disfrutarla al máximo.</p>
<div class="thin-sep"></div>
</div>
<div class="small-featured-img seat-red">
<div class="arrow"></div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4 section-text nopadding">
<div class="wp5">
<p>
Queríamos batallas y círculos de verdad. Queríamos baile y ver conversaciones enteras… Para ello creamos un ambiente caliente, muy acogedor y con el público muy encima. Repetimos, la música no para, ni la energía ni el círculo durante toda la tarde. Nos deshicimos de <em>los formalismos de las batallas a 1round</em>. Ampliamos el número de rounds por cada batalla ganada y con ellos dijimos adiós a los simples saludos que las batallas a 1round conllevan y dimos paso a la <b>libertad</b>, <b>frescura</b> del momento presente y a <b>conversaciones</b> enteras entre bailarines.
</p>
<p>Queríamos un <em>Challenge</em>, motivación para la escena, poniendo a prueba tanto la condición física como el repertorio de movimientos, dando lugar al relax mental y a momentos improvisados.</p>
<div class="thin-sep"></div>
</div>
</div>
<div class="col-md-8 section-2 nopadding">
<div class="logo-2 wp2"></div>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-md-4 section-3">
<div class="logo-3 wp3"></div>
</div>
<div class="col-md-4 section-text nopadding">
<div class="wp6">
<h2 class="front-frame">
ABOUT US
</h2>
<p>La Cueva surge espontáneamente a comienzos de 2013, puede decirse que La Cueva fue un punto en el tiempo, un lugar pequeño, rudo y caliente donde se formó una energía muy particular y un carisma cuyas bases son libertad, musicalidad y lucha.</p>
<div class="thin-sep"></div>
</div>
</div>
<div class="col-md-4 section-4"></div>
</div>
</div>
<footer>
<div class="container">
<div class="row">
<div class="col-md-4 col-md-offset-4 footer-midcol">
<ul>
<li><a href="https://www.instagram.com/son15_bcn/" style="display: block; font-size: 3em;" target="_blank"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
<li><a href="https://www.facebook.com/events/2171703193095754/" style="display: block; font-size: 3em;" target="_blank"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
<li><a href="https://www.youtube.com/user/FDMVsJaviD" style="display: block; font-size: 3em;" target="_blank"><i class="fa fa-youtube" aria-hidden="true"></i></a></li>
<li><a href="mailto:[email protected]" style="display: block; font-size: 3em;" target="_blank"><i class="fa fa-envelope" aria-hidden="true"></i></a></li>
</ul>
</div>
</div>
<div class="row text-center">
<a href="https://www.facebook.com/Lacuevabreaks/" target="_blank"><img src="./imgs/footer/LACUEVA.png" class="img-fluid align-middle" alt="Responsive image"></a>
<a href="http://www.circleindustry.at/" target="_blank"><img src="./imgs/footer/CircleIndustry.png" class="img-fluid align-middle" alt="Responsive image"></a>
<a href="http://www.allstars.es/shop/" target="_blank"><img src="./imgs/footer/allstars.png" class="img-fluid align-middle" alt="Responsive image"></a>
<a href="http://shop.sefinhe.com/es/" target="_blank"><img src="./imgs/footer/sefinhe.png" class="img-fluid align-middle" alt="Responsive image"></a>
<a href="http://www.palaualos.cat/" target="_blank"><img src="./imgs/footer/PalauAlos.png" class="img-fluid align-middle" alt="Responsive image"></a>
<a href="http://ajuntament.barcelona.cat/ciutatvella/ca" target="_blank"><img src="./imgs/footer/ajuntament.png" class="img-fluid align-middle" alt="Responsive image"></a>
</div>
</div>
</footer>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins)-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.flexslider.js"></script>
<script src="js/scripts.js"></script>
<script src="js/modernizr.js"></script>
<script src="js/waypoints.min.js"></script>
<!-- Google Analytics -->
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-97623391-2', 'auto');
ga('send', 'pageview');
</script>
<script async src='https://www.google-analytics.com/analytics.js'></script>
<!-- End Google Analytics -->
</body>
</html>