level 2

Ebtesammm · Ebtesammm · commit 63acb1498026 · 2024-10-01T17:53:35.000+02:00
diff --git a/css/style.css b/css/style.css
@@ -144,7 +144,40 @@ button {
 
  }
 
- 
+.quote-container{
+  background-color: bisque;
+display: flex;
+color: rgba(0, 0, 0, 0.541);
+
+
+}
+
+.quote-position{
+  display: flex;
+  flex-direction: column;
+    align-content: center;
+    justify-content: center;
+    line-height: 2em;
+    padding: 5em;
+
+}
+
+
+
+
+
+
+.button-quote{
+
+  background-color:rgb(255, 94, 0);
+    border-radius: 4px;
+    border:  rgb(255, 128, 0)  ;
+    color: white;
+
+
+}
+
+
  
 @media  (max-width:568px){
 
@@ -178,4 +211,8 @@ button {
   align-content: center;
   align-items: center;
 }
+.quote-container {
+    display: flex;
+    flex-direction: column;
+}
 }
diff --git a/index.html b/index.html
@@ -70,7 +70,23 @@ <h4> Everyone needs a little Karma</h4>
 
 <br>
 
-<hr>
+
+
+<section class="quote-container">
+
+       <img src="level-2/homepage-feature.png">
+       <div class="quote-position"> 
+        <h2>"Wherever I am, I just don't worry about my connection anymore!"</h2>
+    <button class="button-quote">Get Karma today</button> 
+    </div>
+     
+    
+
+</section>
+
+    
+    
+
 
 <br>
 
diff --git a/level-2/store.html b/level-2/store.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    
+</body>
+</html>
