Feature 11
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 Feature11 code
<div class="bg-light spacer feature11">
<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 11</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-feature11-box">
<div class="card card-shadow" data-aos="fade-right" data-aos-duration="1200">
<div class="card-body">
<div class="icon-space">
<div class="icon-round bg-success-gradiant"><i class="icon-Target"></i></div>
</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-feature11-box">
<div class="card card-shadow" data-aos="fade-up" data-aos-duration="1200">
<div class="card-body">
<div class="icon-space">
<div class="icon-round bg-success-gradiant"><i class="icon-Car-Wheel"></i></div>
</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-feature11-box">
<div class="card card-shadow" data-aos="fade-left" data-aos-duration="1200">
<div class="card-body">
<div class="icon-space">
<div class="icon-round bg-success-gradiant"><i class="icon-Mouse-3"></i></div>
</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="#f11"><span>View Feature11 code <i class="ti-arrow-right"></i></span></a>
</div>
</div>
</div>
</div>
.wrap-feature11-box {
margin-top: 60px;
}
.wrap-feature11-box .card-body {
padding: 40px;
}
.wrap-feature11-box .icon-space {
margin: -80px 0 20px;
}
.wrap-feature11-box .icon-space .icon-round {
font-size: 45px;
color: #ffffff;
}
Feature 12
Awesome with Extra Ordinary Flexibility Features
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.
Retargeting Market
You can relay on our amazing features list and also our customer services will.
Fruitful Results
You can relay on our amazing features list and also our customer services will.
100% Satisfection
You can relay on our amazing features list and also our customer services will.
<div class="spacer feature12">
<div class="container">
<div class="row">
<div class="col-lg-6">
<span class="label label-info label-rounded">Feature 12</span>
<h2 class="m-b-30 m-t-20">Awesome with Extra Ordinary Flexibility Features</h2>
<h4 class="text-muted font-light">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</h4>
<div class="row">
<div class="col-md-6 m-t-30">
<h5 class="font-medium">Instant Solutions</h5>
<p>You can relay on our amazing features list and also our customer services will.</p>
</div>
<div class="col-md-6 m-t-30">
<h5 class="font-medium">Retargeting Market</h5>
<p>You can relay on our amazing features list and also our customer services will.</p>
</div>
<div class="col-md-6 m-t-30">
<h5 class="font-medium">Fruitful Results</h5>
<p>You can relay on our amazing features list and also our customer services will.</p>
</div>
<div class="col-md-6 m-t-30">
<h5 class="font-medium">100% Satisfection</h5>
<p>You can relay on our amazing features list and also our customer services will.</p>
</div>
<div class="col-lg-12 m-t-30 m-b-30">
<a class="btn btn-info-gradiant btn-md btn-arrow" data-toggle="collapse" href="#f12"><span>View Feature12 code <i class="ti-arrow-right"></i></span></a>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="row wrap-feature-12">
<div class="col-md-6">
<div class="row">
<div class="col-md-12"><img src="../assets/images/features/features12/img1.jpg" class="rounded img-shadow img-responsive" alt="wrapkit" /></div>
<div class="col-md-12"><img src="../assets/images/features/features12/img2.jpg" class="rounded img-shadow img-responsive" alt="wrapkit" /></div>
</div>
</div>
<div class="col-md-6 uneven-box">
<div class="row">
<div class="col-md-12"><img src="../assets/images/features/features12/img3.jpg" class="rounded img-shadow img-responsive" alt="wrapkit" /></div>
<div class="col-md-12"><img src="../assets/images/features/features12/img4.jpg" class="rounded img-shadow img-responsive" alt="wrapkit" /></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
.wrap-feature-12 {
position: relative;
}
.wrap-feature-12 [class*=col-md-12] {
margin-bottom: 30px;
-webkit-transition: 0.2s ease-in;
-o-transition: 0.2s ease-in;
transition: 0.2s ease-in;
}
.wrap-feature-12 [class*=col-md-12]:hover {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.wrap-feature-12 .uneven-box {
margin-top: 100px;
}
Feature 13
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.
-
Instant Solutions
You can relay on our amazing features list and also our customer.
-
Instant Solutions
You can relay on our amazing features list and also our customer.
-
Instant Solutions
You can relay on our amazing features list and also our customer.
View Feature13 code
<div class="bg-light spacer feature13">
<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 13</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-lg-6 wrap-feature13-box">
<div class="card card-shadow" data-aos="fade-right" data-aos-duration="1200">
<ul class="img-inline">
<li class="half-width"><img src="../assets/images/features/feature13/img1.jpg" alt="wrapkit" class="img-responsive rounded" /></li>
<li class="p-20 half-width">
<h5 class="font-medium m-t-10"><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.</p>
</li>
</ul>
</div>
</div>
<!-- Column -->
<div class="col-lg-6 wrap-feature13-box">
<div class="card card-shadow" data-aos="fade-left" data-aos-duration="1200">
<ul class="img-inline">
<li class="half-width"><img src="../assets/images/features/feature13/img2.jpg" alt="wrapkit" class="img-responsive rounded" /></li>
<li class="p-20 half-width">
<h5 class="font-medium m-t-10"><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.</p>
</li>
</ul>
</div>
</div>
<!-- Column -->
<!-- Column -->
<div class="col-lg-6 wrap-feature13-box">
<div class="card card-shadow" data-aos="fade-right" data-aos-duration="1200">
<ul class="img-inline">
<li class="half-width"><img src="../assets/images/features/feature13/img3.jpg" alt="wrapkit" class="img-responsive rounded" /></li>
<li class="p-20 half-width">
<h5 class="font-medium m-t-10"><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.</p>
</li>
</ul>
</div>
</div>
<!-- Column -->
<div class="col-lg-6 wrap-feature13-box">
<div class="card card-shadow" data-aos="fade-left" data-aos-duration="1200">
<ul class="img-inline">
<li class="half-width"><img src="../assets/images/features/feature13/img4.jpg" alt="wrapkit" class="img-responsive rounded" /></li>
<li class="p-20 half-width">
<h5 class="font-medium m-t-10"><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.</p>
</li>
</ul>
</div>
</div>
<!-- Column -->
<div class="col-md-12 m-t-20 text-center">
<a class="btn btn-success-gradiant btn-md btn-arrow" data-toggle="collapse" href="#f13"><span>View Feature13 code <i class="ti-arrow-right"></i></span></a>
</div>
</div>
</div>
</div>
No CSS Required.
Feature 14
Awesome with Extra Ordinary Flexibility
You can relay on our amazing features list and also our customer services will be great experience for our users
You will surely fall in love with ready touse bootstrap ui kit framework.
View Feature14 code
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
<div class="spacer feature14">
<div class="container">
<div class="row">
<div class="col-lg-4">
<span class="label label-info label-rounded">Feature 14</span>
<h2 class="m-t-20 m-b-30">Awesome with Extra Ordinary Flexibility</h2>
<p>You can relay on our amazing features list and also our customer services will be great experience for our users</p>
<p>You will surely fall in love with ready touse bootstrap ui kit framework.</p>
<a class="btn btn-info-gradiant btn-md btn-arrow m-t-20 m-b-30" data-toggle="collapse" href="#f14"><span>View Feature14 code <i class="ti-arrow-right"></i></span></a>
</div>
<div class="col-lg-4 wrap-feature14-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-lg-4 wrap-feature14-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>
</div>
</div>
No CSS Required.
Feature 15
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 Feature15 code
<div class="bg-light spacer feature15">
<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 15</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-lg-6 wrap-feature15-box">
<div class="row">
<div class="col-md-12 m-b-30" data-aos="fade-down" data-aos-duration="1000">
<div class="d-flex no-block">
<div class="no-shrink"><span class="icon-round bg-white display-5 text-success "><i class="icon-Target"></i></span></div>
<div class="p-20">
<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 class="col-md-12 m-b-30" data-aos="fade-down" data-aos-duration="2000">
<div class="d-flex no-block">
<div class="no-shrink"><span class="icon-round bg-white display-5 text-success "><i class="icon-Car-Wheel"></i></span></div>
<div class="p-20">
<h5 class="font-medium"><a href="javascript:void(0)" class="linking">Fruitful Results <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 class="col-md-12 m-b-30" data-aos="fade-down" data-aos-duration="3000">
<div class="d-flex no-block">
<div class="no-shrink"><span class="icon-round bg-white display-5 text-success "><i class="icon-Mouse-3"></i></span></div>
<div class="p-20">
<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>
</div>
<!-- Column -->
<div class="col-lg-6 wrap-feature15-box" data-aos="flip-left" data-aos-duration="1200">
<img src="../assets/images/features/feature15/img1.png" class="img-responsive" alt="wrapkit" />
</div>
<!-- Column -->
<!-- Column -->
<div class="col-md-12 m-t-20 text-center">
<a class="btn btn-success-gradiant btn-md btn-arrow" data-toggle="collapse" href="#f15"><span>View Feature15 code <i class="ti-arrow-right"></i></span></a>
</div>
</div>
</div>
</div>
No CSS Required.
Feature 16
Awesome with Extra Ordinary Flexibility & Features
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
- 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="feature16">
<div class="row wrap-feature-16">
<div class="col-lg-6 with-bg" style="background-image:url(../assets/images/features/feature16/img1.jpg)"></div>
<div class="col-lg-6 bg-info-gradiant text-white">
<div class="with-text">
<span class="label label-success label-rounded">Feature 16</span>
<h2 class="text-white m-t-30 m-b-30">Awesome with Extra Ordinary Flexibility & Features</h2>
<p class="op-7">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</p>
<ul class="list-block m-b-30">
<li><i class="sl-icon-check"></i> <span>Powerful and Faster Results for your site</span></li>
<li><i class="sl-icon-check"></i> <span>Make your site in no-time with your Bootstrap WrapKit</span></li>
<li><i class="sl-icon-check"></i> <span>Tons of Features and Elements available here</span></li>
<li><i class="sl-icon-check"></i> <span>What are you wait for? Go and Get it.</span></li>
</ul>
<a class="btn btn-outline-light btn-md btn-arrow" data-toggle="collapse" href="#f16"><span>View Feature16 code <i class="ti-arrow-right"></i></span></a>
</div>
</div>
</div>
</div>
.wrap-feature-16 [class*=col-] {
padding: 80px 35px;
}
.wrap-feature-16 .with-bg {
width: 100%;
min-height: 200px;
background-size: cover;
background-position: center center;
}
.wrap-feature-16 .with-text {
max-width: 500px;
margin-left: 80px;
}
Feature 17
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 worth taking.
Instant Solutions
You can relay on our amazing features list and also our customer services will be great experience worth taking.
Fruitful Results
You can relay on our amazing features list and also our customer services will be great experience worth taking.
View Feature17 code
<div class="spacer feature17">
<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 17</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="card-group m-t-30 wrap-feature-17-box">
<!-- card -->
<div class="card">
<div class="card-body text-center">
<div class="p-20">
<div class="icon-space"><i class="display-5 text-info-gradiant icon-Target"></i></div>
<h4 class="font-medium">Retargeting Market</h4>
<p>You can relay on our amazing features list and also our customer services will be great experience worth taking.</p>
</div>
</div>
</div>
<!-- card -->
<div class="card">
<img src="../assets/images/features/feature17/img1.jpg" class="" alt="wrapkit" />
</div>
<!-- card -->
<div class="card">
<div class="card-body text-center">
<div class="p-20">
<div class="icon-space"><i class="display-5 text-info-gradiant icon-Mouse-3"></i></div>
<h4 class="font-medium">Instant Solutions</h4>
<p>You can relay on our amazing features list and also our customer services will be great experience worth taking.</p>
</div>
</div>
</div>
<!-- card -->
</div>
<div class="card-group wrap-feature-17-box">
<!-- card -->
<div class="card">
<img src="../assets/images/features/feature17/img2.jpg" class="" alt="wrapkit" />
</div>
<!-- card -->
<div class="card">
<div class="card-body text-center">
<div class="p-20">
<div class="icon-space"><i class="display-5 text-info-gradiant icon-Car-Wheel"></i></div>
<h4 class="font-medium">Fruitful Results</h4>
<p>You can relay on our amazing features list and also our customer services will be great experience worth taking.</p>
</div>
</div>
</div>
<!-- card -->
<!-- card -->
<div class="card">
<img src="../assets/images/features/feature17/img3.jpg" class="" alt="wrapkit" />
</div>
</div>
<div class="row">
<div class="col-md-12 m-t-40 text-center">
<a class="btn btn-success-gradiant btn-md btn-arrow" data-toggle="collapse" href="#f17"><span>View Feature17 code <i class="ti-arrow-right"></i></span></a>
</div>
</div>
</div>
</div>
.wrap-feature-17-box.card-group .card {
margin-bottom: 0px;
}
.wrap-feature-18 {
margin-top: 60px;
}
.wrap-feature-18 [class*=col-lg-6] .card {
overflow: hidden;
}
.wrap-feature-18 .icon-position {
position: relative;
background-size: cover;
background-position: center center;
min-height: 200px;
}
.wrap-feature-18 .icon-position .icon-round {
position: absolute;
right: -38px;
top: 20px;
}
Feature 18
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
Get Powerful Results with WrapKit
You can relay on our amazing features list and also our customer services will be great experience.
Lets TalkGet Powerful Results with WrapKit
You can relay on our amazing features list and also our customer services will be great experience.
Lets TalkGet Powerful Results with WrapKit
You can relay on our amazing features list and also our customer services will be great experience.
Lets TalkGet Powerful Results with WrapKit
You can relay on our amazing features list and also our customer services will be great experience.
Lets Talk
View Feature18 code
<div class="bg-light spacer feature18">
<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 18</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 wrap-feature-18">
<!-- Column -->
<div class="col-lg-6" data-aos="fade-right" data-aos-duration="1200">
<!-- card -->
<div class="card">
<div class="row">
<div class="col-md-5 icon-position" style="background-image:url(../assets/images/features/feature13/img1.jpg)">
<div class="icon-round bg-success-gradiant text-white display-5"><i class="icon-Car-Wheel"></i></div>
</div>
<div class="col-md-7">
<div class="card-body p-40">
<h4 class="font-medium">Get Powerful Results with WrapKit</h4>
<p>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 text-underline">Lets Talk <i class="ti-arrow-right"></i></a>
</div>
</div>
</div>
</div>
</div>
<!-- Column -->
<!-- Column -->
<div class="col-lg-6" data-aos="fade-left" data-aos-duration="1200">
<!-- card -->
<div class="card">
<div class="row">
<div class="col-md-5 icon-position" style="background-image:url(../assets/images/features/feature13/img2.jpg)">
<div class="icon-round bg-success-gradiant text-white display-5"><i class="icon-Target"></i></div>
</div>
<div class="col-md-7">
<div class="card-body p-40">
<h4 class="font-medium">Get Powerful Results with WrapKit</h4>
<p>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 text-underline">Lets Talk <i class="ti-arrow-right"></i></a>
</div>
</div>
</div>
</div>
</div>
<!-- Column -->
<!-- Column -->
<div class="col-lg-6" data-aos="fade-up" data-aos-duration="1200">
<!-- card -->
<div class="card">
<div class="row">
<div class="col-md-5 icon-position" style="background-image:url(../assets/images/features/feature13/img3.jpg)">
<div class="icon-round bg-success-gradiant text-white display-5"><i class="icon-Mouse-3"></i></div>
</div>
<div class="col-md-7">
<div class="card-body p-40">
<h4 class="font-medium">Get Powerful Results with WrapKit</h4>
<p>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 text-underline">Lets Talk <i class="ti-arrow-right"></i></a>
</div>
</div>
</div>
</div>
</div>
<!-- Column -->
<!-- Column -->
<div class="col-lg-6" data-aos="fade-up" data-aos-duration="1200">
<!-- card -->
<div class="card">
<div class="row">
<div class="col-md-5 icon-position" style="background-image:url(../assets/images/features/feature13/img4.jpg)">
<div class="icon-round bg-success-gradiant text-white display-5"><i class="icon-Car-Wheel"></i></div>
</div>
<div class="col-md-7">
<div class="card-body p-40">
<h4 class="font-medium">Get Powerful Results with WrapKit</h4>
<p>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 text-underline">Lets Talk <i class="ti-arrow-right"></i></a>
</div>
</div>
</div>
</div>
</div>
<!-- Column -->
</div>
<div class="row">
<div class="col-md-12 m-t-40 text-center">
<a class="btn btn-success-gradiant btn-md btn-arrow" data-toggle="collapse" href="#f18"><span>View Feature18 code <i class="ti-arrow-right"></i></span></a>
</div>
</div>
</div>
</div>
No CSS Required.
Feature 19
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
- Fast & Simple WordPress Hosting
- 1-Click Staging Environment
- All-in-One Control Panel
- Includes 2 Wordpress Installs
- Host Up to 100 Websites
- 1 TB Monthly BandWidth
View Feature19 code
<div class="spacer feature19 p-b-0">
<div class="container">
<!-- row -->
<div class="row">
<div class="col-lg-7 align-self-center">
<span class="label label-primary label-rounded">Feature 19</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 class="row text-inverse">
<div class="col-md-6 m-t-30">
<ul class="list-block">
<li><i class="sl-icon-check font-20"></i> <span>Fast & Simple WordPress Hosting</span></li>
<li><i class="sl-icon-check font-20"></i> <span>1-Click Staging Environment</span></li>
<li><i class="sl-icon-check font-20"></i> <span>All-in-One Control Panel</span></li>
</ul>
</div>
<div class="col-md-6 m-t-30">
<ul class="list-block">
<li><i class="sl-icon-check font-20"></i> <span>Includes 2 Wordpress Installs</span></li>
<li><i class="sl-icon-check font-20"></i> <span>Host Up to 100 Websites</span></li>
<li><i class="sl-icon-check font-20"></i> <span>1 TB Monthly BandWidth</span></li>
</ul>
</div>
</div>
<div class="row">
<div class="col-md-12 m-t-40 m-b-30">
<a class="btn btn-info-gradiant btn-md btn-arrow" data-toggle="collapse" href="#f19"><span>View Feature19 code <i class="ti-arrow-right"></i></span></a>
</div>
</div>
</div>
<div class="col-lg-5 text-center">
<img src="../assets/images/features/feature19/img1.jpg" alt="wrappixel" data-aos="fade-up" data-aos-duration="3000" data-aos-offset="500" />
</div>
</div>
</div>
</div>
No CSS Required.
Feature 20
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
Make your website in no-time with us.
Make your website in no-time with us.
Make your website in no-time with us.
Make your website in no-time with us.
View Feature20 code
<div class="bg-light spacer feature20 up">
<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 20</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 wrap-feature-20">
<!-- Column -->
<div class="col-lg-6" data-aos="flip-left" data-aos-duration="1200">
<div class="card">
<div class="row">
<div class="col-md-8">
<div class="card-body d-flex no-block">
<div class="m-r-20"><img src="../assets/images/features/feature13/img1.jpg" width="70" class="rounded" /></div>
<div>
<h5 class="font-medium">Make your website in no-time with us.</h5></div>
</div>
</div>
<div class="col-md-4 text-center">
<a href="javascript:void(0)" class="text-white linking bg-success-gradiant">Lets Talk <i class="ti-arrow-right"></i></a>
</div>
</div>
</div>
</div>
<!-- Column -->
<!-- Column -->
<div class="col-lg-6" data-aos="flip-right" data-aos-duration="1200">
<div class="card">
<div class="row">
<div class="col-md-8">
<div class="card-body d-flex no-block">
<div class="m-r-20"><img src="../assets/images/features/feature13/img2.jpg" width="70" class="rounded" /></div>
<div>
<h5 class="font-medium">Make your website in no-time with us.</h5></div>
</div>
</div>
<div class="col-md-4 text-center">
<a href="javascript:void(0)" class="text-white linking bg-success-gradiant">Lets Talk <i class="ti-arrow-right"></i></a>
</div>
</div>
</div>
</div>
<!-- Column -->
<!-- Column -->
<div class="col-lg-6" data-aos="zoom-in" data-aos-duration="1200">
<div class="card">
<div class="row">
<div class="col-md-8">
<div class="card-body d-flex no-block">
<div class="m-r-20"><img src="../assets/images/features/feature13/img3.jpg" width="70" class="rounded" /></div>
<div>
<h5 class="font-medium">Make your website in no-time with us.</h5></div>
</div>
</div>
<div class="col-md-4 text-center">
<a href="javascript:void(0)" class="text-white linking bg-success-gradiant">Lets Talk <i class="ti-arrow-right"></i></a>
</div>
</div>
</div>
</div>
<!-- Column -->
<!-- Column -->
<div class="col-lg-6" data-aos="zoom-in" data-aos-duration="1200">
<div class="card">
<div class="row">
<div class="col-md-8">
<div class="card-body d-flex no-block">
<div class="m-r-20"><img src="../assets/images/features/feature13/img4.jpg" width="70" class="rounded" /></div>
<div>
<h5 class="font-medium">Make your website in no-time with us.</h5></div>
</div>
</div>
<div class="col-md-4 text-center">
<a href="javascript:void(0)" class="text-white linking bg-success-gradiant">Lets Talk <i class="ti-arrow-right"></i></a>
</div>
</div>
</div>
</div>
<!-- Column -->
<div class="col-md-12 m-t-40 text-center">
<a class="btn btn-success-gradiant btn-md btn-arrow" data-toggle="collapse" href="#f20"><span>View Feature20 code <i class="ti-arrow-right"></i></span></a>
</div>
</div>
<!-- Row -->
</div>
</div>
.wrap-feature-20 {
margin-top: 60px;
}
.wrap-feature-20 [class*=col-lg-6] .card {
overflow: hidden;
}
.wrap-feature-20 .linking {
width: 100%;
display: block;
padding: 35px 0;
}