From 3c187b5be203b580f67bc1e8cbe6e079b4f53ab0 Mon Sep 17 00:00:00 2001
From: Getson47 <103142147+Getson47@users.noreply.github.com>
Date: Fri, 17 Jun 2022 21:03:45 +0200
Subject: [PATCH] ZA
---
.vscode/settings.json | 3 ++
css/style.css | 112 ++++++++++++++++++++++++++++++++++++++++++
index.html | 84 +++++++++++++++++++++++++++++++
3 files changed, 199 insertions(+)
create mode 100644 .vscode/settings.json
diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 000000000..f673a71b7
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+ "liveServer.settings.port": 5502
+}
\ No newline at end of file
diff --git a/css/style.css b/css/style.css
index 5cb025cef..ce5bb57ab 100755
--- a/css/style.css
+++ b/css/style.css
@@ -17,3 +17,115 @@ body {
*/
+/* Navigation */
+.nav-list{
+ display: flex;
+ list-style: none;
+
+
+}
+
+.nav-item{
+background-color: white;
+padding-right: 4rem;
+float: right;
+
+}
+
+.navigation{
+float: right;
+}
+
+a:link {
+ text-decoration: none;
+ color: black;
+ }
+
+ a:hover{
+ color: #ff8b27
+
+ ;
+ }
+
+/* body */
+
+
+
+/* hero */
+
+.hero{
+ background-image: url('../img/first-background.jpg');
+ padding: 10rem;
+ text-align: center;
+ color: white;
+ height: 400px;
+
+
+}
+
+.button-item{
+ background-color: #ff8b27;
+
+}
+
+/* section */
+
+.icon-item{
+text-align: center;
+padding-top: 5rem;
+ }
+
+
+.flex-container{
+display: flex;
+justify-content: center;
+
+
+}
+
+.icon-devices{
+ margin: 10px;
+ padding-right: 10px;
+}
+
+.icon-coffee{
+ margin: 10px;
+ padding-right: 10px;
+ }
+
+.icon-refill{
+ margin: 10px;
+ padding-right: 10px;
+ }
+
+.para{
+ padding-top: 1rem;
+ padding-right: 3rem;
+}
+
+
+svg{
+ width: 50px;
+ height: 50px;
+}
+
+
+
+/* footer */
+.footer{
+ text-align: center;
+ padding-top: 5rem;
+ font-weight: lighter;
+
+}
+
+.footer-item{
+ text-align: center;
+}
+
+.footer-icon{
+ display: flex;
+ justify-content: center;
+
+
+}
diff --git a/index.html b/index.html
index 3e742ef04..bde715695 100755
--- a/index.html
+++ b/index.html
@@ -14,6 +14,90 @@
+
+
+
+
Introducing Karma
+Bring WiFi with you, everywhere you go.
+
+
+
+Everyone needs a little Karma.
+
+
+
Internet for all devices
+
+
+
Boost your productivity
+
+
+