changes

gopallchoudhary · Dec 7, 2023 · 5a0dbc4 · 5a0dbc4
1 parent 331c374
commit 5a0dbc4
Show file tree

Hide file tree

Showing 2 changed files with 39 additions and 58 deletions.
diff --git a/index.html b/index.html
@@ -5,16 +5,17 @@
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <link rel="stylesheet" href="styles.css" />
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw==" crossorigin="anonymous"
-    referrerpolicy="no-referrer" />
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
+    integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw=="
+    crossorigin="anonymous" referrerpolicy="no-referrer" />
   <title>Amazon</title>
 </head>
 
 <body>
   <header>
     <div class="navbar">
       <div class="nav-logo border">
-        <div class="logo"></div>  
+        <div class="logo"></div>
       </div>
       <div class="nav-address border ins-bar">
         <p class="add-first">Deliver to</p>
@@ -34,19 +35,19 @@
       </div>
       <div class="nav-signin border ins-bar">
         <p><span>Hello, sign in</span></p>
-        <p class="nav-second">Accounts and Lists</p>
+        <p class="nav-second">Accounts and Listss</p>
       </div>
       <div class="nav-return border ins-bar">
-        <p><span>Returns</span></p>
-        <p class="nav-second">& Orders</p>
+        <!-- <p><span>Returns</span></p>
+        <p class="nav-second">& Orders</p> -->
       </div>
       <div class="nav-cart border ins-bar">
         <i class="fa-solid fa-cart-shopping"></i>
         Cart
       </div>
-        <a href="#" class="bars border">
-          <i class="fa-solid fa-bars fa-xl"></i>
-        </a>
+      <a href="#" class="bars border">
+        <i class="fa-solid fa-bars fa-xl"></i>
+      </a>
     </div>
     <div class="panel">
       <div class="panel-all">
@@ -161,7 +162,7 @@ <h2>Fashion trends</h2>
         <a>Reload Your Balance</a>
         <a>Amazon Currency Converter
         </a>
-        
+
       </ul>
       <ul>
         <p>Let Us Help You</p>
@@ -187,10 +188,10 @@ <h2>Fashion trends</h2>
         <div class="copyright">
           © 1996-2023, Amazon.com, Inc. or its affiliates
         </div>
-        
+
       </div>
     </div>
   </footer>
 </body>
 
-</html>
+</html>
diff --git a/styles.css b/styles.css
@@ -30,7 +30,7 @@
 }
 
 .border:hover {
-  border: 2px solid white;
+  border: 2px solid rgb(252, 4, 4);
 }
 
 /* Box 2 */
@@ -166,7 +166,6 @@ span {
   justify-content: space-evenly;
   background-color: #e2e7e6;
   flex-wrap: wrap;
-
 }
 
 .box {
@@ -175,8 +174,6 @@ span {
   background-color: white;
   padding: 20px 0px 15px;
   margin-top: 15px;
-
-
 }
 
 .box-img {
@@ -194,11 +191,11 @@ span {
 }
 
 /* Footer */
-footer{
+footer {
   margin: 15px 0px 0px;
 }
 
-.foot-panel1{
+.foot-panel1 {
   background-color: #37475a;
   color: white;
   height: 50px;
@@ -208,13 +205,12 @@ footer{
   font-size: 0.85rem;
 }
 
-.foot-panel2{
+.foot-panel2 {
   background-color: #222f3d;
   color: white;
   display: flex;
   justify-content: space-evenly;
   height: 300px;
-
 }
 ul a {
   display: block;
@@ -223,25 +219,21 @@ ul a {
   color: #dddddd;
 }
 
-ul{
+ul {
   margin-top: 20px;
 }
 
-.foot-panel3{
+.foot-panel3 {
   background-color: #222f3d;
   color: white;
   border-top: 0.5px solid white;
   height: 70px;
   display: flex;
   justify-content: center;
   align-items: center;
-
-
 }
 
-
-
-.foot-panel4{
+.foot-panel4 {
   background-color: #0f1111;
   height: 80px;
   color: white;
@@ -252,77 +244,65 @@ ul{
   align-items: center; */
 }
 
-.pages{
+.pages {
   padding-top: 25px;
-
 }
 
-.copyright{
+.copyright {
   padding-top: 5px;
 }
-.bars{
+.bars {
   color: white;
   display: none;
 }
 
-
-@media screen and (max-width:479px) {
-  .shop-section{
+@media screen and (max-width: 479px) {
+  .shop-section {
     flex-direction: column;
     align-items: center;
     justify-content: center;
   }
-  .box{
+  .box {
     width: 95%;
   }
-  .hero-section{
+  .hero-section {
     background-size: cover;
     height: 150px;
   }
-  .foot-panel2{
+  .foot-panel2 {
     height: 600px;
   }
-  .navbar{
-
+  .navbar {
     align-items: center;
     justify-content: space-evenly;
-
   }
-  .nav-search{
+  .nav-search {
     width: 80%;
     height: 52%;
   }
-  .bars{
+  .bars {
     margin: 10px;
     display: block;
   }
-  .ins-bar{
+  .ins-bar {
     display: none;
   }
-
-
-
 }
 
-@media (max-width: 800px) and (min-width: 600px){
-  .shop-section{
-
+@media (max-width: 800px) and (min-width: 600px) {
+  .shop-section {
   }
-  .box{
+  .box {
     flex-grow: 1;
     flex-basis: 50%;
   }
-
-
 }
 
-@media (max-width: 950px) and (min-width: 800px){
-  .shop-section{
-
+@media (max-width: 950px) and (min-width: 800px) {
+  .shop-section {
   }
-  .box{
+  .box {
     flex-grow: 1;
     flex-basis: 30%;
   }
-
-}
+}