-
check_circle_outlineMódulo 1 | 8 clases
Introducción
expand_more -
check_circle_outlineMódulo 2 | 11 clases
Sección portada
expand_more-
done_all
Clase 1
9.- Mostrar vídeo
-
done_all
Clase 2
10.- Centrar vídeo
-
done_all
Clase 3
11.- Poster y límites de tamaño
-
done_all
Clase 4
12.- Centrar contenido verticalmente
-
done_all
Clase 5
13.- Trabajando con z-index
-
done_all
Clase 6
14.- Google Fonts
-
done_all
Clase 7
15.- Colocar logo y menú
-
done_all
Clase 8
16.- Bootstrap
-
done_all
Clase 9
17.- Programación en HAML
-
done_all
Clase 10
18.- Terminando navegación, transiciones y hover
-
done_all
Clase 11
19.- Trabajando con Position
-
-
check_circle_outlineMódulo 3 | 7 clases
Sticky Navigation
expand_more -
check_circle_outlineMódulo 4 | 5 clases
Menú con imágenes
expand_more -
check_circle_outlineMódulo 5 | 5 clases
Slider
expand_more -
check_circle_outlineMódulo 6 | 12 clases
Formulario de contacto
expand_more -
check_circle_outlineMódulo 7 | 6 clases
Mapa
expand_more -
check_circle_outlineMódulo 8 | 9 clases
Offline
expand_more -
check_circle_outlineMódulo 9 | 9 clases
Responsive Design
expand_more -
check_circle_outlineMódulo 10 | 4 clases
Deploy
expand_more -
check_circle_outlineMódulo 11 | 1 clases
Retroalimentación de proyecto
expand_more -
check_circle_outlineMódulo 12.-
Examen del curso
expand_more-
done_all
Examen
Examen final del curso
-
5 comentario(s)
Al poner el contenedor del video en posición absolute, y poner el row en relativo y con z-indez de 10, si se sobrepone. Pero se sobrepone con un color de fondo blanco, y el video queda atrás y se tapa casi la mitad.
Al poner él .video-container con position absolute, y luego el row con position relative, el row queda automáticamente por encima del .video-container, seria necesario en este caso agregar los z-index?, traería alguna complicación no agrégalo?
!!!5
%html{class:"no-js", lang:"es"}
%head
%meta{charset:"utf-8"}
%title SPA KBONITA
%meta{name:"description", content:"Belleza y Figura a su Alcance"}
%link{rel:"stylesheet", href:"css/normalize.css"}
%link{rel:"stylesheet", href:"https://cdn.jsdelivr.net/flexboxgrid/6.3.0/flexboxgrid.min.css"}
%link{rel:"stylesheet", href:"css/style.css"}
%meta{:content => "Pilar Cordova Araujo", :name => "author"}
%meta{:name => "viewport", :content => "width=device-width; initial-scale=1.0; maximum-scale=1.0;"}
%script{src:"js/vendor/modernizr-2.8.3.min.js"}
%body
="<!--[if lt IE 9]>"
%p{class:"browserupgrade"}
Estas usando un navegador
%strong desactualizado
Por favor
%a{href:"http://browsehappy.com/"}
actualiza tu navegador para una
mejor experiencia
="<![endif]-->"
.video-container
%video{autoplay:true,loop:true, width:"1280",height:"720",poster:"/videos2/images/model1.jpg"}
%source{src:"/videos2/mp4/model1.mp4", typ:"video/mp4"}
%source{src:"/videos/webm/bbq.webm", typ:"video/webm"}
.row.full-height.middle-xs.center-xs.relative.up
.col-xd-12
.box
%h1 SPA KBONITA
%html{class:"no-js", lang:"es"}
%head
%meta{charset:"utf-8"}
%title SPA KBONITA
%meta{name:"description", content:"Belleza y Figura a su Alcance"}
%link{rel:"stylesheet", href:"css/normalize.css"}
%link{rel:"stylesheet", href:"https://cdn.jsdelivr.net/flexboxgrid/6.3.0/flexboxgrid.min.css"}
%link{rel:"stylesheet", href:"css/style.css"}
%meta{:content => "Pilar Cordova Araujo", :name => "author"}
%meta{:name => "viewport", :content => "width=device-width; initial-scale=1.0; maximum-scale=1.0;"}
%script{src:"js/vendor/modernizr-2.8.3.min.js"}
%body
="<!--[if lt IE 9]>"
%p{class:"browserupgrade"}
Estas usando un navegador
%strong desactualizado
Por favor
%a{href:"http://browsehappy.com/"}
actualiza tu navegador para una
mejor experiencia
="<![endif]-->"
.video-container
%video{autoplay:true,loop:true, width:"1280",height:"720",poster:"/videos2/images/model1.jpg"}
%source{src:"/videos2/mp4/model1.mp4", typ:"video/mp4"}
%source{src:"/videos/webm/bbq.webm", typ:"video/webm"}
.row.full-height.middle-xs.center-xs.relative.up
.col-xd-12
.box
%h1 SPA KBONITA
Clase 13