Elements - Box

Fancy box

Most Innovative

2023

Lorem ipsum dolor sit amet consectetur adipisicing elit. Nobis fugiat libero neque obcaecati molestias


<div class="fancy-box">
  <h3>Most Innovative</h3>
  <h6 class="sm-heading">2023</h6>
  <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nobis fugiat libero neque obcaecati molestias</p>
</div>

Order box

01

Planning

Lorem ipsum dolor sit amet consectetur adipisicing elit. Non tempore earum molestiae corrupti


<div class="order-box">
  <div class="order">
    <h2 class="display-4 fw-semi-bold stroke-text">01</h2>
  </div>
  <div>
    <h3>Planning</h3>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Non tempore earum molestiae corrupti</p>
  </div>
</div>

Border-radius 0.5em

Most Innovative

2023

Lorem ipsum dolor sit amet consectetur adipisicing elit. Nobis fugiat libero neque obcaecati molestias


<div class="fancy-box border-radius">
  <h3>Most Innovative</h3>
  <h6 class="sm-heading">2023</h6>
  <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nobis fugiat libero neque obcaecati molestias</p>
</div>

Border-radius 1em

Most Innovative

2023

Lorem ipsum dolor sit amet consectetur adipisicing elit. Nobis fugiat libero neque obcaecati molestias


<div class="fancy-box border-radius-1">
  <h3>Most Innovative</h3>
  <h6 class="sm-heading">2023</h6>
  <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nobis fugiat libero neque obcaecati molestias</p>
</div>

Icon box


<div class="icon-box">
  <i class="bi bi-star"></i>
</div>
<div class="icon-box icon-box-lg">
  <i class="bi bi-star"></i>
</div>