Cards

Cards
Vertical Card
Ex.

<div class="card shadow rounded border-0 overflow-hidden">
    <img src="assets/images/blog/01.jpg" class="img-fluid" alt="">
    <div class="card-body">
        <h5 class="card-title">Saas & Software : Landrick</h5>
        <p class="text-muted">Due to its widespread use as filler text for layouts, non-readability is of great importance</p>
        <a href="javascript:void(0)" class="text-primary">Read More <i class="uil uil-angle-right-b align-middle"></i></a>
    </div>
</div>
Saas & Software : Landrick

Due to its widespread use as filler text for layouts, non-readability is of great importance

Read More
Saas & Software : Landrick

Due to its widespread use as filler text for layouts, non-readability is of great importance

Read More
Horizontal Card
Ex.

<div class="card shadow rounded border-0 overflow-hidden">
    <div class="row g-0">
        <div class="col-md-5">
            <img src="assets/images/work/14.jpg" class="img-fluid" alt="...">
        </div>
        <div class="col-md-7">
            <div class="card-body">
                <h5 class="card-title">Saas & Software : Landrick</h5>
                <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
                <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
            </div>
        </div>
    </div>
</div>
...
Saas & Software : Landrick

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

Last updated 3 mins ago

Login