-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmultimedia.html
158 lines (158 loc) · 11 KB
/
multimedia.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
<!DOCTYPE html>
<!-- This site was created in Webflow. http://www.webflow.com-->
<!-- Last Published: Mon Jun 29 2015 16:44:16 GMT+0000 (UTC) -->
<html data-wf-site="558a7317606397780e535849" data-wf-page="558ace2511ec8d9757af73dc">
<head>
<meta charset="utf-8">
<title>Swingcaló | Multimedia</title>
<meta name="description" content="Swingcaló es una banda de jazz manouche caracterizada por su repertorio heredero de la música popular. Sonido fiel al estilo, pero a su vez muy personal.">
<meta name="keywords" content="swingcalo, swing, eventos, jazz manouche, gypsy jazz, bodas, bautizos, comuniones, jazz">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="generator" content="Webflow">
<link rel="stylesheet" type="text/css" href="css/normalize.css">
<link rel="stylesheet" type="text/css" href="css/webflow.css">
<link rel="stylesheet" type="text/css" href="css/sometakes.webflow.css">
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.4.7/webfont.js"></script>
<script>
WebFont.load({
google: {
families: ["Open Sans:300,300italic,400,400italic,600,600italic,700,700italic,800,800italic","Roboto:300,regular,500"]
}
});
</script>
<script type="text/javascript" src="js/modernizr.js"></script>
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico">
<link rel="apple-touch-icon" href="images/webclip.png">
</head>
<body>
<div class="w-nav navigation-bar" data-collapse="medium" data-animation="default" data-duration="400" data-contain="1">
<div class="w-container"><a class="w-nav-brand brand-link" href="index.html"><h1 class="brand-text">SWINGCALó</h1><img class="logo-head" src="images/Logo_okkpng8_WEBnin_swingcalo.png"></a>
<nav class="w-nav-menu navigation-menu" role="navigation"><a class="w-nav-link navigation-link" href="index.html">Inicio</a><a class="w-nav-link navigation-link" href="la-banda.html">La banda</a><a class="w-nav-link navigation-link" href="espectaculos.html">Espectáculos</a><a class="w-nav-link navigation-link" href="multimedia.html">Multimedia</a><a class="w-nav-link navigation-link" href="calendario.html">Calendario</a><a class="w-nav-link navigation-link" href="contact.html">Contacto</a>
</nav>
<div class="w-nav-button hamburger-button">
<div class="w-icon-nav-menu"></div>
</div>
</div>
</div>
<div class="w-section section">
<h2>CANCIONES A GRANEL</h2>
<h3>Y UN REPORTAJe</h3>
<div class="w-container">
<div class="w-tabs" data-duration-in="300" data-duration-out="100">
<div class="w-tab-menu pesta-as">
<a class="w-tab-link w--current w-inline-block pesta-a" data-w-tab="Tab 1">
<div>Sheik of Araby</div>
</a>
<a class="w-tab-link w-inline-block pesta-a" data-w-tab="Tab 2">
<div>Danse Norvegienne</div>
</a>
<a class="w-tab-link w-inline-block pesta-a" data-w-tab="Tab 3">
<div>Caravan</div>
</a>
<a class="w-tab-link w-inline-block pesta-a" data-w-tab="Tab 4">
<div>Tabú</div>
</a>
<a class="w-tab-link w-inline-block pesta-a" data-w-tab="Tab 5">
<div>Reportaje sobre nosotros</div>
</a>
</div>
<div class="w-tab-content">
<div class="w-tab-pane w--tab-active" data-w-tab="Tab 1">
<div class="w-embed w-video" style="padding-top: 75%;">
<iframe class="embedly-embed" src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fwww.youtube.com%2Fembed%2FORSySjqUL1M%3Ffeature%3Doembed&url=https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DORSySjqUL1M%26feature%3Dyoutu.be&image=https%3A%2F%2Fi.ytimg.com%2Fvi%2FORSySjqUL1M%2Fhqdefault.jpg&key=c4e54deccf4d4ec997a64902e9a30300&type=text%2Fhtml&schema=youtube" scrolling="no" frameborder="0" allowfullscreen=""></iframe>
</div>
</div>
<div class="w-tab-pane" data-w-tab="Tab 2">
<div class="w-embed w-video" style="padding-top: 75%;">
<iframe class="embedly-embed" src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fwww.youtube.com%2Fembed%2F8uUm3c_iHXw%3Ffeature%3Doembed&url=https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D8uUm3c_iHXw%26feature%3Dyoutu.be&image=https%3A%2F%2Fi.ytimg.com%2Fvi%2F8uUm3c_iHXw%2Fhqdefault.jpg&key=c4e54deccf4d4ec997a64902e9a30300&type=text%2Fhtml&schema=youtube" scrolling="no" frameborder="0" allowfullscreen=""></iframe>
</div>
</div>
<div class="w-tab-pane" data-w-tab="Tab 3">
<div class="w-embed w-video" style="padding-top: 75%;">
<iframe class="embedly-embed" src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fwww.youtube.com%2Fembed%2FyhQ2OVVQ9lA%3Ffeature%3Doembed&url=https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DyhQ2OVVQ9lA%26feature%3Dyoutu.be&image=https%3A%2F%2Fi.ytimg.com%2Fvi%2FyhQ2OVVQ9lA%2Fhqdefault.jpg&key=c4e54deccf4d4ec997a64902e9a30300&type=text%2Fhtml&schema=youtube" scrolling="no" frameborder="0" allowfullscreen=""></iframe>
</div>
</div>
<div class="w-tab-pane" data-w-tab="Tab 4">
<div class="w-embed w-video" style="padding-top: 56.20608899297424%;">
<iframe class="embedly-embed" src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fwww.youtube.com%2Fembed%2Fv6hJZjzB1RE%3Ffeature%3Doembed&url=https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3Dv6hJZjzB1RE%26feature%3Dyoutu.be&image=https%3A%2F%2Fi.ytimg.com%2Fvi%2Fv6hJZjzB1RE%2Fhqdefault.jpg&key=c4e54deccf4d4ec997a64902e9a30300&type=text%2Fhtml&schema=youtube" scrolling="no" frameborder="0" allowfullscreen=""></iframe>
</div>
</div>
<div class="w-tab-pane" data-w-tab="Tab 5">
<div class="w-embed w-video" style="padding-top: 56.20608899297424%;">
<iframe class="embedly-embed" src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fwww.youtube.com%2Fembed%2Fy9QJeU-AhkM%3Ffeature%3Doembed&url=https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3Dy9QJeU-AhkM%26feature%3Dyoutu.be&image=https%3A%2F%2Fi.ytimg.com%2Fvi%2Fy9QJeU-AhkM%2Fhqdefault.jpg&key=c4e54deccf4d4ec997a64902e9a30300&type=text%2Fhtml&schema=youtube" scrolling="no" frameborder="0" allowfullscreen=""></iframe>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="w-section section">
<h2>Momentos fotográficos</h2>
<div class="w-slider eslaider" data-animation="slide" data-duration="500" data-infinite="1">
<div class="w-slider-mask">
<div class="w-slide eslaid eslaid-uno"></div>
<div class="w-slide eslaid eslaid-dos"></div>
<div class="w-slide eslaid eslaid-tres"></div>
<div class="w-slide eslaid eslaid-cinco"></div>
</div>
<div class="w-slider-arrow-left">
<div class="w-icon-slider-left"></div>
</div>
<div class="w-slider-arrow-right">
<div class="w-icon-slider-right"></div>
</div>
<div class="w-slider-nav w-round"></div>
</div>
</div>
<div class="w-section section">
<div class="w-container">
<div class="w-row">
<div class="w-col w-col-6">
<div class="w-widget w-widget-facebook">
<iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Ffacebook.com%2Fswingcalo&layout=button_count&locale=es_ES&action=like&show_faces=false&share=false" scrolling="no" frameborder="0" allowtransparency="true" style="border: none; overflow: hidden; width: 90px; height: 20px;"></iframe>
</div>
</div>
<div class="w-col w-col-6">
<div class="w-widget w-widget-twitter">
<iframe src="https://platform.twitter.com/widgets/follow_button.html#screen_name=swingcalo&show_count=true&size=m&show_screen_name=true&dnt=true" scrolling="no" frameborder="0" allowtransparency="true" style="border: none; overflow: hidden; width: 100%; height: 20px;"></iframe>
</div>
</div>
</div>
</div>
</div>
<div class="w-section footer">
<div class="w-container">
<div class="w-row">
<div class="w-col w-col-4 spc">
<h5>Sobre swingcaló</h5>
<p>Swingcaló es una banda de jazz manouche caracterizada por su repertorio heredero de la música popular. Sonido fiel al estilo, pero a su vez muy personal.</p>
</div>
<div class="w-col w-col-4 spc">
<h5>Links de prensa</h5><a class="footer-link" href="http://federacio.joventutsmusicals.cat/repas-a-la-premsa/entrevistes/swingcalo-la-musica-darrel-brolla-com-a-expressio-intima-dun-poble-duna-identitat-1764.html" target="_blank">Entrevista para Juventuts Musicals de Catalunya</a><a class="footer-link" href="https://www.youtube.com/watch?v=Uc8DeN3KHxs" target="_blank">Reseña del concierto con Goran Bregovic</a><a class="footer-link" href="http://www.elperiodico.com/es/noticias/barcelona/viaje-sonoro-por-ciudad-3907841" target="_blank">Viatge Sonor per Barcelona</a><a class="footer-link" href="https://www.youtube.com/watch?v=y9QJeU-AhkM" target="_blank">Reportaje sobre Swingcaló</a>
</div>
<div class="w-col w-col-4">
<h5>social</h5>
<div class="w-clearfix footer-link-wrapper"><img class="info-icon" src="images/social-18.svg" width="20"><a class="footer-link with-icon" href="https://twitter.com/Swingcalo" target="_blank">Twitter</a>
</div>
<div class="w-clearfix footer-link-wrapper"><img class="info-icon" src="images/social-03.svg" width="20"><a class="footer-link with-icon" href="https://www.facebook.com/swingcalo" target="_blank">Facebook</a>
</div>
<div class="w-clearfix footer-link-wrapper"><img class="info-icon" src="images/youtube.png" width="25"><a class="footer-link with-icon" href="https://www.youtube.com/channel/UCN9RlAaa68eCy4Pw3wmdUQg" target="_blank">Youtube</a>
</div>
<div class="w-clearfix footer-link-wrapper"><img class="info-icon" src="images/mail.png" width="20"><a class="footer-link with-icon" href="mailto:[email protected]?subject=Info%20Swingcal%C3%B3">[email protected]</a>
</div>
<div class="w-clearfix footer-link-wrapper"><img class="info-icon" src="images/telephone.png" width="19"><a class="footer-link with-icon" href="tel:+34616095379">Tel: 616 095 379</a>
</div>
</div>
</div>
</div>
</div>
<div class="w-section footer center">
<div class="w-container">
<div class="footer-text">Swingcaló © fotos de <a href="http://ricardozamanillo.com/" class="links-no-line">Ricardo Zamanillo.com</a></div>
</div>
</div>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" src="js/webflow.js"></script>
<!--[if lte IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif]-->
</body>
</html>