Utility

Text

Use .line-clamp-1 to truncate the text to line 1. Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsum eligendi vitae tempore veniam debitis voluptatibus ducimus facere cupiditate assumenda quisquam dolorum distinctio, perspiciatis quis, alias est et sint autem impedit!

Use .line-clamp-2 to truncate the text to line 2. Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsum eligendi vitae tempore veniam debitis voluptatibus ducimus facere cupiditate assumenda quisquam dolorum distinctio, perspiciatis quis, alias est et sint autem impedit!

Use .line-clamp-3 to truncate the text to line 3. Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsum eligendi vitae tempore veniam debitis voluptatibus ducimus facere cupiditate assumenda quisquam dolorum distinctio, perspiciatis quis, alias est et sint autem impedit! Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsum eligendi vitae tempore veniam debitis voluptatibus ducimus facere cupiditate assumenda quisquam dolorum distinctio, perspiciatis quis, alias est et sint autem impedit!

Use .line-clamp-4 to truncate the text to line 4. Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsum eligendi vitae tempore veniam debitis voluptatibus ducimus facere cupiditate assumenda quisquam dolorum distinctio, perspiciatis quis, alias est et sint autem impedit! Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsum eligendi vitae tempore veniam debitis voluptatibus ducimus facere cupiditate assumenda quisquam dolorum distinctio, perspiciatis quis, alias est et sint autem impedit!

Use .line-clamp-5 to truncate the text to line 5. Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsum eligendi vitae tempore veniam debitis voluptatibus ducimus facere cupiditate assumenda quisquam dolorum distinctio, perspiciatis quis, alias est et sint autem impedit! Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsum eligendi vitae tempore veniam debitis voluptatibus ducimus facere cupiditate assumenda quisquam dolorum distinctio, perspiciatis quis, alias est et sint autem impedit! Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsum eligendi vitae tempore veniam debitis voluptatibus ducimus facere cupiditate assumenda quisquam dolorum distinctio, perspiciatis quis, alias est et sint autem impedit!

Use .fs-7 for extra small text. Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusamus ex sint, mollitia enim nesciunt aliquid doloremque corporis obcaecati totam dignissimos non? Id repellendus earum temporibus nulla itaque ab maxime cumque?

Back To Top

Use Below code to add back to top button, theme take care of the functionality. You can design button as per your need.

<div class="back-to-top">
   <button type="button" class="btn btn-gradient-mesh-3 btn-icon btn-icon-round">
      <i class="feather-corner-right-up"></i>
   </button>
</div>
Hover
.h-zoom-in
.h-zoom-out
.h-top
.h-bottom
.h-left
.h-right
.h-top-left
.h-top-right
.h-bottom-left
.h-bottom-right
.h-rotate
.h-rotate-inverse
.h-rotate-full
.h-rotate-full-inverse
.h-rotate-zoom-in
.h-rotate-inverse-zoom-in
.h-rotate-full-zoom-in
.h-rotate-full-inverse-zoom-in
.h-rotate-zoom-out
.h-rotate-inverse-zoom-out
.h-rotate-full-zoom-out
.h-rotate-full-inverse-zoom-out
.h-bubble-top-left
.h-bubble-top-right
.h-bubble-bottom-left
.h-bubble-bottom-right
.border .h-border
.border .h-border-bubble-top-left
.border .h-border-bubble-top-right
.border .h-border-bubble-bottom-left
.border .h-border-bubble-bottom-right