Creación vista Principal App

FazeElian · Feb 23, 2024 · 44ebd33 · 44ebd33
1 parent 9ec8e6d
commit 44ebd33
Show file tree

Hide file tree

Showing 6 changed files with 184 additions and 137 deletions.
diff --git a/public/assets/css/Company/modules/borrar.txt b/public/assets/css/Company/modules/borrar.txt
diff --git a/public/assets/css/Company/styles.css b/public/assets/css/Company/styles.css
diff --git a/public/assets/css/Company/welcome-view.css b/public/assets/css/Company/welcome-view.css
@@ -0,0 +1,137 @@
+*{
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+    font-family: "Cambria";
+
+}
+
+.main-container{
+    display: flex;
+    width: 100%;
+    height: 90vh;
+    background-image: url("https://muchosnegociosrentables.com/wp-content/uploads/2020/07/como-iniciar-una-papeleria-pequena.jpg");
+    background-size: cover;
+    align-items: center;
+    justify-content: center;
+}
+
+    .container-content{
+        display: flex;
+        width: 600px;
+        height: 320px;
+        background-color: #212EC2;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        border-radius: 10px;
+        border: 1px solid black;
+    }
+
+        .container-content h1{
+            display: flex;
+            font-size: 30px;
+            color: white;
+            font-weight: lighter;
+        }
+
+        a{
+            text-decoration: none;
+            margin: 2rem 0 0;
+        }
+
+        a .btn-user{
+            display: flex;
+            width: auto;
+            height: auto;
+            padding: 10px 2.5rem 10px;
+            background-color: white;
+            border: 1px solid #212EC2;
+            color: #212EC2;
+            font-size: 17.5px;
+            align-items: center;
+            justify-content: center;
+            border-radius: 8px;
+            cursor: pointer;
+        }
+
+        a .btn-user:hover{
+            border: 1px solid white;
+            background-color: #212EC2;
+            color: white;
+            transition: .3s ease-in;
+        }
+
+@media (max-width: 1440px){
+    .container-content{
+        width: 520px;
+        height: 280px;
+    }
+
+    .container-content h1{
+        font-size: 25px;
+    }
+
+    a .btn-user{
+        font-size: 15px;
+    }
+}
+
+@media (max-width: 1024px){
+    .container-content{
+        width: 470px;
+        height: 240px;
+    }
+
+    .container-content h1{
+        font-size: 22px;
+    }
+
+    a .btn-user{
+        padding: 8px 2rem 8px;
+        border-radius: 5px;
+    }
+}
+
+@media (max-width: 425px){
+    .main-container{
+        height: 100vh;
+    }
+
+    .container-content{
+        width: 90%;
+        max-width: 90%;
+        height: auto;
+        padding: 2rem 1rem 2rem;
+        text-align: center;
+    }
+
+    .container-content h1{
+        font-size: 22px;
+    }
+
+    a .btn-user{
+        padding: 8px 2rem 8px;
+        border-radius: 5px;
+    }
+}
+@media (max-width: 1024px){
+    .container-content{
+        width: 470px;
+        height: 240px;
+        margin: -4rem 0 0;
+    }
+
+    .container-content h1{
+        font-size: 22px;
+    }
+
+    a{
+        margin: 1.5rem 0 0;
+    }
+
+    a .btn-user{
+        padding: 8px 2rem 8px;
+        border-radius: 5px;
+    }
+}
diff --git a/public/assets/img/Company/favicon.ico b/public/assets/img/Company/favicon.ico
diff --git a/resources/views/loggedView.blade.php b/resources/views/loggedView.blade.php
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+</head>
+<body>
+
+</body>
+</html>