Feature 1
Awesome with Extra Ordinary Flexibility
You can relay on our amazing features list and also our customer services will be great experience for you without doubt and in no-time
Retargeting Market
You can relay on our amazing features list and also our customer services will be great experience.
Fruitful Results
You can relay on our amazing features list and also our customer services will be great experience.
Instant Solutions
You can relay on our amazing features list and also our customer services will be great experience.
View Feature1 code
<div class="bg-light spacer feature1">
<div class="container">
<!-- Row -->
<div class="row justify-content-center">
<div class="col-md-7 text-center">
<span class="label label-success label-rounded">Feature 1</span>
<h2 class="title">Awesome with Extra Ordinary Flexibility</h2>
<h6 class="subtitle">You can relay on our amazing features list and also our customer services will be great experience for you without doubt and in no-time</h6>
</div>
</div>
<!-- Row -->
<div class="row m-t-40">
<!-- Column -->
<div class="col-md-4 wrap-feature1-box">
<div class="card card-shadow" data-aos="fade-right" data-aos-duration="1200">
<div class="card-body text-center">
<div class="icon-space"><img src="../assets/images/features/feature1/market.png" alt="wrapkit" /></div>
<h5 class="font-medium">Retargeting Market</h5>
<p class="m-t-20">You can relay on our amazing features list and also our customer services will be great experience.</p>
</div>
</div>
</div>
<!-- Column -->
<div class="col-md-4 wrap-feature1-box">
<div class="card card-shadow" data-aos="fade-up" data-aos-duration="1200">
<div class="card-body text-center">
<div class="icon-space"><img src="../assets/images/features/feature1/fruit.png" alt="wrapkit" /></div>
<h5 class="font-medium">Fruitful Results</h5>
<p class="m-t-20">You can relay on our amazing features list and also our customer services will be great experience.</p>
</div>
</div>
</div>
<!-- Column -->
<div class="col-md-4 wrap-feature1-box">
<div class="card card-shadow" data-aos="fade-left" data-aos-duration="1200">
<div class="card-body text-center">
<div class="icon-space"><img src="../assets/images/features/feature1/instant.png" alt="wrapkit" /></div>
<h5 class="font-medium">Instant Solutions</h5>
<p class="m-t-20">You can relay on our amazing features list and also our customer services will be great experience.</p>
</div>
</div>
</div>
<div class="col-md-12 m-t-20 text-center">
<a class="btn btn-success-gradiant btn-md btn-arrow" data-toggle="collapse" href="#f1"><span>View Feature1 code <i class="ti-arrow-right"></i></span></a>
</div>
</div>
</div>
</div>
.wrap-feature1-box .card-body {
padding: 40px;
}
Feature 2
Awesome with Extra Ordinary Flexibility
You can relay on our amazing features list and also our customer services will be great experience for you without doubt and in no-time
Retargeting Market
You can relay on our amazing features list and also our customer services will be great experience.
Fruitful Results
You can relay on our amazing features list and also our customer services will be great experience.
Instant Solutions
You can relay on our amazing features list and also our customer services will be great experience.
View Feature2 code
<div class="spacer feature2">
<div class="container">
<!-- Row -->
<div class="row justify-content-center">
<div class="col-md-7 text-center">
<span class="label label-info label-rounded">Feature 2</span>
<h2 class="title">Awesome with Extra Ordinary Flexibility</h2>
<h6 class="subtitle">You can relay on our amazing features list and also our customer services will be great experience for you without doubt and in no-time</h6>
</div>
</div>
<!-- Row -->
<div class="row m-t-40">
<!-- Column -->
<div class="col-md-4 wrap-feature2-box">
<div class="card card-shadow" data-aos="flip-left" data-aos-duration="1200">
<img class="card-img-top" src="../assets/images/features/feature2/market.jpg" alt="wrappixel kit" />
<div class="card-body text-center">
<h5 class="font-medium">Retargeting Market</h5>
<p class="m-t-20">You can relay on our amazing features list and also our customer services will be great experience.</p>
</div>
</div>
</div>
<!-- Column -->
<div class="col-md-4 wrap-feature2-box">
<div class="card card-shadow" data-aos="flip-up" data-aos-duration="1200">
<img class="card-img-top" src="../assets/images/features/feature2/fruit.jpg" alt="wrappixel kit" />
<div class="card-body text-center">
<h5 class="font-medium">Fruitful Results</h5>
<p class="m-t-20">You can relay on our amazing features list and also our customer services will be great experience.</p>
</div>
</div>
</div>
<!-- Column -->
<div class="col-md-4 wrap-feature2-box">
<div class="card card-shadow" data-aos="flip-right" data-aos-duration="1200">
<img class="card-img-top" src="../assets/images/features/feature2/instant.jpg" alt="wrappixel kit" />
<div class="card-body text-center">
<h5 class="font-medium">Instant Solutions</h5>
<p class="m-t-20">You can relay on our amazing features list and also our customer services will be great experience.</p>
</div>
</div>
</div>
<div class="col-md-12 m-t-20 text-center">
<a class="btn btn-info-gradiant btn-md btn-arrow"><span>View Feature2 code <i class="ti-arrow-right"></i></span></a>
</div>
</div>
</div>
</div>
.wrap-feature2-box .card-body {
padding: 40px;
}
Feature 3
Awesome with Extra Ordinary Flexibility
You can relay on our amazing features list and also our customer services will be great experience for you without doubt and in no-time
Instant Solutions
You can relay on our amazing features list and also our customer services will be great experience.
Powerful Techniques
You can relay on our amazing features list and also our customer services will be great experience.
100% Satisfaction
You can relay on our amazing features list and also our customer services will be great experience.
Retargeting Market
You can relay on our amazing features list and also our customer services will be great experience.
View Feature3 code
<div class="bg-light spacer feature3">
<div class="container">
<!-- Row -->
<div class="row justify-content-center">
<div class="col-md-7 text-center">
<span class="label label-success label-rounded">Feature 3</span>
<h2 class="title">Awesome with Extra Ordinary Flexibility</h2>
<h6 class="subtitle">You can relay on our amazing features list and also our customer services will be great experience for you without doubt and in no-time</h6>
</div>
</div>
<!-- Row -->
<div class="row m-t-40">
<!-- Column -->
<div class="col-md-6 wrap-feature3-box">
<div class="card card-shadow" data-aos="fade-right" data-aos-duration="1200">
<div class="card-body d-flex">
<div class="icon-space align-self-center"><i class="icon-Double-Circle display-2 text-success-gradiant"></i></div>
<div class="align-self-center">
<h5 class="font-medium"><a href="javascript:void(0)" class="linking">Instant Solutions <i class="ti-arrow-right"></i></a></h5>
<p class="m-t-20">You can relay on our amazing features list and also our customer services will be great experience.</p>
</div>
</div>
</div>
</div>
<!-- Column -->
<!-- Column -->
<div class="col-md-6 wrap-feature3-box">
<div class="card card-shadow" data-aos="fade-left" data-aos-duration="1200">
<div class="card-body d-flex">
<div class="icon-space align-self-center"><i class="icon-Stopwatch display-2 text-success-gradiant"></i></div>
<div class="align-self-center">
<h5 class="font-medium"><a href="javascript:void(0)" class="linking">Powerful Techniques <i class="ti-arrow-right"></i></a></h5>
<p class="m-t-20">You can relay on our amazing features list and also our customer services will be great experience.</p>
</div>
</div>
</div>
</div>
<!-- Column -->
<!-- Column -->
<div class="col-md-6 wrap-feature3-box">
<div class="card card-shadow" data-aos="fade-right" data-aos-duration="1200">
<div class="card-body d-flex">
<div class="icon-space align-self-center"><i class="icon-Thumbs-UpSmiley display-2 text-success-gradiant"></i></div>
<div class="align-self-center">
<h5 class="font-medium"><a href="javascript:void(0)" class="linking">100% Satisfaction <i class="ti-arrow-right"></i></a></h5>
<p class="m-t-20">You can relay on our amazing features list and also our customer services will be great experience.</p>
</div>
</div>
</div>
</div>
<!-- Column -->
<!-- Column -->
<div class="col-md-6 wrap-feature3-box">
<div class="card card-shadow" data-aos="fade-left" data-aos-duration="1200">
<div class="card-body d-flex">
<div class="icon-space align-self-center"><i class="icon-Window-2 display-2 text-success-gradiant"></i></div>
<div class="align-self-center">
<h5 class="font-medium"><a href="javascript:void(0)" class="linking">Retargeting Market <i class="ti-arrow-right"></i></a></h5>
<p class="m-t-20">You can relay on our amazing features list and also our customer services will be great experience.</p>
</div>
</div>
</div>
</div>
<!-- Column -->
<div class="col-md-12 m-t-20 text-center">
<a class="btn btn-success-gradiant btn-md btn-arrow"><span>View Feature3 code <i class="ti-arrow-right"></i></span></a>
</div>
</div>
</div>
</div>
.wrap-feature3-box .card-body {
padding: 40px;
}
.wrap-feature3-box .card-body .icon-space {
padding: 0px 40px 20px 0px;
}
Feature 4
Awesome with Extra Ordinary Flexibility
You can relay on our amazing features list and also our customer services will be great experience for you without doubt and in no-time
Instant Solutions
You can relay on our amazing features list and also our customer services will be great experience. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tristique pellentesque ipsum.
Check the Feature4 CodePowerful Techniques
You can relay on our amazing features list and also our customer services will be great experience. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tristique pellentesque ipsum.
Check the Feature4 Code
<div class="spacer feature4">
<div class="container">
<!-- Row -->
<div class="row justify-content-center">
<div class="col-md-7 text-center">
<span class="label label-danger label-rounded">Feature 4</span>
<h2 class="title">Awesome with Extra Ordinary Flexibility</h2>
<h6 class="subtitle">You can relay on our amazing features list and also our customer services will be great experience for you without doubt and in no-time</h6>
</div>
</div>
<!-- Row -->
<div class="row m-t-40">
<!-- Column -->
<div class="col-md-6 wrap-feature4-box">
<div class="card" data-aos="zoom-out-right" data-aos-duration="1200">
<div class="card-body">
<div class="icon-round bg-light-info"><i class="icon-Clown"></i></div>
<h5 class="font-medium">Instant Solutions</h5>
<p class="m-t-20">You can relay on our amazing features list and also our customer services will be great experience. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tristique pellentesque ipsum.</p>
<a class="linking text-themecolor">Check the Feature4 Code <i class="ti-arrow-right"></i></a>
</div>
</div>
</div>
<!-- Column -->
<!-- Column -->
<div class="col-md-6 wrap-feature4-box">
<div class="card" data-aos="zoom-out-left" data-aos-duration="1200">
<div class="card-body">
<div class="icon-round bg-light-info"><i class="icon-Mouse-3"></i></div>
<h5 class="font-medium">Powerful Techniques </h5>
<p class="m-t-20">You can relay on our amazing features list and also our customer services will be great experience. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent tristique pellentesque ipsum. </p>
<a class="linking text-themecolor">Check the Feature4 Code <i class="ti-arrow-right"></i></a>
</div>
</div>
</div>
<!-- Column -->
</div>
</div>
</div>
.wrap-feature4-box .icon-round {
font-size: 45px;
width: 80px;
color: #009efb;
line-height: 80px;
text-align: center;
display: inline-block;
margin: 20px 0 30px;
border-radius: 100%;
}
Feature 5
Awesome with Extra Ordinary Flexibility
You can relay on our amazing features list and also our customer services will be great experience for you without doubt and in no-time
Instant Solutions
You can relay on our amazing features list and also our customer services.
Powerful Tech
You can relay on our amazing features list and also our customer services.
100% Satisfaction
You can relay on our amazing features list and also our customer services.
Targeting Market
You can relay on our amazing features list and also our customer services.
Goal Achievement
You can relay on our amazing features list and also our customer services.
Fully Responsive
You can relay on our amazing features list and also our customer services.
View Feature5 code
<div class="bg-light spacer feature5">
<div class="container">
<!-- Row -->
<div class="row justify-content-center">
<div class="col-md-7 text-center">
<span class="label label-success label-rounded">Feature 5</span>
<h2 class="title">Awesome with Extra Ordinary Flexibility</h2>
<h6 class="subtitle">You can relay on our amazing features list and also our customer services will be great experience for you without doubt and in no-time</h6>
</div>
</div>
<!-- Row -->
<div class="row m-t-40">
<!-- Column -->
<div class="col-md-4 wrap-feature5-box">
<div class="card card-shadow" data-aos="fade-right" data-aos-duration="1200">
<div class="card-body d-flex">
<div class="icon-space"><i class="text-success-gradiant icon-Stopwatch"></i></div>
<div class="">
<h6 class="font-medium"><a href="javascript:void(0)" class="linking">Instant Solutions</a></h6>
<p class="m-t-20">You can relay on our amazing features list and also our customer services.</p>
</div>
</div>
</div>
</div>
<!-- Column -->
<!-- Column -->
<div class="col-md-4 wrap-feature5-box">
<div class="card card-shadow" data-aos="fade-down" data-aos-duration="1200">
<div class="card-body d-flex">
<div class="icon-space"><i class="text-success-gradiant icon-Information"></i></div>
<div class="">
<h6 class="font-medium"><a href="javascript:void(0)" class="linking">Powerful Tech </a></h6>
<p class="m-t-20">You can relay on our amazing features list and also our customer services.</p>
</div>
</div>
</div>
</div>
<!-- Column -->
<!-- Column -->
<div class="col-md-4 wrap-feature5-box">
<div class="card card-shadow" data-aos="fade-left" data-aos-duration="1200">
<div class="card-body d-flex">
<div class="icon-space"><i class="text-success-gradiant icon-Leo-2"></i></div>
<div class="">
<h6 class="font-medium"><a href="javascript:void(0)" class="linking">100% Satisfaction </a></h6>
<p class="m-t-20">You can relay on our amazing features list and also our customer services.</p>
</div>
</div>
</div>
</div>
<!-- Column -->
<!-- Column -->
<div class="col-md-4 wrap-feature5-box">
<div class="card card-shadow" data-aos="fade-right" data-aos-duration="1200">
<div class="card-body d-flex">
<div class="icon-space"><i class="text-success-gradiant icon-Target-Market"></i></div>
<div class="">
<h6 class="font-medium"><a href="javascript:void(0)" class="linking">Targeting Market</a></h6>
<p class="m-t-20">You can relay on our amazing features list and also our customer services.</p>
</div>
</div>
</div>
</div>
<!-- Column -->
<!-- Column -->
<div class="col-md-4 wrap-feature5-box">
<div class="card card-shadow" data-aos="fade-up" data-aos-duration="1200">
<div class="card-body d-flex">
<div class="icon-space"><i class="text-success-gradiant icon-Sunglasses-Smiley"></i></div>
<div class="">
<h6 class="font-medium"><a href="javascript:void(0)" class="linking">Goal Achievement </a></h6>
<p class="m-t-20">You can relay on our amazing features list and also our customer services.</p>
</div>
</div>
</div>
</div>
<!-- Column -->
<!-- Column -->
<div class="col-md-4 wrap-feature5-box">
<div class="card card-shadow" data-aos="fade-left" data-aos-duration="1200">
<div class="card-body d-flex">
<div class="icon-space"><i class="text-success-gradiant icon-Laptop-Phone"></i></div>
<div class="">
<h6 class="font-medium"><a href="javascript:void(0)" class="linking">Fully Responsive</a></h6>
<p class="m-t-20">You can relay on our amazing features list and also our customer services.</p>
</div>
</div>
</div>
</div>
<!-- Column -->
<div class="col-md-12 m-t-20 text-center">
<a class="btn btn-success-gradiant btn-md btn-arrow"><span>View Feature5 code <i class="ti-arrow-right"></i></span></a>
</div>
</div>
</div>
</div>
.wrap-feature5-box .card-body {
padding: 30px;
}
.wrap-feature5-box .card-body .icon-space {
padding: 0px 30px 20px 0px;
font-size: 45px;
margin: 0px;
}
.wrap-feature5-box .card-body p {
margin-bottom: 0px;
}
Feature 6
Awesome with Extra Ordinary Flexibility
You can relay on our amazing features list and also our customer services will be great experience for you without doubt and in no-time
Retargeting Market
Lorem ipsum dolor sit amet, consecte tuam porttitor, nunc et fringilla.
Learn MoreInstant Solutions
Lorem ipsum dolor sit amet, consecte tuam porttitor, nunc et fringilla.
Learn MorePowerful Techniques
Lorem ipsum dolor sit amet, consecte tuam porttitor, nunc et fringilla.
Learn More
View Feature6 code
<div class="spacer feature6">
<div class="container">
<!-- Row -->
<div class="row justify-content-center">
<div class="col-md-7 text-center">
<span class="label label-success label-rounded">Feature 6</span>
<h2 class="title">Awesome with Extra Ordinary Flexibility</h2>
<h6 class="subtitle">You can relay on our amazing features list and also our customer services will be great experience for you without doubt and in no-time</h6>
</div>
</div>
<!-- Row -->
<div class="row m-t-40">
<!-- Column -->
<div class="col-md-4 wrap-feature6-box">
<div class="card bg-success-gradiant text-white" data-aos="fade-right" data-aos-duration="1200">
<div class="card-body">
<h6 class="font-medium text-white">Retargeting Market</h6>
<p class="m-t-20">Lorem ipsum dolor sit amet, consecte tuam porttitor, nunc et fringilla.</p>
<a href="#f4" class="linking">Learn More <i class="ti-arrow-right"></i></a>
</div>
</div>
</div>
<!-- Column -->
<!-- Column -->
<div class="col-md-4 wrap-feature6-box">
<div class="card bg-info-gradiant text-white" data-aos="fade-down" data-aos-duration="1200">
<div class="card-body">
<h6 class="font-medium text-white">Instant Solutions</h6>
<p class="m-t-20">Lorem ipsum dolor sit amet, consecte tuam porttitor, nunc et fringilla.</p>
<a href="#f4" class="linking">Learn More <i class="ti-arrow-right"></i></a>
</div>
</div>
</div>
<!-- Column -->
<!-- Column -->
<div class="col-md-4 wrap-feature6-box">
<div class="card bg-danger-gradiant text-white" data-aos="fade-left" data-aos-duration="1200">
<div class="card-body">
<h6 class="font-medium text-white">Powerful Techniques</h6>
<p class="m-t-20">Lorem ipsum dolor sit amet, consecte tuam porttitor, nunc et fringilla.</p>
<a href="#f4" class="linking">Learn More <i class="ti-arrow-right"></i></a>
</div>
</div>
</div>
<!-- Column -->
<!-- Column -->
<div class="col-md-12 m-t-20 text-center">
<a class="btn btn-outline-success btn-md btn-arrow"><span>View Feature6 code <i class="ti-arrow-right"></i></span></a>
</div>
</div>
</div>
</div>
.wrap-feature6-box {
-webkit-transition: 0.2s ease-in;
-o-transition: 0.2s ease-in;
transition: 0.2s ease-in;
}
.wrap-feature6-box .card-body {
padding: 30px;
}
.wrap-feature6-box .card-body .linking {
color: #ffffff;
}
.wrap-feature6-box .card-body .linking:hover {
color: #263238;
}
.wrap-feature6-box .card-body p {
opacity: 0.8;
}
.wrap-feature6-box:hover {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
Feature 7
Awesome with Extra Ordinary Flexibility
You can relay on our amazing features list and also our customer services will be great experience for you without doubt and in no-time
Retargeting Market
You can relay on our amazing features list and also our customer services will be great experience.
Learn More
Fruitful Results
You can relay on our amazing features list and also our customer services will be great experience.
Learn More
Instant Solutions
You can relay on our amazing features list and also our customer services will be great experience.
Learn More
View Feature7 code
<div class="spacer feature7">
<div class="container">
<!-- Row -->
<div class="row justify-content-center">
<div class="col-md-7 text-center">
<span class="label label-info label-rounded">Feature 7</span>
<h2 class="title">Awesome with Extra Ordinary Flexibility</h2>
<h6 class="subtitle">You can relay on our amazing features list and also our customer services will be great experience for you without doubt and in no-time</h6>
</div>
</div>
<!-- Row -->
<div class="row m-t-40">
<!-- Column -->
<div class="col-md-4 wrap-feature7-box">
<div class="" data-aos="flip-left" data-aos-duration="1200">
<img class="rounded img-responsive" src="../assets/images/features/feature2/market.jpg" alt="wrappixel kit" />
<div class="m-t-30">
<h5 class="font-medium">Retargeting Market</h5>
<p class="m-t-20">You can relay on our amazing features list and also our customer services will be great experience.</p>
<a href="javascript:void(0)" class="linking">Learn More <i class="ti-arrow-right"></i></a>
</div>
</div>
</div>
<!-- Column -->
<div class="col-md-4 wrap-feature7-box">
<div class="" data-aos="flip-up" data-aos-duration="1200">
<img class="rounded img-responsive" src="../assets/images/features/feature2/fruit.jpg" alt="wrappixel kit" />
<div class="m-t-30">
<h5 class="font-medium">Fruitful Results</h5>
<p class="m-t-20">You can relay on our amazing features list and also our customer services will be great experience.</p>
<a href="javascript:void(0)" class="linking">Learn More <i class="ti-arrow-right"></i></a>
</div>
</div>
</div>
<!-- Column -->
<div class="col-md-4 wrap-feature7-box">
<div class="" data-aos="flip-right" data-aos-duration="1200">
<img class="rounded img-responsive" src="../assets/images/features/feature2/instant.jpg" alt="wrappixel kit" />
<div class="m-t-30">
<h5 class="font-medium">Instant Solutions</h5>
<p class="m-t-20">You can relay on our amazing features list and also our customer services will be great experience.</p>
<a href="javascript:void(0)" class="linking">Learn More <i class="ti-arrow-right"></i></a>
</div>
</div>
</div>
<div class="col-md-12 m-t-20 text-center">
<a class="btn btn-info-gradiant btn-md btn-arrow"><span>View Feature7 code <i class="ti-arrow-right"></i></span></a>
</div>
</div>
</div>
</div>
.wrap-feature7-box {
margin-bottom: 30px;
}
Success Stories
Re-Targeting gets easier with WrapKit
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet.
- Powerful and Faster Results for your site
- Make your site in no-time with your Bootstrap WrapKit
- Tons of Features and Elements available here
- What are you wait for? Go and Get it.
<div class="bg-light spacer feature8">
<div class="container">
<!-- Row -->
<div class="row">
<!-- Column -->
<div class="col-lg-6">
<small class="text-info">Success Stories</small>
<h3>Re-Targeting gets easier with WrapKit</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet.</p>
<ul class="list-block m-b-30">
<li><i class="sl-icon-check text-info"></i> Powerful and Faster Results for your site</li>
<li><i class="sl-icon-check text-info"></i> Make your site in no-time with your Bootstrap WrapKit</li>
<li><i class="sl-icon-check text-info"></i> Tons of Features and Elements available here</li>
<li><i class="sl-icon-check text-info"></i> What are you wait for? Go and Get it.</li>
</ul>
<a class="btn btn-info-gradiant btn-md btn-arrow"><span>View Feature8 code <i class="ti-arrow-right"></i></span></a>
</div>
<!-- Column -->
<div class="col-lg-6">
<div class="p-20">
<img src="../assets/images/features/feature8/market.jpg" alt="wrapkit" class="img-responsive img-shadow" data-aos="flip-right" data-aos-duration="1200" />
</div>
</div>
<!-- Column -->
</div>
<!-- Row -->
</div>
</div>
.feature8 .list-block li {
font-weight: 400;
color: #263238;
}
Feature 9
Awesome with Extra Ordinary Flexibility
You can relay on our amazing features list and also our customer services will be great experience for you without doubt and in no-time
Wrap Seo Digital Marketing Agency
You can relay on our amazing features list and also our customer services will be great experience.
Online Marketer
You can relay on our amazing features list and also our customer services will be great experience.
Digital World
You can relay on our amazing features list and also our customer services will be great experience.
Meet the Team
You can relay on our amazing features list and also our customer services will be great experience.
View Feature9 code
<div class="spacer feature9">
<div class="container">
<!-- Row -->
<div class="row justify-content-center">
<div class="col-md-7 text-center">
<span class="label label-success label-rounded">Feature 9</span>
<h2 class="title">Awesome with Extra Ordinary Flexibility</h2>
<h6 class="subtitle">You can relay on our amazing features list and also our customer services will be great experience for you without doubt and in no-time</h6>
</div>
</div>
<!-- Row -->
<div class="row m-t-40">
<!-- Column -->
<div class="col-md-6 wrap-feature9-box b-r b-b">
<div class="card" data-aos="fade-right" data-aos-duration="1200">
<div class="card-body d-flex">
<div class="align-self-center">
<h2 class="font-medium">Bee Seo Digital Marketing Agency</h2>
<p class="m-t-20">You can relay on our amazing features list and also our customer services will be great experience.</p>
</div>
</div>
</div>
</div>
<!-- Column -->
<!-- Column -->
<div class="col-md-6 wrap-feature9-box b-b">
<div class="card" data-aos="fade-left" data-aos-duration="1200">
<div class="card-body d-flex">
<div class="icon-space align-self-center"><i class="icon-Computer-Secure display-4 text-success-gradiant"></i></div>
<div class="align-self-center">
<h5 class="font-medium"><a href="javascript:void(0)" class="linking">Online Marketer <i class="ti-arrow-right"></i></a></h5>
<p class="m-t-20">You can relay on our amazing features list and also our customer services will be great experience.</p>
</div>
</div>
</div>
</div>
<!-- Column -->
<!-- Column -->
<div class="col-md-6 wrap-feature9-box b-r">
<div class="card" data-aos="fade-right" data-aos-duration="1200">
<div class="card-body d-flex">
<div class="icon-space align-self-center"><i class="icon-Cloud-Smartphone display-4 text-success-gradiant"></i></div>
<div class="align-self-center">
<h5 class="font-medium"><a href="javascript:void(0)" class="linking">Digital World <i class="ti-arrow-right"></i></a></h5>
<p class="m-t-20">You can relay on our amazing features list and also our customer services will be great experience.</p>
</div>
</div>
</div>
</div>
<!-- Column -->
<!-- Column -->
<div class="col-md-6 wrap-feature9-box">
<div class="card" data-aos="fade-left" data-aos-duration="1200">
<div class="card-body d-flex">
<div class="icon-space align-self-center"><i class="icon-Business-ManWoman display-4 text-success-gradiant"></i></div>
<div class="align-self-center">
<h5 class="font-medium"><a href="javascript:void(0)" class="linking">Meet the Team <i class="ti-arrow-right"></i></a></h5>
<p class="m-t-20">You can relay on our amazing features list and also our customer services will be great experience.</p>
</div>
</div>
</div>
</div>
<!-- Column -->
<div class="col-md-12 m-t-20 text-center">
<a class="btn btn-success-gradiant btn-md btn-arrow"><span>View Feature9 code <i class="ti-arrow-right"></i></span></a>
</div>
</div>
</div>
</div>
.wrap-feature9-box .card-body {
padding: 40px 40px 0px;
}
.wrap-feature9-box .card-body .icon-space {
padding: 0px 40px 20px 0px;
}
Awesome Service
New Lead Generation
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellent esque dignissim eros a sapien tempus, ut eleifend neque convallis.
View Feature6 code
Awesome Service
Constructive Planning
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellent esque dignissim eros a sapien tempus, ut eleifend neque convallis.
View Feature6 code
Well Focused
Powerful Services
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellent esque dignissim eros a sapien tempus, ut eleifend neque convallis.
View Feature6 code
<div class="feature10">
<div class="row">
<!-- column -->
<div class="col-lg-4 bg-megna">
<div class="wrap-feature10-box text-center">
<div class="display-4 m-b-20"><i class="icon-Talk-Man"></i></div>
<small class="op-8">Awesome Service</small>
<h4 class="box-title">New Lead Generation</h4>
<p class="op-8">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellent esque dignissim eros a sapien tempus, ut eleifend neque convallis.</p>
<a class="btn btn-outline-light btn-md btn-arrow"><span>View Feature6 code <i class="ti-arrow-right"></i></span></a>
</div>
</div>
<!-- column -->
<!-- column -->
<div class="col-lg-4 bg-primary">
<div class="wrap-feature10-box text-center">
<div class="display-4 m-b-20"><i class="icon-Chrysler-Building"></i></div>
<small class="op-8">Awesome Service</small>
<h4 class="box-title">Constructive Planning</h4>
<p class="op-8">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellent esque dignissim eros a sapien tempus, ut eleifend neque convallis.</p>
<a class="btn btn-outline-light btn-md btn-arrow"><span>View Feature6 code <i class="ti-arrow-right"></i></span></a>
</div>
</div>
<!-- column -->
<!-- column -->
<div class="col-lg-4 bg-orange">
<div class="wrap-feature10-box text-center">
<div class="display-4 m-b-20"><i class="icon-Mouse-3"></i></div>
<small class="op-8">Well Focused</small>
<h4 class="box-title">Powerful Services</h4>
<p class="op-8">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellent esque dignissim eros a sapien tempus, ut eleifend neque convallis.</p>
<a class="btn btn-outline-light btn-md btn-arrow"><span>View Feature6 code <i class="ti-arrow-right"></i></span></a>
</div>
</div>
<!-- column -->
</div>
</div>
.wrap-feature10-box {
padding: 100px 20px;
width: 100%;
max-width: 450px;
margin: 0 auto;
color: #ffffff;
}
.wrap-feature10-box p {
margin: 30px 0 40px;
}
.wrap-feature10-box .box-title {
color: #ffffff;
}