diff --git a/m1/index.html b/m1/index.html index 3e954d7..2fd613a 100644 --- a/m1/index.html +++ b/m1/index.html @@ -1,58 +1,95 @@ - + - -EXERCICI HTML-CSS - - - + + + + + Ejercicio Blog + +
- Mi sitio web - - - Inicio - Blog - Sobre mi - Fotos - Portfolio - Contacto - Enlaces - + +
+

Mi sitio web

+
+ + + + + + +
+ +
+ +

Figura: Descripción foto

+
+ +

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ornare sapien ac nibh vulputate feugiat. Morbi euismod velit sit amet libero volutpat ultrices in quis sem. Sed sit amet placerat sem. Curabitur vitae lectus nec purus accumsan faucibus. Donec vitae volutpat tortor. Suspendisse tempor rutrum urna, in consequat est tincidunt vitae. Cras et ligula at felis placerat tempor. Fusce elementum metus non justo luctus iaculis.

Donec ligula arcu, sagittis lacinia nibh et, consequat gravida turpis. Aenean nec scelerisque felis. Integer nec odio sed lorem mattis rhoncus quis quis nibh. Praesent non fringilla nisi. Duis porta placerat mattis. Aenean in mollis odio, at egestas massa. Quisque in lectus magna. Vestibulum vel faucibus massa, vel varius tortor. Maecenas et laoreet neque, ut semper neque. Suspendisse aliquet, nisl vel pharetra ultricies, elit felis molestie sem, ac scelerisque turpis tortor non lacus.

+
+ + - - © 2019 Vuestro nombre y apellidos + + + +
diff --git a/m1/style.css b/m1/style.css index b3bc789..89053d9 100644 --- a/m1/style.css +++ b/m1/style.css @@ -3,9 +3,99 @@ . márgenes, padding, fuente (verdana, sans-serif con tamaño 120% y altura 160%) y fondo con color (#F2F5FE) e imagen (fondo.gif) repetida en el eje horizontal */ + +.body { + margin: auto; + padding: inherit; + font-family: Verdana, Geneva, Tahoma, sans-serif; + font-size: 120%; + background-color: #F2F5FE; + background-image: url(./fondo.gif) + +} + +header { + background-color: #233C9B; + width: 100%; + padding: 10px; + line-height: 35px; + +} + +h1 { + font-family: Georgia, 'Times New Roman', Times, serif; + color: #FFF; + line-height: 35px; + font-size: 260%; +} + +a { + font-family: Georgia, 'Times New Roman', Times, serif; + color: #B5C4E3; + line-height: 35px; + font-size: 60%; +} + +p { + font-family: Georgia, 'Times New Roman', Times, serif; + color: black; + +} + +.nav { + margin-left: 450px; + +} + +.nav li { + font-family: Georgialist-style: none; + display: inline-block; + background-color: #233C9B; + padding: .2em 0 .2em .5em; + font-size: 20px; + + +} + /* El contenedor tendrá las siguientes características: ancho 80% color de fondo blanco */ +.container { + box-sizing: border-box; + width: 80%; + background-color: white; + margin: auto; + + } + +.koala { + width: 200px; + height: 200px; + +} + +.fotokoala { + margin-left: 550px; + + +} + +main { + margin-top: 30px; + margin-right: 10px; + margin-bottom: 60px; + margin-left: 10px; + width: 79%; + +} + +aside { + +} + + + + /*La cabecera de la página contendrá el título con enlace al directorio del contenido de la página. Las características serán: Fondo: Color:#233C9B