update html css

Rajput-xv · Oct 8, 2023 · d7caa75 · d7caa75
1 parent ab64c8c
commit d7caa75
Show file tree

Hide file tree

Showing 8 changed files with 45 additions and 38 deletions.
diff --git a/index.css b/index.css
@@ -271,14 +271,15 @@
 
 #prodetails{
     display: flex;
-    margin-top: 50px;
-    margin-bottom: 100px;
+    margin-bottom: 50px;
+    padding-bottom : 80px;
+    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
 }
 
 #prodetails .single-pro-imgage{
-    width: 40% ;
-    /* margin-right: 50px ; */
+    width: 100% !important;
 }
+
 #big-image{
     display: flex;
     justify-content: center;
@@ -300,6 +301,7 @@
 #prodetails .single-pro-details{
     width: 50% ;
     padding-top: 100px ;
+    margin-right: 50px;
 }
 
 #prodetails .single-pro-details h4{
@@ -318,6 +320,7 @@
     font-size: 16px;
     margin-right: 10px;
     margin-top: 30px;
+    border-radius: 8px;
 }
 
 #prodetails .single-pro-details input:focus {
@@ -327,6 +330,10 @@
 #prodetails .single-pro-details button{
     background-color: #088178 ;
     color: white;
+    border-radius: 30px;
+    height: 40px;
+    width: 150px;
+    margin-left: 30px;
 }
 
 #prodetails .single-pro-details span{

diff --git a/index.html b/index.html
@@ -192,7 +192,7 @@ <h3>₹ 5,999</h3>
               <div class="card-body">
                 <p class="card-text">Samsung Galaxy S23 Ultra 5G 256 GB, 12 GB RAM, Green, Mobile Phone</p>
                 <div class="d-flex justify-content-between align-items-center">
-                  <h3>₹ 1500</h3>
+                  <h3>₹ 1,24,999</h3>
 
                   <div class="star" >
                     <img src="./reshot-icon-complete-star-R8YXZ3FU7E-081ac.svg" height="25px" width="25px" >
@@ -216,7 +216,7 @@ <h3>₹ 1500</h3>
               <div class="card-body">
                 <p class="card-text">Dell Inspiron 15 3520 Laptop (12th Gen Intel Core i5-1235U/8 GB/512 GB SSD/Windows 11 Home/Integrated Graphics), 39.62 cm (15.6 Inch)</p>
                 <div class="d-flex justify-content-between align-items-center">
-                  <h3>₹ 1500</h3>
+                  <h3>₹ 56,143</h3>
 
                   <div class="star" >
                     <img src="./reshot-icon-complete-star-R8YXZ3FU7E-081ac.svg" height="25px" width="25px" >
@@ -237,7 +237,7 @@ <h3>₹ 1500</h3>
               <div class="card-body">
                 <p class="card-text">Apple MGN63HNA MacBook Air (Apple M1 Chip/8GB/256GB SSD/macOS Big Sur/Retina), 33.78 cm (13.3 inch)</p>
                 <div class="d-flex justify-content-between align-items-center">
-                  <h3>₹ 1500</h3>
+                  <h3>₹ 84,490</h3>
 
                   <div class="star" >
                     <img src="./reshot-icon-complete-star-R8YXZ3FU7E-081ac.svg" height="25px" width="25px" >
@@ -259,7 +259,7 @@ <h3>₹ 1500</h3>
               <div class="card-body">
                 <p class="card-text">Asus MB511WS VivoBook 16X Laptop (AMD Ryzen 5 5600H/16 GB/512 GB SSD/Radeon Vega 7 Graphics/Windows 11), 40.64 cm (16 inch)</p>
                 <div class="d-flex justify-content-between align-items-center">
-                  <h3>₹ 1500</h3>
+                  <h3>₹ 49,499</h3>
 
                   <div class="star" >
                     <img src="./reshot-icon-complete-star-R8YXZ3FU7E-081ac.svg" height="25px" width="25px" >
@@ -282,7 +282,7 @@ <h3>₹ 1500</h3>
               <div class="card-body">
                 <p class="card-text">Sony Bravia 139 cm (55 inches) 4K Ultra HD Smart LED Google TV with Dolby Audio & Alexa Compatibility KD-55X75K (Black)</p>
                 <div class="d-flex justify-content-between align-items-center">
-                  <h3>₹ 1500</h3>
+                  <h3>₹ 62,699</h3>
 
                   <div class="star" >
                     <img src="./reshot-icon-complete-star-R8YXZ3FU7E-081ac.svg" height="25px" width="25px" >
@@ -304,7 +304,7 @@ <h3>₹ 1500</h3>
               <div class="card-body">
                 <p class="card-text">LG Nano80 124.46 cm (49 inch) <br>Ultra HD (4K) LED Smart TV, <br>49NANO80</p>
                 <div class="d-flex justify-content-between align-items-center">
-                  <h3>₹ 1500</h3>
+                  <h3>₹ 51,990</h3>
 
                   <div class="star" >
                     <img src="./reshot-icon-complete-star-R8YXZ3FU7E-081ac.svg" height="25px" width="25px" >
@@ -326,7 +326,7 @@ <h3>₹ 1500</h3>
               <div class="card-body">
                 <p class="card-text">Sony Bravia 108 cm (43 inches) 4K Ultra HD Smart LED Google TV with Dolby Audio & Alexa Compatibility KD-43X75K (Black)</p>
                 <div class="d-flex justify-content-between align-items-center">
-                  <h3>₹ 1500</h3>
+                  <h3>₹ 46,549</h3>
 
                   <div class="star" >
                     <img src="./reshot-icon-complete-star-R8YXZ3FU7E-081ac.svg" height="25px" width="25px" >
@@ -348,7 +348,7 @@ <h3>₹ 1500</h3>
               <div class="card-body ">
                 <p class="card-text">LG 190 litres 3 Star Direct Cool Single Door Refrigerator, Scarlet Euphoria, GL-B201ASED</p>
                 <div class="d-flex justify-content-between align-items-center">
-                  <h3>₹ 1500</h3>
+                  <h3>₹ 17,490</h3>
 
                   <div class="star" >
                     <img src="./reshot-icon-complete-star-R8YXZ3FU7E-081ac.svg" height="25px" width="25px" >
@@ -369,7 +369,7 @@ <h3>₹ 1500</h3>
               <div class="card-body ">
                 <p class="card-text">Whirlpool 265 L Frost Free Double Door Refrigerator(Arctic Steel, NeoFresh)</p>
                 <div class="d-flex justify-content-between align-items-center">
-                  <h3>₹ 1500</h3>
+                  <h3>₹ 21,990</h3>
 
                   <div class="star" >
                     <img src="./reshot-icon-complete-star-R8YXZ3FU7E-081ac.svg" height="25px" width="25px" >
@@ -391,7 +391,7 @@ <h3>₹ 1500</h3>
               <div class="card-body ">
                 <p class="card-text">Godrej Eon 265 litres Double Door Refrigerator, Steel Rush RT EON VALOR 280C 35 RCI</p>
                 <div class="d-flex justify-content-between align-items-center">
-                  <h3>₹ 1500</h3>
+                  <h3>₹ 25,490</h3>
 
                   <div class="star" >
                     <img src="./reshot-icon-complete-star-R8YXZ3FU7E-081ac.svg" height="25px" width="25px" >
@@ -414,7 +414,7 @@ <h3>₹ 1500</h3>
               <div class="card-body ">
                 <p class="card-text">Canon EOS 200D II DSLR Camera <br>with 18-55 mm Lens Kit</p>
                 <div class="d-flex justify-content-between align-items-center">
-                  <h3>₹ 1500</h3>
+                  <h3>₹ 62,999</h3>
 
                   <div class="star" >
                     <img src="./reshot-icon-complete-star-R8YXZ3FU7E-081ac.svg" height="25px" width="25px" >
@@ -436,7 +436,7 @@ <h3>₹ 1500</h3>
               <div class="card-body ">
                 <p class="card-text">Nikon D750 DSLR Camera with 24-120 mm <br>Lens Kit</p>
                 <div class="d-flex justify-content-between align-items-center">
-                  <h3>₹ 1500</h3>
+                  <h3>₹ 1,34,999</h3>
 
                   <div class="star" >
                     <img src="./reshot-icon-complete-star-R8YXZ3FU7E-081ac.svg" height="25px" width="25px" >
@@ -457,7 +457,7 @@ <h3>₹ 1500</h3>
               <div class="card-body ">
                 <p class="card-text">Nikon D850 DSLR Camera with 24-120 mm <br>Lens Kit</p>
                 <div class="d-flex justify-content-between align-items-center">
-                  <h3>₹ 1500</h3>
+                  <h3>₹ 2,62,990</h3>
 
                   <div class="star" >
                     <img src="./reshot-icon-complete-star-R8YXZ3FU7E-081ac.svg" height="25px" width="25px" >
@@ -481,7 +481,7 @@ <h3>₹ 1500</h3>
               <div class="card-body ">
                 <p class="card-text">Haier 1 Ton 4 star 7 in 1 convertible <br>inverter split AC,(Triple Inverter Plus,<br>Frost Self Clean)</p>
                 <div class="d-flex justify-content-between align-items-center">
-                  <h3>₹ 1500</h3>
+                  <h3>₹ 35,490</h3>
 
                   <div class="star" >
                     <img src="./reshot-icon-complete-star-R8YXZ3FU7E-081ac.svg" height="25px" width="25px" >
@@ -502,7 +502,7 @@ <h3>₹ 1500</h3>
               <div class="card-body ">
                 <p class="card-text">Lloyd 2 Ton 3 star 5 in 1 Convertible <br>Inverter split AC(PM 2.5 Filter, 4 way swing,Turbo Cool)</p>
                 <div class="d-flex justify-content-between align-items-center">
-                  <h3>₹ 1500</h3>
+                  <h3>₹ 50,990</h3>
 
                   <div class="star" >
                     <img src="./reshot-icon-complete-star-R8YXZ3FU7E-081ac.svg" height="25px" width="25px" >
@@ -525,7 +525,7 @@ <h3>₹ 1500</h3>
               <div class="card-body ">
                 <p class="card-text">Voltas 2 Ton 4-in-1 Convertible Inverter split AC, 243V Vectra Elegant (Dual temperature display, Dual protection filter, self diagnosis)</p>
                 <div class="d-flex justify-content-between align-items-center">
-                  <h3>₹ 1500</h3>
+                  <h3>₹ 51,990</h3>
 
                   <div class="star" >
                     <img src="./reshot-icon-complete-star-R8YXZ3FU7E-081ac.svg" height="25px" width="25px" >

diff --git a/productAir-Conditioner.html b/productAir-Conditioner.html
@@ -94,7 +94,7 @@ <h5 class="offcanvas-title" id="#offcanvasLabel" >E-Smart</h5>
 
  <section class="section-p1" id="prodetails" >
 
-    <div class="single-pro-image" >
+    <div class="single-pro-image" style="width: 100%;">
         <div id="big-image">
             <img src="./Air-Conditioners/1/Haier.jpeg" width="40% " height="50%" id="mainimg" alt="">
         </div>
@@ -114,8 +114,8 @@ <h5 class="offcanvas-title" id="#offcanvasLabel" >E-Smart</h5>
     </div>
 
     <div class="single-pro-details" >
-        <h3>Product Name</h3>
-        <h2>Price</h2>
+        <h3>Haier 1 Ton 4 star 7 in 1 convertible <br>inverter split AC,(Triple Inverter Plus,<br>Frost Self Clean)</h3>
+        <h2>₹ 15,000</h2>
         <input type="number" value="1">
         <button class="normal">Add to Cart</button>
         <h4>Product Details</h4>

diff --git a/productDSLR-Camera.html b/productDSLR-Camera.html
@@ -94,7 +94,7 @@ <h5 class="offcanvas-title" id="#offcanvasLabel" >E-Smart</h5>
 
  <section class="section-p1" id="prodetails" >
 
-    <div class="single-pro-image" >
+    <div class="single-pro-image" style="width: 100%;">
         <div id="big-image">
             <img src="./DSLR-Camera/1/Canon.jpeg" width="40% " height="50%" id="mainimg" alt="">
         </div>
@@ -114,8 +114,8 @@ <h5 class="offcanvas-title" id="#offcanvasLabel" >E-Smart</h5>
     </div>
 
     <div class="single-pro-details" >
-        <h3>Product Name</h3>
-        <h2>Price</h2>
+        <h3>Canon EOS 200D II DSLR Camera <br>with 18-55 mm Lens Kit</h3>
+        <h2>₹ 1,50,000</h2>
         <input type="number" value="1">
         <button class="normal">Add to Cart</button>
         <h4>Product Details</h4>

diff --git a/productLaptop.html b/productLaptop.html
@@ -94,7 +94,7 @@ <h5 class="offcanvas-title" id="#offcanvasLabel" >E-Smart</h5>
 
  <section class="section-p1" id="prodetails" >
 
-    <div class="single-pro-image" >
+    <div class="single-pro-image" style="width: 100%;">
         <div id="big-image">
             <img src="./Laptops/1/Dell.jpeg" width="40% " height="50%" id="mainimg" alt="">
         </div>
@@ -114,8 +114,8 @@ <h5 class="offcanvas-title" id="#offcanvasLabel" >E-Smart</h5>
     </div>
 
     <div class="single-pro-details" >
-        <h3>Product Name</h3>
-        <h2>Price</h2>
+        <h3>Dell Inspiron 15 3520 Laptop (12th Gen Intel Core i5-1235U/8 GB/512 GB SSD/Windows 11 Home/Integrated Graphics), 39.62 cm (15.6 Inch)</h3>
+        <h2>₹ 50,000</h2>
         <input type="number" value="1">
         <button class="normal">Add to Cart</button>
         <h4>Product Details</h4>

diff --git a/productRefrigerator.html b/productRefrigerator.html
@@ -94,7 +94,7 @@ <h5 class="offcanvas-title" id="#offcanvasLabel" >E-Smart</h5>
 
  <section class="section-p1" id="prodetails" >
 
-    <div class="single-pro-image" >
+    <div class="single-pro-image" style="width: 100%;">
         <div id="big-image">
             <img src="./Refrigerator/1/LG.jpeg" width="40% " height="50%" id="mainimg" alt="">
         </div>
@@ -114,8 +114,8 @@ <h5 class="offcanvas-title" id="#offcanvasLabel" >E-Smart</h5>
     </div>
 
     <div class="single-pro-details" >
-        <h3>Product Name</h3>
-        <h2>Price</h2>
+        <h3>LG 190 litres 3 Star Direct Cool Single Door Refrigerator, Scarlet Euphoria, GL-B201ASED</h3>
+        <h2>₹ 20,000</h2>
         <input type="number" value="1">
         <button class="normal">Add to Cart</button>
         <h4>Product Details</h4>

diff --git a/productSmartphone.html b/productSmartphone.html
@@ -94,7 +94,7 @@ <h5 class="offcanvas-title" id="#offcanvasLabel" >E-Smart</h5>
 
  <section class="section-p1" id="prodetails" >
 
-    <div class="single-pro-image" >
+    <div class="single-pro-image" style="width: 100%;">
         <div id="big-image">
             <img src="./Smartphones/1/OnePlus-Nord-CE-2-Lite-5G-Mobile-Phones.png" width="40% " height="50%" id="mainimg" alt="">
         </div>
@@ -114,8 +114,8 @@ <h5 class="offcanvas-title" id="#offcanvasLabel" >E-Smart</h5>
     </div>
 
     <div class="single-pro-details" >
-        <h3>Product Name</h3>
-        <h2>Price</h2>
+        <h3>OnePlus Nord CE 2 Lite 5G,128 GB,6 GB RAM,Blue Tide,Mobile Phone</h3>
+        <h2>₹ 16,499</h2>
         <input type="number" value="1">
         <button class="normal">Add to Cart</button>
         <h4>Product Details</h4>

diff --git a/productTelevision.html b/productTelevision.html
@@ -94,7 +94,7 @@ <h5 class="offcanvas-title" id="#offcanvasLabel" >E-Smart</h5>
 
  <section class="section-p1" id="prodetails" >
 
-    <div class="single-pro-image" >
+    <div class="single-pro-image" style="width: 100%;">
         <div id="big-image">
             <img src="./Televisions/1/Sony.jpeg" width="40% " height="50%" id="mainimg" alt="">
         </div>
@@ -114,8 +114,8 @@ <h5 class="offcanvas-title" id="#offcanvasLabel" >E-Smart</h5>
     </div>
 
     <div class="single-pro-details" >
-        <h3>Product Name</h3>
-        <h2>Price</h2>
+        <h3>Sony Bravia 139 cm (55 inches) 4K Ultra HD Smart LED Google TV with Dolby Audio & Alexa Compatibility KD-55X75K (Black)</h3>
+        <h2>₹ 60,000</h2>
         <input type="number" value="1">
         <button class="normal">Add to Cart</button>
         <h4>Product Details</h4>