ebay template

ebay-temp.txt

<meta charset="utf-8" />
<meta
  name="viewport"
  content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<meta name="description" content="" />
<meta name="author" content="" />
<link
  rel="stylesheet"
  href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
/>
<link
  rel="stylesheet"
  href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
/>

<style>
  @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,300);

  /* SLIDER */
  .slider-bg {
    margin-bottom: 20px;
    padding: 0;
    background: #f6d8ae;
  }
  div.slider {
    padding: 0;
    margin: 0 auto;
    max-width: 100%;
    max-height: 300px;
    overflow: hidden;
  }
  div.slider ul {
    width: 1000%;
    height: auto;
    position: relative;
    list-style: none;
    left: 0;
    margin: 0;
    padding: 0;
    -webkit-animation: next 12s infinite;
    -moz-animation: next 12s infinite;
  }
  div.slider ul:hover {
    -moz-animation-play-state: paused;
    -webkit-animation-play-state: paused;
  }
  div.slider li {
    width: 10%;
    list-style: none;
    float: left;
    margin: 0;
    padding: 0;
  }
  div.slider img {
    max-width: 100%;
  }

  @-webkit-keyframes next {
    0% {
      opacity: 0;
    }
    1% {
      left: 0;
      opacity: 1;
    }
    18% {
      left: 0;
      opacity: 1;
    }
    19% {
      opacity: 0.6;
    }
    20% {
      left: -100%;
      opacity: 1;
    }
    58% {
      left: -100%;
      opacity: 1;
    }
    59% {
      opacity: 0.6;
    }
    60% {
      left: -200%;
      opacity: 1;
    }
    98% {
      left: -200%;
      opacity: 1;
    }
    99% {
      opacity: 0.3;
    }
    100% {
      left: 0;
      opacity: 0;
    }
  }

  @-moz-keyframes next {
    0% {
      opacity: 0;
    }
    1% {
      left: 0;
      opacity: 1;
    }
    18% {
      left: 0;
      opacity: 1;
    }
    19% {
      opacity: 0.6;
    }
    20% {
      left: -100%;
      opacity: 1;
    }
    58% {
      left: -100%;
      opacity: 1;
    }
    59% {
      opacity: 0.6;
    }
    60% {
      left: -200%;
      opacity: 1;
    }
    98% {
      left: -200%;
      opacity: 1;
    }
    99% {
      opacity: 0.3;
    }
    100% {
      left: 0;
      opacity: 0;
    }
  }

  .container h1 {
    line-height: 30px;
    margin: 15px;
    padding: 15px 30px;
    width: 100%;
    background: repeating-linear-gradient(
      45deg,
      #fff,
      #fff 2px,
      #efefef 2px,
      #efefef 4px
    );
    color: #3f3f3f;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
  }
  .container h1:before {
    float: left;
    font-family: "Open Sans", serif;
    content: "[";
    padding: 0;
    font-size: 70px;
    color: #343a40;
    position: relative;
    top: -8px;
    left: -40px;
  }
  .container h1:after {
    float: right;
    font-family: "Open Sans", serif;
    content: "]";
    padding: 0;
    font-size: 70px;
    color: #343a40;
    position: relative;
    top: -8px;
    right: -40px;
  }
  blockquote {
    display: block;
    margin: 20px 0;
    padding: 20px;
    font-family: "Open Sans", serif;
    font-size: 14px;
    color: #3f3f3f;
    background: repeating-linear-gradient(
      45deg,
      #fff,
      #fff 2px,
      #efefef 2px,
      #efefef 4px
    );
    border-left: 3px solid #666666;
  }
  code {
    display: block;
    margin: 20px 0;
    padding: 20px;
    font-family: "Open Sans", serif;
    font-size: 14px;
    color: #fff;
    background: repeating-linear-gradient(
      45deg,
      #333,
      #333 2px,
      #3f3f3f 2px,
      #3f3f3f 4px
    );
    border-left: 3px solid #666666;
  }
  mark {
    font-family: "Open Sans", serif;
    font-size: 14px;
    color: #3f3f3f;
    background: #fff0ce;
  }
  small {
    font-size: 12px;
    color: #999;
  }
  kbd {
    font-family: "Open Sans", serif;
    font-size: 14px;
    box-shadow: none;
  }

  /* Item Description */
  .artpic {
    padding: 0 40px;
  }
  .desc h2 {
    display: table;
    padding: 0 2px 3px 2px;
    margin: 30px 0 20px 0;
    font-size: 18px;
    color: #3f3f3f;
    font-weight: 700;
    border-bottom: 2px solid #e8e8e8;
  }
  .desc h3 {
    display: block;
    padding: 0;
    margin: 20px 0;
    font-size: 20px;
    color: #3f3f3f;
    font-weight: 300;
  }
  .desc ul,
  .tab-content ul {
    margin: 15px 0;
    padding: 0;
  }
  .desc ul li,
  .tab-content ul li {
    list-style-type: none;
    color: #3f3f3f;
    padding: 7px;
    border-bottom: 1px dotted #ddd;
    text-indent: -1em;
    padding-left: 1.6em;
  }
  .desc ul li:last-child,
  .tab-content ul li:last-child {
    border-bottom: 1px dotted #ddd;
  }
  .desc ul li:before,
  .tab-content ul li:before {
    font-family: "FontAwesome";
    content: "\f105";
    font-size: 14px;
    padding-right: 10px;
    color: #666;
  }
  .desc span.var {
    display: inline-block;
    min-width: 60px;
    padding: 10px;
    margin: 1px 5px;
    color: #666;
    border: 1px solid #fff;
    text-align: center;
    cursor: default;
    background: repeating-linear-gradient(
      45deg,
      #fff,
      #fff 2px,
      #efefef 2px,
      #efefef 4px
    );
  }
  .desc span.var:hover {
    border: 1px solid #ddd;
  }

  /* BUTTONS */
  .buynowbox {
    margin-top: 30px;
    padding: 25px 20px;
    background: repeating-linear-gradient(
      45deg,
      #fff,
      #fff 2px,
      #efefef 2px,
      #efefef 4px
    );
  }
  .price {
    margin: 0;
    padding: 0 20px;
    cursor: default;
  }
  .price h3 {
    margin: 0;
    padding: 0;
    color: #3f3f3f;
    font-size: 30px;
    font-weight: 700;
    text-align: left;
  }
  .price h4 {
    margin: 0;
    padding: 5px 0 0 0;
    color: #999;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
  }
  .desc h3 span:hover {
    background: none;
  }
  a.bnb {
    display: block;
    margin: 0 0 10px 0;
    line-height: 40px;
    color: #fff;
    text-align: center;
    background: #666;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-weight: 700;
    text-decoration: none !important;
  }
  a.bnb:hover {
    background: repeating-linear-gradient(
      45deg,
      #333,
      #333 2px,
      #3f3f3f 2px,
      #3f3f3f 4px
    );
    color: white;
  }
  a.bnb:before {
    font-family: "FontAwesome";
    content: "\f291";
    font-size: 14px;
    padding: 0;
    margin: 0;
    display: block;
    background: repeating-linear-gradient(
      45deg,
      #333,
      #333 2px,
      #3f3f3f 2px,
      #3f3f3f 4px
    );
    color: #fff;
    width: 50px;
    float: left;
  }
  a.beo,
  a.fsb {
    display: block;
    margin: 0;
    padding: 2px 0 0 20px;
    color: #3f3f3f;
    font-weight: 400;
    text-decoration: none !important;
  }
  a.beo i,
  a.fsb i {
    color: #666;
    padding-right: 10px;
  }
  a.beo:hover,
  a.fsb:hover {
    color: #666;
  }

  /* TABS */
  .tabs {
    margin: 40px 0;
    padding: 0;
    background: none;
  }
  .tabs input[type="radio"] {
    display: none;
  }
  .tabs label {
    display: block;
    float: left;
    width: 33.333333%;
    font-family: "Open Sans", serif;
    color: #3f3f3f;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    background: repeating-linear-gradient(
      45deg,
      #fff,
      #fff 2px,
      #efefef 2px,
      #efefef 4px
    );
    padding: 20px 0 15px 0;
    margin: 0;
    overflow: hidden;
    text-transform: uppercase;
  }
  .tabs label span {
    display: inline-block;
  }
  .tabs label:hover {
    background: #eee;
  }
  .tab-content {
    display: none;
    width: 100%;
    float: left;
    padding: 10px 20px 20px 20px;
    box-sizing: border-box;
    background: #fff;
    border-top: 3px solid #ffa737;
    /* #666666; */
    margin-top: 0;
    text-align: left;
  }
  .tab-content h2 {
    font-size: 18px;
    font-weight: 700;
    color: #3f3f3f;
  }
  .tab-content h3 {
    display: block;
    padding: 0;
    margin: 20px 0;
    font-size: 20px;
    color: #3f3f3f;
    font-weight: 300;
  }
  .tabs [id^="tab"]:checked + label {
    background: #f6d8ae;
    color: #fff;
  }
  #tab1:checked ~ #tab-content1,
  #tab2:checked ~ #tab-content2,
  #tab3:checked ~ #tab-content3,
  #tab4:checked ~ #tab-content4,
  #tab5:checked ~ #tab-content5,
  #tab6:checked ~ #tab-content6,
  #tab7:checked ~ #tab-content7,
  #tab8:checked ~ #tab-content8,
  #tab9:checked ~ #tab-content9 {
    display: block;
  }
  .tabs:after {
    content: "";
    display: table;
    clear: both;
  }
  .tab-content ul {
    margin: 10px 0;
  }
  .tab-content a {
    color: #3f3f3f;
    font-weight: 700;
    text-decoration: none;
  }
  .tab-content a:hover {
    color: #666666;
    text-decoration: none;
  }

  /* TABLE */
  .tab-content table {
    margin: 20px 0;
    cursor: default;
    font-family: "Open Sans", serif;
    color: #3f3f3f;
    font-size: 14px;
  }
  .tab-content table tr {
    border-bottom: 1px solid #ddd;
  }
  .tab-content table tr:nth-child(odd) {
    background: repeating-linear-gradient(
      45deg,
      #fff,
      #fff 2px,
      #efefef 2px,
      #efefef 4px
    );
  }
  .tab-content table tr:last-child {
    border-bottom: none;
  }
  .tab-content table td {
    padding: 10px;
  }
  .tab-content table td:first-child {
    font-weight: 700;
    border-right: 1px solid #ddd;
  }

  /* SERVICE */
  .service {
    margin: 0 0 60px 0;
    padding: 25px 15px;
    background: #f6d8ae;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: default;
  }
  .service i {
    background: #f6d8ae;
    transform: scale(3);
    position: relative;
    top: -40px;
    color: #666666;
    padding: 10px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
  }
  .service div {
    padding: 20px;
  }
  .service div div {
    margin: 0;
    padding: 0 30px 30px 30px;
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    color: #3f3f3f;
  }
  .service div h2 {
    margin: 0;
    padding: 10px 0 20px 0;
    border: none;
    display: block;
    text-align: center;
    font-size: 20px;
    color: #3f3f3f;
    font-weight: 700;
  }

  /* CROSS-SELL */
  div.xsell {
    margin: 20px 0 30px 0;
    padding: 10px;
    background: #fff;
  }
  div.xsell a {
    text-decoration: none !important;
    color: inherit;
  }
  div.xsell img {
    margin: 0 auto;
    padding: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  }
  div.xsell h4 {
    margin: 0;
    padding: 15px;
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    color: #3f3f3f;
    background: repeating-linear-gradient(
      45deg,
      #fff,
      #fff 2px,
      #efefef 2px,
      #efefef 4px
    );
  }
  div.xsell span {
    display: block;
    margin: 0;
    padding: 5px 0 0 0;
    color: #666666;
    font-weight: 700;
    font-size: 14px;
    text-align: center;
  }
  div.xsell:hover {
    background: repeating-linear-gradient(
      45deg,
      #fff,
      #fff 2px,
      #efefef 2px,
      #efefef 4px
    );
  }
  div.xsell:hover h4 {
    background: none;
  }

  /* FOOTER */
  .footer {
    background: #f6d8ae;
    padding: 0 0 20px 0;
  }
  .footer h6 {
    margin: 20px 0;
    padding: 10px 0;
    text-align: center;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    background: repeating-linear-gradient(
      45deg,
      #333,
      #333 2px,
      #3f3f3f 2px,
      #3f3f3f 4px
    );
  }
  .footer ul {
    margin: 0;
    padding: 0;
  }
  .footer ul li {
    list-style-type: none;
    text-align: center;
    padding: 5px 0;
    border-top: 1px dotted #555;
  }
  .footer ul li:first-child {
    border: none;
  }
  .footer ul li a {
    color: #666666;
  }
  .footer ul li a:hover {
    color: #fff;
    text-decoration: none;
  }
  .footer p {
    padding: 0 20px;
    text-align: center;
    line-height: 20px;
    color: #999;
  }
  .footer p img {
    margin: 8px auto;
  }
  .footer p.zvb {
    line-height: 32px;
    text-align: left;
    padding: 0 50px;
  }
  .footer p.zvb i {
    color: #888;
    font-weight: 400;
    font-size: 20px;
  }
  .footer a.kontakt {
    display: block;
    max-width: 220px;
    padding: 0;
    line-height: 40px;
    margin: 20px auto !important;
    font-size: 14px;
    font-weight: 700;
    background: #666666;
    color: #3f3f3f;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none !important;
    border: 2px solid #666666;
  }
  .footer a.kontakt:hover {
    background: repeating-linear-gradient(
      45deg,
      #333,
      #333 2px,
      #3f3f3f 2px,
      #3f3f3f 4px
    );
    color: #fff;
  }
  .footer a.kontakt:before {
    font-family: "FontAwesome";
    content: "\f0e6";
    font-size: 14px;
    padding: 0;
    margin: 0;
    display: block;
    background: repeating-linear-gradient(
      45deg,
      #333,
      #333 2px,
      #3f3f3f 2px,
      #3f3f3f 4px
    );
    color: #666666;
    width: 50px;
    float: left;
  }

  /* MEDIA QUERY */
  @media (min-width: 992px) and (max-width: 1200px) {
    .service div h2 {
      font-size: 16px;
    }
    .footer p.zvb {
      padding: 0 20px;
    }
  }
  @media (min-width: 768px) and (max-width: 992px) {
    .artpic {
      padding: 0 100px;
    }
    div.info {
      font-size: 12px;
    }
    .desc {
      float: none;
    }
    a.nlb {
      font-size: 14px;
      padding: 10px;
    }
    div.nlb div div:first-child {
      font-size: 22px;
      padding: 3px 0;
    }
  }
  @media (max-width: 768px) {
    .artpic {
      padding: 10px 0;
      text-align: center;
    }
    div.logo {
      text-align: center;
    }
    a.bnb {
      margin: 10px 0;
    }
    .logo img {
      margin: 0 auto;
      padding: 0;
    }
    div.categories {
      margin-bottom: 10px;
    }
    div.container h1 {
      font-size: 14px;
      text-align: center;
      padding: 20px;
      line-height: 18px;
    }
    div.container h1:before,
    div.container h1:after {
      display: none;
    }
    .desc {
      float: none;
      margin-top: 0;
      padding: 0 20px;
    }
    .desc h2 {
      font-size: 18px;
    }
    .tabs label {
      width: 100%;
    }
    .tabs label span {
      display: inline-block;
    }
    div.xsell {
      margin: 20px;
    }
    div.nlb {
      margin: 0;
      padding: 30px 0 10px 0;
    }
    .nlb div div:first-child {
      padding: 0 0 20px 0;
      font-size: 14px;
      text-align: center;
      float: none;
    }
    a.nlb {
      margin: 0 auto;
      font-size: 14px;
      text-align: center;
    }
  }

  .product-images {
    margin-bottom: 50px;
  }
</style>

<!-- Slider -->
<div class="container-fluid slider-bg hidden-xs">
  <div class="container">
    <div class="row">
      <div class="slider">
        <ul>
          <li>
            <!-- SLIDE IMAGE 1 -->
            <img
              alt=""
              class="img-responsive"
              height="300"
              src="https://g0f.84a.myftpupload.com/wp-content/uploads/2024/07/eBay-Store-Billboard-1280x290-px.jpeg"
            />
          </li>
          <li>
            <!-- SLIDE IMAGE 2 -->
            <img
              alt=""
              class="img-responsive"
              height="300"
              src="https://g0f.84a.myftpupload.com/wp-content/uploads/2024/07/Logo-500x500-px-1.jpeg"
            />
          </li>
          <li>
            <!-- SLIDE IMAGE 3 -->
            <img
              alt=""
              class="img-responsive"
              height="300"
              src="https://g0f.84a.myftpupload.com/wp-content/uploads/2024/07/eBay-Store-Billboard-1280x290-px-1.jpeg"
            />
          </li>
        </ul>
      </div>
    </div>
  </div>
</div>
<!-- Slider -->

<!-- Content -->
<div class="container-fluid">
  <div class="container">
    <!-- Tabs -->
    <div class="tabs">
      <input type="radio" name="tabs" id="tab1" checked="" />
      <label for="tab1"><span>Description</span></label>
      <input type="radio" name="tabs" id="tab2" />
      <label for="tab2"><span>Delivery</span></label>
      <input type="radio" name="tabs" id="tab3" />
      <label for="tab3"><span>FAQs</span></label>

      <!-- Item Description -->
      <div id="tab-content1" class="tab-content">
        <h2>Product Description</h2>
        PRODUCT_DESCRIPTION_HERE
        <ul>
          <h2>Features</h2>
          <li><b>HEADER: </b>DETAILS</li>
          <li><b>HEADER: </b>DETAILS</li>
          <li><b>HEADER: </b>DETAILS</li>
        </ul>
        <ul>
          <h2>Specifications</h2>
          <li><b>HEADER: </b>DETAILS</li>
          <li><b>HEADER: </b>DETAILS</li>
          <li><b>HEADER: </b>DETAILS</li>
          <li><b>HEADER: </b>DETAILS</li>
        </ul>
        <h2>Usage</h2>
        Specifications_here
      </div>

      <!-- Delivery -->
      <div id="tab-content2" class="tab-content">
        <h2>Shipping Information</h2>
        <h4>We ship this item with <strong> APC Overnight & EVRI</strong>.</h4>
        <blockquote>
          Enjoy Fast Shipping with prompt handling during business hours. Your
          order will arrive within
          <mark><strong> 48-72 business hours.</strong></mark> Please
          double-check your address carefully before submitting. We cannot be
          held responsible for parcels lost due to incorrect address
          information.
        </blockquote>
      </div>

      <!-- FAQS -->
      <div id="tab-content3" class="tab-content">
        <h2>What types of products do you offer?</h2>
        <blockquote>
          We offer a wide range of fresh flowers, bouquets, and floral
          arrangements for various occasions, including weddings, birthdays,
          anniversaries, and funerals.
        </blockquote>
        <h2>How can I place an order?</h2>
        <blockquote>
          You can place an order directly through our website by browsing our
          catalog, adding items to your cart, and proceeding to checkout.
          Alternatively, you can call us at 020 8803 4961 to place an order over
          the phone.
        </blockquote>
        <h2>Do you offer same-day delivery?</h2>
        <blockquote>
          Yes, we offer same-day delivery for orders placed before
          <kbd>12:00</kbd>. Please check our delivery page for more details and
          conditions.
        </blockquote>
        <h2>What payment methods do you accept?</h2>
        <blockquote>
          We accept various payment methods, including Visa, MasterCard,
          American Express, PayPal, and other major credit/debit cards.
        </blockquote>
        <h2>Can I customize my order?</h2>
        <blockquote>
          Yes, we offer customization options for many of our floral
          arrangements. You can specify your preferences when placing your
          order, and our florists will do their best to accommodate your
          requests.
        </blockquote>
        <h2>What is your return policy?</h2>
        <blockquote>
          If you are not satisfied with your purchase, please contact us within
          24 hours of delivery to discuss a return or exchange. For more
          details, please refer to our return policy on the website.
        </blockquote>
        <h2>How do I track my order?</h2>
        <blockquote>
          Once your order is dispatched, you will receive a tracking number via
          email. You can use this number to track your order through the
          courier’s tracking system.
        </blockquote>
        <h2>How can I contact customer service?</h2>
        <blockquote>
          You can contact our customer service team by emailing us at
          <a href="mailto:info@universalflower.co.uk"
            ><mark>info@universalflower.co.uk</mark></a
          >, calling <mark>020 8803 4961</mark>. Our business hours are
          <kbd>09:00 - 17:00</kbd>.
        </blockquote>
        <h2>Do you offer a subscription service for regular deliveries?</h2>
        <blockquote>
          Yes, we offer a subscription service for regular flower deliveries.
          You can choose the frequency and type of flowers, and we will deliver
          them to your specified address.
        </blockquote>
        <h2>Where are you located?</h2>
        <blockquote>
          We are located at Unit 5i Nobel Road, Eley Estate, London, N18 3BH.
          Feel free to visit us during our business hours.
        </blockquote>
      </div>
    </div>
    <!-- Tabs -->

    <!-- Product Images -->
    <div class="product-images">
      <img
        alt=""
        class="img-responsive"
        width="100%"
        src="https://via.placeholder.com/1000x200/504136/fff?text=1"
      />
      <img
        alt=""
        class="img-responsive"
        width="100%"
        src="https://via.placeholder.com/1000x1000/7FB285/000?text=2"
      />
      <img
        alt=""
        class="img-responsive"
        width="100%"
        src="https://via.placeholder.com/1000x200/463239/fff?text=3"
      />
      <img
        alt=""
        class="img-responsive"
        width="100%"
        src="https://via.placeholder.com/1000x2000/7FB285/fff?text=3"
      />
    </div>
    <!-- Product Images -->

    <!-- Service -->
    <div id="service" class="row service">
      <div class="col-md-4">
        <div>
          <i class="fa fa-magic"></i>
          <h2>Wedding Flowers</h2>
          Universal Flower provides customized floral arrangements for weddings,
          including bouquets, centerpieces, and venue decorations tailored to
          match the theme and style of your special day.
        </div>
      </div>

      <div class="col-md-4">
        <div>
          <i class="fa fa-diamond"></i>
          <h2>Corporate Flowers</h2>
          They offer floral arrangements for corporate events, offices, and
          businesses, designed to enhance professional spaces with elegance and
          sophistication.
        </div>
      </div>

      <div class="col-md-4">
        <div>
          <i class="fa fa-star"></i>
          <h2>Funeral Flowers</h2>
          The store offers a range of sympathy flowers and arrangements for
          funerals, including wreaths, sprays, and tributes to honor and
          remember loved ones.
        </div>
      </div>
    </div>
    <!-- Service -->

    <!-- Cross-Selling -->
    <div class="row">
      <h1>More offers from our shop</h1>
      <div class="col-md-3 col-sm-6 xsell">
        <a target="_self" href="#">
          <img
            alt=""
            class="img-responsive"
            width="265"
            height="400"
            src="https://via.placeholder.com/265x400/00000/999?text=Image-1(265x400)"
          />
          <h4>Example Product 1 <span>999,00 &pound;</span></h4>
        </a>
      </div>

      <div class="col-md-3 col-sm-6 xsell">
        <a target="_self" href="#">
          <img
            alt=""
            class="img-responsive"
            width="265"
            height="400"
            src="https://via.placeholder.com/270x400/fffff/999?text=Image-2(265x400)"
          />
          <h4>Example Product 2 <span>998,00 &pound;</span></h4>
        </a>
      </div>

      <div class="col-md-3 col-sm-6 xsell">
        <a target="_blank" href="#">
          <img
            alt=""
            class="img-responsive"
            width="265"
            height="400"
            src="https://via.placeholder.com/265x400/bbbbb/999?text=Image-3(265x400)"
          />
          <h4>Example Product 3 <span>997,00 &pound;</span></h4>
        </a>
      </div>

      <div class="col-md-3 col-sm-6 xsell">
        <a target="_blank" href="#">
          <img
            alt=""
            class="img-responsive"
            width="260"
            height="400"
            src="https://via.placeholder.com/265x400/kkkkk/999?text=Image-4(265x400)"
          />
          <h4>Example Product 4 <span>996,00 &pound;</span></h4>
        </a>
      </div>
    </div>
    <!-- Cross-Selling -->
  </div>
</div>
<!-- Content -->

<!-- Footer -->
<div class="container-fluid footer">
  <div class="container">
    <div class="row">
      <div class="col-md-3">
        <h6>Links</h6>
        <ul>
          <li>
            <a
              target="_blank"
              href="https://www.ebay.co.uk/str/universalflowerslondon"
              >Our Shop</a
            >
          </li>
          <li>
            <a
              target="_blank"
              href="https://www.ebay.co.uk/str/universalflowerslondon"
              >Seller Profile</a
            >
          </li>
          <li>
            <a
              target="_blank"
              href="https://www.ebay.co.uk/str/universalflowerslondon?_tab=feedback"
              >Feedback</a
            >
          </li>
          <li>
            <a
              target="_blank"
              href="https://www.ebay.co.uk/str/universalflowerslondon"
              >Save Shop</a
            >
          </li>
          <li>
            <a
              target="_blank"
              href="https://www.ebay.co.uk/cnt/intermediatedFAQ?requested=universalflower"
              >Contact</a
            >
          </li>
        </ul>
      </div>
      <div class="col-md-3">
        <h6>Payment</h6>
        <p class="payment">
          <i class="fa fa-paypal fa-fw"></i> PayPal<br />
          <i class="fa fa-bank fa-fw"></i> Bank Transfer<br />
          <i class="fa fa-credit-card fa-fw"></i> Credit Card<br />
          <i class="fa fa-gbp fa-fw"></i> Cash Payment<br />
        </p>
      </div>
      <div class="col-md-3">
        <h6>Shipping</h6>
        <p class="shipment">
          Fast next day delivery through EVRI & APC Overnight.
        </p>
      </div>
      <div class="col-md-3">
        <h6>Contact</h6>
        <p>
          Do you have questions about our offers? Contact us through the eBay
          contact form.
        </p>
        <a
          class="contact"
          target="_blank"
          href="https://www.ebay.co.uk/cnt/intermediatedFAQ?requested=universalflower"
          >eBay Message</a
        >
      </div>
    </div>
  </div>
</div>
<!-- Footer -->