From eb505edd37aaa2a72730ded76fab9f588b11b4da Mon Sep 17 00:00:00 2001 From: Olena Reukova Date: Tue, 25 Oct 2022 21:10:10 +0100 Subject: [PATCH 1/8] added Semantic Elements to HTML I added a semantic structure to HTML document --- index.html | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) diff --git a/index.html b/index.html index 3e742ef04..86fee5cf6 100755 --- a/index.html +++ b/index.html @@ -14,6 +14,24 @@ +
+ +
+
+
+ +
+
+ + +
+
+ From 9903d7048f976b70e619e309847727071a97a83b Mon Sep 17 00:00:00 2001 From: Olena Reukova Date: Wed, 26 Oct 2022 00:25:02 +0100 Subject: [PATCH 2/8] header style css added style css to header --- .DS_Store | Bin 0 -> 6148 bytes css/style.css | 46 ++++++++++++++++++++++++++++--- index.html | 73 +++++++++++++++++++++++++++++--------------------- 3 files changed, 85 insertions(+), 34 deletions(-) create mode 100644 .DS_Store diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..90dc0cd80ea3de2513a74b122e20cea6f747af3b GIT binary patch literal 6148 zcmeHK%}T>S5Z-O8O({YS3Oz1(Em+&Ch?fxS3mDOZN=-Yto-#b7vCcg5uiSqFzl7uVyLc$UaFO(zGomFyWT;T;sSnpba;#4?$Jr_3(12#En=fEXYKwwnQS zE?DjDrh!&Z3=jhq4B-ACpdmU23yo^)fDW(E7;hk=fR1koL}Ab|SZIU@2-l^6x|EwI z2G`}_7bed!SZLJcjH{Vp95ZwIc;RYx@C%jBxTBGJVt^RfWT3818_)kM_+=^|`I{wV z5d*})KVyJ5M&8JUMVYhp$MW#370{lbp img { + width: 100%; + height: 100%; + max-width: 20px; + display: flex; + justify-content: center; + text-align: center; +} +ul { + list-style: none; +} +nav > ul { + width: 50vw; + display: flex; + justify-content: space-around; + margin: 0 auto; +} +li { + font-size: 16px; +} +a { + text-decoration: none; + color: #65686d; + transition: background-color 0.5s; +} +a:hover { + color: #ea9377; +} diff --git a/index.html b/index.html index 86fee5cf6..dcf52d1a8 100755 --- a/index.html +++ b/index.html @@ -1,37 +1,50 @@ - - - + + + Karma - - - - - - - + + + + + + -
- -
-
-
- -
-
- - -
-
-
- -
- +
+ + +
+
+
+
+
+
+ +
+ From 15aad1a04e263d2b2e154f7c38dd5f44eef17cc8 Mon Sep 17 00:00:00 2001 From: Olena Reukova Date: Thu, 27 Oct 2022 21:30:58 +0100 Subject: [PATCH 3/8] main h1 p background-img flexbox added background image, flexbox, H1 style --- css/style.css | 43 +++++++++++++++++++++++++++++++++++++++++++ index.html | 14 ++++++++++++-- 2 files changed, 55 insertions(+), 2 deletions(-) diff --git a/css/style.css b/css/style.css index 91409f624..166f1b909 100755 --- a/css/style.css +++ b/css/style.css @@ -16,6 +16,10 @@ body { */ /* header style*/ +body { + padding: 0; + margin: 0%; +} header { width: 100%; position: fixed; @@ -25,6 +29,7 @@ header { align-items: center; padding: 20px 0px; color: #65686d; + margin: 20px 20px; } .logo > img { width: 100%; @@ -55,3 +60,41 @@ a { a:hover { color: #ea9377; } + +/* section Introducing Karma*/ + +main { + margin-top: 120px; + width: 100%; + height: 600px; + display: flex; + justify-content: space-around; + flex-direction: column; + text-align: center; + background-image: url("file:///Users/elena/Documents/GIT/HTML-CSS-Module-Project/img/first-background.jpg"); + background-size: 100% 100%; + color: white; +} +.intro { + height: 128px; + text-align: center; + background-color: aquamarine; + background-position: center 0%; + background-repeat: no-repeat; + margin: 20px; + color: white; + margin-top: 40px; + display: flex; + color: white; + margin-bottom: 20px; +} + +h1 { + font-weight: 100; + font-size: 2.2em; + margin: 0%; +} +p { + font-size: 22px; + margin: 0%; +} diff --git a/index.html b/index.html index dcf52d1a8..6cf98d1de 100755 --- a/index.html +++ b/index.html @@ -24,6 +24,7 @@ +
+
+
-
-
+
+
+

Introducing Karma


+
+

Bring Wi-Fi with you, everywhere you go.

+ +
+
+