Infobox 1

CRM Project

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
View Details
<div class="info-box-1 color-2">
    <div class="info-box-1-icon-wrapper">
        <div class="info-box-1-icon">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-coffee"><path d="M18 8h1a4 4 0 0 1 0 8h-1"></path><path d="M2 8h16v9a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V8z"></path><line x1="6" y1="1" x2="6" y2="4"></line><line x1="10" y1="1" x2="10" y2="4"></line><line x1="14" y1="1" x2="14" y2="4"></line></svg>
        </div>
    </div>
    <div class="info-box-1-content-wrapper">
        <h3 class="info-box-1-title">CRM Project</h3>
        <div class="info-box-1-content">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </div>
    </div>
    <a class="info-box-1-button" href="#">View Details </a>
</div>

Infobox 2

Kick Start you new project with
ease!

Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing.
Read More
<div class="info-box-2">
    <div class="info-box-2-bg"></div>
    <div class="info-box-2-bg-blur"></div>
    <div class="info-box-2-content-wrapper">
        <h3 class="info-box-2-title">Kick Start you new project with <br/> ease!</h3>
        <div class="info-box-2-content">Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing.</div>
        <a class="btn btn-rounded btn-custom mt-4" href="#">Read More</a>
    </div>
</div>

Infobox 3

Responsive Design

Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing.
<div class="info-box-3">
    <div class="info-box-3-icon">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-coffee"><path d="M18 8h1a4 4 0 0 1 0 8h-1"></path><path d="M2 8h16v9a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V8z"></path><line x1="6" y1="1" x2="6" y2="4"></line><line x1="10" y1="1" x2="10" y2="4"></line><line x1="14" y1="1" x2="14" y2="4"></line></svg>
    </div>
    <div class="info-box-3-content-wrapper">
        <h3 class="info-box-3-title">Responsive Design</h3>
        <div class="info-box-3-content">Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing.</div>
    </div>
</div>

Infobox 4

Kick Start you new project with ease!

Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing.
Read More
<div class="info-box-4">
    <div class="info-box-4-bg"></div>
    <div class="info-box-4-bg-blur"></div>
    <div class="info-box-4-content-wrapper">
        <h3 class="info-box-4-title">Kick Start you new project with ease!</h3>
        <div class="info-box-4-content">Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing.</div>
        <a class="btn btn-rounded btn-custom mt-4" href="#">Read More</a>
    </div>
</div>