{{ 'product-description-style14.css' | asset_url | stylesheet_tag }}

<div class='product-description-style14'>
  <xo-grid
    style='
      --xs: 1; --md: 2; --xo-grid-col-gap: 60px;
      --xo-grid-row-gap: 0px;
    '
  >
    <div class='product-description__img-wrap'>
      <img
        srcset='//demo-default.myshopify.com/cdn/shop/files/3.jpg?v=1654768722 1x, //demo-default.myshopify.com/cdn/shop/files/3@2x.jpg?v=1654768722 2x'
        src='//demo-default.myshopify.com/cdn/shop/files/3.jpg?v=1654768722'
        loading='lazy'
        alt='Halo - Shopify Theme'
        sizes='700px'
      >
    </div>
    <div style='display: flex; flex-direction: column; justify-content:center'>
      <h3 style='text-align: center'>TRENDY & STYLE</h3>
      <p style='text-align: center'>
        Proin euismod elit at viverra condimentum. Donec ornare sodales tincidunt. Integer fringilla suscipit erat a ornare. Curabitur ullamcorper varius congue. Donec congue
        commodo ex in ullamcorper. Cras vitae lectus gravida, gravida nunc ut, hendrerit lorem. Donec nec mattis metus, ut posuere odio. Integer ut ultrices nibh.
      </p>
    </div>
    <div style='display: flex; flex-direction: column; justify-content:center'>
      <h3>100% HANDMADE</h3>
      <p>
        Proin euismod elit at viverra condimentum. Donec ornare sodales tincidunt. Integer fringilla suscipit erat a ornare. Curabitur ullamcorper varius congue. Donec congue
        commodo ex in ullamcorper. Cras vitae lectus gravida, gravida nunc ut, hendrerit lorem. Donec nec mattis metus, ut posuere odio. Integer ut ultrices nibh.
      </p>
    </div>
    <div class='product-description__img-wrap'>
      <img
        srcset='//demo-default.myshopify.com/cdn/shop/files/2_25bef8d8-8d31-46e7-bcf1-243d9c9e0274.jpg?v=1654768696 1x, //demo-default.myshopify.com/cdn/shop/files/2_25bef8d8-8d31-46e7-bcf1-243d9c9e0274@2x.jpg?v=1654768696 2x'
        src='//demo-default.myshopify.com/cdn/shop/files/2_25bef8d8-8d31-46e7-bcf1-243d9c9e0274.jpg?v=1654768696'
        loading='lazy'
        alt='Halo - Shopify Theme'
        sizes='700px'
      >
    </div>
  </xo-grid>
  <div style='padding-top: 3rem; padding-bottom: 3rem;'>
    <p>
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi tincidunt nunc at eros tempus, ac scelerisque dolor luctus. Vivamus non convallis arcu. Duis vitae scelerisque
      nulla. Mauris a euismod diam. Sed condimentum luctus arcu, sit amet dictum dui cursus ut. Curabitur id maximus risus. Proin suscipit eu libero et sodales. Vestibulum
      efficitur est enim, finibus luctus nisi dictum imperdiet. Donec ante ipsum, aliquet nec rutrum in, tincidunt nec est. Curabitur faucibus nulla id ex commodo, eget venenatis
      dui congue. Pellentesque nibh lorem, elementum in facilisis eget, cursus ut turpis. Suspendisse lobortis egestas est id luctus. Aenean a turpis ac neque porttitor semper sit
      amet id ex. Integer et dui eleifend, hendrerit erat eget, elementum arcu. Ut quis viverra metus.
    </p>
    <br>
    <p>
      Proin euismod elit at viverra condimentum. Donec ornare sodales tincidunt. Integer fringilla suscipit erat a ornare. Curabitur ullamcorper varius congue. Donec congue commodo
      ex in ullamcorper. Cras vitae lectus gravida, gravida nunc ut, hendrerit lorem. Donec nec mattis metus, ut posuere odio. Integer ut ultrices nibh. Proin aliquam, nunc in
      placerat feugiat, nulla diam ultricies erat, ac mollis massa enim vel eros. Aliquam hendrerit ante dolor, eget semper augue fermentum sit amet. Lorem ipsum dolor sit amet,
      consectetur adipiscing elit. Proin id eleifend nisl, nec aliquet ipsum. Pellentesque tempus est justo, ac mattis mauris hendrerit vitae.
    </p>
  </div>
  <div style='display: flex; flex-wrap: wrap; justify-content: center; column-gap: 5rem; row-gap: 2rem'>
    <div>
      <h4>Sample Unordered List</h4>
      <ul>
        <li>Comodous in tempor ullamcorper miaculis.</li>
        <li>Pellentesque vitae neque mollis urna mattis laoreet.</li>
        <li>Divamus sit amet purus justo.</li>
      </ul>
    </div>
    <div>
      <h4>Sample Ordered List</h4>
      <ol>
        <li>Comodous in tempor ullamcorper miaculis.</li>
        <li>Pellentesque vitae neque mollis urna mattis laoreet.</li>
        <li>Divamus sit amet purus justo.</li>
      </ol>
    </div>
  </div>
  <div class='product-description__quote'>
    <h4 style='text-align: center'>Sample Quote</h4>
    <p style='font-style: italic; font-weight: 500'>
      Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor
      repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae.
    </p>
  </div>
</div>
