diff --git a/m1/examen-m1/img/paisaje-natural-item-5.jpg b/m1/examen-m1/img/paisaje-natural-item-5.jpg new file mode 100644 index 0000000..9222e46 Binary files /dev/null and b/m1/examen-m1/img/paisaje-natural-item-5.jpg differ diff --git a/m1/examen-m1/index.html b/m1/examen-m1/index.html index e69de29..47b81f2 100644 --- a/m1/examen-m1/index.html +++ b/m1/examen-m1/index.html @@ -0,0 +1,53 @@ + + + + + + + + Examen-m1 + + + +
+ +
+

Curs Mean-stack 2019

+ +
+ + + + +
+ +
+ + +
+ alumnes +
+ +
+ Recursos +
+ + +
+ + + + + + \ No newline at end of file diff --git a/m1/examen-m1/style.css b/m1/examen-m1/style.css new file mode 100644 index 0000000..931ba0f --- /dev/null +++ b/m1/examen-m1/style.css @@ -0,0 +1,95 @@ +* { + margin: 0; + padding: 0; +} + +body { + font-family: Arial, Helvetica, sans-serif; +} + +header { + background-image: url(./img/paisaje-natural-item-5.jpg); + background-repeat: no-repeat; + background-position: center center; + background-size: cover; + text-align: center; + height: 250px; + width: 100%; + filter: grayscale(100%); +} + +.titulo { + padding: 50px; + margin: 0 auto; +} + +p { + font-weight: bold; + font-size: 70px; + color: whitesmoke; +} + +a { + text-decoration: none; + color: whitesmoke; + margin: 20px; +} + +a:hover { + color: black; +} + +main { + display: flex; + justify-content: space-between; + flex-direction: row; + padding: 50px; +} + +main div { + border: 1px solid whitesmoke; + height: 300px; + width: 350px; + border-radius: 15px; + background-color: white; +} + +main > div:hover { + filter: drop-shadow(16px 16px 20px #333); + background-color: whitesmoke; +} + +main > div a { + font-weight: bold; + font-size: 70px; + color: whitesmoke; + display: flex; + justify-items: center; + justify-content: center; + transform: translateY(80px); +} + +main a:hover { + font-weight: bold; + font-size: 70px; + color: white; + position: center center; + filter: drop-shadow(16px 16px 20px #333); +} + +footer { + height: 200px; + width: 100%; + margin-top: 86px; + background-color: #333; + margin-bottom: 0px; + display: flex; + align-items: flex-end; + justify-content: center; +} + +footer a { + font-size: 12px; +} + +/*# sourceMappingURL=style.css.map */ diff --git a/m1/examen-m1/style.css.map b/m1/examen-m1/style.css.map new file mode 100644 index 0000000..7a1988f --- /dev/null +++ b/m1/examen-m1/style.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["style.scss"],"names":[],"mappings":"AAAA;EACI;EACA;;;AAIJ;EACI;;;AAGJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIA;EACI;EACA;;;AAGJ;EACI;EACA;EACA;;;AAQJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAIJ;EACI;EACA;;;AAKJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACI;EACA;EACA;EACA;EACA;;;AAIJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACI","file":"style.css"} \ No newline at end of file diff --git a/m1/examen-m1/style.scss b/m1/examen-m1/style.scss index e69de29..7af2e33 100644 --- a/m1/examen-m1/style.scss +++ b/m1/examen-m1/style.scss @@ -0,0 +1,107 @@ +*{ + margin:0; + padding: 0; + + } + +body { + font-family: Arial, Helvetica, sans-serif; +} + +header { +background-image: url(./img/paisaje-natural-item-5.jpg); +background-repeat: no-repeat; +background-position: center center; +background-size: cover; +text-align: center; +height: 250px; +width: 100%; +filter: grayscale(100%); + +} + +.titulo { + padding: 50px; + margin: 0 auto; +} + +p{ + font-weight: bold; + font-size: 70px; + color: whitesmoke; + +} + +nav { + +} + +a{ + text-decoration: none; + color: whitesmoke; + margin: 20px; +} + +a:hover { + color:black; +} + +main { + display: flex; + justify-content: space-between; + flex-direction: row; + padding: 50px; +} + +main div{ + border: 1px solid whitesmoke; + height: 300px; + width: 350px; + border-radius: 15px; + background-color: white; + +} + +main>div:hover { + filter: drop-shadow(16px 16px 20px #333); + background-color: whitesmoke; + + +} + +main>div a{ + font-weight: bold; + font-size: 70px; + color: whitesmoke; + display: flex; + justify-items: center; + justify-content: center; + transform: translateY(80px); + +} + +main a:hover{ + font-weight: bold; + font-size: 70px; + color: white; + position: center center; + filter: drop-shadow(16px 16px 20px #333); +} + + +footer { + height: 200px; + width: 100%; + margin-top: 86px; + background-color: #333; + margin-bottom: 0px; + display: flex; + align-items: flex-end; + justify-content: center; + +} + +footer a{ + font-size: 12px; + +} \ No newline at end of file