Untitled

mail@pastecode.io avatar
unknown
plain_text
a year ago
5.5 kB
2
Indexable
Never
<style scoped>
      @media screen and (max-width: 767px) {
        .container-icons {
          padding-left: 30px;
          padding-right: 30px;
        }

        .container-icons .row .col-sm-6 {
          width: 50% !important;
          min-width: 50% !important;
          flex-wrap: wrap;
          margin-bottom: 20px;
        }
      }

      @media screen and (min-width: 768px) {
        .container-icons {
          width: 100%;
          max-width: 800px;
          margin: 0 auto;
        }

        .container-icons .row .col-sm-6 {
          width: 20% !important;
          min-width: 20% !important;
          flex-wrap: wrap;
          margin: 0 0px;
          margin-bottom: 30px;
        }
      }

      @media screen and (min-width: 1024px) {
        .container-icons {
          width: 100%;
          max-width: 992px;
          margin: 0 auto;
        }
      }

      .container-icons .row {
        display: flex;
        display: -ms-flexbox;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: space-around;
        margin-right: -15px;
        margin-left: -15px;
        text-align: center;
      }

      .container-icons .row .policy-item .policy-icon img {
        height: 66px;
        width: 66px;
      }

      .container-icons .row .policy-item .policy-title {
        font-size: 16px;
      }
    </style>
    <div class="container-icons">
      <div class="row">
        <div class="policy-item col-sm-6">
          <div class="policy-icon">
            <img
              src="//cdn.shopify.com/s/files/1/0583/2618/8192/files/plant-based-v2_120x.png?v=1634894154"
            />
          </div>
          <div class="policy-desc">
            <div class="policy-title">Clinically proven</div>
          </div>
        </div>

        <div class="policy-item col-sm-6">
          <div class="policy-icon">
            <img
              src="//cdn.shopify.com/s/files/1/0583/2618/8192/files/gluten-free-v2a_120x.png?v=1634894647"
            />
          </div>
          <div class="policy-desc">
            <div class="policy-title">Toxin Free</div>
          </div>
        </div>

        <div class="policy-item col-sm-6">
          <div class="policy-icon">
            <img
              src="//cdn.shopify.com/s/files/1/0583/2618/8192/files/non-gmo-v2a_120x.png?v=1634894421"
            />
          </div>
          <div class="policy-desc">
            <div class="policy-title">Hypoallergenic</div>
          </div>
        </div>

        <div class="policy-item col-sm-6">
          <div class="policy-icon">
            <img
              src="//cdn.shopify.com/s/files/1/0583/2618/8192/files/vegan-v2_ea85a4ed-bdc5-45db-bd99-31c714512efb_120x.png?v=1634894154"
            />
          </div>
          <div class="policy-desc">
            <div class="policy-title">pH balanced</div>
          </div>
        </div>

        <div class="policy-item col-sm-6">
          <div class="policy-icon">
            <img
              src="//cdn.shopify.com/s/files/1/0583/2618/8192/files/cruelty-free-v2_7b0359e1-478f-4ae7-9ae6-2c336f071850_120x.png?v=1634894154"
            />
          </div>
          <div class="policy-desc">
            <div class="policy-title">No Parabens</div>
          </div>
        </div>

        <div class="policy-item col-sm-6">
          <div class="policy-icon">
            <img
              src="//cdn.shopify.com/s/files/1/0583/2618/8192/files/ph-balanced-v2_120x.png?v=1634894154"
            />
          </div>
          <div class="policy-desc">
            <div class="policy-title">No SLS / SLES</div>
          </div>
        </div>

        <div class="policy-item col-sm-6">
          <div class="policy-icon">
            <img
              src="//cdn.shopify.com/s/files/1/0583/2618/8192/files/dermatologically-tested_d457481c-5357-46b8-b2d6-a4c8d21a3cac_120x.png?v=1634894154"
            />
          </div>
          <div class="policy-desc">
            <div class="policy-title">No Formaldehyde Donors</div>
          </div>
        </div>

        <div class="policy-item col-sm-6">
          <div class="policy-icon">
            <img
              src="//cdn.shopify.com/s/files/1/0583/2618/8192/files/sustainability-focused_1588a354-2a30-43dc-a353-2e20ade61e19_120x.png?v=1634894154"
            />
          </div>
          <div class="policy-desc">
            <div class="policy-title">No Artificial colors</div>
          </div>
        </div>

        <div class="policy-item col-sm-6">
          <div class="policy-icon">
            <img
              src="//cdn.shopify.com/s/files/1/0583/2618/8192/files/dermatologically-tested_d457481c-5357-46b8-b2d6-a4c8d21a3cac_120x.png?v=1634894154"
            />
          </div>
          <div class="policy-desc">
            <div class="policy-title">No Syhthetic Fragarance</div>
          </div>
        </div>

        <div class="policy-item col-sm-6">
          <div class="policy-icon">
            <img
              src="//cdn.shopify.com/s/files/1/0583/2618/8192/files/sustainability-focused_1588a354-2a30-43dc-a353-2e20ade61e19_120x.png?v=1634894154"
            />
          </div>
          <div class="policy-desc">
            <div class="policy-title">Recyclable plastic</div>
          </div>
        </div>
      </div>
    </div>