diff --git a/public/assets/css/Company/modules/borrar.txt b/public/assets/css/Company/modules/borrar.txt deleted file mode 100644 index e69de29..0000000 diff --git a/public/assets/css/Company/styles.css b/public/assets/css/Company/styles.css deleted file mode 100644 index e69de29..0000000 diff --git a/public/assets/css/Company/welcome-view.css b/public/assets/css/Company/welcome-view.css new file mode 100644 index 0000000..86aaca5 --- /dev/null +++ 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 deleted file mode 100644 index e69de29..0000000 diff --git a/resources/views/loggedView.blade.php b/resources/views/loggedView.blade.php new file mode 100644 index 0000000..f9259e6 --- /dev/null +++ b/resources/views/loggedView.blade.php @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/resources/views/welcome.blade.php b/resources/views/welcome.blade.php index d813f90..9ab07f6 100644 --- a/resources/views/welcome.blade.php +++ b/resources/views/welcome.blade.php @@ -1,142 +1,41 @@ -{{-- @include("layouts.headerCompany") --}} - - - - - - - Laravel - - - - - - - - - -
+ + + + + + AutOsiris | Inicio + + + + {{-- Estilos para esta vista --}} + + + {{-- Estilos adicionales --}} + + + +
+ Logo AutOsiris + Miscelánea y Papelería Osiris +
+
+
+

Bienvenido Usuari@ a AutOsiris!

@if (Route::has('login')) -
- @auth - Home - @else - Log in - - @if (Route::has('register')) - Register - @endif - @endauth -
+ @auth + + + + @else + + + + @endauth @endif - -
-
- - - -
- -
-
- -
-
- - - -
- -

Documentation

- -

- Laravel has wonderful documentation covering every aspect of the framework. Whether you are a newcomer or have prior experience with Laravel, we recommend reading our documentation from beginning to end. -

-
- - - - - - - -
-
- - - -
- -

Laracasts

- -

- Laracasts offers thousands of video tutorials on Laravel, PHP, and JavaScript development. Check them out, see for yourself, and massively level up your development skills in the process. -

-
- - - - - - - -
-
- - - -
- -

Laravel News

- -

- Laravel News is a community driven portal and newsletter aggregating all of the latest and most important news in the Laravel ecosystem, including new package releases and tutorials. -

-
- - - - - - -
-
-
- - - -
- -

Vibrant Ecosystem

- -

- Laravel's robust library of first-party tools and libraries, such as Forge, Vapor, Nova, and Envoyer help you take your projects to the next level. Pair them with powerful open source libraries like Cashier, Dusk, Echo, Horizon, Sanctum, Telescope, and more. -

-
-
-
-
- -
-
-
- - - - - Sponsor - -
-
- -
- Laravel v{{ Illuminate\Foundation\Application::VERSION }} (PHP v{{ PHP_VERSION }}) -
-
-
- +
+