diff --git a/m1/examen-m1/index.html b/m1/examen-m1/index.html
index e69de29..507c5da 100644
--- a/m1/examen-m1/index.html
+++ b/m1/examen-m1/index.html
@@ -0,0 +1,44 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+ Curs Mean-stack 2019
+
+
+
+
+
+
+
+
+
+
+
+
\ 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..a9c68c0
--- /dev/null
+++ b/m1/examen-m1/style.css
@@ -0,0 +1,89 @@
+/*reset*/
+.reset {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+}
+
+/*globales*/
+.globales {
+ font-family: Helvetica Arial sans-serif;
+}
+
+/*layout y detalles*/
+.cabecera {
+ background-color: #333;
+ text-align: center;
+ background-image: url("https://concepto.de/wp-content/uploads/2019/02/paisaje-natural-item-5.jpg");
+ filter: grayscale(100%);
+}
+
+.cabecera h1 {
+ color: whitesmoke;
+}
+
+.menu_navegacion li {
+ text-decoration: none;
+ text-align: center;
+ display: inline-block;
+}
+
+.menu_navegacion ul li a {
+ text-decoration: none;
+}
+
+.menu_navegacion ul li a:hover {
+ background-color: whitesmoke;
+}
+
+main {
+ background-color: white;
+}
+
+section {
+ padding: 20px;
+}
+
+section h2 a {
+ display: inline-block;
+ text-decoration: none;
+ color: whitesmoke;
+}
+
+section:hover {
+ background-color: rgba(0, 0, 0, 0.1);
+ filter: drop-shadow(16px 16px 20px #333);
+}
+
+.izquierda {
+ float: left;
+ margin-left: 20px;
+ width: 33%;
+ height: 50px;
+}
+
+.centro {
+ visibility: hidden;
+ width: 33%;
+ height: 50px;
+}
+
+.derecha {
+ float: right;
+ margin-right: 20px;
+ width: 33%;
+ height: 50px;
+}
+
+.pie {
+ height: 60px;
+ background-color: #333;
+ clear: both;
+}
+
+.pie p {
+ color: whitesmoke;
+ text-align: center;
+}
+
+/*# 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..5585113
--- /dev/null
+++ b/m1/examen-m1/style.css.map
@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["style.scss"],"names":[],"mappings":"AAKA;AACA;EACA;EACA;EACA;;;AAGA;AACA;EACA;;;AAQA;AACA;EACI,kBAxBK;EAyBL;EACA;EACA;;;AAEJ;EACI,OA5BI;;;AA8BR;EACI;EACA;EACA;;;AAEJ;EACI;;;AAEJ;EACI,kBAvCI;;;AAyCR;EACI,kBA3CI;;;AA6CR;EACI;;;AAEJ;EACI;EACA;EACA,OAlDI;;;AAoDR;EACI;EACA;;;AAIJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EAEA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAEJ;EACI;EACA,kBAlFK;EAmFL;;;AAEJ;EACI,OApFI;EAqFJ","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..0c660b3 100644
--- a/m1/examen-m1/style.scss
+++ b/m1/examen-m1/style.scss
@@ -0,0 +1,89 @@
+$color1: #333;
+$color2:white;
+$color3:whitesmoke;
+$imagenfondo: "https://concepto.de/wp-content/uploads/2019/02/paisaje-natural-item-5.jpg";
+
+/*reset*/
+.reset{
+margin:0;
+padding:0;
+box-sizing: border-box;
+
+}
+/*globales*/
+.globales{
+font-family: Helvetica Arial sans-serif;
+
+}
+//.container{
+// width: 80%;
+// margin:0 auto;
+//}
+
+/*layout y detalles*/
+.cabecera{
+ background-color: $color1;
+ text-align: center;
+ background-image: url($imagenfondo);
+ filter: grayscale(100%);
+}
+.cabecera h1{
+ color:$color3;
+}
+.menu_navegacion li{
+ text-decoration:none;
+ text-align: center;
+ display:inline-block;
+}
+.menu_navegacion ul li a{
+ text-decoration: none;
+}
+.menu_navegacion ul li a:hover{
+ background-color: $color3;
+}
+main{
+ background-color: $color2;
+}
+section{
+ padding: 20px;
+}
+section h2 a{
+ display:inline-block;
+ text-decoration:none;
+ color:$color3;
+}
+section:hover{
+ background-color: rgba(0,0,0,0.1);
+ filter: drop-shadow(16px 16px 20px #333);
+
+}
+
+.izquierda{
+ float:left;
+ margin-left:20px;
+ width:33%;
+ height: 50px;
+}
+
+.centro{
+ visibility: hidden;
+ //float:center;
+ width:33%;
+ height: 50px;
+}
+//div{clear:both;}
+.derecha{
+ float:right;
+ margin-right: 20px;
+ width: 33%;
+ height: 50px;
+}
+.pie{
+ height: 60px;
+ background-color: $color1;
+ clear:both;
+}
+.pie p{
+ color:$color3;
+ text-align: center;
+}
\ No newline at end of file