Image marker

Image marker for each object. Include title and price

Image marker 01

<div class="slick-slider dots-inner-center"
     data-slick-options='{"slidesToShow": 1,"infinite":true,"autoplay":false,"dots":true,"arrows":false}'>
    <div class="box">
        <div class="image-marker">
            <img src="../../images/image-marker-01.jpg" alt="Image Marker">
            <a href="#" class="image-pointer"
               style="left:25%;top:61.5%;"
               title="<h5 class='title fs-14'>Partridge Rectangle</h5><p class='description fs-15'>$1390.00</p>" data-toggle="tooltip">
                <div class="pointer-icon">
                    <i class="fal fa-plus"></i>
                </div>
            </a>
            <a href="#" class="image-pointer"
               style="left:50%;top:35%;"
               title="<h5 class='title fs-14'>Partridge Rectangle</h5><p class='description fs-15'>$1390.00</p>" data-toggle="tooltip">
                <div class="pointer-icon">
                    <i class="fal fa-plus"></i>
                </div>
            </a>
            <a href="#" class="image-pointer"
               style="left:71%;top:46%;"
               title="<h5 class='title fs-14'>Partridge Rectangle</h5><p class='description fs-15'>$1390.00</p>" data-toggle="tooltip">
                <div class="pointer-icon">
                    <i class="fal fa-plus"></i>
                </div>
            </a>
        </div>
    </div>
    <div class="box">
        <div class="image-marker">
            <img src="../../images/image-marker-01.jpg" alt="Image Marker">
            <a href="#" class="image-pointer"
               style="left:25%;top:61.5%;"
               title="<h5 class='title fs-14'>Partridge Rectangle</h5><p class='description fs-15'>$1390.00</p>" data-toggle="tooltip">
                <div class="pointer-icon">
                    <i class="fal fa-plus"></i>
                </div>
            </a>
            <a href="#" class="image-pointer"
               style="left:50%;top:35%;"
               title="<h5 class='title fs-14'>Partridge Rectangle</h5><p class='description fs-15'>$1390.00</p>" data-toggle="tooltip">
                <div class="pointer-icon">
                    <i class="fal fa-plus"></i>
                </div>
            </a>
            <a href="#" class="image-pointer"
               style="left:71%;top:46%;"
               title="<h5 class='title fs-14'>Partridge Rectangle</h5><p class='description fs-15'>$1390.00</p>" data-toggle="tooltip">
                <div class="pointer-icon">
                    <i class="fal fa-plus"></i>
                </div>
            </a>
        </div>
    </div>
    <div class="box">
        <div class="image-marker">
            <img src="../../images/image-marker-01.jpg" alt="Image Marker">
            <a href="#" class="image-pointer"
               style="left:25%;top:61.5%;"
               title="<h5 class='title fs-14'>Partridge Rectangle</h5><p class='description fs-15'>$1390.00</p>" data-toggle="tooltip">
                <div class="pointer-icon">
                    <i class="fal fa-plus"></i>
                </div>
            </a>
            <a href="#" class="image-pointer"
               style="left:50%;top:35%;"
               title="<h5 class='title fs-14'>Partridge Rectangle</h5><p class='description fs-15'>$1390.00</p>" data-toggle="tooltip">
                <div class="pointer-icon">
                    <i class="fal fa-plus"></i>
                </div>
            </a>
            <a href="#" class="image-pointer"
               style="left:71%;top:46%;"
               title="<h5 class='title fs-14'>Partridge Rectangle</h5><p class='description fs-15'>$1390.00</p>" data-toggle="tooltip">
                <div class="pointer-icon">
                    <i class="fal fa-plus"></i>
                </div>
            </a>
        </div>
    </div>
</div>

Image marker 02

<div class="slick-slider dots-inner-right slick-dots-light"
     data-slick-options='{"slidesToShow": 1,"infinite":true,"autoplay":false,"dots":true,"arrows":false}'>
    <div class="box">
        <div class="image-marker">
            <img src="../../images/image-marker-02.jpg" alt="Image Marker">
            <a href="#" class="image-pointer"
               style="left:13%;top:68.5%;"
               title="<h5 class='title fs-14'>Partridge Rectangle</h5><p class='description fs-15'>$1390.00</p>" data-toggle="tooltip">
                <div class="pointer-icon">
                    <i class="fal fa-plus"></i>
                </div>
            </a>
            <a href="#" class="image-pointer"
               style="left:20%;top:23%;"
               title="<h5 class='title fs-14'>Partridge Rectangle</h5><p class='description fs-15'>$1390.00</p>" data-toggle="tooltip">
                <div class="pointer-icon">
                    <i class="fal fa-plus"></i>
                </div>
            </a>
            <a href="#" class="image-pointer"
               style="left:62%;top:53%;"
               title="<h5 class='title fs-14'>Partridge Rectangle</h5><p class='description fs-15'>$1390.00</p>" data-toggle="tooltip">
                <div class="pointer-icon">
                    <i class="fal fa-plus"></i>
                </div>
            </a>
            <p class="text-white position-absolute fixed-bottom image-description m-0 border-2x">Collection <a href="#" class="border-bottom border-white-darker font-weight-bold text-white">Spring - Summer Vibe 2021</a></p>
        </div>
    </div>
    <div class="box">
        <div class="image-marker">
            <img src="../../images/image-marker-02.jpg" alt="Image Marker">
            <a href="#" class="image-pointer"
               style="left:13%;top:68.5%;"
               title="<h5 class='title fs-14'>Partridge Rectangle</h5><p class='description fs-15'>$1390.00</p>" data-toggle="tooltip">
                <div class="pointer-icon">
                    <i class="fal fa-plus"></i>
                </div>
            </a>
            <a href="#" class="image-pointer"
               style="left:20%;top:23%;"
               title="<h5 class='title fs-14'>Partridge Rectangle</h5><p class='description fs-15'>$1390.00</p>" data-toggle="tooltip">
                <div class="pointer-icon">
                    <i class="fal fa-plus"></i>
                </div>
            </a>
            <a href="#" class="image-pointer"
               style="left:62%;top:53%;"
               title="<h5 class='title fs-14'>Partridge Rectangle</h5><p class='description fs-15'>$1390.00</p>" data-toggle="tooltip">
                <div class="pointer-icon">
                    <i class="fal fa-plus"></i>
                </div>
            </a>
            <p class="text-white position-absolute fixed-bottom image-description m-0 border-2x">Collection <a href="#" class="border-bottom border-white-darker font-weight-bold text-white">Spring - Summer Vibe 2021</a></p>
        </div>
    </div>
    <div class="box">
        <div class="image-marker">
            <img src="../../images/image-marker-02.jpg" alt="Image Marker">
            <a href="#" class="image-pointer"
               style="left:13%;top:68.5%;"
               title="<h5 class='title fs-14'>Partridge Rectangle</h5><p class='description fs-15'>$1390.00</p>" data-toggle="tooltip">
                <div class="pointer-icon">
                    <i class="fal fa-plus"></i>
                </div>
            </a>
            <a href="#" class="image-pointer"
               style="left:20%;top:23%;"
               title="<h5 class='title fs-14'>Partridge Rectangle</h5><p class='description fs-15'>$1390.00</p>" data-toggle="tooltip">
                <div class="pointer-icon">
                    <i class="fal fa-plus"></i>
                </div>
            </a>
            <a href="#" class="image-pointer"
               style="left:62%;top:53%;"
               title="<h5 class='title fs-14'>Partridge Rectangle</h5><p class='description fs-15'>$1390.00</p>" data-toggle="tooltip">
                <div class="pointer-icon">
                    <i class="fal fa-plus"></i>
                </div>
            </a>
            <p class="text-white position-absolute fixed-bottom image-description m-0 border-2x">Collection <a href="#" class="border-bottom border-white-darker font-weight-bold text-white">Spring - Summer Vibe 2021</a></p>
        </div>
    </div>
</div>