Cafetería

Cafetería.markdown

Cafetería ('-' * 9) Plantilla parallax para cafeterías

A Pen by Alberto Marín on CodePen.

License.

index.html

%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
	

script.js

$(document).ready(function(){
  $('.parallax').parallax();
	$(".button-collapse").sideNav();
});