Skip to content

🤖 Cannot save fiddle #2442

Open
Open
🤖 Cannot save fiddle#2442
Labels
in-review

Description

@Sanu001-web
Sanu001-web
opened on Jul 2, 2026

Error code

ERRW:0.87:K1.0:AS

Were you logged in?

Yes

Your username (if logged in)

sanu_web001

Your HTML

<link rel="stylesheet" href="styles.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap"
  rel="stylesheet">



<div class="navbar">
  <div class="left-navbar">

    <div class="logo-container">
      <img class="amz-logo" src="https://www.pngall.com/wp-content/uploads/15/Amazon-Logo-White-Transparent.png">
      <div class="domen">.in </div>
    </div>
    <div class="location-container">
      <div>
        <img class="location-icon" src="data:image/png;base64,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">
      </div>
      <div class="location">
        <div class="current-loca">
          Delivering to indore 452016
        </div>
        <div class="update-loca">
          Update location
        </div>
      </div>
    </div>
  </div>
  <div class="middle-navbar">
    <div class="srch-btn-container">
      <select class="catogaries-container">

              <option>
                All
              </option>
              <option>
                all catogaries
              </option>
              <option>
                Alexa Skills
              </option>
              <option>
                Amazon Devices
              </option>
              <option>
                Amazon Fashion
              </option><option>
                Amazon Pharmacy
              </option>
              <option>
                Books
              </option>
              
            </select>

      <input class="srch" type="text" placeholder="Search Amazon.in">


      <button class="srch-btn">
                <img class="srch-icon" src="https://img.icons8.com/?size=50&id=132&format=png"
              </button>
    </div>
  </div>



  <div class="Right-navbar">

    <div class="sign-acc-list">
      <p class="Greeting">
        Hello,sign in
      </p>
      <p class="acc-list">
        Account & Lists
      </p>
    </div>
    <div class="retrn-ordr">
      <p class="retrn">
        Returns
      </p>
      <p class="ordr">
        & Orders
      </p>
    </div>
    <div class="cart">
      <img class="cart-icon" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAADyUlEQVR4AeyZSWgUURCGZ6IHT3rRg3hxSeKGG14UgrgkQiDE7Wiuiud4UEmuioJBlNwMKIgeXRBDXE6C4sGDF+OSuCAixoMGvKhR4vdP3hteJr287nRPjEyof6pevXpVXV3vVaZ76gqz/K+WwEwXsFaBWgWmeQf+jy00Pj6+HRyLQAdzxTQ3i3X1oBPUp1kft6YOx0sxug9OR+AKcx0gDQ2wqAf0g8wpyRZqShl9hVnXYHimrK5YLL7H4y5wEpypwFXGllZb4V/ipQqQxEPQDY674EJPAEtVT4DtvQ/0g732Iip5KYFKpTP+iPwdiBbiaJGEMDCvAzsML5NrW1ZOCLILPdiYzGHtJdAK+kAgRSZANcZZ9RJYiqvCHgztnkeMJNm1R1gsZ24BEP3URxAiEzALXhguFpfALYyGgQ8NYSR7WCCtdbTPHXmS6JOAdwWo2DBoAGVyo5WVE0Ij7I07XyFnlsCg4ziuAo7ptMU1jgf3Ghx1oeBTAXcLuU4nOcphkFkF3nJx9hAtoTvMZ5yE7JnQnvdaRwx1oJWOcfoKsE9/4+g1EBX5WAWSkNpgJwvEYV6kDjTPWH7iGkaNPIX5bCEt8j7IMnZBcB3sc/CoA+sukey1fWTom8BgoSDzEqpxkDNPwD3I1UjAbRah+1+307cCbgKuc/nIA5scp5kkoEP8xzhdRpfYDZpzwlni2Cp/Q34KQsmrAhzAH3h4B0RqcXcR9BCUB47i21IfsW0Lt7pJ3CsBsyKylMYmS3YHZ10gkpIk4J6DD3h9kBMu4nc/d74NjCFHUpIE3P8FT3DekhMO4/dG5FU7k0kScLfQRsfHjIpJEnjGlX4FokY6UA9oAVl3I70lUQwveCdAWX/h0X200/ebe+iy7kRD3JRt+PUi7wSMt264ugMsN5qL5w3AixIlQBXGQBueDwB1izw6kap8Gf9elCgB65EkrgN1izw60SF82zchNmQoT5VAqLcZmJhWAhy2+WAzSPqUVkqVdUWgjiboYamkT/KROgECHyHQCNCXrREzZuhH2C/G8jF4ZfDI6Bj6U6oECLSeEL3APvaJ96Jfh86XLmC4BVjainAeJKJUCRBhB9C3UliZNN5ZHsULzQEmLQG6SFXaBL6EeNWWCpmaog6y/TzFKkaRNgF92ap83afxzZh47rRe57tjyaf0kQSpEqBP6wFHP3go4G0C6mKajL5QQBFH2OpXH71quYat0Gp0DP0pVQJyT7BR0AXagX5bCH13I/sgsG4AHDTQT1FBZpG61AlEeq3iZC2BKt7swFCzvgJ/AQAA//+YdlKbAAAABklEQVQDAImd8XCOWhi8AAAAAElFTkSuQmCC">

    </div>
  </div>
</div>


<div class="nav-main">
  <div class="hamburger-menu-container">
    <img class="hamburger-menu-icon" src="data:image/png;base64,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">
    <div class=hamburger-menu-text>
      All
    </div>

  </div>

  <div class="content-box">
    <ul>
      <li class="nav-li">
        <div class="nav-div">
          <a href="https://www.amazon.in/minitv?ref_=nav_avod_desktop_topnav">
            MX Player
          </a>
        </div>
      </li>
      <li class="nav-li">
        <div class="nav-div">
          <a href="https://www.amazon.in/minitv?ref_=nav_avod_desktop_topnav">
            Sell
          </a>
        </div>
      </li>
      <li class="nav-li">
        <div class="nav-div">
          <a href="https://www.amazon.in/minitv?ref_=nav_avod_desktop_topnav">
            Bestsellers
          </a>
        </div>
      </li>
      <li class="nav-li">
        <div class="nav-div">
          <a href="https://www.amazon.in/minitv?ref_=nav_avod_desktop_topnav">
            Mobiles
          </a>
        </div>
      </li>
      <li class="nav-li">
        <div class="nav-div">
          <a href="https://www.amazon.in/minitv?ref_=nav_avod_desktop_topnav">
            Today's Deals
          </a>
        </div>
      </li>
      <li class="nav-li">
        <div class="nav-div">
          <a href="https://www.amazon.in/minitv?ref_=nav_avod_desktop_topnav">
            Customer Service
          </a>
        </div>
      </li>
      <li class="nav-li">
        <div class="nav-div">
          <a href="https://www.amazon.in/minitv?ref_=nav_avod_desktop_topnav">
            Prime
          </a>
        </div>
      </li>
      <li class="nav-li">
        <div class="nav-div">
          <a href="https://www.amazon.in/minitv?ref_=nav_avod_desktop_topnav">
            Fashion
          </a>
        </div>
      </li>
      <li class="nav-li">
        <div class="nav-div">
          <a href="https://www.amazon.in/minitv?ref_=nav_avod_desktop_topnav">
            New Releases
          </a>
        </div>
      </li>
      <li class="nav-li">
        <div class="nav-div">
          <a href="https://www.amazon.in/minitv?ref_=nav_avod_desktop_topnav">
            Amazon Pay
          </a>
        </div>
      </li>
      <li class="nav-li">
        <div class="nav-div">
          <a href="https://www.amazon.in/minitv?ref_=nav_avod_desktop_topnav">
            Electronics
          </a>
        </div>
      </li>
      <li class="nav-li">
        <div class="nav-div">
          <a href="https://www.amazon.in/minitv?ref_=nav_avod_desktop_topnav">
            Home & Kitchen
          </a>
        </div>
      </li>
      <li class="nav-li">
        <div class="nav-div">
          <a href="https://www.amazon.in/minitv?ref_=nav_avod_desktop_topnav">
            Computers
          </a>
        </div>
      </li>
      <li class="nav-li">
        <div class="nav-div">
          <a href="https://www.amazon.in/minitv?ref_=nav_avod_desktop_topnav">
            Books
          </a>
        </div>
      </li>
      <li class="nav-li">
        <div class="nav-div">
          <a href="https://www.amazon.in/minitv?ref_=nav_avod_desktop_topnav">
            Gift Cards
          </a>
        </div>
      </li>
    </ul>
  </div>
</div>

<img class="amazon-bg" src="https://images-eu.ssl-images-amazon.com/images/G/31/IMG25/Sports/December/GW/hero/BAU/1/5298_Sports_-_Dec_BAU_hero_PC_3000X1200._CB776259284_.jpg">

<div class="main">
      <div class="products-grid">
        <div class="product-container">
          <div class="product-image-container">
            <img class="product-image"
              src="https://tinyurl.com/u3h63zff">
          </div>

          <div class="product-name limit-text-to-2-lines">
            Black and Gray Athletic Cotton Socks - 6 Pairs
          </div>

          <div class="product-rating-container">
            <img class="product-rating-stars"
              src="https://tinyurl.com/3ypcm837">
            <div class="product-rating-count link-primary">
              87
            </div>
          </div>

          <div class="product-price">
            $10.90
          </div>

          <div class="product-quantity-container">
            <select>
              <option selected value="1">1</option>
              <option value="2">2</option>
              <option value="3">3</option>
              <option value="4">4</option>
              <option value="5">5</option>
              <option value="6">6</option>
              <option value="7">7</option>
              <option value="8">8</option>
              <option value="9">9</option>
              <option value="10">10</option>
            </select>
          </div>

          <div class="product-spacer"></div>

          <div class="added-to-cart">
            <img src="images/icons/checkmark.png">
            Added
          </div>

          <button class="add-to-cart-button button-primary">
            Add to Cart
          </button>
        </div>

        <div class="product-container">
          <div class="product-image-container">
            <img class="product-image"
              src="https://tinyurl.com/479fmjbs">
          </div>

          <div class="product-name limit-text-to-2-lines">
            Intermediate Size Basketball
          </div>

          <div class="product-rating-container">
            <img class="product-rating-stars"
              src="https://tinyurl.com/8krsstx3">
            <div class="product-rating-count link-primary">
              127
            </div>
          </div>

          <div class="product-price">
            $20.95
          </div>

          <div class="product-quantity-container">
            <select>
              <option selected value="1">1</option>
              <option value="2">2</option>
              <option value="3">3</option>
              <option value="4">4</option>
              <option value="5">5</option>
              <option value="6">6</option>
              <option value="7">7</option>
              <option value="8">8</option>
              <option value="9">9</option>
              <option value="10">10</option>
            </select>
          </div>

          <div class="product-spacer"></div>

          <div class="added-to-cart">
            <img src="images/icons/checkmark.png">
            Added
          </div>

          <button class="add-to-cart-button button-primary">
            Add to Cart
          </button>
        </div>

        <div class="product-container">
          <div class="product-image-container">
            <img class="product-image"
              src="https://tinyurl.com/ys9fkmj3">
          </div>

          <div class="product-name limit-text-to-2-lines">
            Adults Plain Cotton T-Shirt - 2 Pack
          </div>

          <div class="product-rating-container">
            <img class="product-rating-stars"
              src="https://tinyurl.com/3ypcm837">
            <div class="product-rating-count link-primary">
              56
            </div>
          </div>

          <div class="product-price">
            $7.99
          </div>

          <div class="product-quantity-container">
            <select>
              <option selected value="1">1</option>
              <option value="2">2</option>
              <option value="3">3</option>
              <option value="4">4</option>
              <option value="5">5</option>
              <option value="6">6</option>
              <option value="7">7</option>
              <option value="8">8</option>
              <option value="9">9</option>
              <option value="10">10</option>
            </select>
          </div>

          <div class="product-spacer"></div>

          <div class="added-to-cart">
            <img src="images/icons/checkmark.png">
            Added
          </div>

          <button class="add-to-cart-button button-primary">
            Add to Cart
          </button>
        </div>
      </div>
    </div>

<div class="big-container">



  <div class="main-container">
    <div class="heading">
      <h2>
        Bulk order discounts + Up to 18% GST savings
      </h2>
    </div>
    <div class="amaz-card">
      <div class="first-row">
        <div class="item-1">
          <img class="item-img-1" src="https://images-eu.ssl-images-amazon.com/images/G/31/AmazonBusiness/img25/nov/bau/ain/gw/Laptops_186_116_10._SY116_CB777673831_.jpg">
          <p> Up to 45% off | laptops</p>
        </div>
        <div class="item-2">
          <img class="item-img-2" src="https://images-eu.ssl-images-amazon.com/images/G/31/AmazonBusiness/img25/nov/bau/ain/gw/KitchenAppliances_186_116_10._SY116_CB777673831_.jpg">
          <p> Up to 60% off | Kitchen appliances</p>
        </div>
      </div>
      <div class="second-row">
        <div class="item-3">
          <img class="item-img-3" src="https://images-eu.ssl-images-amazon.com/images/G/31/AmazonBusiness/img25/nov/bau/ain/gw/OfficeChairs_186_116_10._SY116_CB777673831_.jpg">
          <p> min 50% off | Office Furnitures</p>
        </div>
        <div class="item-4">
          <img class="item-img-4" src="https://images-eu.ssl-images-amazon.com/images/G/31/AmazonBusiness/img25/dec/bau/ain/gw/ABdelivery_186_116._SY116_CB776314701_.jpg">
          <p> Register using GST, Udyam, FSSAI, BPAN</p>
        </div>
      </div>

    </div>
    <p class="explore-title"> Explore all</p>
  </div>

  <div class="main-container">
    <div class="heading">
      <h2>
        Bulk order discounts + Up to 18% GST savings
      </h2>
    </div>
    <div class="amaz-card">
      <div class="first-row">
        <div class="item-1">
          <img class="item-img-1" src="https://images-eu.ssl-images-amazon.com/images/G/31/AmazonBusiness/img25/nov/bau/ain/gw/Laptops_186_116_10._SY116_CB777673831_.jpg">
          <p> Up to 45% off | laptops</p>
        </div>
        <div class="item-2">
          <img class="item-img-2" src="https://images-eu.ssl-images-amazon.com/images/G/31/AmazonBusiness/img25/nov/bau/ain/gw/KitchenAppliances_186_116_10._SY116_CB777673831_.jpg">
          <p> Up to 60% off | Kitchen appliances</p>
        </div>
      </div>
      <div class="second-row">
        <div class="item-3">
          <img class="item-img-3" src="https://images-eu.ssl-images-amazon.com/images/G/31/AmazonBusiness/img25/nov/bau/ain/gw/OfficeChairs_186_116_10._SY116_CB777673831_.jpg">
          <p> min 50% off | Office Furnitures</p>
        </div>
        <div class="item-4">
          <img class="item-img-4" src="https://images-eu.ssl-images-amazon.com/images/G/31/AmazonBusiness/img25/dec/bau/ain/gw/ABdelivery_186_116._SY116_CB776314701_.jpg">
          <p> Register using GST, Udyam, FSSAI, BPAN</p>
        </div>
      </div>

    </div>
    <p class="explore-title"> Explore all</p>
  </div>





  <div class="main-container">
    <div class="heading">
      <h2>
        Bulk order discounts + Up to 18% GST savings
      </h2>
    </div>
    <div class="amaz-card">
      <div class="first-row">
        <div class="item-1">
          <img class="item-img-1" src="https://images-eu.ssl-images-amazon.com/images/G/31/AmazonBusiness/img25/nov/bau/ain/gw/Laptops_186_116_10._SY116_CB777673831_.jpg">
          <p> Up to 45% off | laptops</p>
        </div>
        <div class="item-2">
          <img class="item-img-2" src="https://images-eu.ssl-images-amazon.com/images/G/31/AmazonBusiness/img25/nov/bau/ain/gw/KitchenAppliances_186_116_10._SY116_CB777673831_.jpg">
          <p> Up to 60% off | Kitchen appliances</p>
        </div>
      </div>
      <div class="second-row">
        <div class="item-3">
          <img class="item-img-3" src="https://images-eu.ssl-images-amazon.com/images/G/31/AmazonBusiness/img25/nov/bau/ain/gw/OfficeChairs_186_116_10._SY116_CB777673831_.jpg">
          <p> min 50% off | Office Furnitures</p>
        </div>
        <div class="item-4">
          <img class="item-img-4" src="https://images-eu.ssl-images-amazon.com/images/G/31/AmazonBusiness/img25/dec/bau/ain/gw/ABdelivery_186_116._SY116_CB776314701_.jpg">
          <p> Register using GST, Udyam, FSSAI, BPAN</p>
        </div>
      </div>

    </div>
    <p class="explore-title"> Explore all</p>
  </div>

  <div class="main-container">
    <div class="heading">
      <h2>
        Bulk order discounts + Up to 18% GST savings
      </h2>
    </div>
    <div class="amaz-card">
      <div class="first-row">
        <div class="item-1">
          <img class="item-img-1" src="https://images-eu.ssl-images-amazon.com/images/G/31/AmazonBusiness/img25/nov/bau/ain/gw/Laptops_186_116_10._SY116_CB777673831_.jpg">
          <p> Up to 45% off | laptops</p>
        </div>
        <div class="item-2">
          <img class="item-img-2" src="https://images-eu.ssl-images-amazon.com/images/G/31/AmazonBusiness/img25/nov/bau/ain/gw/KitchenAppliances_186_116_10._SY116_CB777673831_.jpg">
          <p> Up to 60% off | Kitchen appliances</p>
        </div>
      </div>
      <div class="second-row">
        <div class="item-3">
          <img class="item-img-3" src="https://images-eu.ssl-images-amazon.com/images/G/31/AmazonBusiness/img25/nov/bau/ain/gw/OfficeChairs_186_116_10._SY116_CB777673831_.jpg">
          <p> min 50% off | Office Furnitures</p>
        </div>
        <div class="item-4">
          <img class="item-img-4" src="https://images-eu.ssl-images-amazon.com/images/G/31/AmazonBusiness/img25/dec/bau/ain/gw/ABdelivery_186_116._SY116_CB776314701_.jpg">
          <p> Register using GST, Udyam, FSSAI, BPAN</p>
        </div>
      </div>

    </div>
    <p class="explore-title"> Explore all</p>
  </div>

  <div class="sign-in">
    <h2>
      Sign in for your best experience
    </h2>
    <button class="sign-btn">
      Sign in securely
    </button>
  </div>

</div>


<!--this is the second row of items-->



<div class="big-container-second">



  <div class="main-container">
    <div class="heading">
      <h2>
        Bulk order discounts + Up to 18% GST savings
      </h2>
    </div>
    <div class="amaz-card">
      <div class="first-row">
        <div class="item-1">
          <img class="item-img-1" src="https://images-eu.ssl-images-amazon.com/images/G/31/AmazonBusiness/img25/nov/bau/ain/gw/Laptops_186_116_10._SY116_CB777673831_.jpg">
          <p> Up to 45% off | laptops</p>
        </div>
        <div class="item-2">
          <img class="item-img-2" src="https://images-eu.ssl-images-amazon.com/images/G/31/AmazonBusiness/img25/nov/bau/ain/gw/KitchenAppliances_186_116_10._SY116_CB777673831_.jpg">
          <p> Up to 60% off | Kitchen appliances</p>
        </div>
      </div>
      <div class="second-row">
        <div class="item-3">
          <img class="item-img-3" src="https://images-eu.ssl-images-amazon.com/images/G/31/AmazonBusiness/img25/nov/bau/ain/gw/OfficeChairs_186_116_10._SY116_CB777673831_.jpg">
          <p> min 50% off | Office Furnitures</p>
        </div>
        <div class="item-4">
          <img class="item-img-4" src="https://images-eu.ssl-images-amazon.com/images/G/31/AmazonBusiness/img25/dec/bau/ain/gw/ABdelivery_186_116._SY116_CB776314701_.jpg">
          <p> Register using GST, Udyam, FSSAI, BPAN</p>
        </div>
      </div>

    </div>
    <p class="explore-title"> Explore all</p>
  </div>

  <div class="main-container">
    <div class="heading">
      <h2>
        Bulk order discounts + Up to 18% GST savings
      </h2>
    </div>
    <div class="amaz-card">
      <div class="first-row">
        <div class="item-1">
          <img class="item-img-1" src="https://images-eu.ssl-images-amazon.com/images/G/31/AmazonBusiness/img25/nov/bau/ain/gw/Laptops_186_116_10._SY116_CB777673831_.jpg">
          <p> Up to 45% off | laptops</p>
        </div>
        <div class="item-2">
          <img class="item-img-2" src="https://images-eu.ssl-images-amazon.com/images/G/31/AmazonBusiness/img25/nov/bau/ain/gw/KitchenAppliances_186_116_10._SY116_CB777673831_.jpg">
          <p> Up to 60% off | Kitchen appliances</p>
        </div>
      </div>
      <div class="second-row">
        <div class="item-3">
          <img class="item-img-3" src="https://images-eu.ssl-images-amazon.com/images/G/31/AmazonBusiness/img25/nov/bau/ain/gw/OfficeChairs_186_116_10._SY116_CB777673831_.jpg">
          <p> min 50% off | Office Furnitures</p>
        </div>
        <div class="item-4">
          <img class="item-img-4" src="https://images-eu.ssl-images-amazon.com/images/G/31/AmazonBusiness/img25/dec/bau/ain/gw/ABdelivery_186_116._SY116_CB776314701_.jpg">
          <p> Register using GST, Udyam, FSSAI, BPAN</p>
        </div>
      </div>

    </div>
    <p class="explore-title"> Explore all</p>
  </div>





  <div class="main-container">
    <div class="heading">
      <h2>
        Bulk order discounts + Up to 18% GST savings
      </h2>
    </div>
    <div class="amaz-card">
      <div class="first-row">
        <div class="item-1">
          <img class="item-img-1" src="https://images-eu.ssl-images-amazon.com/images/G/31/AmazonBusiness/img25/nov/bau/ain/gw/Laptops_186_116_10._SY116_CB777673831_.jpg">
          <p> Up to 45% off | laptops</p>
        </div>
        <div class="item-2">
          <img class="item-img-2" src="https://images-eu.ssl-images-amazon.com/images/G/31/AmazonBusiness/img25/nov/bau/ain/gw/KitchenAppliances_186_116_10._SY116_CB777673831_.jpg">
          <p> Up to 60% off | Kitchen appliances</p>
        </div>
      </div>
      <div class="second-row">
        <div class="item-3">
          <img class="item-img-3" src="https://images-eu.ssl-images-amazon.com/images/G/31/AmazonBusiness/img25/nov/bau/ain/gw/OfficeChairs_186_116_10._SY116_CB777673831_.jpg">
          <p> min 50% off | Office Furnitures</p>
        </div>
        <div class="item-4">
          <img class="item-img-4" src="https://images-eu.ssl-images-amazon.com/images/G/31/AmazonBusiness/img25/dec/bau/ain/gw/ABdelivery_186_116._SY116_CB776314701_.jpg">
          <p> Register using GST, Udyam, FSSAI, BPAN</p>
        </div>
      </div>

    </div>
    <p class="explore-title"> Explore all</p>
  </div>

  <div class="main-container">
    <div class="heading">
      <h2>
        Bulk order discounts + Up to 18% GST savings
      </h2>
    </div>
    <div class="amaz-card">
      <div class="first-row">
        <div class="item-1">
          <img class="item-img-1" src="https://images-eu.ssl-images-amazon.com/images/G/31/AmazonBusiness/img25/nov/bau/ain/gw/Laptops_186_116_10._SY116_CB777673831_.jpg">
          <p> Up to 45% off | laptops</p>
        </div>
        <div class="item-2">
          <img class="item-img-2" src="https://images-eu.ssl-images-amazon.com/images/G/31/AmazonBusiness/img25/nov/bau/ain/gw/KitchenAppliances_186_116_10._SY116_CB777673831_.jpg">
          <p> Up to 60% off | Kitchen appliances</p>
        </div>
      </div>
      <div class="second-row">
        <div class="item-3">
          <img class="item-img-3" src="https://images-eu.ssl-images-amazon.com/images/G/31/AmazonBusiness/img25/nov/bau/ain/gw/OfficeChairs_186_116_10._SY116_CB777673831_.jpg">
          <p> min 50% off | Office Furnitures</p>
        </div>
        <div class="item-4">
          <img class="item-img-4" src="https://images-eu.ssl-images-amazon.com/images/G/31/AmazonBusiness/img25/dec/bau/ain/gw/ABdelivery_186_116._SY116_CB776314701_.jpg">
          <p> Register using GST, Udyam, FSSAI, BPAN</p>
        </div>
      </div>

    </div>
    <p class="explore-title"> Explore all</p>
  </div>



</div>


<div class="sign-recomd">
  <div class="inner-sign-border">
    <h2 class="recommd-title"> See personalized recommendations</h2>

    <button class="sign-btn-2">
      Sign in
    </button>
    <div class="new-customer">
      New customer? <a
        href="https://www.amazon.in/ap/register?openid.mode=checkid_setup&openid.ns=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0&openid.return_to=https%3A%2F%2Fwww.amazon.in%2Fref%3Drhf_sign_in&openid.assoc_handle=inflex">
        Start here.</a>
    </div>
  </div>

</div>

<a href="#">
  <div class="Back-btn">Back to top</div>
</a>

<div class="outer-footer">

  <div class="footer">
    <div class="get-know">
      Get to Know Us
      <p>About Amazon</p>
      <p>Careers</p>
      <p>Press Releases</p>
      <p>Amazon Science</p>
    </div>
    <div class="Connect">
      Connect with us
      <p>Facebook</p>
      <p>Twitter</p>
      <p>Instagram</p>
    </div>
    <div class="Business-idea">
      Make Money with Us
      <p>Sell on Amazon </p>
      <p> Sell under Amazon Accelerator </p>
      <p>Protect and Build Your Brand</p>
      <p>Amazon Global Selling</p>
      <p>Supply to Amazon</p>
      <p>Become an Affiliate</p>
      <p>Fulfilment by Amazon</p>
      <p>Advertise Your Products</p>
      <p>Amazon Pay on Merchants</p>
    </div>
    <div class="Help">
      Let Us Help You

      <p>Your Account</p>
      <p>Returns Centre</p>
      <p>Recalls and Product Safety Alerts</p>
      <p>100% Purchase Protection</p>
      <p>Amazon App Download</p>
      <p>Help</p>
    </div>



  </div>
  <hr class="hr-line">

  <div class="footer-2">


    <img class="amz-logo-2" src="https://www.pngall.com/wp-content/uploads/15/Amazon-Logo-White-Transparent.png">

    <div class="selec-language">
      <select>
       <option> English</option>
       <option> Hindi</option>
       <option> Marathi</option>
       <option> Urdu</option>
       <option> Gujarati</option>
   </select>
    </div>
    <div class="selec-country"> India</div>
  </div>
</div>
<div class="final-footer">
  <div class="books">

    <h5 class="footer-hadder">
      AbeBooks
    </h5>
    <p class="art-book-collect">
      Books,art
      <br>
              & collectibles
    </p>
  </div>
  <div class="books">

    <h5 class="footer-hadder">
      Amazon Web Sevices
    </h5>
    <p class="art-book-collect">
      Scalable Cloud
      <br>
              Computing Services
    </p>
  </div>

  <div class="books">

    <h5 class="footer-hadder">
      Audible
    </h5>
    <p class="art-book-collect">
      Download
      <br>
              Audio Books
    </p>
  </div>
  <div class="books">

    <h5 class="footer-hadder">
      IMDb
    </h5>
    <p class="art-book-collect">
      Movies,Tv
      <br>
              & Celebrities
    </p>
  </div>
  <div class="books">

    <h5 class="footer-hadder">
      Shopbop
    </h5>
    <p class="art-book-collect">
      Designer
      <br>
              Fashion Brands
    </p>
  </div>
  <div class="books">

    <h5 class="footer-hadder">
      Amazon Business
    </h5>
    <p class="art-book-collect">
      Everything For
      <br>
              Your Business
    </p>
  </div>
  <div class="books">

    <h5 class="footer-hadder">
      Amazon Prime Music
    </h5>
    <p class="art-book-collect">
      100 million songs, ad-free
      <br>
              Over 15 million podcast episodes
    </p>
  </div>
</div>
<div class="Tarms-Conditions">
  <ul>
    <li>Conditions of Use & Sale</li>
    <li>Privacy Notice</li>
    <li>Interest-Based Ads</li>
  </ul>
  <div class="copyright"> © 1996-2026, Amazon.com, Inc. or its affiliates</div>
</div>

Your JavaScript

nothing

Your CSS

* {
  margin: 0;
  padding: 0;
  color: white;
  box-sizing: border-box;
  font-family: roboto, Arial;
}

html,
body {
  width: 100%;
  overflow-x: hidden;
  background: #E3E6E6;
}

.logo-container {
  position: relative;
  margin-right: 25px;
}

.amz-logo {
  width: 90px;
  padding: 0;
  display: inline-block;
}

.domen {
  position: absolute;
  right: -18px;
  top: 0;
  bottom: 15px;
}

.navbar {
  background-color: #000000;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  position: relative;
  padding: 10px;
  flex-wrap: wrap;
}

.left-navbar {
  display: flex;
  align-items: center;
  /*margin-left: 10px;*/
  margin-right: 25px;
}

.location-container {
  width: 200px;
  position: relative;
  height: 25px;
  display: flex;
  direction: row;
  flex-shrink: 0;
}

.current-loca {
  font-size: 15px;
}

.location {
  width: 200px;
  position: absolute;
  top: -10px;
  left: 20px;
  margin-left: 2px;
}

.location-icon {
  position: absolute;
  left: 0;
  width: 18px;
  bottom: 0;
  margin-left: 5px;
}

.update-loca {
  font-weight: bold;
}

.current-loca {
  color: rgb(204, 204, 204);
}

.middle-navbar {
  display: flex;
  flex: 1;
  align-items: center;
  /*height: 45px;*/
}

.catogaries-container {
  width: 60px;
  height: 40px;
  background-color: rgb(230, 230, 230);
  color: rgb(96, 96, 96);
  font-family: roboto, Arial;
  font-weight: 400;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom-color: rgb(45, 45, 45);
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  padding-left: 10px;
  cursor: pointer;
  margin-right: -1px;
  border: none;
}

.catogaries-container:hover {
  background-color: rgba(0, 0, 0);
}

option {
  background-color: white;
  color: black;
}

.srch {
  height: 40px;
  border: 1px solid #ccc;
  outline: none;
  padding: 0 10px;
  font-size: 15px;
  box-sizing: border-box;
  /* VERY IMPORTANT */
  display: flex;
  flex: 1;
  color: black;
}

.srch::placeholder {
  font-family: roboto, Arial;
  padding: 7px 10px 10px 7px;
  font-size: 15px;
}

.srch-btn-container {
  display: flex;
  flex: 1;
}

.srch-btn {
  height: 40px;
  border: 1px solid #ccc;
  border-left: none;
  /* remove double border */
  background-color: #febd69;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 50px;
  /* VERY IMPORTANT */
}

.srch-icon {
  height: 25px;
  padding: 5px 10px 5px 10px;
}

.Right-navbar {
  width: 100%;
  max-width: 230px;
  margin-right: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  gap: 20px;
  margin-left: 20px;
}

.sign-acc-list p {
  color: rgb(250, 250, 250);
}

.Greeting {
  font-size: 13px;
}

.acc-list {
  font-weight: bold;
  font-size: 15px;
}

.retrn {
  font-size: 13px;
  color: rgb(250, 250, 250);

}

.ordr {
  font-weight: bold;
  font-size: 15px;
  color: rgb(250, 250, 250);
}

.cart {
  display: flex;
  align-items: center;
}

.cart-icon {
  height: 38px;
}

.nav-main {
  display: flex;
  flex-direction: row;
  white-space: nowrap;
  background-color: rgb(35, 47, 62);
  height: 39px;
  align-items: center;
  padding: 0 15px;
}

.hamburger-menu-container:hover {
  border: 1px solid #ffffff;
  border-radius: 2px;
}

.hamburger-menu-container {
  position: relative;
  width: 55px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-shrink: 0;
  margin-right: 12px;
  border: 1px solid transparent;
  cursor: pointer;
  padding: 5px 2px;
}

.hamburger-menu-icon {
  height: 20px;
  width: 20px;
}

.hamburger-menu-text {
  position: absolute;
  top: 7px;
  right: 12px;
  font-weight: bold;
  font-size: 15px;
}



.content-box {
  overflow: wrap;
}

.content-box ul {
  white-space: nowrap;
}

li {
  display: flex;
  list-style-type: none;
  margin-right: 10px;
}

ul {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  gap: 18px;
}

a {
  text-decoration: none;
}

.nav-div a {
  display: inline-block;
  padding: 8px 9px;
  font-size: 14px;
  border: 1px solid transparent;
}

.nav-div a:hover {
  border: 1px solid white;
  border-radius: 2px;
}

.amazon-bg {
  display: block;
  width: 100%;
  height: auto;
  background-size: cover;
  background-position: center;
  position: relative;
  flex-wrap: 0;
  /* parent for absolute positioning */
}

.big-container {
  display: grid;
  margin-bottom: 0;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
  width: 100%;
  max-width: 350px;
  padding: 20px;
  height: auto;
}

.big-container-second {
  display: grid;
  max-width: 350px;
  height: auto;
  margin-bottom: 0;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
  width: 100%;
  /* margin-bottom: 40px; */
  padding: 20px;
}

.main-container {
  background-color: rgb(250, 250, 250);
  color: white;
  display: grid;
  position: relative;
  top: 0px;
  margin-left: 20px;
  width: 100%;
  max-width: 350px;
  min-height: 460px;
  height: auto;
}

.amaz-card {
  margin: 0;
  height: 310px;
}

.heading {
  margin-left: 15px;
  margin-top: 10px;
  margin-bottom: 20px;
  height: 12px;
}

h2 {
  color: #000000;
}

.first-row {
  display: flex;
  flex-direction: row;
  row-gap: 50px;
  column-gap: 20px;
  margin-left: 15px;
}

.second-row {
  display: flex;
  row-gap: 50px;
  column-gap: 20px;
  flex-direction: row;
  margin-left: 15px;
}

p {
  font-size: 15px;
  margin: 0;
  padding: 2px;
  color: #000000;
}

.item-1,
.item-3 {
  margin-bottom: 5px;
  width: 150px;
  height: 150px;
}

.item-2,
.item-4 {
  width: 150px;
  height: 150px;

}

.item-img-1,
.item-img-2 {
  display: block;
  height: auto;
  max-width: 100%;

}

.item-img-3,
.item-img-4 {
  display: block;
  height: auto;
  max-width: 100%;
}

.explore-title {
  margin-left: 15px;
  padding-top: 5px;
  padding-bottom: 0;
  padding-right: 0;
  padding-left: 0;
  color: rgb(20, 110, 180);
}

.sign-in {
  display: flex;
  width: 100%;
  max-width: 350px;
  flex-direction: column;
  background-color: white;
  height: 250px;
  padding: 20px 5px 5px 10px;
  margin-left: 20px;

}

.sign-btn {
  display: block;
  color: black;
  background-color: #ffce12;
  border: none;
  margin-top: 20px;
  padding: 10px 50px 10px 50px;
  border-radius: 25px;
}

h2 {
  color: black;
}

.sign-recomd {
  background-color: rgb(255, 255, 255);
  padding: 40px 20px;
  height: auto;
}

.inner-sign-border {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  border: 1px solid rgb(204, 204, 204);
  max-width: 900px;
  padding: 20px;
  width: 90%;
  margin: auto;
}

.sign-btn-2 {
  color: black;
  background-color: #ffce12;
  border: none;
  margin-top: 10px;
  margin-left: -50px;
  padding: 8px 45px 8px 45px;
  border-radius: 25px;
}

.new-customer {
  color: black;
  font-size: 12px;
  margin-top: 5px;
  margin-left: -50px;
}

.new-customer a {
  color: blue;
  text-decoration: underline;
}

.recommd-title {
  max-width: 500px;
  width: 100%;
}

.Back-btn {
  background-color: rgb(60, 74, 92);
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  cursor: pointer;
}

.outer-footer {
  background-color: rgb(35, 47, 62);
  padding: 110px 0 0 0;
  height: 100%;
}

.footer {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 150px;
  justify-content: center;
}

.get-know,
.Connect {
  width: 120px;
  padding: 20px;
  font-weight: 700;
  font-size: 18px;
}

.get-know p,
.Connect p,
.Business-idea p,
.Help p {
  font-weight: 400;
  margin-top: 5px;
  color: rgb(221, 221, 221);
  cursor: pointer;
}

.get-know p:hover,
.Connect p:hover,
.Business-idea p:hover,
.Help p:hover {
  text-decoration: underline;
}

.Business-idea {
  width: 200px;
  padding: 20px;
  font-weight: 700;
  font-size: 18px;
}

.Help {
  width: 200px;
  padding: 20px;
  font-weight: 700;
  font-size: 18px;
}

.hr-line {
  border: none;
  height: 1px;
  background-color: rgb(195, 198, 201);
}

.footer-2 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 25px;
}

.selec-language select {
  background-color: rgb(35, 47, 62);
  padding: 5px 25px 5px 25px;
  margin-left: 20px;
  margin-right: 20px;
  border: 1px solid rgb(204, 204, 204);
  border-radius: 3px;
}

.selec-country {
  background-color: rgb(35, 47, 62);
  border: 1px solid rgb(204, 204, 204);
  border-radius: 3px;
  padding: 5px 25px 5px 25px;
}

.amz-logo-2 {
  width: 90px;
  margin-top: 7px;
}


.final-footer {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  height: 100%;
  background-color: rgb(0, 0, 0);
  column-gap: 100px;
  justify-content: center;


}

.books h5 {
  color: white;
  padding: 0;
  margin: 0;
  cursor: pointer;
  margin-top: 10px;
}

.books h5:hover,
.books p:hover {
  text-decoration: underline;
}

.footer-hadder {
  color: white;
  font-weight: 400;
  font-size: 13px;
}

.art-book-collect {
  color: rgb(153, 153, 153);
  font-weight: 400;
  font-size: 12px;
  padding: 0;
  margin: 0;
}

.Tarms-Conditions {

  height: 100px;
  background-color: rgb(0, 0, 0);
}

.Tarms-Conditions ul {
  padding-top: 30px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  font-size: 13px;
  font-weight: 400;
  color: rgb(221, 221, 221);
  cursor: pointer;
}

.Tarms-Conditions ul :hover {
  text-decoration: underline;
}

.copyright {
  font-weight: 400;
  text-align: center;
  font-size: 13px;
  margin-top: 2px;
  color: rgb(221, 221, 221);
}

@media(max-width:1200px) {

  .big-container,
  .big-container-second {
    grid-template-columns: repeat(3, 1fr);
  }

}

@media(max-width:900px) {

  .big-container,
  .big-container-second {
    grid-template-columns: repeat(2, 1fr);
  }

  .footer {
    grid-template-columns: repeat(2, 1fr);
  }

  .final-footer {
    grid-template-columns: repeat(2, 1fr);
  }

}

@media(max-width:768px) {

  .navbar {
    flex-direction: column;
  }

  .left-navbar,
  .middle-navbar,
  .Right-navbar {
    width: 100%;
  }

  .big-container,
  .big-container-second {
    grid-template-columns: 1fr;
  }

  .footer {
    grid-template-columns: 1fr;
  }

  .final-footer {
    grid-template-columns: 1fr;
  }

  .first-row,
  .second-row {
    flex-direction: column;
  }

}

.main {
  margin-top: 60px;
}

.products-grid {
  display: grid;
  margin-left: 4vw;
  /* - In CSS Grid, 1fr means a column will take up the
       remaining space in the grid.
     - If we write 1fr 1fr ... 1fr; 8 times, this will
       divide the grid into 8 columns, each taking up an
       equal amount of the space.
     - repeat(8, 1fr); is a shortcut for repeating "1fr"
       8 times (instead of typing out "1fr" 8 times).
       repeat(...) is a special property that works with
       display: grid; */
  grid-template-columns: repeat(8, 1fr);
}

/* @media is used to create responsive design (making the
   website look good on any screen size). This @media
   means when the screen width is 2000px or less, we
   will divide the grid into 7 columns instead of 8. */
@media (max-width: 2000px) {
  .products-grid {
    grid-template-columns: repeat(7, 1fr);
  }
}

/* This @media means when the screen width is 1600px or
   less, we will divide the grid into 6 columns. */
@media (max-width: 1600px) {
  .products-grid {
    grid-template-columns: repeat(6, 1fr);
  }
}

@media (max-width: 1300px) {
  .products-grid {
    grid-template-columns: repeat(5, 1fr);
  }
}

@media (max-width: 1000px) {
  .products-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 800px) {
  .products-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 575px) {
  .products-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 450px) {
  .products-grid {
    grid-template-columns: 1fr;
  }
}

.product-container {
  padding-top: 40px;
  padding-bottom: 25px;
  padding-left: 25px;
  padding-right: 25px;
  background-color: rgb(250, 250, 250);
  border-right: 1px solid rgb(231, 231, 231);
  border-bottom: 1px solid rgb(231, 231, 231);
  display: flex;
  flex-direction: column;
}

.product-image-container {
  display: flex;
  justify-content: center;
  align-items: center;

  height: 180px;
  margin-bottom: 20px;
}

.product-image {
  /* Images will overflow their container by default. To
    prevent this, we set max-width and max-height to 100%
    so they stay inside their container. */
  max-width: 100%;
  max-height: 100%;
}

.product-name {
  color: rgb(0, 0, 0);
  height: 40px;
  /* margin-bottom: 20px; */
}

select:focus,
input:focus {
  outline: 2px solid rgb(255, 153, 0);
}

.product-rating-container {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  margin-top: 10px;
}

.product-rating-stars {
  width: 100px;
  margin-right: 6px;
}

.product-rating-count {
  color: rgb(1, 124, 182);
  cursor: pointer;
  margin-top: 3px;
}

.product-price {
  font-weight: 700;
  margin-bottom: 10px;
}

.product-quantity-container {
  margin-bottom: 17px;
}

.product-spacer {
  flex: 1;
}

.added-to-cart {
  color: rgb(6, 125, 98);
  font-size: 16px;

  display: flex;
  align-items: center;
  margin-bottom: 8px;

  /* At first, the "Added to cart" message will
     be invisible. Use JavaScript to change the
     opacity and make it visible. */
  opacity: 0;
}

.added-to-cart img {
  height: 20px;
  margin-right: 5px;
}

.add-to-cart-button {
  width: 100%;
  padding: 8px;
  border-radius: 50px;
}

.product-container {
  padding-top: 40px;
  padding-bottom: 25px;
  padding-left: 25px;
  padding-right: 25px;
  border-right: 1px solid rgb(231, 231, 231);
  border-bottom: 1px solid rgb(231, 231, 231);
  display: flex;
  flex-direction: column;
}

.product-image-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 180px;
  margin-bottom: 20px;
}

.product-name {
  font-weight: 700;
  margin-bottom: 8px;
}

.product-rating-container {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.product-rating-stars {
  width: 100px;
  margin-right: 6px;
}

.product-price {
  color: rgb(177, 39, 4);
  font-weight: 700;
  margin-bottom: 5px;
}

.product-quantity-container {
  margin-bottom: 17px;
}

select {
  color: rgb(33, 33, 33);
  background-color: rgb(240, 240, 240);
  border: 1px solid rgb(213, 217, 217);
  border-radius: 8px;
  padding: 3px 5px;
  font-size: 15px;
  cursor: pointer;
  box-shadow: 0 2px 5px rgba(213, 217, 217, 0.5);
}

.product-spacer {
  flex: 1;
}

.added-to-cart {
  color: rgb(6, 125, 98);
  font-size: 16px;
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  opacity: 0;
}

.button-primary {
  color: rgb(33, 33, 33);
  background-color: rgb(255, 216, 20);
  border: 1px solid rgb(252, 210, 0);
  border-radius: 8px;
  cursor: pointer;
  box-shadow: 0 2px 5px rgba(213, 217, 217, 0.5);
}

Metadata

Metadata

Assignees

No one assigned

    Labels

    in-review

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions