diff --git a/.gitattributes b/.gitattributes new file mode 100644 index 0000000..dfe0770 --- /dev/null +++ b/.gitattributes @@ -0,0 +1,2 @@ +# Auto detect text files and perform LF normalization +* text=auto diff --git a/README.md b/README.md new file mode 100644 index 0000000..6060375 --- /dev/null +++ b/README.md @@ -0,0 +1,2 @@ +# amtischbalkan + Am Tisch Balkan diff --git a/css/style.css b/css/style.css index 2645e11..bc65c05 100644 --- a/css/style.css +++ b/css/style.css @@ -1,165 +1,175 @@ -body{ +body { background: #eeeeee; font-family: 'Open Sans', sans-serif; - + color: black; } -.logo{ - width: 40px; + +.logo { + width: 175px; } -.botonera li{ +.botonera li { display: inline-block; margin-left: 8px; font-weight: 700; font-size: 20px; } -.botonera li a{ - color: #666; +.botonera li a { + color: #666; } -.botonera li a:hover{ + +.botonera li a:hover { color: black; text-decoration: none; } - -header{ - background: white; +header { + background: white; padding-top: 15px; padding-bottom: 10px; position: fixed; width: 100%; z-index: 34242; + height: 8%; } -.principal{ +.principal { background: red; height: 90vh; - background: url(../images/23926343_1661500030582540_5469621639768249700_o.jpg)no-repeat center center fixed; - -webkit-background-size: cover; - -moz-background-size: cover; - -o-background-size: cover; - background-size: cover; + background: url(../images/amtischfondo3.jpg)no-repeat center center fixed; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + background-size: cover; } - .vertical-centered-text { - -ms-display: flex; - display: flex; - /* alineacion vertical */ - align-items: center; - /* alineacion horizontal */ - justify-content: center; + -ms-display: flex; + display: flex; + /* alineacion vertical */ + align-items: center; + /* alineacion horizontal */ + justify-content: center; } -.cta{ +.cta { text-align: center; } -h1{ + +h1 { font-weight: 700; font-size: 50px; - color: rgba(255,255,255,.7); + color: white; } -.orange{ - - background: #FF00FF; +.orange { + background: #811d25; } -.nosotros{ +.nosotros { width: 100%; height: 50vh; text-align: center; padding-top: 150px; } -.nosotros h1{ + +.nosotros h1 { font-weight: 100; } -.servicios{ + +.servicios { text-align: center; padding-top: 150px; padding-bottom: 50px; } -.servicios img{ + +.servicios img { width: 40%; text-align: center; } -.servicios h1{ +.servicios h1 { color: #666; font-weight: 100; } -.servicios .images{ + +.servicios .images { padding-top: 30px; } -.images .col-md-3{ +.images .col-md-3 { padding-top: 20px; - } -.social{ + +.social { text-align: center; } -.social img{ + +.social img { width: 30%; text-align: center; } -footer{ +footer { background: #757575; - height: 50vh; + height: 25vh; padding-top: 30px; } -footer h1{ + +footer h1 { text-align: center; font-weight: 100; } +.btn-primary{ + border-color: black; +} + #home { color: white; + text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } -.col-xs-4{ + +.col-xs-4 { text-align: center; } - /*@media only screen and (min-device-width : 414px) and (max-device-width : 736px) { } @media only screen and (min-width: 324px) and (max-width: 736px) {*/ -@media only screen and (max-device-width: 480px), only screen and (min-device-width: 560px) and (max-device-width: 1136px) { - /* iPhone only */ - /* Styles */ - .off { - display: none !important; - } - .on { - display: block !important; - } - .col-md-2 { - width: 100%; - } - .social img{ - width: 100%; - } - .botonera li a { - font-size: 13px; -} -.nosotros{ - height: 400px; - overflow: hidden; - padding-top: 15px; -} -#home{ - padding-top: 65px; -} - -h1{ - font-size: 30px; -} - -footer{ - padding-top: 10px; -} +@media only screen and (max-device-width: 480px), only screen and (min-device-width: 560px) and (max-device-width: 1136px) { + /* iPhone only */ + /* Styles */ + .off { + display: none !important; + } + .on { + display: block !important; + } + .col-md-2 { + width: 100%; + } + .social img { + width: 100%; + } + .botonera li a { + font-size: 13px; + } + .nosotros { + height: 400px; + overflow: hidden; + padding-top: 15px; + } + #home { + padding-top: 65px; + } + h1 { + font-size: 30px; + } + footer { + padding-top: 10px; + } } \ No newline at end of file diff --git a/images/001-facebook.svg b/images/001-facebook.svg new file mode 100644 index 0000000..e969009 --- /dev/null +++ b/images/001-facebook.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/001-violin.svg b/images/001-violin.svg new file mode 100644 index 0000000..f0a0b48 --- /dev/null +++ b/images/001-violin.svg @@ -0,0 +1,123 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/images/002-acordeonista.svg b/images/002-acordeonista.svg new file mode 100644 index 0000000..de3e951 --- /dev/null +++ b/images/002-acordeonista.svg @@ -0,0 +1,280 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/images/002-instagram.svg b/images/002-instagram.svg new file mode 100644 index 0000000..77bd84a --- /dev/null +++ b/images/002-instagram.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/003-acordeon.svg b/images/003-acordeon.svg new file mode 100644 index 0000000..966a291 --- /dev/null +++ b/images/003-acordeon.svg @@ -0,0 +1,121 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/images/003-gmail.svg b/images/003-gmail.svg new file mode 100644 index 0000000..e40f946 --- /dev/null +++ b/images/003-gmail.svg @@ -0,0 +1,39 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/images/004-clarinete.svg b/images/004-clarinete.svg new file mode 100644 index 0000000..4b3f5b0 --- /dev/null +++ b/images/004-clarinete.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/005-tambor.svg b/images/005-tambor.svg new file mode 100644 index 0000000..0aa6ece --- /dev/null +++ b/images/005-tambor.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/amtischfondo.jpg b/images/amtischfondo.jpg new file mode 100644 index 0000000..8369bb4 Binary files /dev/null and b/images/amtischfondo.jpg differ diff --git a/images/amtischfondo2.jpg b/images/amtischfondo2.jpg new file mode 100644 index 0000000..643a753 Binary files /dev/null and b/images/amtischfondo2.jpg differ diff --git a/images/amtischfondo3.jpg b/images/amtischfondo3.jpg new file mode 100644 index 0000000..643a753 Binary files /dev/null and b/images/amtischfondo3.jpg differ diff --git a/images/logoamtisch.jpg b/images/logoamtisch.jpg new file mode 100644 index 0000000..8b2e235 Binary files /dev/null and b/images/logoamtisch.jpg differ diff --git a/index.html b/index.html index fcff1af..d42b467 100644 --- a/index.html +++ b/index.html @@ -3,7 +3,7 @@ - Malicius Culebra + Am Tisch - Balkan & Klezmer @@ -20,13 +20,13 @@
-
-
+
+
@@ -37,10 +37,11 @@
-

Malicius Culebra

-

Somos banda under de Berazategui y estamos sacando un nuevo disco

-

Start Bootstrap can help you build better websites using the Bootstrap CSS framework! Just download your template and start going, no strings attached!

-ESCCUCHA CULEBRRA +

Am Tisch - Balkan & Klezmer

+

Am Tisch es una nueva propuesta en la escena musical platense, cada vez más nutrida y abierta a las músicas del mundo. Musica balcánica, klezmer y afines!

+

Escuchanos en Spotify

+Am Tisch - Risko +
@@ -48,8 +49,9 @@

Somos banda under de Berazategui y estamos sacando un nuevo disco

-

Sobre nosotros

-

Start Bootstrap has everything you need to get your new website up and running in no time! All of the templates and themes on Start Bootstrap are open source, free to download, and easy to use. No strings attached! +

Acerca de nosotres

+

La milenaria música de los balcanes, particularmente del pueblo Rom o Gitanos, ha acompañado a este pueblo en su eterno andar. Como canta su himno: "Djelem, djelem", anduve, anduve... este espiritu libre y nómade se traduce en sus melodías, a veces tristes, a veces alegres, muchas veces frenéticas, ¡pero nunca ordinarias! + Am Tisch, en una formación que aúna los instrumentos tradicionales como el violin, el acordeón, el clarinete y el derbake con la poderosa base del "power trio", se dedica a investigar y reproducir desde su particular sensibilidad este maravilloso estilo, no perdiendo jamás lo vibrante y frenético.

@@ -59,29 +61,31 @@

Sobre nosotros

-

Nuestros Servicios Locos

+

Nuestras influencias

- -

Extremo

-

Start Bootstrap has everything you need to get your new website up and running in no time!

+ +

Balkan

+

La música balcánica suele relacionarse con fanfarrias, acordeones y gente bailando desenfrenadamente.

- -

Satanicos

-

Start Bootstrap has everything you need to get your new website up and running in no time!

+ +

Klezmer

+

La música klezmer es la música popular originalmente propia de los judíos de Europa Oriental de habla yiddish.

- -

Metal Loco

-

Start Bootstrap has everything you need to get your new website up and running in no time!

+ +

Gypsy

+

+ La música gitana recoge los sonidos de la India y de todos los países que atravesaron los gitanos hasta España, con influencias iraníes, turcas, balcánicas, griegas, andaluzas...

- -

Rock Duro

-

Start Bootstrap has everything you need to get your new website up and running in no time!

+ +

Música árabe

+

+ La música árabe es la música de los países árabes, que tienen en común el idioma. Se incluye bajo esta categoría géneros de música clásica, popular, profana y religiosa.

@@ -98,14 +102,14 @@

CONTACTO



-
+
-
+