updated index html, css

Rajput-xv · Oct 3, 2023 · 0e7ed75 · 0e7ed75
1 parent d198a0a
commit 0e7ed75
Show file tree

Hide file tree

Showing 25 changed files with 154 additions and 222 deletions.
diff --git a/Laptops/1/Dell-1.jpeg b/Laptops/1/Dell-1.jpeg
diff --git a/Laptops/1/Dell-2.jpeg b/Laptops/1/Dell-2.jpeg
diff --git a/Laptops/1/Dell.jpeg b/Laptops/1/Dell.jpeg
diff --git a/Laptops/2/Apple-1.jpeg b/Laptops/2/Apple-1.jpeg
diff --git a/Laptops/2/Apple-2.jpeg b/Laptops/2/Apple-2.jpeg
diff --git a/Laptops/2/Apple.jpeg b/Laptops/2/Apple.jpeg
diff --git a/Laptops/3/Asus-1.jpeg b/Laptops/3/Asus-1.jpeg
diff --git a/Laptops/3/Asus-2.jpeg b/Laptops/3/Asus-2.jpeg
diff --git a/Laptops/3/Asus.jpeg b/Laptops/3/Asus.jpeg
diff --git a/Smartphones/1/OnePlus-Nord-CE-2-Lite-5G-Mobile-Phones-1.jpeg b/Smartphones/1/OnePlus-Nord-CE-2-Lite-5G-Mobile-Phones-1.jpeg
diff --git a/Smartphones/1/OnePlus-Nord-CE-2-Lite-5G-Mobile-Phones-2.jpeg b/Smartphones/1/OnePlus-Nord-CE-2-Lite-5G-Mobile-Phones-2.jpeg
diff --git a/Smartphones/1/OnePlus-Nord-CE-2-Lite-5G-Mobile-Phones.png b/Smartphones/1/OnePlus-Nord-CE-2-Lite-5G-Mobile-Phones.png
diff --git a/Smartphones/2/Tecno-Pop-7-Pro-1.jpeg b/Smartphones/2/Tecno-Pop-7-Pro-1.jpeg
diff --git a/Smartphones/2/Tecno-Pop-7-Pro-2.jpeg b/Smartphones/2/Tecno-Pop-7-Pro-2.jpeg
diff --git a/Smartphones/2/Tecno-Pop-7-Pro.jpeg b/Smartphones/2/Tecno-Pop-7-Pro.jpeg
diff --git a/Smartphones/3/Samsung-S23Ultra-1.jpeg b/Smartphones/3/Samsung-S23Ultra-1.jpeg
diff --git a/Smartphones/3/Samsung-S23Ultra-2.jpeg b/Smartphones/3/Samsung-S23Ultra-2.jpeg
diff --git a/Smartphones/3/Samsung-S23Ultraa.jpeg b/Smartphones/3/Samsung-S23Ultraa.jpeg
diff --git a/bg-testimonial.jpg b/bg-testimonial.jpg
diff --git a/index.css b/index.css
@@ -44,21 +44,58 @@
 #product-sub{
     box-shadow: 10px 10px 15px rgba(0,0,0,0.06) !important ;
 } */
+
+
+
+.product-image{
+    position: relative;
+    left: 20%;
+}
+
+
+
+
+#nav {
+    position: sticky;
+    top: 0;
+    left: 0;
+    z-index: 999;
+}
+
+.carousel-inner .carousel-item{
+    padding-top: 0 ;
+}
+
 #product-sub .pack-card .col{
     box-shadow: 10px 10px 15px 10px rgba(0,0,0,0.06) !important ;
 }
 
+
+
 .hero{
-    background: rgb(160, 54, 54);
+    /* background: rgb(160, 54, 54); */
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
     height: 60vh;
     width: 100%;
     position: relative;
+    background: url(./bg-testimonial.jpg) no-repeat ;
+    background-size: cover;
+    background-position: center;
+
 }
 
 .hero h2{
+    position: absolute;
     text-align: center;
-    padding-top: 40px;
+    left: 31% ;
+    padding-top: 20px;
+    padding-bottom: 20px ;
     font-size: 42px;
+    background: transparent;
+    width: 40% ;
+    border:2px solid rgba(255, 255, 255, .2);
+    backdrop-filter: blur(20px);
+    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
 }
 
 .slide-row{
@@ -74,31 +111,52 @@
 }
 
 .text {
-    background: #ebb291;
-    width: 520px;
+    background: transparent;
+    border:2px solid rgba(255, 255, 255, .2);
+    backdrop-filter: blur(30px);
+    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
+    color: #280808 ;
+    /* background: #ebb291; */
+    width: 500px;
     height: 270px;
-    position: absolute;
+    position: absolute !important;
     left: 0;    
     top: 8rem;
     transform: translateY(-50%);
     border-radius: 10px;
-    color: #000000;
     padding: 20px;
     box-sizing: border-box;
 }
 
+@media (max-width: 768px) {
+    .text {
+        width: 400px; 
+        height: auto;
+        top: 9rem;
+        left: 5%;
+    }
+
+    .text h4 {
+        margin: 0 !important;
+        padding: 0 !important;
+    }
+    .indicator{
+        top: 80%;
+    }
+}
+
 .text p{
     font-size: 20px;
     line-height: 25px;
 }
 
 .text h4{
     margin: 35px 0 5px;
-    color: rgb(198, 6, 121);
+    color: rgb(255, 255, 255);
 }
 
 .hero .container{
-    width: 800px;
+    width: 700px;
     height: 400px;
     position: absolute;
     top: 65%;
@@ -128,9 +186,14 @@
 }
 
 .testimonial{
-    width: 100%;
-    height: 100%;
+    width: 100% !important;
+    height: 100% !important;
     overflow: hidden;
+    position: absolute;
+
+    /* min-width: 50%; */
+
+
 }
 
 
@@ -178,9 +241,9 @@
     background-color: azure;
 }
 
-.album.card-container{
-    /* background-color: antiquewhite; */
-}
+/* .album.card-container{
+    background-color: antiquewhite; 
+} */
 
 .col>.shadow-sm{
     background-color: white;

diff --git a/index.html b/index.html
diff --git a/login.html b/login.html
@@ -6,6 +6,7 @@
     <title>Login </title>
     <link rel="stylesheet" href="./login.css">
 </head>
+
 <body>
     <div class="wrapper">
         <div class="login-box">
@@ -44,7 +45,6 @@ <h1>Registration </h1>
                     <label>
                         <input type="checkbox">I agree to terms & condition
                     </label>
-                    <!-- <a href="#">Forgot password ?</a> -->
                 </div>
                 <button type="submit" class="btn">Register</button>
 

diff --git a/offer-1.jpg b/offer-1.jpg
diff --git a/offer-2.jpg b/offer-2.jpg
diff --git a/offer-3 .jpg b/offer-3 .jpg