From 2153ec3aa8bf5d398a7751739823d15c9a03cf6d Mon Sep 17 00:00:00 2001 From: saqibjvd <70890519+saqibjvd@users.noreply.github.com> Date: Wed, 25 Jan 2023 01:59:24 +0000 Subject: [PATCH 1/4] added links and button links and buttons --- css/style.css | 11 +++++++++++ index.html | 21 +++++++++++++++++++++ 2 files changed, 32 insertions(+) diff --git a/css/style.css b/css/style.css index 5cb025cef..f741f3899 100755 --- a/css/style.css +++ b/css/style.css @@ -16,4 +16,15 @@ body { * - When using Flexbox, remember the items you want to move around need to be inside a parent container set to 'display: flex' */ +h1{ + text-align: center; +} + +h2{ + text-align: center; +} +.container { + text-align: center; + align-items: center; +} \ No newline at end of file diff --git a/index.html b/index.html index 3e742ef04..3929c8c1b 100755 --- a/index.html +++ b/index.html @@ -14,6 +14,27 @@ +
+ karma-logo + +
+

Introducing Karma

+ +

Bring WiFi with you, everywhere you go

+
+ +
+ +
+ +

Everyone need a little Karma.

From e8126a685fc4d9bc9d4c1cec6d78d0e283c53ffe Mon Sep 17 00:00:00 2001 From: saqibjvd <70890519+saqibjvd@users.noreply.github.com> Date: Mon, 30 Jan 2023 23:15:35 +0000 Subject: [PATCH 2/4] images, flex and links added nearly 60% done --- css/style.css | 102 +++++++++++++++++++++++++++++++++++++++++++++++++- index.html | 66 ++++++++++++++++++++++++++------ 2 files changed, 154 insertions(+), 14 deletions(-) diff --git a/css/style.css b/css/style.css index f741f3899..095da4fc5 100755 --- a/css/style.css +++ b/css/style.css @@ -16,15 +16,113 @@ body { * - When using Flexbox, remember the items you want to move around need to be inside a parent container set to 'display: flex' */ + /* .main { + background-image: url(./homepage-desktop.png); +} */ + + h1{ text-align: center; + color:aliceblue; } + h2{ text-align: center; + color: aliceblue; + margin-top: 50px; +} + +.intro{ + color: aliceblue; } +.intro2{ + color: rgb(58, 61, 63); +} + +ul { + list-style-type: none; + margin: 0; + padding: 0; + overflow: hidden; + color: rgb(71, 65, 65); + display: flex; + justify-content: flex-end; + + } + + nav{ + display: flex; + justify-content: space-between; + /* margin-top: 10px; + padding-right: 40px; */ + } + + .logo1 { + justify-self: flex-start; + /* rgin: 10px; ma */ + padding-left: 40px; + } + + li{ + display: inline-block; + } + + li a { + + color: rgb(57, 54, 54); + text-align: center; + padding: 14px 16px; + text-decoration: none; + } + .container { text-align: center; - align-items: center; -} \ No newline at end of file + align-items: center; + margin-top: 50px; +} + +.main{ + background-image: url("../img/first-background.jpg"); + background-size: 100%; + height: 500px; +} + +.button{ + background-color: rgb(242 90 42); + color: white; + padding: 15px 32px; + text-align: center; + text-decoration: none; + display: inline-block; + font-size: 14px; + border-radius: 10% 10% 10% 10%; +} + + +.last{ + text-align: center; + color: rgb(63, 68, 71); +} + +.icons{ + display: flex; + text-justify: auto; + justify-content: space-evenly; +} + +.one{ + display: flex; + text-justify: auto; + align-content: space-evenly; +} + +.footer{ + + font-size:x-small; + color: darkgrey; + /* display: flex; + text-justify:auto; */ +} + diff --git a/index.html b/index.html index 3929c8c1b..97f7035da 100755 --- a/index.html +++ b/index.html @@ -8,6 +8,7 @@ + @@ -15,26 +16,67 @@
- karma-logo -
-

Introducing Karma

-

Bring WiFi with you, everywhere you go

+
+
+

Introducing Karma

+
+

Bring WiFi with you, everywhere you go


- + +
+
+ + +
+

Everyone need a little Karma.

+
+
+ +
+ +icon-devices +

Interner for all devices

+ +icon-coffee +

Boost your productivity

+ +icon-refill +

Pay as you Go

+
+ + +
+
+
+

Join us at

+ + + +
+

@ Karma Mobility Inc.

+
-

Everyone need a little Karma.

+ From 528b39296d426fd1e0ecfc05351b4497c29f58c2 Mon Sep 17 00:00:00 2001 From: saqibjvd <70890519+saqibjvd@users.noreply.github.com> Date: Thu, 2 Feb 2023 20:18:59 +0000 Subject: [PATCH 3/4] draft 1 complete finished draft verison 1. updated css and html. used flex and arranged icons. still nedd to add border around social icons --- css/style.css | 123 ++++++++++++++++++++++++++++---------------------- index.html | 83 ++++++++++++++++++---------------- 2 files changed, 112 insertions(+), 94 deletions(-) diff --git a/css/style.css b/css/style.css index 095da4fc5..4eedf13fd 100755 --- a/css/style.css +++ b/css/style.css @@ -19,26 +19,56 @@ body { /* .main { background-image: url(./homepage-desktop.png); } */ + +.karmalogo { + justify-self: flex-start; + margin: 10px; + padding-left: 40px; +} h1{ + padding-top: 80px; text-align: center; color:aliceblue; } +#main{ + margin: 0; + border: 0; + padding: 0; + background-image: url("../img/first-background.jpg"); + background-size: 100%; + height: 500px; + background-repeat: no-repeat; + color: aliceblue; + text-align: center; +} -h2{ - text-align: center; - color: aliceblue; - margin-top: 50px; +.container { + text-align: center; + align-items: center; + margin-top: 30px; } -.intro{ - color: aliceblue; +.button{ + background-color: rgb(242 90 42); + color: white; + padding: 15px 32px; + text-align: center; + text-decoration: none; + display: inline-block; + font-size: 14px; + border-radius: 10% 10% 10% 10%; + } -.intro2{ - color: rgb(58, 61, 63); + +.last{ + font-size: 20px; + text-align: center; + color: black; + margin-top: 20px; } ul { @@ -48,81 +78,66 @@ ul { overflow: hidden; color: rgb(71, 65, 65); display: flex; - justify-content: flex-end; - + justify-content: flex-end; } nav{ display: flex; justify-content: space-between; - /* margin-top: 10px; - padding-right: 40px; */ } - .logo1 { - justify-self: flex-start; - /* rgin: 10px; ma */ - padding-left: 40px; + a:hover{ + color: rgb(242 90 42); + + } + li{ display: inline-block; + padding-top: 30px; } li a { - color: rgb(57, 54, 54); text-align: center; padding: 14px 16px; text-decoration: none; } -.container { - text-align: center; - align-items: center; - margin-top: 50px; -} - -.main{ - background-image: url("../img/first-background.jpg"); - background-size: 100%; - height: 500px; +.icons { + display: flex; + flex-direction: row; + justify-content: space-evenly; + } -.button{ - background-color: rgb(242 90 42); - color: white; - padding: 15px 32px; - text-align: center; - text-decoration: none; - display: inline-block; - font-size: 14px; - border-radius: 10% 10% 10% 10%; +.iconsp { + display: flex; + flex-direction: row; + justify-content: space-evenly; } - -.last{ +.footer{ + display: flex; text-align: center; - color: rgb(63, 68, 71); -} - -.icons{ + margin-top: 30px; display: flex; - text-justify: auto; - justify-content: space-evenly; + justify-content: center; + } -.one{ +.social{ display: flex; - text-justify: auto; - align-content: space-evenly; + direction: row; + display: block; } -.footer{ - - font-size:x-small; - color: darkgrey; - /* display: flex; - text-justify:auto; */ -} +.copyright{ +color: darkgrey; +/* display: flex; +flex-direction: row; +justify-content: space-evenly; +padding-top: 10px; */ +} diff --git a/index.html b/index.html index 97f7035da..ed6dc4f23 100755 --- a/index.html +++ b/index.html @@ -10,18 +10,17 @@ - + -
+
+
- -
-
-

Introducing Karma

-
-

Bring WiFi with you, everywhere you go

-
- -
- -
+
+
+

Introducing Karma

+

Bring WiFi with you, everywhere you go

+
+
+ +
- -
-

Everyone need a little Karma.

-
-
+
+
+

Everyone need a little Karma.

+
+
-
+
+
+ + icon-devices + + icon-coffee + + icon-refill +
-icon-devices -

Interner for all devices

+
+

Interner for all devices

+

Boost your productivity

+

Pay as you Go

+
+
+
-icon-coffee -

Boost your productivity

+
+
+
+

Join us at

-icon-refill -

Pay as you Go

+ + + + +
+

@ Karma Mobility Inc.

- -
-
-
-

Join us at

- - - -
-

@ Karma Mobility Inc.

-
From b073fcebdb49c8ed446316b58d474aa42e3a3f50 Mon Sep 17 00:00:00 2001 From: saqibjvd <70890519+saqibjvd@users.noreply.github.com> Date: Sat, 20 May 2023 15:25:31 +0100 Subject: [PATCH 4/4] level 2 made few changes --- .DS_Store | Bin 0 -> 6148 bytes css/style.css | 132 +++++++++++++++++++-------------- index.html | 180 +++++++++++++++++++++++++++------------------ level-2/store.html | 0 4 files changed, 185 insertions(+), 127 deletions(-) create mode 100644 .DS_Store create mode 100644 level-2/store.html diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..4da93fc9e372682cfdfe60b87c62503e981051b3 GIT binary patch literal 6148 zcmeHK%Sr<=6g{y8wTcvR;X+}4pat~@rlm#2Ct7jot6IgWEmXzj?EMAt7yLd~dTtVA zCLOmbaxWw&k9+P-&M=b+0MmTvt^id4Q!Ikz3abK>c`0Ky;YVhPMq&&u&Xd78dlF7f z6;K8Kx&rd|9p`MQ{3H4YFyhX=shP?M$;4Q1pdQWqIZTrM` zhy~BvYMf;-fZ8u8z%yHHYQ~|~s(>n>3VbOb--n1rF!q=_w4V-E_6k5ObJ!Z&_UE4% z$pA6-m^$PL%{VI2QH{T17=L##j?Vem`=<^a9mZy69G}_v8;bE)4-;8;nAoA#s(>nx zSD@s&RXP9L-{1f9B<-mJs=&Wez?55uttPkR&(^Wc$ypn*oU(|CU+U0OSo!1FHsmN? bWU - - - + + + Karma - - - - - - - - + + + + + + -
- - +
-
-
-

Introducing Karma

-

Bring WiFi with you, everywhere you go

-
-
- -
-
+
+
+

Introducing Karma

+

Bring WiFi with you, everywhere you go

+
+
+ +
+
+
-
-
-

Everyone need a little Karma.

-
-
+
+
+

Everyone need a little Karma.

+
+
-
-
- - icon-devices - - icon-coffee - - icon-refill -
+
+
+ icon-devices -
-

Interner for all devices

-

Boost your productivity

-

Pay as you Go

-
-
-
+ icon-coffee -
-
-
-

Join us at

+ icon-refill +
- - - - -
-

@ Karma Mobility Inc.

-
-
- +
+

Interner for all devices

+

Boost your productivity

+

Pay as you Go

+
+ +
+
- - +
+
+ +
+ + +
+

"Wherever I am, i just don't worry about my connections anymore "

+

+ +
+ +
+ + + diff --git a/level-2/store.html b/level-2/store.html new file mode 100644 index 000000000..e69de29bb