From c0e6ea477de9cabd9d7c9c59dec4c20c50f1f3ef Mon Sep 17 00:00:00 2001 From: Anosh Malik Date: Wed, 27 Jul 2022 14:06:48 +0100 Subject: [PATCH 01/20] Add - Lots of changes, forgot to commit --- css/style.css | 108 ++++++++++++++++++++++++++++++++++++++++++++++++++ index.html | 67 +++++++++++++++++++++++++++++++ 2 files changed, 175 insertions(+) diff --git a/css/style.css b/css/style.css index 5cb025cef..aa1361b08 100755 --- a/css/style.css +++ b/css/style.css @@ -17,3 +17,111 @@ body { */ +.links{ +display: flex; +flex-direction: row-reverse; +float: right; +text-decoration: none; + +} + + +.contents{ + display: inline-block; + +} + + +ul{ + + list-style: none; + display: flex; +} +li{ + margin: 10px; + text-decoration: none; + + +} +a{ + text-decoration: none; + + +} +.topBar{ + display: flex; + +} + +.image{ + + width: 5%; + height:5%; + +} + +.middle { + background-image: url("/img/first-background.jpg"); + background-size: cover ; + background-repeat: no-repeat; + color: #fff; + height: 735px; + text-align: center; + font-family: 'Roboto', sans-serif; +} + + h1 { + +margin-top: 17.5rem; +} + +.align h2 { + + margin-top: 17.5rem; +} + + + +.learnMore{ + background-color: rgb(252, 109, 57); + border: 2px solid rgb(252, 109, 57); + padding: 10px; + border-radius: 5px; +} + +.bottom{ + font-family: 'Roboto', sans-serif; + display: flex; + justify-content: center; + + +} + +.bottomImages{ + + height: 100px; + width: 100px; + +} + +.internet, .coffee, .refill{ + padding:25px; + margin: 50px; + display: block; + align-items: center; + + +} + +.h2o h2 { + + margin-right: 20px; + margin-left: 20px; + text-align: center; + +} + +.hygge .bottom{ + text-align: center; + +} \ No newline at end of file diff --git a/index.html b/index.html index 3e742ef04..932cbf2b8 100755 --- a/index.html +++ b/index.html @@ -15,5 +15,72 @@ + + +
+
+

Introducing Karma

+

Bring WiFi with you everywhere you go

+ +
+ + +
+
+
+

Everyone needs a little Karma.

+
+ +
+ +
+ Devices +

Internet for all

+
+
+ Devices +

Boost your productivity

+
+
+ Devices +

Pay as you go

+ +
+
+
From 67188b0a0fe50e383ddbddb79afcff4c5570e871 Mon Sep 17 00:00:00 2001 From: Anosh Malik Date: Wed, 27 Jul 2022 15:59:42 +0100 Subject: [PATCH 02/20] Add - alignment to footer --- css/style.css | 26 +++++++++++++++++++++++++- index.html | 27 ++++++++++++++++++++++++++- 2 files changed, 51 insertions(+), 2 deletions(-) diff --git a/css/style.css b/css/style.css index aa1361b08..0ee4fcd20 100755 --- a/css/style.css +++ b/css/style.css @@ -106,7 +106,7 @@ margin-top: 17.5rem; .internet, .coffee, .refill{ padding:25px; - margin: 50px; + margin: 35px; display: block; align-items: center; @@ -124,4 +124,28 @@ margin-top: 17.5rem; .hygge .bottom{ text-align: center; +} + +.icons{ + + width: 25px; + height: 25px; + border-radius: 50%; + +} + +.footer{ + + + + +} + +.footerCombined{ + + display: block; + justify-content: center; + align-items: center; + text-align: center; + } \ No newline at end of file diff --git a/index.html b/index.html index 932cbf2b8..37b2820be 100755 --- a/index.html +++ b/index.html @@ -60,7 +60,9 @@

Bring WiFi with you everywhere you go

-
+ + +

Everyone needs a little Karma.

@@ -80,7 +82,30 @@

Everyone needs a little Karma.

Pay as you go

+ + +
+ +
+
+

Join us on

+
+ fb + twitter + insta +
+

© Karma Mobility Inc

+ + +
+ + + + +
+ + From 6942101a3fb3e122beaeb45be4bf070ed2f9d279 Mon Sep 17 00:00:00 2001 From: Anosh Malik Date: Wed, 27 Jul 2022 18:31:22 +0100 Subject: [PATCH 03/20] Check - alignment --- css/style.css | 24 +++++++++++++++++------- index.html | 2 ++ 2 files changed, 19 insertions(+), 7 deletions(-) diff --git a/css/style.css b/css/style.css index 0ee4fcd20..8e170e21f 100755 --- a/css/style.css +++ b/css/style.css @@ -27,7 +27,8 @@ text-decoration: none; .contents{ - display: inline-block; + display:block; + } @@ -70,14 +71,10 @@ a{ font-family: 'Roboto', sans-serif; } - h1 { - -margin-top: 17.5rem; -} - -.align h2 { +.align h2 h1{ margin-top: 17.5rem; + } @@ -118,6 +115,9 @@ margin-top: 17.5rem; margin-right: 20px; margin-left: 20px; text-align: center; + font-size: 35px; + font-weight: 100; + margin-top: 100px; } @@ -148,4 +148,14 @@ margin-top: 17.5rem; align-items: center; text-align: center; +} + +hr{ +width: 50%; + +} + +footer{ + color: gray; + } \ No newline at end of file diff --git a/index.html b/index.html index 37b2820be..9d26ae822 100755 --- a/index.html +++ b/index.html @@ -88,6 +88,8 @@

Everyone needs a little Karma.

+
+

Join us on

From 2eae9cefe1ddf47d92ed3e681128a17ccab6f8d0 Mon Sep 17 00:00:00 2001 From: Anosh Malik Date: Wed, 27 Jul 2022 19:21:20 +0100 Subject: [PATCH 04/20] Add - alot of stuff --- css/style.css | 24 ++++++++++++------------ index.html | 21 ++++++++++----------- 2 files changed, 22 insertions(+), 23 deletions(-) diff --git a/css/style.css b/css/style.css index 8e170e21f..f6ff463c8 100755 --- a/css/style.css +++ b/css/style.css @@ -25,14 +25,14 @@ text-decoration: none; } - -.contents{ - display:block; - +.icon1{ +height: 25%; +width: 25%; } + ul{ list-style: none; @@ -51,15 +51,10 @@ a{ } .topBar{ display: flex; - + flex-direction: row-reverse; } -.image{ - width: 5%; - height:5%; - -} .middle { background-image: url("/img/first-background.jpg"); @@ -69,11 +64,16 @@ a{ height: 735px; text-align: center; font-family: 'Roboto', sans-serif; + margin-bottom: 50px; + display: flex; + align-items: center; + justify-content: center; + } -.align h2 h1{ +.mid{ - margin-top: 17.5rem; + font-weight: 75; } diff --git a/index.html b/index.html index 9d26ae822..3cd98e931 100755 --- a/index.html +++ b/index.html @@ -16,30 +16,28 @@ + + + +

Order your Karma wifi device today!

@@ -97,11 +106,19 @@

Order your Karma wifi device today!

+ + + +
- + GIRL WORKING
+ + + +

Join us on

From c6f2d5307b4a66030d454adee637cbb26896b7eb Mon Sep 17 00:00:00 2001 From: Anosh Malik Date: Thu, 4 Aug 2022 19:11:03 +0100 Subject: [PATCH 16/20] Done - all working --- css/store.css | 5 +++++ store.html | 10 ++++++++++ 2 files changed, 15 insertions(+) diff --git a/css/store.css b/css/store.css index decdeae8b..570c751ab 100644 --- a/css/store.css +++ b/css/store.css @@ -141,6 +141,11 @@ select { box-shadow:0 0 5px 0px rgb(0, 0, 0) inset; */ } +fieldset{ + border-radius: 5px; + +} + .placeOrderButton { color: white; background-color: rgb(252, 109, 57); diff --git a/store.html b/store.html index b7ca26f9f..dc73d1fbf 100644 --- a/store.html +++ b/store.html @@ -131,3 +131,13 @@

Order your Karma wifi device today!

+ + + \ No newline at end of file From 86250454854ce6c88b83f2a024a01e2052709277 Mon Sep 17 00:00:00 2001 From: Anosh Malik Date: Thu, 4 Aug 2022 19:22:06 +0100 Subject: [PATCH 17/20] Add - / to the store href in index file --- index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.html b/index.html index 80bb3b125..d57be8a23 100755 --- a/index.html +++ b/index.html @@ -28,7 +28,7 @@ How It Works
  • - Store + Store
  • Blog From 2799a5a62420715a2ec7022aaeb108950b928cd3 Mon Sep 17 00:00:00 2001 From: Anosh Malik Date: Sat, 6 Aug 2022 12:08:57 +0100 Subject: [PATCH 18/20] Add - checkbox is working with the svg image provided, orange tick --- css/store.css | 47 ++++++++++++++++++++++++++++++++++++++++++++--- store.html | 6 +++--- 2 files changed, 47 insertions(+), 6 deletions(-) diff --git a/css/store.css b/css/store.css index 570c751ab..d2449cd0e 100644 --- a/css/store.css +++ b/css/store.css @@ -67,7 +67,7 @@ body { .main { display: grid; grid-template-columns: 10% 30% 10% 50%; - grid-template-rows: ; + /* grid-template-rows: 1fr 1fr 1fr 1fr; */ } .formDiv { @@ -126,11 +126,52 @@ select { .accent:checked { /* background-color: rgb(252, 109, 57); */ - accent-color: purple; - filter: invert(1); + accent-color: rgb(252, 109, 57); + /* filter: invert(1); */ filter: drop-shadow(white); background-color: #fff; +} +.accent{ + /* accent-color: rgb(252, 109, 57); */ +/* filter: invert(); */ +/* appearance: none; +/* background-color: green; */ +/* accent-color: rgb(252, 109, 57); */ +/* background-image: url('/level-2/checkmark.svg'); */ +/* background-repeat: no-repeat; */ +transform: scale(1.1); + +} + + +.checkboxxx{ + appearance: none; + /* background-color: green; */ + /* accent-color: rgb(252, 109, 57); */ + /* background-image: url('/level-2/checkmark.svg'); */ + color: white; + background-repeat: no-repeat; + border: 1px solid black; + border-radius: 5px; +} + + +.checkboxxx:checked{ + appearance: none; + /* background-color: green; */ + /* accent-color: rgb(252, 109, 57); */ + background-image: url('/level-2/checkmark.svg'); + background-repeat: no-repeat; + border: 1px solid black; + border-radius: 5px; +} + +select:nth-child(1){ + /* appearance: none; */ + font-style: italic; + /* color: orangered; */ + /* appearance:none; width:20px; diff --git a/store.html b/store.html index dc73d1fbf..803ecba2e 100644 --- a/store.html +++ b/store.html @@ -71,7 +71,7 @@

    Order your Karma wifi device today!

    - +
    • @@ -88,14 +88,14 @@

    Order your Karma wifi device today!

    - +



    - +