add inline style

Meronggk · Meronggk · commit d10cede4ccfb · 2022-08-03T12:15:12.000+01:00
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5502
+}
diff --git a/css/style.css b/css/style.css
@@ -43,13 +43,14 @@ height: 4.375rem;
     margin-left: 1.563rem;
 }
 .topnav .link li.active{
-    color: #4c5058;
+    color: #333;
     font-weight: 500;
 }
 .topnav .link li:hover{
 cursor: pointer;
 color: #333333;
 }
+
 .introduction {
 background-image: url("../img/first-background.jpg");
 background-size: cover;
@@ -121,11 +122,21 @@ a {
     height: 50px;
     width: 50px;
 }
-.mobile {
-    height: 30px;
-    width: 30px;
+
+.ever {
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+    color: #838994;
+    
+    
 }
-.twitter {
+.inc {
+    text-align: center;
+    font-size: 0.8rem;
+    color: #838994;
+}
+/*.twitter {
     height: 30px;
     width: 30px;
 }  
@@ -143,12 +154,11 @@ a {
     justify-content: center;
     text-align: center;
     color: #838994;
+    margin-top: 20px;
 }
-.inc {
-    text-align: center;
-    font-size: 0.8rem;
-    color: #838994;
-}
+
+.
+}*/
 
 /**
  * Add your custom styles below
diff --git a/index.html b/index.html
@@ -11,15 +11,12 @@
     <link rel="shortcut icon" type="image/x-icon"  href="favicon.ico">
 </head>
 <body>
-
-
 <nav class="topnav">
-    
 <div class="content">
     <ul class="link">
-    <li class="active">Meet Karma</li>
+    <li class="active"><a href="index.html">Meet Karma</a></li>
     <li>How it Works</li>
-    <li>Store</li> 
+    <li><a href="store.html">Store</a></li> 
     <li>Blog</li>
     <li>Help</li>
     <li>Log in</li>
@@ -36,8 +33,6 @@ <h3>Bring your wifi with you, everywhere you go</h3>
 <div class="button">
     <button class="halfbutton">Learn More</button>
 </div>
-
-    
 </div>
 </section>
 <section class="device">
@@ -58,8 +53,6 @@ <h2>Everyone needs a little Karma</h2>
 <div class="admit">
     <img class="images" src="/img/icon-refill.svg" alt="icon-refill">
     <p>Pay as you go</p>
-</div>
-
 </div> 
 </div>
     
@@ -68,11 +61,11 @@ <h2>Everyone needs a little Karma</h2>
 <section class="never">
   <div class="ever">
     <p>Join us on</p>
-
-
-  <img class="twitter" src="/img/twitter-icon.svg" alt="twitter icon">
-  <img class="facebook" src="/img/facebook-icon.svg" alt="facebook icon">
-  <img class="instagram" src="/img/instagram-icon.svg" alt="instagram icon">
+  
+  
+  <img src="/img/twitter-icon.svg" alt="twitter icon" width="30" height="30">
+  <img src="/img/facebook-icon.svg" alt="facebook icon" width="30" height="30">
+  <img src="/img/instagram-icon.svg" alt="instagram icon" width="30" height="30">
 
 </div>
 </section>
diff --git a/store.html b/store.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html lang="en">
+   <header></header> 
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <title>Karma</title>
+    <link href='https://fonts.googleapis.com/css?family=Roboto:400,500,300' rel='stylesheet' type='text/css'>
+    <link rel="stylesheet" href="css/normalize.css">
+    <link rel="stylesheet" href="css/style.css">
+    <link rel="shortcut icon" type="image/x-icon"  href="favicon.ico">
+</head>
+<body>
+<nav class="topnav">
+<div class="content">
+    <ul class="link">
+    <li class="active"><a href="index.html">Meet Karma</a></li>
+    <li>How it Works</li>
+    <li><a href="store.html">Store</a></li> 
+    <li>Blog</li>
+    <li>Help</li>
+    <li>Log in</li>
+    </ul>
+    <img class="logo" src="img/karma-logo.svg" alt="karma-logo" width="26"/>
+  </div>
+</nav>
+<section class="never">
+    <div class="ever">
+      <p>Join us on</p>
+    
+    
+    <img src="/img/twitter-icon.svg" alt="twitter icon" width="30" height="30">
+    <img src="/img/facebook-icon.svg" alt="facebook icon" width="30" height="30">
+    <img src="/img/instagram-icon.svg" alt="instagram icon" width="30" height="30">
+  
+  </div>
+  </section>
+  <footer class="inc">
+    <p>@Karma Mobility,Inc</p>
+  </footer>
+  </body>
+  </html>

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+{`
	`2`	`+ "liveServer.settings.port": 5502`
	`3`	`+}`