From 1444fc04c02ed209b6747237b7636d177f3589bf Mon Sep 17 00:00:00 2001 From: abdullah1 Date: Sat, 21 Oct 2023 15:00:01 +0100 Subject: [PATCH 1/2] Model-css update --- css/style.css | 88 +++++++++++++++++++++++++++++++++++++++++++-------- index.html | 79 +++++++++++++++++++++++++++++++++++++-------- 2 files changed, 141 insertions(+), 26 deletions(-) diff --git a/css/style.css b/css/style.css index 5cb025cef..4e9be40ad 100755 --- a/css/style.css +++ b/css/style.css @@ -1,19 +1,81 @@ - - /* We are using the 'Roboto' font from Google. This has already been added to your HTML header */ +/* We are using the 'Roboto' font from Google. This has already been added to your HTML header */ +* { + margin: 0px; + padding: 0px; + text-align: center; + color: white; +} +.header { + position: relative; +} body { - font-family: 'Roboto', sans-serif; - -webkit-font-smoothing: antialiased; + font-family: "Roboto", sans-serif; + -webkit-font-smoothing: antialiased; +} +h1 { + font-size: 3rem; + color: white; + text-align: center; +} +.ul link { + display: flex; + align-items: center; + justify-content: space-around; +} +nav ul li { + display: inline-block; + list-style: none; + margin: 10px; +} +nav ul li a { + text-decoration: none; + color: gray; + font-size: ; +} +nav ul li a:hover { + color: red; +} +.top3 { + float: right; + font-size: 30px; + width: 30px; +} + +.image1 { + background-image: url(/img/first-background.jpg); + padding: 10em; +} +.button { + background-color: orange; +} +.h1{color: black;} + +*/ Icons/ + +.icon{ + height: 100px; } -/** - * Add your custom styles below - * - * Remember: - * - Be organised, use comments and separate your styles into meaningful chunks - * for example: General styles, Navigation styles, Hero styles, Footer etc. - * - * - When using Flexbox, remember the items you want to move around need to be inside a parent container set to 'display: flex' - */ +.container{ + display: flex; + flex-direction: row; + justify-content: space-evenly; +} + +#p1{ + color: black; +} +.test{ + color:black; + padding: 10px; +} +.icon2{ + height: 40px;px; + width: 40px; +} +#topimage{ + float: left; +} \ No newline at end of file diff --git a/index.html b/index.html index 3e742ef04..73d4bbca1 100755 --- a/index.html +++ b/index.html @@ -1,19 +1,72 @@ - - - + + + Karma - - - - - - + + + + + + +
+ ≡ + +
+
+

Inroducing karma

+

Bring wifi with you everywhere, you go

+ +
- - - +
+

Everything needs a little Karma.

+
+
+
+ +

internet all icon-devices

+
+
+ +

Boot your productive

+
+
+ +

Pay US You go +

+
- + + From 76b52cf3a0b40f0c469e1497eaffa30c39ccc4bd Mon Sep 17 00:00:00 2001 From: abdullah1 Date: Thu, 16 Nov 2023 19:02:07 +0000 Subject: [PATCH 2/2] update karma --- .vscode/settings.json | 3 ++ css/style.css | 47 ++++++++++++++----- index.html | 22 +++++++-- level-3/index.html | 79 +++++++++++++++++++++++++++++++ level-3/style.css | 105 ++++++++++++++++++++++++++++++++++++++++++ menu.png | Bin 0 -> 466 bytes 6 files changed, 240 insertions(+), 16 deletions(-) create mode 100644 .vscode/settings.json create mode 100644 level-3/index.html create mode 100644 level-3/style.css create mode 100644 menu.png diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 000000000..6b665aaa0 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5501 +} diff --git a/css/style.css b/css/style.css index 4e9be40ad..1d2ae8247 100755 --- a/css/style.css +++ b/css/style.css @@ -3,7 +3,7 @@ margin: 0px; padding: 0px; text-align: center; - color: white; + color: black; } .header { position: relative; @@ -15,7 +15,7 @@ body { } h1 { font-size: 3rem; - color: white; + color:orange; text-align: center; } .ul link { @@ -31,7 +31,7 @@ nav ul li { nav ul li a { text-decoration: none; color: gray; - font-size: ; + font-size: 10px; } nav ul li a:hover { color: red; @@ -50,32 +50,57 @@ nav ul li a:hover { background-color: orange; } .h1{color: black;} +.h2{ + background-image: url(/homepage-desktop.png); +} */ Icons/ .icon{ height: 100px; + border-radius: 1px solid ; + border: 2px; } .container{ display: flex; flex-direction: row; - justify-content: space-evenly; + justify-content: space-around; } #p1{ color: black; } - +.ptest{ + justify-content: center; +} .test{ color:black; - padding: 10px; + padding: 0px; + width: 10px; + border-radius: 50px; } .icon2{ - height: 40px;px; - width: 40px; + height: 30px;px; + width: 30px; + border-radius: 50px; +} +.topimag{ + float: left; +} +.lady-image{ + display: flex; +} +.p3{ +align-items: center; +font-size: 20px; +} +.lady-image,button{ + border-radius: 1px solid; + color: orange; + font-size: 20px; + } -#topimage{ - float: left; -} \ No newline at end of file + + diff --git a/index.html b/index.html index 73d4bbca1..b0133895e 100755 --- a/index.html +++ b/index.html @@ -2,9 +2,9 @@ - Karma Everything needs a little Karma.

Pay US You go - + + +

+
+ +
+
+ " Whenever i just , don't worry about my
connection anymore"

+ +
+
+

Join Us

@@ -65,7 +76,8 @@

Everything needs a little Karma.

-

Karma Mobil.int

+

Karma Mobil.inc

+
diff --git a/level-3/index.html b/level-3/index.html new file mode 100644 index 000000000..74f04d1c7 --- /dev/null +++ b/level-3/index.html @@ -0,0 +1,79 @@ + + + + + + + + Store + + + +
+ + + +
+ +
+
+ +
+
+

Order your karma Wifi
device today!

+ +
+
+ + +

+ +
+ + +

+
+ +
+ +
+
+
+ +
+
+
+ +
+
+
+ +

+ +
+

selector color

+
+ + + + +
+
+ + + +
+
+
+
+ + \ No newline at end of file diff --git a/level-3/style.css b/level-3/style.css new file mode 100644 index 000000000..96e82eaa0 --- /dev/null +++ b/level-3/style.css @@ -0,0 +1,105 @@ +*{ + padding: 0; + margin: 0; +} +body{ + max-width: 800px; + margin-left: auto; + margin-right: auto; +} +.h1{ + color: orange; + max-width: 300px; + font-family: sans-serif; +} +.main{ + display: flex; + flex-direction: row-reverse; +} +div{ + display: inline:block; + +} + + +*/ nav-bar/ +.ul link { + display: flex; + align-items: center; + justify-content: space-around; + position: relative; + +} +nav ul li { + display: inline-block; + list-style: none; + margin: 10px; +} + +.nav ul li a { + text-decoration: none; + color: gray; + font-size: 10px; +} + .nav a:hover{ + color: red;} + + #menu-icon{ + width: 50px; + border-radius: 50%; + position: fixed; + top: 3px; right: 60px; + cursor: pointer; + z-index: 100; + } + + */container/ + + + .main-container{ + height: 100%; + display: flex; + justify-content: center; + align-items:center; + } + .container form .input-box{ + display: flex; + flex-wrap: wrap; + justify-items: left; + } + form input{ + width: 50px; + } + .radio-button { + margin: 20px; +} +input{ + width: 50%; + padding: 8px; + margin-bottom: 16px; + box-sizing: border-box; + + +} + + +label, input { + padding: 5px; + margin:10px; + flex-grow: 1; +} + +#address { + width: 380px; +} + +.place { + background-color: orange; + color: white; + margin-top: 30px; + padding: 10px; + border-radius: 5%; +} + + + \ No newline at end of file diff --git a/menu.png b/menu.png new file mode 100644 index 0000000000000000000000000000000000000000..e25d035a8f1aaf97e28f2ca364f5440af0b4fe8e GIT binary patch literal 466 zcmV;@0WJQCP))4-QE2B{9IgI%*@O@JUnb{ zY@D2&FE1|_7Z)ljDp65UXJ=;|92^P?3R*-ezW@LMJV``BRCt{2+S`tTKoErCX_jF? z0grfk{|8-(7hZImm>7%NY<*AgM;wO9bV?#3A|fIppJ+?>^L1TmUk0q!2C`no1wATY z)<*>cvcPQc1>**ruo+##7F%GpbqNhRp>YXEbi&akOz4DZ`CsAW5;}B3$G9TW8C!7n z1u5U42{}keJ#bM>;U00{sxP1);&yqxUFT8*l<*;lh=|A^F=haNntU3XT?Mdff@AeV zjrnYw)p5ZdS75e}3J%Buvx6^aD{MmLKcWk^z^u3g@Odse(OuCASH=W_2SM<6Bv_OL zuO@~UG{ZK(%lr34qo1lQ&#bb=oq z_>UtLevpJ