Shadows Box

Shadow with Box - Example with card

.box-shadow-bottom

Some quick example text....

Go somewhere

.box-shadow-right

Some quick example text....

Go somewhere

.box-shadow-left

Some quick example text....

Go somewhere

.box-shadow-top-bottom

Some quick example text....

Go somewhere

.box-shadow-side

Some quick example text....

Go somewhere

<div class="card box-shadow-bottom border-0">
    <div class="card-body">
        <h4 class="card-title">Card title</h4>
        <p class="card-text">Some quick example text....</p>
        <a href="#" class="btn btn-sm btn-primary">Go somewhere</a>
    </div>
</div>
<div class="card box-shadow-right border-0">
    <div class="card-body">
        <h4 class="card-title">Card title</h4>
        <p class="card-text">Some quick example text....</p>
        <a href="#" class="btn btn-sm btn-primary">Go somewhere</a>
    </div>
    <div class="card box-shadow-left border-0">
        <div class="card-body">
            <h4 class="card-title">Card title</h4>
            <p class="card-text">Some quick example text....</p>
            <a href="#" class="btn btn-sm btn-primary">Go somewhere</a>
        </div>
    </div>
    <div class="card box-shadow-top-bottom border-0">
        <div class="card-body">
            <h4 class="card-title">Card title</h4>
            <p class="card-text">Some quick example text....</p>
            <a href="#" class="btn btn-sm btn-primary">Go somewhere</a>
        </div>
    </div>
    <div class="card box-shadow-side border-0">
        <div class="card-body">
            <h4 class="card-title">Card title</h4>
            <p class="card-text">Some quick example text....</p>
            <a href="#" class="btn btn-sm btn-primary">Go somewhere</a>
        </div>

Base Theme

Components

Section

MegaMenu heading

Shadows Box

Shadow with Box - Example with card

.box-shadow-bottom

.box-shadow-right

.box-shadow-left

.box-shadow-top-bottom

.box-shadow-side