#### 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>