From 1cb9e0df54537e56456525fa2a7bc5162a718dc4 Mon Sep 17 00:00:00 2001 From: Zahra-Khademi Date: Wed, 23 Aug 2023 07:41:01 +0100 Subject: [PATCH 1/5] html & css --- css/style.css | 77 ++++++++++++++++++++++++++++++++++-- index.html | 105 +++++++++++++++++++++++++++++++++++++++++++++++--- store.html | 0 3 files changed, 173 insertions(+), 9 deletions(-) create mode 100644 store.html diff --git a/css/style.css b/css/style.css index 5cb025cef..12290a9db 100755 --- a/css/style.css +++ b/css/style.css @@ -1,10 +1,81 @@ - - /* We are using the 'Roboto' font from Google. This has already been added to your HTML header */ - +* { + margin: 0; + padding: 0; + font-family: Roboto; +} body { font-family: 'Roboto', sans-serif; -webkit-font-smoothing: antialiased; } +.logo{ + width:2rem; + margin-left:5rem; +} +.header { + display: flex; + justify-content: space-between; +} +.navigation_list{ + display:flex; + list-style: none; + justify-content: flex-end; + align-items: center; + padding: 20px 50px; + margin-right: 10rem; +} +.navigation_list li { + display: inline-block; + padding: 0 20px; +} +.navigation_list a{ +text-decoration: none; +} +.hero{ + background-image: url(/img/first-background.jpg); + background-color: var(--grey-light); + height: 54%; + text-align: center; + color: white; +} + +button { + background-color: orangered; + font-size: smaller; + padding: 8px 18px; + border-radius: 5px; +} +.karma_icon{ + display:flex; + width:5rem; +} +New +8:16 +.border_footer{ + border-top: .1rem solid gray; +} +.border_icon{ +border: .1rem solid gray; +border-radius: 100%; +} +.footer_icon{ + width:8rem; + display:flex; +} +.input_card{ + display:flex; +} + + + + + + + + + + + + /** * Add your custom styles below diff --git a/index.html b/index.html index 3e742ef04..8d494fb8d 100755 --- a/index.html +++ b/index.html @@ -11,9 +11,102 @@ - - - - - - +
+
+ + +
+
+
+
+

Introducing Karma

+

Bring WiFi with you, everywhere you go.

+ +
+

Everyone needs a little Karma.

+
+
+ + + +
+
+

Internet for all device

+
+
+ + + +
+
+

Boost your productivity

+
+
+ + + + +
+
+

Pay as you go

+
+
+
+