JSFiddle - React, Tailwind, and code Playground

by Osama Qassar

HTML

<div class="carousel slide" id="myCarousel" data-ride="carousel">
          
          <div class="carousel-inner">
            <div class="carousel-item active">
              <a href="#" class="row prop">
                <div class="col-12 col-xl-6 prop-img">
                  <img src="./images/featured_projects.jpg" alt="" />
                </div>
                <div class="col-12 col-xl-6">
                  <h3>Luxer Villa In Rego Park</h3>
                  <div class="d-flex justify-content-between pb-5">
                    <div class="price d-flex align-items-center">
                      $2.000.000
                      <div class="state">Sale</div>
                    </div>
                    <div class="place">
                      <i class="icon-location"></i>
                      Kansas, USA
                    </div>
                  </div>
                  <p class="pb-4 desc">
                    Lorem ipsum, dolor sit amet consectetur adipisicing elit.
                    Ducimus, laudantium libero quibusdam iure commodi ex
                    blanditiis et officia quam, quia recusandae consequatur
                    cupiditate natus quas ipsum unde laudantium libero quibusdam
                    iure commodi ex blanditiis et officia quam, quia recusandae
                    consequatur cupiditate natus quas ipsum unde voluptatibus?
                    Obcaecati, vitae.
                  </p>
                  <div class="features">
                    <div class="feat d-flex justify-content-between">
                      <i class="icon-barcode"></i>
                      <div>
                        <p>1234567890</p>
                        <span>property ID</span>
                      </div>
                    </div>
                    <div class="feat d-flex justify-content-between">
                      <i class="icon-user"></i>
                      <div>
                        <p>123456</p>
                       ...