diff --git a/css/index.css b/css/index.css index 3f09fa8e..8f423963 100644 --- a/css/index.css +++ b/css/index.css @@ -129,7 +129,7 @@ body { display: none; } -#category-grid { +/*#category-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; @@ -154,7 +154,71 @@ body { .category h3 { font-size: 18px; color: #333333; +}*/ + +/*Other Top Deals*/ +#category-grid { + display: grid; + grid-template-columns: repeat(3, 1fr); + gap: 40px; + margin-top: 20px; + margin-bottom: 20px; + margin-left: 20px; + margin-right: 20px; +} + +.category-container { + position: relative; + border-radius: 15px; + overflow: hidden; +} + +.category { + width: 100%; /* Adjust the width as needed */ + height: auto; + display: block; + border-radius: 15px; +} + +.show-items-link { + position: absolute; + bottom: 10px; + left: 50%; + transform: translateX(-50%); + text-decoration: none; /* Remove default link styling */ +} + +.show-items-btn { + background-color: rgba(0, 0, 0, 0.6); + color: white; + border: none; + padding: 10px 20px; + border-radius: 5px; + display: none; + cursor: pointer; +} + +.category-container:hover .show-items-btn { + display: block; +} + +/* Responsive adjustments */ +@media (max-width: 768px) { + #category-grid { + grid-template-columns: repeat(2, 1fr); + gap: 20px; /* Adjust gap for smaller screens */ + margin: 10px; /* Adjust margins for smaller screens */ + } +} + +@media (max-width: 480px) { + #category-grid { + grid-template-columns: 1fr; + gap: 10px; /* Adjust gap for smallest screens */ + margin: 5px; /* Adjust margins for smallest screens */ + } } +/*Other Top Deals*/ .dropdownbox { /* left:20%; */ @@ -499,7 +563,7 @@ body { #goToTopBtn { /* display: none; */ position: fixed; - bottom: 75px; + bottom: 45px; right: 50%; left: 50%; background-color: hsla(217, 87%, 55%, 0.7); diff --git a/css/orders.css b/css/orders.css index e69de29b..e6e2ef01 100644 --- a/css/orders.css +++ b/css/orders.css @@ -0,0 +1,34 @@ +/* CSS */ + +body { + font-family: Arial, sans-serif; + margin: 0; + padding: 0; + background-color: #f4f4f4; +} + +.orders { + padding: 20px; + text-align: left; + display: flex; + +} + + +.bg-img{ + background-size: cover; + background-repeat: no-repeat; + z-index: 1; +} + +h1 { + font-size: 2em; + color: #2874F0; + margin-bottom: 10px; +} + +p { + font-size: 1.2em; + line-height: 1.6; + margin-bottom: 20px; +} \ No newline at end of file diff --git a/gift-cards/images/apple.webp b/gift-cards/images/apple.webp new file mode 100644 index 00000000..1c022286 Binary files /dev/null and b/gift-cards/images/apple.webp differ diff --git a/gift-cards/images/blackberry.webp b/gift-cards/images/blackberry.webp new file mode 100644 index 00000000..829b6c11 Binary files /dev/null and b/gift-cards/images/blackberry.webp differ diff --git a/gift-cards/images/cinema.webp b/gift-cards/images/cinema.webp new file mode 100644 index 00000000..44f90695 Binary files /dev/null and b/gift-cards/images/cinema.webp differ diff --git a/gift-cards/images/flipkart.webp b/gift-cards/images/flipkart.webp new file mode 100644 index 00000000..d5dc6125 Binary files /dev/null and b/gift-cards/images/flipkart.webp differ diff --git a/gift-cards/images/giftcard11.jpg b/gift-cards/images/giftcard11.jpg new file mode 100644 index 00000000..d252572c Binary files /dev/null and b/gift-cards/images/giftcard11.jpg differ diff --git a/gift-cards/images/myntra.webp b/gift-cards/images/myntra.webp new file mode 100644 index 00000000..fbcff93a Binary files /dev/null and b/gift-cards/images/myntra.webp differ diff --git a/gift-cards/images/tanishq.webp b/gift-cards/images/tanishq.webp new file mode 100644 index 00000000..020c70a1 Binary files /dev/null and b/gift-cards/images/tanishq.webp differ diff --git a/gift-cards/images/trends.webp b/gift-cards/images/trends.webp new file mode 100644 index 00000000..605fe5a8 Binary files /dev/null and b/gift-cards/images/trends.webp differ diff --git a/gift-cards/images/uber.webp b/gift-cards/images/uber.webp new file mode 100644 index 00000000..d411dd37 Binary files /dev/null and b/gift-cards/images/uber.webp differ diff --git a/gift-cards/images/zomato.webp b/gift-cards/images/zomato.webp new file mode 100644 index 00000000..90882319 Binary files /dev/null and b/gift-cards/images/zomato.webp differ diff --git a/gift-cards/index.html b/gift-cards/index.html new file mode 100644 index 00000000..1ea3d738 --- /dev/null +++ b/gift-cards/index.html @@ -0,0 +1,213 @@ + + + + + + + + Flipkart | Online Shopping Site for Mobiles, Electronics, Furniture, Grocery, Lifestyle, Books & More. Best Offers! + + + + + + + + + + + + + +
+ +
+ + +
+
+
+ +
+ Gift Card 1 +
+
Gift Card 1
+

$25

+
+
+
+ Gift Card 2 +
+
Gift Card 2
+

$50

+
+
+
+ Gift Card 3 +
+
Gift Card 3
+

$75

+
+
+
+ Gift Card 4 +
+
Gift Card 4
+

$100

+
+
+
+ Gift Card 5 +
+
Gift Card 5
+

$125

+
+
+
+ Gift Card 6 +
+
Gift Card 6
+

$150

+
+
+
+ Gift Card 7 +
+
Gift Card 7
+

$175

+
+
+
+ Gift Card 8 +
+
Gift Card 8
+

$200

+
+
+
+ Gift Card 9 +
+
Gift Card 9
+

$225

+
+
+
+
+
+ + + + + + + + diff --git a/gift-cards/styles.css b/gift-cards/styles.css new file mode 100644 index 00000000..01e2e083 --- /dev/null +++ b/gift-cards/styles.css @@ -0,0 +1,110 @@ +/* General styles */ +body { + font-family: Arial, sans-serif; + margin: 0; + padding: 0; +} + +h1 { + font-size: 24px; + font-weight: bold; +} + +.container-fluid { + padding: 0 15px; +} + +.container { + max-width: 1200px; + margin: 0 auto; + padding: 20px 15px; +} + +header .container-fluid { + background-color: #2874F0; +} + +header h1 { + font-size: 24px; + font-weight: bold; + color: white; +} + +header form { + display: flex; + align-items: center; +} + +header input.form-control { + border-radius: 4px 0 0 4px; +} + +header button.btn { + border-radius: 0 4px 4px 0; +} + +/* Gift card styles */ +.gift-card-container { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + gap: 20px; + padding: 20px; +} + +.gift-card { + border: 1px solid #ddd; + border-radius: 16px; /* Rounded corners */ + overflow: hidden; + transition: transform 0.3s, box-shadow 0.3s; + width: calc(33.333% - 20px); /* Adjust width to ensure 3 boxes per row */ + text-align: center; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); +} + +.gift-card img { + width: 100%; + height: auto; + border-top-left-radius: 16px; + border-top-right-radius: 16px; +} + +.gift-card:hover { + transform: scale(1.05); + box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); +} + +.gift-card-details { + padding: 15px; +} + +.gift-card-details h5 { + font-size: 18px; + margin: 10px 0; +} + +.gift-card-price { + font-weight: bold; + color: #2874F0; + margin-top: 10px; +} + +/* Footer styles */ +footer { + background-color: #343a40; + color: white; + text-align: center; + padding: 20px 0; +} + +@media (max-width: 768px) { + .gift-card { + width: calc(50% - 20px); /* Adjust for smaller screens */ + } +} + +@media (max-width: 480px) { + .gift-card { + width: calc(100% - 20px); /* Adjust for very small screens */ + } +} diff --git a/helpcentre/index.html b/helpcentre/index.html index 8c870123..f68bb4cb 100644 --- a/helpcentre/index.html +++ b/helpcentre/index.html @@ -21,13 +21,13 @@ Home
  • - Shop + My Profile
  • - Offers + Orders
  • - Contact + Rewards
    • @@ -48,7 +48,7 @@

    Contact Us

  • Email: support@flipkart.com
  • Live Chat: Available 24x7
    • - +

    Frequently Asked Questions

    diff --git a/index.html b/index.html index 0f20381f..3559b478 100644 --- a/index.html +++ b/index.html @@ -314,17 +314,66 @@

    Top Selection

    + +

    Other Top Deals

    - deal5_image - deal6_image - deal1_image - deal7_image - deal8_image - deal9_image - deal10_image - deal11_image - deal12_image -
    +
    + deal1 + + + +
    +
    + deal2 + + + +
    +
    + deal3 + + + +
    +
    + deal4 + + + +
    +
    + deal5 + + + +
    +
    + deal6 + + + +
    +
    + deal7 + + + +
    +
    + deal8 + + + +
    +
    + deal9 + + + +
    + + +
    @@ -535,9 +584,9 @@

    - + + - \ No newline at end of file diff --git a/js/index.js b/js/index.js index 96c6c551..e9868295 100644 --- a/js/index.js +++ b/js/index.js @@ -19,202 +19,7 @@ document.addEventListener("DOMContentLoaded", () => { // end -footer - - -/* -
    - -
    - ${product.id} -
    -
    ${product.name}
    -
    ${product.rating}  
    -
    ₹${product.price}
    -
    -     - - `; -} - -// Function to populate rendom products -function rendom_products(products) { - const productList = document.getElementById("rendom-product"); - productList.innerHTML = products - .map((product) => createProductCard(product)) - .join(""); -} - -// Function to best deal products -function best_deal_products(products) { - const productList = document.getElementById("best-deal-product"); - productList.innerHTML = products - .map((product) => createProductCard(product)) - .join(""); -} -// Function to best top-selection-product -function top_selection_products(products) { - const productList = document.getElementById("top-selection-product"); - productList.innerHTML = products - .map((product) => createProductCard(product)) - .join(""); -} - -// Function to under 15000 rs mobile -function mobileUnder15000(products) { - const productList = document.getElementById("mobileUnder15000-product"); - productList.innerHTML = products - .map((product) => createProductCard(product)) - .join(""); -} - - - -// Function to s2-product -function s2_products(products) { - const productList = document.getElementById("s2-product"); - productList.innerHTML = products - .map((product) => createProductCard(product)) - .join(""); -} - -// Function to under 500 Product -function shopUnder500(products) { - const productList = document.getElementById("shopUnder500-product"); - productList.innerHTML = products - .map((product) => createProductCard(product)) - .join(""); -} - -// best of Electronics -function bestOfEelecronics_products(products) { - const productList = document.getElementById("bestOfElectronics-product"); - productList.innerHTML = products - .map((product) => createProductCard(product)) - .join(""); -} - -// seletcYourChoice-product -function seletcYourChoice_products(products) { - const productList = document.getElementById("seletcYourChoice-product"); - productList.innerHTML = products - .map((product) => createProductCard(product)) - .join(""); -} - -// General function to fetch and shuffle data -function fetchAndShuffleData(url, callback, numberOfProducts) { - fetch(url) - .then((response) => response.json()) - .then((data) => { - // Shuffle the array using the Fisher-Yates algorithm - for (let i = data.length - 1; i > 0; i--) { - const j = Math.floor(Math.random() * (i + 1)); - [data[i], data[j]] = [data[j], data[i]]; - } - - // Select the desired number of products from the shuffled array - const selectedProducts = data.slice(0, numberOfProducts); - - // Call the callback function with the selected products - callback(selectedProducts); - }) - .catch((error) => console.error("Error fetching data:", error)); -} - - -// General function to fetch 15000 rs mobile data -function fetchAndShuffleDataMobile15000(url, callback, numberOfProducts) { - fetch(url) - .then((response) => response.json()) - .then((data) => { - - const f_data = data.filter(product => product.price<=15000 && product.category=='mobile'); - // Shuffle the array using the Fisher-Yates algorithm - for (let i = f_data.length - 1; i > 0; i--) { - const j = Math.floor(Math.random() * (i + 1)); - [f_data[i], f_data[j]] = [f_data[j], f_data[i]]; - } - - // Select the desired number of products from the shuffled array - const selectedProducts = f_data.slice(0, numberOfProducts); - - // Call the callback function with the selected products - callback(selectedProducts); - }) - .catch((error) => console.error("Error fetching data:", error)); -} - - -// best of electronics -function bestOfEelecronics(url, callback, numberOfProducts) { - fetch(url) - .then((response) => response.json()) - .then((data) => { - - const f_data = data.filter(product => product.category=='electronics'); - // Shuffle the array using the Fisher-Yates algorithm - for (let i = f_data.length - 1; i > 0; i--) { - const j = Math.floor(Math.random() * (i + 1)); - [f_data[i], f_data[j]] = [f_data[j], f_data[i]]; - } - - // Select the desired number of products from the shuffled array - const selectedProducts = f_data.slice(0, numberOfProducts); - - // Call the callback function with the selected products - callback(selectedProducts); - }) - .catch((error) => console.error("Error fetching data:", error)); -} - - -// General function to fetch under 500 data -function fetchAndShuffleDataUnder(url, callback, numberOfProducts) { - fetch(url) - .then((response) => response.json()) - .then((data) => { - - const f_data = data.filter(product => product.price<=500); - // Shuffle the array using the Fisher-Yates algorithm - for (let i = f_data.length - 1; i > 0; i--) { - const j = Math.floor(Math.random() * (i + 1)); - [f_data[i], f_data[j]] = [f_data[j], f_data[i]]; - } - - // Select the desired number of products from the shuffled array - const selectedProducts = f_data.slice(0, numberOfProducts); - - // Call the callback function with the selected products - callback(selectedProducts); - }) - .catch((error) => console.error("Error fetching data:", error)); -} - - - -// mobileUnder15000Data() -// Fetch data for best-deal products rendom products & top selection -bestOfEelecronics("json-api/product.json", bestOfEelecronics_products, 6); - -fetchAndShuffleData("json-api/product.json", rendom_products, 12); -fetchAndShuffleData("json-api/product.json", best_deal_products, 18); -fetchAndShuffleData("json-api/product.json", top_selection_products, 12); -fetchAndShuffleData("json-api/product.json", s2_products, 12); -fetchAndShuffleData("json-api/product.json", seletcYourChoice_products, 120); - -fetchAndShuffleDataMobile15000("json-api/product.json", mobileUnder15000, 12); -fetchAndShuffleDataUnder("json-api/product.json", shopUnder500, 18); - - - - - - // Show or hide the "Go to Top" button based on scroll position +// Show or hide the "Go to Top" button based on scroll position document.addEventListener("DOMContentLoaded", function () { const backToTopButton = document.getElementById('goToTopBtn'); diff --git a/json-api/product.json b/json-api/product.json index 6502cca3..79750637 100644 --- a/json-api/product.json +++ b/json-api/product.json @@ -1799,6 +1799,150 @@ "rating": 3.1, "category": "two-wheelers", "price": 84000 + }, + { + "name": "Men Solid Round Neck Polyester Black T-Shirt", + "description": "Men Solid Round Neck Polyester Black T-Shirt", + "productImg": "s-01-t-shirt-juste.jpeg", + "rating": 4.2, + "category": "fashion-men", + "price": 999 + }, + { + "name": "Men Regular Fit Solid Spread Collar Casual Shirt", + "description": "Men Regular Fit Solid Spread Collar Casual Shirt", + "productImg": "s-dpmayzs8pa.jpeg", + "rating": 3.8, + "category": "fashion-men", + "price": 499 + }, + { + "name": "Men Striped Round Neck T-Shirt", + "description": "Men Striped Round Neck Cotton Blend Dark Green, Black T-Shirt", + "productImg": "xl-ask-0nfe6t.jpeg", + "rating": 3.7, + "category": "fashion-men", + "price": 599 + }, + { + "name": "Men Regular Fit Checkered Casual Shirt", + "description": "Men Regular Fit Checkered Casual Shirt", + "productImg": "2xl-menshy.jpeg", + "rating": 4, + "category": "fashion-men", + "price": 899 + }, + { + "name": "Men Self Design Polo Neck Black T-Shirt", + "description": "Men Self Design Polo Neck Cotton Blend (220 gsm) Black T-Shirt", + "productImg": "m-db1024gug.jpeg", + "rating": 4.1, + "category": "fashion-men", + "price": 499 + }, + { + "name": "Lite Sports Running Shoes For Men (Grey)", + "description": "Lite Sports Running Shoes For Men (Grey)", + "productImg": "7-na-rng-85nw.jpeg", + "rating": 3.9, + "category": "fashion-men", + "price": 999 + }, + { + "name": "MIKE (N) Running Shoes For Men (Blue)", + "description": "MIKE (N) Running Shoes For Men (Blue)", + "productImg": "9-5g-845-k-bb.jpeg", + "rating": 4.1, + "category": "fashion-men", + "price": 1699 + }, + { + "name": "Lite Sports Shoes Running Shoes For Men (Blue)", + "description": "Lite Sports Shoes Running Shoes For Men (Blue)", + "productImg": "-original-imahf3kvwrbuhgh9.jpeg", + "rating": 3.9, + "category": "fashion-men", + "price": 2499 + }, + { + "name": "AlphaBounce Running Shoes For Men (Black)", + "description": "AlphaBounce + Running Shoes For Men (Black)", + "productImg": "-originamxtg2.jpeg", + "rating": 4.2, + "category": "fashion-men", + "price": 3311 + }, + { + "name": "TENIS TOP Tennis Shoes For Men (Green)", + "description": "ADIDAS TENIS TOP Tennis Shoes For Men (Green)", + "productImg": "-origijwv.jpeg", + "rating": 4.5, + "category": "fashion-men", + "price": 4999 + }, + { + "name": "SM 773 Running Shoes For Men (Grey, Maroon)", + "description": "SM 773 Running Shoes For Men (Grey, Maroon)", + "productImg": "7-sm-773-mq6x3fu.jpeg", + "rating": 4.1, + "category": "fashion-men", + "price": 1299 + }, + { + "name": "Men Slim Mid Rise Blue Jeans", + "description": "Men Slim Mid Rise Blue Jeans", + "productImg": "ycq3kgugmyez.jpeg", + "rating": 4.3, + "category": "fashion-men", + "price": 2599 + }, + { + "name": "Men Skinny Mid Rise Blue Jeans", + "description": "Men Skinny Mid Rise Blue Jeans", + "productImg": "32-kjo-80152-sk.jpeg", + "rating": 4.4, + "category": "fashion-men", + "price": 1499 + }, + { + "name": "Men Cargos", + "description": "Men Cargos", + "productImg": "m-olive-cargo-0edtnd.jpeg", + "rating": 3.9, + "category": "fashion-men", + "price": 1290 + }, + { + "name": "Men Solid Pure Cotton Straight Kurta", + "description": "Men Solid Pure Cotton Straight Kurta (Multicolor)", + "productImg": "s-vgj.jpeg", + "rating": 3.7, + "category": "fashion-men", + "price": 1999 + }, + { + "name": "Men Solid Riding Jacket", + "description": "Men Solid Biker/Riding Jacket", + "productImg": "xl-no-hz5eeef.jpeg", + "rating": 3.6, + "category": "fashion-men", + "price": 2999 + }, + { + "name": "Men Casual, Formal Tan Artificial Leather RFID Wallet", + "description": "Men Casual, Formal Tan Artificial Leather RFID Wallet (5 Card Slots)", + "productImg": "gul-tywfqmg.jpeg", + "rating": 3.9, + "category": "fashion-men", + "price": 499 + }, + { + "name": "Camping Bag Travel Backpack", + "description": "Mountain Rucksacksbag Hiking Trekking Camping Bag Travel Backpack Rucksack - 60 L (Grey)", + "productImg": "60l-trackinhyfvcz.jpeg", + "rating": 4, + "category": "fashion", + "price": 2999 } ] diff --git a/sell-online/Desktop_sell.png b/sell-online/Desktop_sell.png new file mode 100644 index 00000000..f0323c42 Binary files /dev/null and b/sell-online/Desktop_sell.png differ diff --git a/sell-online/index.html b/sell-online/index.html index ce8b0fd8..0bf86e60 100644 --- a/sell-online/index.html +++ b/sell-online/index.html @@ -18,21 +18,29 @@
    This is Header
    -
    -

    Sell Online with Flipkart

    - Sell Online - Learn how to sell products online, optimize listings, and boost your business with Flipkart Seller - Hub. - Start your online selling journey today! - - -

    Seller Success Stories

    -

    - - Flipkart offers a diverse range of over 3000+ categories where you can sell your products. These categories - represent just a fraction of the wide variety available on Flipkart, providing ample opportunities for sellers to - showcase their products to a large customer base. Here are some popular categories to consider for online selling: - + +
    + +
    +
    +

    Sell Online with Flipkart

    +

    Sell Online - Learn how to sell products online, optimize listings,and boost your business with Flipkart Seller + Hub. + Start your online selling journey today!

    +
    + + +

    Seller Success Stories

    + +

    Flipkart offers a diverse range of over 3000+ categories where you can sell your products. These categories + represent just a fraction of the wide variety available on Flipkart, providing ample opportunities for sellers to + showcase their products to a large customer base. Here are some popular categories to consider for online selling:

    +
    +
    + +
    +
    diff --git a/viewcart/a.html b/viewcart/a.html new file mode 100644 index 00000000..9016ba08 --- /dev/null +++ b/viewcart/a.html @@ -0,0 +1,189 @@ + + + + + + + Document + + + +
    + + +
    + + + + + + \ No newline at end of file diff --git a/viewcart/cart.css b/viewcart/cart.css index b2f36a1f..5b9257df 100644 --- a/viewcart/cart.css +++ b/viewcart/cart.css @@ -6,9 +6,11 @@ font-weight: 400; /* border: 1px solid red; */ } + body { - background-color:#f1f3f6; + background-color: #f1f3f6; } + nav { width: 100%; display: flex; @@ -17,15 +19,18 @@ nav { padding: 8px 5%; background-color: #2874F0; } -.nav-left{ + +.nav-left { display: flex; align-items: center; gap: 20px; } + input { width: 40vw; padding: 10px; } + button { padding: 10px 20px; width: 150px; @@ -34,9 +39,11 @@ button { font-weight: 600; border: none; } + .search { position: relative; } + i { position: absolute; top: 30%; @@ -44,9 +51,43 @@ i { color: rgb(75, 75, 255); height: 100%; width: 30px; - -} +} +.cartItmPMBtn { + width: 50px; + border: 2px solid #f1f3f6; + border-radius: 50%; +} +.cartItmListInviewCart .cartItmSfLRmBtn:hover{ + cursor: pointer; +} +/* for popup remove and confermation */ +.popup { + position: fixed; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + background-color: #f0f0f0; + border: 1px solid #ccc; + padding: 10px; + border-radius: 5px; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + z-index: 1000; + transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out; + visibility: hidden; + opacity: 0; + } + + .popup.hidden { + opacity: 0; + visibility: hidden; + } + + .popup.visible { + opacity: 1; + visibility: visible; + } + footer { width: 100%; @@ -59,6 +100,7 @@ footer { color: grey; position: relative; } + footer::before { position: absolute; height: 2px; @@ -68,9 +110,11 @@ footer::before { width: 100%; left: 0; } + footer span { - color:rgb(75, 75, 255) ; + color: rgb(75, 75, 255); } + .empty-cart { margin: 25px 5%; display: flex; @@ -82,10 +126,12 @@ footer span { gap: 25px; } + .empty-cart h4 { font-size: 18px; } -.empty-cart button{ + +.empty-cart button { background-color: rgb(255, 117, 67); color: white; } @@ -93,65 +139,75 @@ footer span { /* card items */ -#cardInProduct .container-{ -margin: 5px 2vw; +#cardInProduct .container- { + margin: 5px 2vw; } -#itemsInCart{ + +#itemsInCart { height: 60vh; overflow-y: scroll; } -#itemsInCart .itemDetail, .deliveryDate{ + +#itemsInCart .itemDetail, +.deliveryDate { font-size: small; } -#itemsInCart .itemDetail{ + +#itemsInCart .itemDetail { width: 60%; } -#cardInProduct .placeOrder{ +#cardInProduct .placeOrder { background: #fb641b; width: max-content; padding: 10px 50px; border-radius: 5px; } -#itemsInCart p{ -margin: 0; -padding: 0; +#itemsInCart p { + margin: 0; + padding: 0; } @media screen and (max-width : 1070px) { - footer{ + footer { font-size: 12px; } } + @media screen and (max-width : 890px) { - footer{ + footer { font-size: 11px; padding: 0 5px; } - input{ - width:40vw ; + + input { + width: 40vw; padding: 5px; font-size: 12px; } - nav button{ + + nav button { padding: 5px; width: 100px; font-size: 12px; } - .nav-left{ + + .nav-left { gap: 10px; } } @media screen and (max-width : 670px) { - nav img{ - height: 20px; - } - input, nav button{ - font-size: 8px; - } + nav img { + height: 20px; + } + + input, + nav button { + font-size: 8px; + } } \ No newline at end of file diff --git a/viewcart/index.html b/viewcart/index.html index 0de5950e..6fa22665 100644 --- a/viewcart/index.html +++ b/viewcart/index.html @@ -26,7 +26,7 @@

    - + @@ -38,7 +38,7 @@

    Missing Cart items?

    Login to see the items you added previously - + @@ -47,29 +47,46 @@

    Missing Cart items?

    -

    Delever to: Bhopal-462025

    +

    Delever to: Bhopal-462022

    - - +
    -->
    @@ -88,7 +105,8 @@
    PRICE DETAILS
    -->
    - + +
    @@ -98,6 +116,7 @@
    PRICE DETAILS
    +