Cafetería ('-' * 9) Plantilla parallax para cafeterías
A Pen by Alberto Marín on CodePen.
Cafetería ('-' * 9) Plantilla parallax para cafeterías
A Pen by Alberto Marín on CodePen.
| %header | |
| %nav.brown | |
| %div.container | |
| %div.nav-wrapper | |
| %a.brand-logo{:href => "#"} Cafetería | |
| %a.button-collapse.right{:href => "#", data:{activates: "mobile-demo"}} | |
| %i.mdi-navigation-menu | |
| %ul.right.hide-on-med-and-down | |
| %li | |
| %a{:href => "#"}Inicio | |
| %li | |
| %a{:href => "#"}Sobre nosotros | |
| %li | |
| %a{:href => "#"}Contacto | |
| %ul#mobile-demo.side-nav | |
| %li | |
| %a{:href => "#"}Inicio | |
| %li | |
| %a{:href => "#"}Sobre nosotros | |
| %li | |
| %a{:href => "#"}Contacto | |
| %main | |
| %div.parallax-container | |
| %div.parallax | |
| %img{:src => "https://dl.dropboxusercontent.com/u/49982386/imagenes_pixabay/cafe_terraza_1920x1280.jpg", :alt => ""}/ | |
| %div.section | |
| %div.row.container | |
| %h2.header Su cafetería | |
| %p.grey-text.text-darken-3.lighten-3 En un lugar de la Mancha, de cuyo nombre no quiero acordarme, no ha mucho tiempo que vivía un hidalgo de los de lanza en astillero, adarga antigua, rocín flaco y galgo corredor. Una olla de algo más vaca que carnero, salpicón las más noches, duelos y quebrantos los sábados, lantejas los viernes, algún palomino de añadidura los domingos, consumían las tres partes de su hacienda. | |
| %div.parallax-container | |
| %div.parallax | |
| %img{:src => "https://dl.dropboxusercontent.com/u/49982386/imagenes_pixabay/cafe_latte_1920x1280.jpg", :alt => ""}/ | |
| %div.section.white | |
| %div.row.container | |
| %h2.header Su café | |
| %p.grey-text.text-darken-3.lighten-3 El resto della concluían sayo de velarte, calzas de velludo para las fiestas, con sus pantuflos de lo mesmo, y los días de entresemana se honraba con su vellorí de lo más fino. Tenía en su casa una ama que pasaba de los cuarenta, y una sobrina que no llegaba a los veinte, y un mozo de campo y plaza, que así ensillaba el rocín como tomaba la podadera. | |
| %blockquote.brown-text Frisaba la edad de nuestro hidalgo con los cincuenta años; era de complexión recia, seco de carnes, enjuto de rostro, gran madrugador y amigo de la caza. Quieren decir que tenía el sobrenombre de Quijada, o Quesada, que en esto hay alguna diferencia en los autores que deste caso escriben; aunque, por conjeturas verosímiles, se deja entender que se llamaba Quejana. | |
| %div.parallax-container | |
| %div.parallax | |
| %img{:src => "https://dl.dropboxusercontent.com/u/49982386/imagenes_pixabay/map_1909x1262.jpg", :alt => ""}/ | |
| %div.section.white | |
| %div.row.container | |
| %div.col.s12.m6 | |
| %h2.header Contacto | |
| %div.grey-text.text-darken-3.lighten-3 | |
| %p | |
| %i.mdi-hardware-watch | |
| Abierto de 07:00 - 20:00 | |
| %p | |
| %i.mdi-communication-phone | |
| %a{:href => "tel:123456789"} 123456789 | |
| %p | |
| %i.mdi-maps-directions | |
| %a{:href => "https://goo.gl/maps/tWMlv"} Nombre de la Calle, 123, Granada | |
| %div.col.s12.m6 | |
| %h2.header Mapa | |
| %iframe{:src => "https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d50860.986818133046!2d-3.5922032499999994!3d37.18094625!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1ses!2ses!4v1431775313403", :frameborder => "0"} | |
| %footer.page-footer | |
| %div.container | |
| %div.row | |
| %div.col.l6.s12 | |
| %h5.white-text Cafetería | |
| %p.grey-text.text-lighten-4 Pero esto importa poco a nuestro cuento; basta que en la narración dél no se salga un punto de la verdad. | |
| %div.col.l4.offset-l2.s12 | |
| %h5.white-text Enlaces de interés | |
| %ul | |
| %li | |
| %a.grey-text.text-lighten-3{:href => "http://materializecss.com/"} materializecss | |
| %li | |
| %a.grey-text.text-lighten-3{:href => "http://haml.info/"} haml | |
| %li | |
| %a.grey-text.text-lighten-3{:href => "http://www.quijotipsum.com/"}quijotipsum | |
| %div.footer-copyright | |
| %div.container | |
| © 2015 Cafetería | |
| %a.grey-text.text-lighten-4.right{:href => "http://albertomar.in"} | |
| Made with | |
| %i.mdi-action-favorite | |
| by albertomar.in | |
| $(document).ready(function(){ | |
| $('.parallax').parallax(); | |
| $(".button-collapse").sideNav(); | |
| }); |