Feature 21
Build your Project in Record Time with WrapKit
You can relay on our amazing features list and also our customer services will be great experience.
View Feature21 code
<div class="spacer feature21 wrap-feature21-box" style="background-image:url(../assets/images/features/feature21/img1.jpg)">
<div class="container">
<!-- Row -->
<div class="row text-white">
<!-- Column -->
<div class="col-md-5 both-space">
<div class="" data-aos="fade-right" data-aos-duration="1200"> <span class="label label-info label-rounded">Feature 21</span>
<h2 class="text-white m-t-20 m-b-30">Build your Project in Record Time with WrapKit</h2>
<p class="op-8">You can relay on our amazing features list and also our customer services will be great experience.</p> <a class="btn btn-info-gradiant btn-md btn-arrow m-t-20" data-toggle="collapse" href="#f21"><span>View Feature21 code <i class="ti-arrow-right"></i></span></a> </div>
</div>
</div>
</div>
</div>
.wrap-feature21-box {
background-size: cover;
background-attachment: fixed;
background-position: left center;
}
Feature 22
Create beautiful Websites in Record Time
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 site in No-Time
WrapKit helps you to build your project in record time with fun making it.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquis would be good to have.
View Feature22 code
<div class="spacer feature22">
<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 22</span>
<h2 class="title">Create beautiful Websites in Record Time</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-22">
<!-- Column -->
<div class="col-lg-6" data-aos="flip-up" data-aos-duration="1200"> <img src="../assets/images/features/feature22/img1.jpg" class="rounded img-shadow img-responsive" alt="wrapkit" /> </div>
<!-- Column -->
<div class="col-lg-6">
<div class="text-box"> <small class="text-info font-medium">Make your site in No-Time</small>
<h3 class="font-light">WrapKit helps you to <span class="text-megna">build your project</span> in record time with fun making it.</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </p>
<p>Quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquis would be good to have.</p> <a class="btn btn-success-gradiant btn-md btn-arrow m-t-20" data-toggle="collapse" href="#f22"><span>View Feature22 code <i class="ti-arrow-right"></i></span></a> </div>
</div>
<!-- Column -->
</div>
</div>
</div>
.wrap-feature-22 {
margin-top: 60px;
}
.wrap-feature-22 .text-box {
padding: 0 30px;
}
.wrap-feature-22 .text-box h3 {
margin: 10px 0 25px 0;
}
Feature 23
Brilliant Design and Unlimited Features to Boost your Site
You can relay on our amazing features list and also our customer services will be great experience for you without doubt
View Feature23 code
<div class="spacer feature23 wrap-feature23-box" style="background-image:url(../assets/images/features/feature23/img1.jpg)">
<div class="container">
<!-- Row -->
<div class="row justify-content-center">
<div class="col-md-5 text-center both-space">
<div class="card" data-aos="flip-left" data-aos-duration="1200">
<div class="card-body">
<div class="text-box"> <span class="label label-info label-rounded">Feature 23</span>
<h3 class="title">Brilliant Design and Unlimited Features to Boost your Site</h3>
<h6 class="subtitle">You can relay on our amazing features list and also our customer services will be great experience for you without doubt</h6> <a class="btn btn-info-gradiant btn-md btn-arrow m-t-20" data-toggle="collapse" href="#f23"><span>View Feature23 code <i class="ti-arrow-right"></i></span></a> </div>
</div>
</div>
</div>
<!-- Column -->
</div>
</div>
</div>
.wrap-feature23-box {
background-size: cover;
background-attachment: fixed;
background-position: left center;
}
.wrap-feature23-box .text-box {
padding: 30px 20px;
}
Feature 24
Services you can Relay Upon
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
View Feature24 code
<div class="spacer feature24">
<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 24</span>
<h2 class="title">Services you can Relay Upon</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-24">
<!-- Column -->
<div class="col-lg-3 col-md-6">
<div class="card card-shadow">
<a href="javascript:void(0)" class="service-24"> <i class="icon-Target"></i>
<h6 class="ser-title">Retargeting Market</h6>
</a>
</div>
</div>
<!-- Column -->
<!-- Column -->
<div class="col-lg-3 col-md-6">
<div class="card card-shadow">
<a href="javascript:void(0)" class="service-24"> <i class="icon-Car-Wheel"></i>
<h6 class="ser-title">Digital Marketing</h6>
</a>
</div>
</div>
<!-- Column -->
<!-- Column -->
<div class="col-lg-3 col-md-6">
<div class="card card-shadow">
<a href="javascript:void(0)" class="service-24"> <i class="icon-Mouse-3"></i>
<h6 class="ser-title">SEO Techniques</h6>
</a>
</div>
</div>
<!-- Column -->
<!-- Column -->
<div class="col-lg-3 col-md-6">
<div class="card card-shadow">
<a href="javascript:void(0)" class="service-24"> <i class="icon-Eyeglasses-Smiley"></i>
<h6 class="ser-title">Client Management</h6>
</a>
</div>
</div>
<!-- Column -->
<!-- Column -->
<div class="col-lg-3 col-md-6">
<div class="card card-shadow">
<a href="javascript:void(0)" class="service-24"> <i class="icon-Target-Market"></i>
<h6 class="ser-title">Email Campaign</h6>
</a>
</div>
</div>
<!-- Column -->
<!-- Column -->
<div class="col-lg-3 col-md-6">
<div class="card card-shadow">
<a href="javascript:void(0)" class="service-24"> <i class="icon-Laptop-Phone"></i>
<h6 class="ser-title">Website Strategy</h6>
</a>
</div>
</div>
<!-- Column -->
<!-- Column -->
<div class="col-lg-3 col-md-6">
<div class="card card-shadow">
<a href="javascript:void(0)" class="service-24"> <i class="icon-Full-Bag"></i>
<h6 class="ser-title">eCommerce Shop</h6>
</a>
</div>
</div>
<!-- Column -->
<!-- Column -->
<div class="col-lg-3 col-md-6">
<div class="card card-shadow">
<a href="javascript:void(0)" class="service-24"> <i class="icon-Eyeglasses-Smiley"></i>
<h6 class="ser-title">Cloud Hosting</h6>
</a>
</div>
</div>
<!-- Column -->
<div class="col-md-12 m-t-20 text-center"> <a class="btn btn-outline-success btn-md btn-arrow" data-toggle="collapse" href="#f24"><span>View Feature24 code <i class="ti-arrow-right"></i></span></a></div>
</div>
</div>
</div>
.wrap-feature-24 {
margin-top: 60px;
}
.wrap-feature-24 .card {
overflow: hidden;
-o-transition: 0.3s ease-out;
transition: 0.3s ease-out;
-webkit-transition: 0.3s ease-out;
}
.wrap-feature-24 .card:hover {
-ms-transform: translateY(-10px);
transform: translateY(-10px);
-webkit-transform: translateY(-10px);
}
.wrap-feature-24 .service-24 {
text-align: center;
padding: 40px 0;
display: block;
}
.wrap-feature-24 .service-24 i {
background: #07d79c;
background: -webkit-linear-gradient(legacy-direction(to right), #07d79c 0%, #1dc8cd 100%);
background: -webkit-gradient(linear, left top, right top, from(#07d79c), to(#1dc8cd));
background: -webkit-linear-gradient(left, #07d79c 0%, #1dc8cd 100%);
background: -o-linear-gradient(left, #07d79c 0%, #1dc8cd 100%);
background: linear-gradient(to right, #07d79c 0%, #1dc8cd 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
font-size: 50px;
}
.wrap-feature-24 .service-24 .ser-title {
margin: 10px 0 5px;
font-weight: 500;
}
.wrap-feature-24 .service-24:hover, .wrap-feature-24 .service-24:focus {
background: #07d79c;
background: -webkit-linear-gradient(legacy-direction(to right), #07d79c 0%, #1dc8cd 100%);
background: -webkit-gradient(linear, left top, right top, from(#07d79c), to(#1dc8cd));
background: -webkit-linear-gradient(left, #07d79c 0%, #1dc8cd 100%);
background: -o-linear-gradient(left, #07d79c 0%, #1dc8cd 100%);
background: linear-gradient(to right, #07d79c 0%, #1dc8cd 100%);
}
.wrap-feature-24 .service-24:hover i, .wrap-feature-24 .service-24:hover .ser-title, .wrap-feature-24 .service-24:focus i, .wrap-feature-24 .service-24:focus .ser-title {
color: #ffffff;
text-fill-color: #ffffff;
-webkit-text-fill-color: #ffffff;
}
.wrap-feature-24 .service-24:hover i, .wrap-feature-24 .service-24:focus i {
margin-bottom: 5px;
}
Feature 24
Services you can Relay Upon
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
View Feature25 code
<div class="spacer bg-light feature24">
<div class="container">
<!-- Row -->
<div class="row justify-content-center">
<div class="col-md-12 text-center m-b-40"><img src="../assets/images/features/feature25/img.png" class="iimg-fluid" /></div>
<div class="col-md-7 text-center"> <span class="label label-success label-rounded">Feature 24</span>
<h2 class="title">Services you can Relay Upon</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 class="col-md-12 m-t-20 text-center">
<a class="btn btn-success-gradiant btn-md btn-arrow" data-toggle="collapse" href="#f25"><span>View Feature25 code <i class="ti-arrow-right"></i></span></a>
</div>
</div>
<!-- Row -->
</div>
</div>
No CSS Required.
Feature 26
Thousands of Great inbuld Elements to make your life easier
You can relay on our amazing features list and also our customer services will be greatexperience for you without doubt and in no-time and with great quality for design.
We guarantee you with our WrapKit that you will make your site in record time and it will be fun to work on.
Learn More
Feature 26
Get the best designed elements to make your site look modern
You can relay on our amazing features list and also our customer services will be greatexperience for you without doubt and in no-time and with great quality for design.
We guarantee you with our WrapKit that you will make your site in record time and it will be fun to work on.
View Feature26 code
<div class="spacer feature26">
<div class="container">
<div class="row wrap-feature-26">
<div class="col-md-7 align-self-center">
<div class="max-box"> <span class="label label-info label-rounded">Feature 26</span>
<h2 class="title m-t-20">Thousands of Great inbuld Elements to make your life easier </h2>
<p class="m-t-30">You can relay on our amazing features list and also our customer services will be greatexperience for you without doubt and in no-time and with great quality for design.</p>
<p>We guarantee you with our WrapKit that you will make your site in record time and it will be fun to work on.</p>
<a href="javascript:void(0)" class="linking">Learn More <i class="ti-arrow-right"></i></a>
</div>
</div>
<div class="col-md-5 col-md-5"> <img src="../assets/images/features/feature26/img1.jpg" class="img-responsive" /> </div>
</div>
<div class="row wrap-feature-26 m-t-40 p-t-30">
<div class="col-md-6"> <img src="../assets/images/features/feature26/img2.jpg" class="img-responsive" /> </div>
<div class="col-md-6 align-self-center">
<span class="label label-info label-rounded">Feature 26</span>
<h2 class="title m-t-20">Get the best designed elements to make your site look modern</h2>
<p class="m-t-30">You can relay on our amazing features list and also our customer services will be greatexperience for you without doubt and in no-time and with great quality for design.</p>
<p>We guarantee you with our WrapKit that you will make your site in record time and it will be fun to work on.</p>
<a class="linking" data-toggle="collapse" href="#f26">View Feature26 code <i class="ti-arrow-right"></i></a>
</div>
</div>
</div>
</div>
.wrap-feature-26 .max-box {
max-width: 580px;
}
Feature 27
We have covered everything for you get desire results with us
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 and with great quality.
Your complete website in just few minutes
You can relay on our amazing features list and also our customer services will be great experience have.
Lets Talk!Get Powerful Results with WrapKit
You can relay on our amazing features list and also our customer services will be great experience have.
View code!
<div class="spacer bg-light feature26">
<div class="container">
<div class="row">
<!-- column -->
<div class="col-lg-6 align-self-center">
<span class="label label-info label-rounded">Feature 27</span>
<h2 class="title">We have covered everything for you get desire results with us</h2>
<p class="m-t-30">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 and with great quality.</p>
<div class="row">
<div class="col-md-6 m-t-40">
<i class="icon-Laptop-2 text-info-gradiant display-5"></i>
<h5 class="font-medium m-t-20 m-b-20">Your complete website in just few minutes</h5>
<p>You can relay on our amazing features list and also our customer services will be great experience have.</p>
<a class="linking font-medium" data-toggle="collapse" href="#f27">Lets Talk! <i class="ti-arrow-right text-success"></i></a>
</div>
<div class="col-md-6 m-t-40">
<i class="icon-Fan text-info-gradiant display-5"></i>
<h5 class="font-medium m-t-20 m-b-20">Get Powerful Results with WrapKit</h5>
<p>You can relay on our amazing features list and also our customer services will be great experience have.</p>
<a class="linking font-medium" data-toggle="collapse" href="#f27">View code! <i class="ti-arrow-right text-success"></i></a>
</div>
</div>
</div>
<!-- column -->
<div class="col-lg-6 text-center" data-aos="fade-up" data-aos-duration="1800" data-aos-easing="linear">
<img src="../assets/images/features/feature27/img1.png" class="img-fluid" alt="wrapkit" />
</div>
</div>
</div>
</div>
No CSS Required.
Great Feature 28
Fully Responsive
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 and with great quality.
View More
Great Feature 28
Fully Responsive
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 and with great quality.
View Feature28 code
<div class="feature28">
<div class="wrap-feature-28 row">
<div class="col-lg-6 bg-cover" style="background-image:url(../assets/images/features/feature28/img1.jpg)"></div>
<div class="col-lg-6">
<div class="side-content both-space">
<span class="label label-info label-rounded">Great Feature 28</span>
<h2 class="title">Fully Responsive</h2>
<p>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 and with great quality.</p>
<a class="btn btn-info-gradiant btn-md btn-arrow m-t-20" data-toggle="collapse" href="#f28"><span>View Feature28 code <i class="ti-arrow-right"></i></span></a>
</div>
</div>
</div>
<div class="wrap-feature-28 row">
<div class="col-lg-6">
<div class="side-content both-space text-right pull-right">
<span class="label label-info label-rounded">Great Feature 28</span>
<h2 class="title">Fully Responsive</h2>
<p>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 and with great quality.</p>
<a class="btn btn-info-gradiant btn-md btn-arrow m-t-20" data-toggle="collapse" href="#f28"><span>View Feature28 code <i class="ti-arrow-right"></i></span></a>
</div>
</div>
<div class="col-lg-6 bg-cover" style="background-image:url(../assets/images/features/feature28/img2.jpg)"></div>
</div>
</div>
.wrap-feature-28 .side-content {
max-width: 580px;
}
Feature 29
Seo Techniques Off / On Page
Effective search engine optimisation requires experience and expertise.
Watch video View Code
<div class="spacer bg-success-gradiant feature29 p-b-0">
<div class="container wrap-feature-29">
<!-- Row -->
<div class="row justify-content-center">
<div class="col-md-7 text-center"> <span class="label label-inverse label-rounded">Feature 29</span>
<h2 class="title">Seo Techniques Off / On Page</h2>
<h6 class="subtitle">Effective search engine optimisation requires experience and expertise.</h6>
<a href="javascript:void(0)" data-toggle="modal" data-target="#exampleModal" class="btn btn-outline-light btn-rounded m-t-20">Watch video <span class="btn-devider"><i class="fa fa-play"></i></span></a>
<div class="modal fade" id="exampleModal">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Watch video</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body" id="yt-player">
<iframe width="100%" height="315" src="https://www.youtube.com/embed/DDwbjWCgxVM?" frameborder="0" allowfullscreen></iframe>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Row -->
<div class="row wrap-feature-29 text-white">
<!-- Column -->
<div class="col-lg-4 text-center">
<i class="icon-Laptop-2 display-5"></i>
<h5 class="title">Off Page Seo</h5>
<p>Off-Page SEO includes not only link building but also social media promotion, bookmarking, etc. </p>
</div>
<!-- Column -->
<div class="col-lg-4 text-center" data-aos="fade-up" data-aos-duration="1800" data-aos-easing="linear">
<img src="../assets/images/features/feature29/img1.png" class="img-responsive" alt="wrappixel" />
</div>
<!-- Column -->
<div class="col-lg-4 text-center m-b-30">
<i class="icon-Favorite-Window display-5"></i>
<h5 class="title">On Page Seo</h5>
<p>Off-Page SEO includes not only link building but also social media promotion, bookmarking, etc. </p>
</div>
<!-- Column -->
</div>
<!-- Row -->
</div>
</div>
.wrap-feature-29 {
margin-top: 60px;
}
.wrap-feature-29 .title,
.wrap-feature-29 .subtitle {
color: #ffffff;
}
.wrap-feature-29 .col-lg-4 {
margin-top: 30px;
}
Off Page Seo
Off-Page SEO includes not only link building but also social media promotion, bookmarking, etc.
On Page Seo
Off-Page SEO includes not only link building but also social media promotion, bookmarking, etc.
The New way of Making Your Website in mins
You can relay on our amazing features list and also our customer services will be great experience. You will love it for sure.
View Feature30 code
<div class="spacer ">
<div class="container feature30">
<div class="row">
<div class="col-lg-10"><img src="../assets/images/features/feature30/img1.jpg" class="rounded img-responsive" alt="wrappixel" /></div>
<div class="col-lg-5 col-md-7 text-center wrap-feature30-box" data-aos="fade-left" data-aos-duration="1800" data-aos-easing="linear">
<div class="card card-shadow">
<div class="card-body">
<div class="p-20">
<h3 class="title">The New way of Making Your Website in mins</h3>
<p>You can relay on our amazing features list and also our customer services will be great experience. You will love it for sure.</p>
<a class="btn btn-info-gradiant btn-md btn-arrow m-t-20" data-toggle="collapse" href="#f30"><span>View Feature30 code <i class="ti-arrow-right"></i></span></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
.feature30 {
position: relative;
}
.wrap-feature30-box {
position: absolute;
top: 20%;
right: 0px;
}