Home
Framework
Theme
All
561
Forms
12
Charts
21
Navbars
38
Sidebars
26
Typography
41
Components
51
Tables
34
Cards
63
Cards Section
37
Testimonials
13
Teams Section
11
Faq
4
Headers
36
Blogs
11
Contacts Section
9
Profiles Section
13
Charts Section
7
Tables Section
15
Contents
13
Projects Section
14
Stats
7
Logo Areas
6
Authentication
10
Contact Us
5
Features
19
Pricing
7
Teams
9
Call To Actions
13
Http Codes
2


Call To Actions - All Examples
Discover 13 Call To Actions examples available in Loopple
Call To Action 1

<div class="py-5 draggable">
<div class="container">
<div class="row">
<div class="col-lg-6">
<h4 class="mb-1">Thank you for your support!</h4>
<p class="lead mb-0">Delivering the best products</p>
</div>
<div class="col-lg-6 d-flex align-items-center">
<a href="javascript:;" class="btn btn-twitter mb-0 me-2">
<i class="fab fa-twitter me-1"></i> Twitter
</a>
<a href="javascript:;" class="btn btn-facebook mb-0 me-2">
<i class="fab fa-facebook-square me-1"></i> Facebook
</a>
<a href="javascript:;" class="btn btn-tumblr mb-0 me-2">
<i class="fab fa-tumblr me-1"></i> Tumblr
</a>
<a href="javascript:;" class="btn btn-dribbble mb-0">
<i class="fab fa-dribbble me-1"></i> Dribbble
</a>
</div>
</div>
</div>
</div>
<div class="py-5 draggable">
<div class="container">
<div class="row">
<div class="col-lg-6">
<h4 class="mb-1">Thank you for your support!</h4>
<p class="lead mb-0">Delivering the best products</p>
</div>
<div class="col-lg-6 d-flex align-items-center">
<a href="javascript:;" class="btn btn-twitter mb-0 me-2">
<i class="fab fa-twitter me-1"></i> Twitter
</a>
<a href="javascript:;" class="btn btn-facebook mb-0 me-2">
<i class="fab fa-facebook-square me-1"></i> Facebook
</a>
<a href="javascript:;" class="btn btn-tumblr mb-0 me-2">
<i class="fab fa-tumblr me-1"></i> Tumblr
</a>
<a href="javascript:;" class="btn btn-dribbble mb-0">
<i class="fab fa-dribbble me-1"></i> Dribbble
</a>
</div>
</div>
</div>
</div>
Call To Action 3
Call To Action 4
Pre Footer With Text
Call To Action 2

<div class="py-5 draggable">
<div class="container">
<div class="row">
<div class="col-lg-6 text-start">
<h4>Get tips & tricks every week</h4>
<p class="mb-0">The latest news, articles and resources sent to your inbox weekely.</p>
</div>
<div class="col-lg-5 ms-auto text-end mt-4 mt-lg-0">
<div class="row">
<div class="col-lg-8 col-md-4 col-7">
<div class="form-group mb-0">
<div class="input-group">
<div class="input-group">
<span class="input-group-text"><i class="ni ni-email-83"></i></span>
<input class="form-control" placeholder="Your Email" type="email" >
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-5 text-start">
<button type="button" class="btn bg-gradient-primary mb-0 h-100">Subscribe</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="py-5 draggable">
<div class="container">
<div class="row">
<div class="col-lg-6 text-start">
<h4>Get tips & tricks every week</h4>
<p class="mb-0">The latest news, articles and resources sent to your inbox weekely.</p>
</div>
<div class="col-lg-5 ms-auto text-end mt-4 mt-lg-0">
<div class="row">
<div class="col-lg-8 col-md-4 col-7">
<div class="form-group mb-0">
<div class="input-group">
<div class="input-group">
<span class="input-group-text"><i class="ni ni-email-83"></i></span>
<input class="form-control" placeholder="Your Email" type="email" >
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-5 text-start">
<button type="button" class="btn bg-gradient-primary mb-0 h-100">Subscribe</button>
</div>
</div>
</div>
</div>
</div>
</div>