Gastoncorvata
diff --git a/‎404.html
+23 b/‎404.html
+23
diff --git a/‎css/styles.css
+2-2 b/‎css/styles.css
+2-2
diff --git a/‎img/404.png
86.5 KB b/‎img/404.png
86.5 KB
diff --git a/‎img/back5.jfif
-364 KB b/‎img/back5.jfif
-364 KB
diff --git a/‎img/back6.jfif
-603 KB b/‎img/back6.jfif
-603 KB
diff --git a/‎img/back7.jfif
-345 KB b/‎img/back7.jfif
-345 KB
diff --git a/‎img/back8.jfif
-149 KB b/‎img/back8.jfif
-149 KB
diff --git a/‎scss/_body.scss
+24 b/‎scss/_body.scss
+24
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="es">
+<head>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <meta name="keywords" content="mecanizado, metalmecanica, metalurgica, piezas, planos, torneado, fresado, cnc, acero">
+        <meta name="description" content="En Metal Stretch nos especializamos en realizar todas las tareas relacionadas con el mecanizado, ya sea de presicion o de industria pesada. Contamos con certificacion de calidad internacion ISO-9001/2000, certificaciones nacionales IRAM, y el grupo de profecionales mas especializado y experimentado del mercado metalurgico.">
+        <link href="https://fonts.googleapis.com/css2?family=Black+Ops+One&family=Libre+Barcode+128+Text&display=swap" rel="stylesheet">
+        <link href="https://kit-free.fontawesome.com/releases/latest/css/free-v4-shims.min.css" media="all" rel="stylesheet">
+        <link href="https://kit-free.fontawesome.com/releases/latest/css/free-v4-font-face.min.css" media="all" rel="stylesheet">
+        <link href="https://kit-free.fontawesome.com/releases/latest/css/free.min.css" media="all" rel="stylesheet">
+        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
+        <link rel="stylesheet" href="./css/bootstrap.css">
+        <link rel="stylesheet" href="./css/styles.css">
+    <title>Error 404</title>
+</head>
+<body>
+    <div class="error404">
+        <h1>Error 404 File not Found</h1>
+        <a href="./index.html" class="btn.warning"> volver al inicio </a>
+    </div>
+</body>
+</html>
@@ -252,4 +252,28 @@
             }
         }
     }
+}
+.error404{
+    background-image: url(../img/404.png);
+    background-position: center;
+    background-repeat: no-repeat;
+    height: 100vh;
+    width: auto;
+    h1{
+        color: $principal;
+        opacity: .3;
+        font-size: 40px;
+        font-family: 'Black Ops One' ;
+        text-align: center;
+        background-color: rgba(104, 102, 102, 0.6);
+    }
+    a{
+        color: $principal;
+        opacity: .3;
+        font-size: 40px;
+        font-family: 'Black Ops One' ;
+        text-align: center;
+        background-color: rgba(104, 102, 102, 0.6);
+        transform: translate(50% -50%);
+    }
 }