From 841a9c6f9159357739afdaa10c0fbac703c12c5f Mon Sep 17 00:00:00 2001 From: Nez27 Date: Thu, 6 Jul 2023 14:52:23 +0700 Subject: [PATCH] Fix comments 2 --- src/index.html | 100 +++++++++++++++++++++++++------------------- src/styles/main.css | 51 ++++++++++++++++++++-- 2 files changed, 103 insertions(+), 48 deletions(-) diff --git a/src/index.html b/src/index.html index 2b6863b..cad288e 100755 --- a/src/index.html +++ b/src/index.html @@ -9,52 +9,52 @@
-
- -
-
- -
- -
- - -
-
- + +
+
+ +
+ +
+ + +
+
+ - -
-
+ +
+
+
Welcome

Lorem ipsum dolor sit amet consectetur

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Suscipit nemo hic quos, ab, dolor aperiam nobis cum est eos error ipsum, voluptate culpa nesciunt delectus iste?

- Explore
-
- Header Image -
-
- -
+ Explore +
+
+ Header Image +
+ +
@@ -94,7 +94,9 @@
- Conversation Image +
+ Conversation Image +
@@ -123,7 +125,9 @@
- Image Security +
+ Image Security +
@@ -143,7 +147,9 @@
- Avatar Image +
+ Avatar Image +
Peg legge Ceo @@ -154,7 +160,9 @@
- Avatar Image +
+ Avatar Image +
Richard guerra Cto @@ -165,7 +173,9 @@
- Avatar Image +
+ Avatar Image +
Alexandra stolz Designer @@ -176,7 +186,9 @@
- Avatar Image +
+ Avatar Image +
Janet bray Developer diff --git a/src/styles/main.css b/src/styles/main.css index ce29db0..08c1655 100755 --- a/src/styles/main.css +++ b/src/styles/main.css @@ -75,6 +75,8 @@ .header { padding-top: 35px; padding-bottom: 40px; + margin: auto; + width: 1175px; } .logo-wrapper { @@ -99,12 +101,14 @@ .nav__lists { list-style: none; gap: 30px; + display: inline-flex; } .nav__item-link { text-decoration: none; color: var(--white); transition: 0.3s; + padding: 0.5px; } .nav__item-link:hover { @@ -116,6 +120,7 @@ margin: auto; gap: 120px; padding-bottom: 82.87px; + width: 1180px; } .welcome__content { @@ -123,6 +128,12 @@ gap: 15px; } +.welcome__content-text { + display: flex; + flex-direction: column; + gap: 15px; +} + .welcome__title { letter-spacing: 5px; text-transform: uppercase; @@ -135,8 +146,11 @@ } .welcome__description { - color: var(--white); - margin-bottom: 25px; + color: rgba(255, 255, 255, 0.75); +} + +.welcome__btn { + margin-top: 25px; } .welcome-image-container { @@ -145,8 +159,8 @@ } .welcome__image { - max-width: 100%; - max-height: 100%; + width: 100%; + height: 100%; } .btn { @@ -214,10 +228,13 @@ .sponsor__logos { gap: 68px; + width: 1159px; + height: 50px; } .sponsor__logo-item { transition: 0.3s; + cursor: pointer; } .sponsor__logo-item:hover { @@ -234,6 +251,16 @@ gap: 16px; } +.conversation__wrapper-image { + width: 600px; + height: 431px; +} + +.conversation__image { + width: 100%; + height: 100%; +} + /* Security section */ .security__container { margin-top: 73px; @@ -244,6 +271,16 @@ gap: 16px; } +.security__wrapper-image { + width: 600px; + height: 566px; +} + +.security__image { + width: 100%; + height: 100%; +} + /* Team section */ .team__container { @@ -274,6 +311,7 @@ height: 299px; box-shadow: 3px 4px 12px 1px rgba(0, 0, 0, 0.25); transition: 0.3s; + cursor: pointer; } .team__frame:hover { @@ -286,6 +324,11 @@ } .team__image { + width: 100%; + height: 100%; +} + +.team__wrapper-image { width: 175px; height: 175px; }