From 9c18d34c98323afbeef0e9c48f27977e88b7b1b9 Mon Sep 17 00:00:00 2001 From: Miguel-Cabral Date: Fri, 29 Jul 2022 23:45:04 +0100 Subject: [PATCH] inconpleted html/css --- css/style.css | 96 +++++++++++++++++++++++++++++++++++++++++++++++++++ index.html | 44 +++++++++++++++++++++-- 2 files changed, 138 insertions(+), 2 deletions(-) diff --git a/css/style.css b/css/style.css index 75e9841e..9ee3a743 100644 --- a/css/style.css +++ b/css/style.css @@ -6,3 +6,99 @@ * for example: General styles, Navigation styles, Hero styles, Footer etc. * */ + @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100&display=swap"); + + * { + box-sizing: border-box; + } + + body { + background-color: #b1aea50d; /* 84894A 034C3C */ + font-family: "lato", sans-serif; + margin: 0; + } + nav { + background-color: #464640; + color: #fff; + display: flex; + justify-content: flex-end; + padding: 15px; + } + nav a { + color: #fff; + position: relative; + margin-left: 30px; + text-decoration: none; + } + nav a::after { + content: ""; + border-bottom: 3px solid #fff; + position: absolute; + top: 0; + left: 0; + transform: translateY(10px); + transition: transform 0.3s ease; + height: 100%; + width: 100%; + opacity: 0; + } + nav a:hover::after { + transform: translateY(0); + opacity: 1; + } + + h1, + h2, + p{ + text-align: center; + + + } + img{ + height: 350px; + width: 300px; + justify-content: center; + display: block; + margin-left: auto; + margin-right: auto; + border-radius: 15%; + + } + img:hover{ + transform: scaleX(-2); + } + .section-cachupa{ + background-color: rgba(57, 43, 6, 0.502); + color: #fff; + box-sizing: content-box; + width: 70%; + margin: 10px; + padding: 15px; + border: 1px grey solid; + display: flex; + flex-direction: column; + } + + + + .section-buzio{ + background-color: dimgray; + width: 70%; + margin: 10px; + padding: 15px; + border: 1px grey solid; + display: flex; + flex-direction: column; + + } + + .section-moreia{ + background-color: lightslategray; + width: 70%; + margin: 10px; + padding: 15px; + border: 1px rgb(61, 47, 47) solid; + display: flex; + flex-direction: column; + } + \ No newline at end of file diff --git a/index.html b/index.html index 67dfc7f5..78c5a1e9 100644 --- a/index.html +++ b/index.html @@ -16,7 +16,47 @@ - - +
+ +

Cape Verdean Traditional Plates

+

Like everything else, the Cape Verdean food showcases Portuguese and West African influences.

+ +
+ + +
+
+
+

Cachupa Rica

+

A staple of Cape Verdean culture, cachupa is more than just a national dish. Proudly prepared by locals for the most various occasions, this hearty stew can easily be defined as the Cape Verdean comfort food par excellence. +

+ +
+
+

Buzio

+

If you like fish and seafood more than meat, then buzio is definitely a dish to try in Cape Verde. This slow-cooked food is typically made with mussels (although other shellfish can also be used), and soy sauce. + + Not as hearty as the Cape Verdean cachupa, buzio is a better choice for a lighter lunch or dinner, as well as for a festive meal.

+ + +
+
+

Moreia

+

Morreia (fried moray eel) is one of those dishes that stand as proof of the strong Portuguese influences the Cape Verdean culture had over the decades. + + A staple of the Portuguese cuisine, morreia is one of the most popular dishes in Cape Verde too.

+ +
+
+
+ +