From 36e37882b48e14c0e5ad62f71b016b862eea0990 Mon Sep 17 00:00:00 2001 From: EliasMlopez99 Date: Wed, 30 Mar 2022 22:27:34 +0200 Subject: [PATCH 1/2] header created --- .cspell.json | 21 ++++++++++- index.html | 22 +++++++++-- styles/something.css | 90 ++++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 129 insertions(+), 4 deletions(-) diff --git a/.cspell.json b/.cspell.json index 1d362a1..4bc40b1 100644 --- a/.cspell.json +++ b/.cspell.json @@ -1,6 +1,25 @@ { "language": "en", - "words": [], + "words": [ + "LORUKI", + "loruki", + "Loruki", + "ruki", + "eacsiest", + "SHEAM", + "DELOYMENT", + "Andrii", + "hadoan", + "Maha", + "Swapna", + "excalidraw", + "Wireframe", + "wireframe", + "eacsiest", + "socio", + "navi", + "Avaibility" + ], "ignorePaths": [ "node_modules/**", "package.json", diff --git a/index.html b/index.html index bf2f280..321c423 100644 --- a/index.html +++ b/index.html @@ -4,9 +4,25 @@ - project! - + Loruki/ your ally in cloud hosting - + + +
+
+ +
+
+

Loruki

+
+
+
+
+
+ diff --git a/styles/something.css b/styles/something.css index cdf802a..fcff7cc 100644 --- a/styles/something.css +++ b/styles/something.css @@ -1,3 +1,93 @@ +:root { + --primary-color: rgb(13, 114, 245); +} + body { background-color: white; } + +.header { + width: 100%; + height: 90px; + display: block; + background-color: rgb(0, 160, 252); +} + +.inner_header { + width: 500px; + height: 100%; + display: block; + background-color: rgb(51, 175, 224); + margin-right: auto; +} + +.logo_container { + height: 100%; + display: table; + float: left; + max-width: 1100px; +} + +.logo_container h1 { + color: white; + height: 100%; + display: table-cell; + font-family: "Times New Roman", Times, serif; + font-size: 50px; + font-weight: 200; + vertical-align: middle; + position: relative; + top: 50%; + left: 140%; +} + +.logo_container h1 span { + font-weight: 800; +} + +.showcase::after { + content: ""; + position: absolute; + height: 100px; + bottom: -60px; + right: 0; + left: 0; + background: rgb(255, 255, 255); + transform: skewY(-3deg); + -webkit-transform: skewY(-3deg); + -moz-transform: skewY(-3deg); + -ms-transform: skewY(-3deg); +} + +.showcase { + height: 400px; + background-color: var(--primary-color); + color: #fff; + position: relative; +} + +.navigation { + float: right; + height: 100%; +} + +.navigation a { + height: 100%; + display: table; + float: left; + padding: 1px 20px; +} + +.navigation a li { + display: table-cell; + vertical-align: middle; + height: 100%; + color: white; + font-size: 16px; + font-family: "Times New Roman", Times, serif; +} + +.navigation ul li { + color: black; + transition: 0.2s; +} From 9d1b7514ea95d31117d0d0ba2f3833880afa3562 Mon Sep 17 00:00:00 2001 From: EliasMlopez99 Date: Wed, 30 Mar 2022 22:44:55 +0200 Subject: [PATCH 2/2] header created --- index.html | 6 +++--- styles/something.css | 16 +++------------- 2 files changed, 6 insertions(+), 16 deletions(-) diff --git a/index.html b/index.html index 321c423..f5283f4 100644 --- a/index.html +++ b/index.html @@ -12,9 +12,9 @@
diff --git a/styles/something.css b/styles/something.css index fcff7cc..9871355 100644 --- a/styles/something.css +++ b/styles/something.css @@ -71,23 +71,13 @@ body { height: 100%; } -.navigation a { - height: 100%; - display: table; - float: left; - padding: 1px 20px; -} - -.navigation a li { +.navigation li { display: table-cell; vertical-align: middle; height: 100%; color: white; font-size: 16px; font-family: "Times New Roman", Times, serif; -} - -.navigation ul li { - color: black; - transition: 0.2s; + float: left; + padding: 1px 20px; }