From 5c516f56dc98d68a3efdf0cde64d468b17a295b8 Mon Sep 17 00:00:00 2001
From: Manav Naharwal <manavnaharwalp@gmail.com>
Date: Tue, 26 Oct 2021 21:47:02 +0530
Subject: [PATCH] Some improvements & changed navbar-item names & customized
 scrollbar

---
 index.html | 62 ++++++++++++++++++++++++++----------------------------
 style.css  | 34 +++++++++++++++++++++++++-----
 2 files changed, 59 insertions(+), 37 deletions(-)
diff --git a/index.html b/index.html
index fd8849f..b38828e 100644
--- a/index.html
+++ b/index.html
@@ -16,23 +16,23 @@
   <body>
     <nav class="navbar">
       <div class="navbar-container container">
-          <input type="checkbox" name="" id="">
-          <div class="hamburger-lines">
-              <span class="line line1"></span>
-              <span class="line line2"></span>
-              <span class="line line3"></span>
-          </div>
-          <ul class="menu-items">
-              <li><a href="#home">Home</a></li>
-              <li><a href="#about">About</a></li>
-              <li><a href="#food">Category</a></li>
-              <li><a href="#food-menu">Menu</a></li>
-              <li><a href="#testimonials">Testimonial</a></li>
-              <li><a href="#contact">Contact</a></li>
-          </ul>
-          <h1 class="logo">RS</h1>
+        <input type="checkbox" name="" id="" />
+        <div class="hamburger-lines">
+          <span class="line line1"></span>
+          <span class="line line2"></span>
+          <span class="line line3"></span>
+        </div>
+        <ul class="menu-items">
+          <li><a href="#home">Home</a></li>
+          <li><a href="#about">About Lean In</a></li>
+          <li><a href="#food">Category</a></li>
+          <li><a href="#food-menu">Menu</a></li>
+          <li><a href="#testimonials">Founders</a></li>
+          <li><a href="#contact">Contact</a></li>
+        </ul>
+        <h1 class="logo">RS</h1>
       </div>
-  </nav>
+    </nav>
     <section class="showcase-area" id="showcase">
       <div class="showcase-container">
         <h1 class="main-title" id="home">Eat Right Food</h1>
@@ -125,10 +125,7 @@ <h2 class="food-titile">Android</h2>
 
         <div class="food-menu-item">
           <div class="food-img">
-            <img
-              src="shorturl.at/rBJTY"
-              alt="error"
-            />
+            <img src="shorturl.at/rBJTY" alt="error" />
           </div>
           <div class="food-description">
             <h2 class="food-titile">Machine Learning</h2>
@@ -214,7 +211,6 @@ <h2 class="testimonial-title">What Our Customers Say</h2>
             Lorem ipsum dolor sit amet consectetur, adipisicing elit. Impedit
             voluptas cupiditate aspernatur odit doloribus non.
           </p>
-         
         </div>
         <div class="testimonial-box">
           <div class="customer-detail">
@@ -237,7 +233,6 @@ <h2 class="testimonial-title">What Our Customers Say</h2>
             Lorem ipsum dolor sit amet consectetur, adipisicing elit. Impedit
             voluptas cupiditate aspernatur odit doloribus non.
           </p>
-         
         </div>
         <div class="testimonial-box">
           <div class="customer-detail">
@@ -257,7 +252,6 @@ <h2 class="testimonial-title">What Our Customers Say</h2>
             Lorem ipsum dolor sit amet consectetur, adipisicing elit. Impedit
             voluptas cupiditate aspernatur odit doloribus non.
           </p>
-         
         </div>
       </div>
     </section>
@@ -269,19 +263,23 @@ <h2 class="testimonial-title">What Our Customers Say</h2>
 
         <div class="form-container">
           <h2>Contact Us</h2>
-          <input type="text" placeholder="Your Name" />
-          <input type="email" placeholder="E-Mail" />
-          <textarea
-            cols="30"
-            rows="6"
-            placeholder="Type Your Message"
-          ></textarea>
-          <a href="#" class="btn btn-primary">Submit</a>
+          <form>
+            <input type="text" placeholder="Your Name" />
+            <input type="email" placeholder="E-Mail" />
+            <textarea
+              cols="30"
+              rows="6"
+              placeholder="Type Your Message"
+            ></textarea>
+            <button type="submit" class="form-submit-btn">
+              <a href="#" class="btn btn-primary">Submit</a>
+            </button>
+          </form>
         </div>
       </div>
     </section>
     <footer id="footer">
-      <h2>Restraunt &copy; all rights reserved</h2>
+      <h2>Restaurant &copy; All rights reserved</h2>
     </footer>
   </body>
   <!-- 
diff --git a/style.css b/style.css
index 1d8b92c..c35183f 100644
--- a/style.css
+++ b/style.css
@@ -62,7 +62,7 @@ body {
   background: #fff;
   color: #000;
   opacity: 0.85;
-  height: 50px;
+  height: 60px;
   z-index: 12;
 }
 
@@ -379,6 +379,12 @@ body {
   background: rgb(226, 226, 226);
 }
 
+.form-submit-btn {
+  outline: 0;
+  border: 0;
+  background: none;
+}
+
 .contact-container {
   display: flex;
   background: #fff;
@@ -386,18 +392,20 @@ body {
 
 .contact-img {
   width: 50%;
+  border-radius: 8px 0 0 8px;
 }
 
 .contact-img img {
   display: block;
-  height: 400px;
+  height: 450px;
   width: 100%;
   object-position: center;
   object-fit: cover;
+  border-radius: 8px 0 0 8px;
 }
 
 .form-container {
-  padding: 1rem;
+  padding: 1.5rem;
   width: 50%;
   margin: auto;
 }
@@ -579,8 +587,8 @@ body {
     font-size: 65%;
   }
 
-  .navbar .menu-items li{
-      font-size: 1.6rem;
+  .navbar .menu-items li {
+    font-size: 1.6rem;
   }
 
   .testimonial-container {
@@ -604,11 +612,13 @@ body {
   .contact-container {
     display: flex;
     flex-direction: column;
+    border-radius: 8px;
   }
 
   .contact-img {
     width: 90%;
     margin: 3rem auto;
+    border-radius: 8px 0 0 8px;
   }
 
   .logo {
@@ -640,3 +650,17 @@ body {
     height: 50vmax;
   }
 }
+
+::-webkit-scrollbar {
+  width: 12px;
+}
+
+::-webkit-scrollbar-track {
+  background-color: rgb(185, 187, 184);
+  border-radius: 10px;
+}
+
+::-webkit-scrollbar-thumb {
+  border-radius: 10px;
+  background-color: rgba(34, 121, 71, 0.527);
+}
