diff --git a/m1/examen-m1/index.html b/m1/examen-m1/index.html
index e69de29..ef19c56 100644
--- a/m1/examen-m1/index.html
+++ b/m1/examen-m1/index.html
@@ -0,0 +1,34 @@
+
+
+
+
+
+
+ Curs Mean-stack 2019
+
+
+
+
+ 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..b3e5bcd
--- /dev/null
+++ b/m1/examen-m1/style.css
@@ -0,0 +1,79 @@
+html {
+ box-sizing: border-box;
+ margin: 0;
+ padding: 0;
+ font-family: Helvetica, Arial, sans-serif;
+}
+
+header {
+ background: url(https://concepto.de/wp-content/uploads/2019/02/paisaje-natural-item-5.jpg);
+ filter: grayscale(100%);
+ background-repeat: no-repeat;
+ width: 100%;
+ height: 125px;
+}
+header h1 {
+ margin: 0;
+ text-align: center;
+ color: whitesmoke;
+ font-size: 40px;
+ padding: 15px;
+}
+header nav ul {
+ text-align: center;
+}
+header nav li {
+ list-style: none;
+ display: inline-block;
+ font-size: 15px;
+}
+header nav li a {
+ color: whitesmoke;
+ text-decoration: none;
+ padding: 5px 5px;
+ margin: 0 5px;
+}
+header nav li a:hover {
+ background-color: #333;
+ opacity: 0.2;
+ filter: drop-shadow(16px 16px 20px #333);
+}
+
+main {
+ position: relative;
+ height: 80%;
+}
+main p {
+ position: relative;
+ display: inline-block;
+ padding: 60px 60px;
+ margin: 10px 10px;
+ border: 1px solid whitesmoke;
+ font-size: 40px;
+ border-radius: 10px;
+}
+main p a {
+ text-decoration: none;
+ color: whitesmoke;
+}
+main p:hover {
+ background-color: black;
+ opacity: 0.1;
+ filter: drop-shadow(16px 16px 20px #333);
+ text-shadow: 15px 15px 15px #000;
+}
+
+footer {
+ display: flex;
+ justify-content: center;
+ align-content: end;
+ height: 100px;
+ background-color: #333;
+ color: whitesmoke;
+ font-size: 10px;
+}
+footer p {
+ padding: 70px 0 0 0;
+}
+
+/*# 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..fa98e38
--- /dev/null
+++ b/m1/examen-m1/style.css.map
@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["style.scss"],"names":[],"mappings":"AACA;EACI;EACA;EACA;EACA;;;AAKJ;EACI;EACA;EACA;EACA;EACA;;AAEI;EACI;EACA;EACA;EACA;EACA;;AAIA;EACI;;AAGA;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;;;AAOxB;EACI;EAEA;;AAEA;EACI;EACA;EAGA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAKR;EACI;EACA;EACA;EAEI;;;AAKZ;EACI;EACA;EACA;EAEA;EACA;EACA;EAGA;;AACA;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..c44782a 100644
--- a/m1/examen-m1/style.scss
+++ b/m1/examen-m1/style.scss
@@ -0,0 +1,102 @@
+// RESET y PROPIEDADES GLOBALES
+html{
+ box-sizing: border-box;
+ margin: 0;
+ padding: 0;
+ font-family: Helvetica, Arial, sans-serif;
+}
+
+// LAYOUT DEL DOCUMENTO
+
+header{
+ background: url(https://concepto.de/wp-content/uploads/2019/02/paisaje-natural-item-5.jpg);
+ filter: grayscale(100%);
+ background-repeat: no-repeat;
+ width: 100%;
+ height: 125px;
+
+ h1{
+ margin:0;
+ text-align: center;
+ color: whitesmoke;
+ font-size: 40px;
+ padding:15px;
+ }
+ nav{
+
+ ul{
+ text-align: center;
+
+ }
+ li{
+ list-style: none;
+ display: inline-block;
+ font-size: 15px;
+
+ a{
+ color: whitesmoke;
+ text-decoration:none;
+ padding: 5px 5px;
+ margin:0 5px;
+ }
+ a:hover{
+ background-color: #333;
+ opacity: 0.2;
+ filter: drop-shadow(16px 16px 20px #333);
+
+ }
+ }
+ }
+}
+
+main{
+ position: relative;
+
+ height: 80%;
+
+ p{
+ position: relative;
+ display: inline-block;
+
+
+ padding: 60px 60px;
+ margin:10px 10px;
+ border: 1px solid whitesmoke;
+ font-size: 40px;
+ border-radius: 10px;
+
+ a{
+ text-decoration:none;
+ color: whitesmoke;
+ }
+
+
+ }
+ p:hover{
+ background-color:black;
+ opacity:0.1;
+ filter: drop-shadow(16px 16px 20px #333);
+ // a{
+ text-shadow: 15px 15px 15px #000
+ // }
+ }
+}
+
+footer{
+ display: flex;
+ justify-content: center;
+ align-content: end;
+
+ height: 100px;
+ background-color: #333;
+ color: whitesmoke;
+
+
+ font-size:10px;
+ p{
+ padding:70px 0 0 0;
+ }
+
+}
+
+// DETALLES
\ No newline at end of file