From 5a15916117313635caf80273607d5d10e3df153c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9CFornesBorja=E2=80=9D?= Date: Sat, 1 Jun 2024 23:51:45 +0200 Subject: [PATCH] Improvements in design, navbar now on the right --- css/styles.css | 41 +++++++++- index.html | 117 ++++++++++++--------------- pages/contact.html | 191 ++++++++++++++++++------------------------- pages/menu.html | 198 +++++++++++++++++---------------------------- 4 files changed, 240 insertions(+), 307 deletions(-) diff --git a/css/styles.css b/css/styles.css index c5fce14..e69162c 100644 --- a/css/styles.css +++ b/css/styles.css @@ -1,4 +1,5 @@ @import url("https://fonts.googleapis.com/css2?family=Lobster+Two:ital,wght@0,400;0,700;1,400;1,700&display=swap"); +@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&display=swap'); * { padding: 0; @@ -14,6 +15,7 @@ font-size: 1.2em; border-radius: 4px; } + #beverages-menu, #food-menu { display: grid; @@ -22,34 +24,48 @@ padding: 0.5em; border-radius: 6em; } + body { height: 100vh; width: 100vw; } + .bg-dogwood { background-color: #c9ada7; } + .bg-isabelline { background-color: #f2e9e4; } + .bg-ultra-violet { background-color: #4a4e69; } + .btn-rose-quartz { background-color: #9a8c98; } + .btn-rose-quartz:hover { background-color: #746471; } + .btn-send { background-color: #22223b; color: #f2e9e4; } + .btn-send:hover { background-color: #3e3e6b; color: #f2e9e4; } +.caveat { + font-family: "Caveat", cursive; + font-optical-sizing: auto; + font-style: normal; +} + #content-description { margin-top: 2em; } @@ -57,6 +73,7 @@ body { .container-general { height: 100vh; width: 100vw; + overflow-x: hidden; } #description { @@ -68,33 +85,53 @@ body { #footer { border-radius: 1em; } + .full-height { min-height: 100vh; display: flex; flex-direction: column; } + .lobster-two-regular { font-family: "Lobster Two", sans-serif; font-weight: 400; font-style: normal; } +#local { + border-radius: 3em; +} + #main-logo { width: 2.5em; height: 2.5em; } + .menu { width: auto; height: 10em; object-fit: contain; } + +.menu-text { + font-size: 2em; + font-weight: bold; +} + #us { font-size: 3em; color: #22223b; text-shadow: -0.1em -0.3em 1em #9a8c98; } -#text-contact{ + +#text-contact { background-color: #9a8c98; - padding:1em; + padding: 1em; border-radius: 2em; } + +@media (min-width: 768px) { + .navbar-nav { + order: -1; + } +} \ No newline at end of file diff --git a/index.html b/index.html index 29c03de..aeaf708 100644 --- a/index.html +++ b/index.html @@ -1,80 +1,63 @@ - - - - - - - Home - + + + + - -
- +
+
+
+
+
+
+
¿Quienes somos?
+
+
+
+ Nuestro local
-
-
-
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Dolorem iusto aperiam laborum repudiandae
-
+
+
+
+
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Dolorem iusto aperiam laborum + repudiandae
-
+
+
+ + + - - - + \ No newline at end of file diff --git a/pages/contact.html b/pages/contact.html index 36d4d14..38e0860 100644 --- a/pages/contact.html +++ b/pages/contact.html @@ -1,126 +1,89 @@ - - - - - - - Contact - - -
- +
+
+
+
+
+ Mándanos tus datos si quieres que te resolvamos alguna duda, o + contáctanos : +
+ + + + +34 000000000 +
+
+ + + + vibrantea@contact.com
-
-
-
- - -
-
- - -
+
+
+ +
+ + +
+
+ + +
-
- - -
-
- -
- -
- +
+ + +
+
+ +
+
+
- - - +
+ + + + \ No newline at end of file diff --git a/pages/menu.html b/pages/menu.html index fe0bf62..6a6ab61 100644 --- a/pages/menu.html +++ b/pages/menu.html @@ -1,138 +1,88 @@ - - - - - - - Menú - + + + + - -
- +
+
+
¡Prueba nuestro menu!
+
+
+ Bebidas
-
-
- Comidas -
+
+
+
+ Comidas
-
-
-
- Espresso -
Espresso: 1€
-
-
- Espresso -
Latte: 1,50€
-
-
- Espresso -
Te frutos rojos: 1€
-
-
- Espresso -
Té matcha: 1,50€
-
+
+
+
+
+ Espresso +
Espresso: 1€
+
+
+ Espresso +
Latte: 1,50€
+
+
+ Espresso +
Te frutos rojos: 1€
-
-
- Espresso -
Tarta de chocolate: 2,75€/porción
-
-
- Espresso -
Cookies chai: 1,50€
-
-
- Espresso -
Cupcakes chai latte:3€
-
+
+ Espresso +
Té matcha: 1,50€
+
+
+
+
+ Espresso +
Tarta de chocolate: 2,75€/porción
+
+
+ Espresso +
Cookies chai: 1,50€
+
+
+ Espresso +
Cupcakes chai latte:3€
- - - +
+ + + + \ No newline at end of file