diff --git a/css/style.css b/css/style.css index 5cb025cef..f42469350 100755 --- a/css/style.css +++ b/css/style.css @@ -17,3 +17,118 @@ body { */ +header { + display: flex; + justify-content: space-between; + text-align: center; + padding: 10px 70px 10px 100px; + align-items: center; + gap:100px +} + + .Logo { + width: 40px; + height: 45px; +} + ul { + list-style: none; + display:flex; + gap:60px; + padding-top: 20px; + padding-right: 90px; + color:rgba(rgb(191, 183, 183)); + font-size:120%; + } + li:hover { + color:orange; + } +.row { + display: flex; +} + +.orange { + text-align: center; + font-size: 45px; + color: rgb(225, 150, 12); +} + .column { + + width: 50%; + } + .box3{ + display: flex; + text-align: center; + width: 100%; + margin: auto; + padding: auto; + + } +.lastt{ + font-size: 35px; +} + .board{ + background-color: rgb(244, 229, 227); + padding-left: 250px; + padding-right: 250px; + padding-top: 50px; + + } + .box2{ + + background-size: cover; + background-image: url("/img/first-background.jpg"); + width: 100%; + height: 800px; + color: white; + text-align: center; + } + + .textin{ + padding-top: 250px; + margin: 5px; + } + + h3 { + text-align: center; + font-size: 40px; + padding-top: 100px; +} +.logos{ + display: flex; + justify-content: center; + gap:250px; +} +button{ + background-color: rgb(215, 141, 4); + padding: 10px 30px ; + border-style:edgy; + margin-top: 50px; +} +.icons { + padding-top: 100px; + width: 200px; +} +h2{ + font-size: 30px; +} +p{ + font-size: 25px; +} +footer{ + padding-top: 150px; + text-align: center; +} + +li:active { + color: black ; + font-weight: 500; +} +.social-icons { + width: 30px; + gap: 0; + border:2px solid rgb(185, 167, 167); + border-radius: 50%; + padding:20px; + margin-right: 10px; + +} \ No newline at end of file diff --git a/index.html b/index.html index 3e742ef04..814ae9a10 100755 --- a/index.html +++ b/index.html @@ -10,7 +10,84 @@ +
+ + + + +
+
+
+
+

Introducing Karma

+

Bring WiFi with you,everywhere you go

+ +
+
+
+

Everyone needs a little Karma.

+
+
+ + Devices logo +

Internet for all devices

+ +
+
+ + Coffee icon +

Boost your productivity

+ +
+
+ + Fuel tank +

Pay as You Go

+ +
+
+
+
+
+ +
+ +
+

"Wherever I am, I just don't worry about my connection anymore!"

+ +
+ + +
+
+ + diff --git a/store.html b/store.html new file mode 100644 index 000000000..eb6cc74ab --- /dev/null +++ b/store.html @@ -0,0 +1,64 @@ + + + + + + + Store Page + + + + + + +
+ + + + +
+
+
+
+

Order your Karma wifi Device Today!

+ + +
+
+ Lady in a desk +
+
+ +
+ + + + + + + + + \ No newline at end of file