Feature 41
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
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
View Feature41 code
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
View Feature41 code
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
View Feature41 code
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
View Feature41 code
<div class="bg-light spacer feature41">
<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 41</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 m-t-40 wrap-feature41-box">
<!-- Column -->
<div class="col-md-4">
<ul class="nav vtab f41-tab">
<li class="nav-item">
<a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-expanded="true">
<div class="display-5 t-icon"><i class="icon-Structure"></i></div>
<div>
<h5 class="m-b-0">Perfectly Structured</h5>
<h6 class="subtitle">You can relay on our amazing features list.</h6>
</div>
</a>
</li>
<li class="nav-item">
<a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile">
<div class="display-5 t-icon"><i class="icon-Brain-2"></i></div>
<div>
<h5 class="m-b-0">Thinkful Products</h5>
<h6 class="subtitle">You can relay on our amazing features list.</h6>
</div>
</a>
</li>
<li class="nav-item">
<a class="nav-link" id="dropdown1-tab" data-toggle="tab" href="#dropdown1" role="tab" aria-controls="dropdown1">
<div class="display-5 t-icon"><i class="icon-Dollar-Sign"></i></div>
<div>
<h5 class="m-b-0">Make Money</h5>
<h6 class="subtitle">You can relay on our amazing features list.</h6>
</div>
</a>
</li>
<li class="nav-item">
<a class="nav-link" id="ssd-tab" data-toggle="tab" href="#ssd" role="tab" aria-controls="ssd">
<div class="display-5 t-icon"><i class="icon-Data-Center"></i></div>
<div>
<h5 class="m-b-0">SSD Storage</h5>
<h6 class="subtitle">You can relay on our amazing features list.</h6>
</div>
</a>
</li>
</ul>
</div>
<!-- Column -->
<!-- Column -->
<div class="col-md-7 ml-auto">
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab"> <img src="../assets/images/features/feature41/img1.jpg" alt="wrapkit" class="rounded img-fluid" />
<p class="m-t-40">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p> <a class="btn btn-info-gradiant btn-md btn-arrow m-t-20" data-toggle="collapse" href="#f41"><span>View Feature41 code <i class="ti-arrow-right"></i></span></a> </div>
<div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab"> <img src="../assets/images/features/feature41/img2.jpg" alt="wrapkit" class="rounded img-fluid" />
<p class="m-t-40">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p> <a class="btn btn-success-gradiant btn-md btn-arrow m-t-20" data-toggle="collapse" href="#f41"><span>View Feature41 code <i class="ti-arrow-right"></i></span></a> </div>
<div class="tab-pane fade" id="dropdown1" role="tabpanel" aria-labelledby="dropdown1-tab"> <img src="../assets/images/features/feature41/img3.jpg" alt="wrapkit" class="rounded img-fluid" />
<p class="m-t-40">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p> <a class="btn btn-success-gradiant btn-md btn-arrow m-t-20" data-toggle="collapse" href="#f41"><span>View Feature41 code <i class="ti-arrow-right"></i></span></a> </div>
<div class="tab-pane fade" id="ssd" role="tabpanel" aria-labelledby="ssd-tab"> <img src="../assets/images/features/feature41/img4.jpg" alt="wrapkit" class="rounded img-fluid" />
<p class="m-t-40">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p> <a class="btn btn-success-gradiant btn-md btn-arrow m-t-20" data-toggle="collapse" href="#f41"><span>View Feature41 code <i class="ti-arrow-right"></i></span></a> </div>
</div>
</div>
<!-- Column -->
</div>
</div>
</div>
.wrap-feature41-box .f41-tab {
display: block;
}
.wrap-feature41-box .f41-tab li a {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 20px;
padding: 25px;
}
.wrap-feature41-box .f41-tab li a .t-icon {
margin-right: 25px;
color: #8d97ad;
}
.wrap-feature41-box .f41-tab li a h5 {
font-weight: 500;
}
.wrap-feature41-box .f41-tab li a h6 {
font-size: 14px;
margin-bottom: 0px;
}
.wrap-feature41-box .f41-tab li a.active, .wrap-feature41-box .f41-tab li a:hover {
background: #ffffff;
-webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1);
box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1);
}
.wrap-feature41-box .f41-tab li a.active .t-icon, .wrap-feature41-box .f41-tab li a:hover .t-icon {
background: #188ef4;
background: -webkit-linear-gradient(legacy-direction(to right), #188ef4 0%, #316ce8 100%);
background: -webkit-gradient(linear, left top, right top, from(#188ef4), to(#316ce8));
background: -webkit-linear-gradient(left, #188ef4 0%, #316ce8 100%);
background: -o-linear-gradient(left, #188ef4 0%, #316ce8 100%);
background: linear-gradient(to right, #188ef4 0%, #316ce8 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
text-fill-color: transparent;
}
Feature 42
You can relay on our amazing features list and also our customer services will be great experience for you without doubt and no-time.
You wont believ that you can make Your Website 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 no-time.
View Feature42 code
<div class="spacer feature42" style="background-image:url(../assets/images/features/feature42/img1.jpg)">
<div class="container">
<div class="row justify-content-center wrap-feature42-box">
<div class="col-md-10 col-lg-7 text-center" data-aos="fade-up"> <span class="label label-success label-rounded">Feature 42</span>
<h2 class="title text-white">You wont believ that you can make Your Website in Record Time</h2>
<h6 class="subtitle text-white op-7 m-b-20">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> <a href="javascript:void(0)" class="text-success-gradiant display-4" data-toggle="modal" data-target="#exampleModal"><i class="icon-Play-Music"></i></a>
<div class="modal fade" id="exampleModal" aria-hidden="true">
<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>
</div>
</div>
.feature42 {
background-repeat: no-repeat;
background-size: cover;
}
.feature42 .wrap-feature42-box {
padding: 15% 0;
}
Feature 43
Create your Website in Simple and Easy Steps with Powerful WrapKit 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
View Feature43 codeUnbeatable Features
You can relay on our amazing features list and also our customer services.
Professional Support
You can relay on our amazing features list and also our customer services.
Quick and Easy
You can relay on our amazing features list and also our customer services.
Secured & Trendy
You can relay on our amazing features list and also our customer services.
<div class="spacer feature43">
<div class="container">
<div class="row">
<div class="col-lg-5" data-aos="fade-right" data-aos-duration="1200"> <span class="label label-success label-rounded">Feature 43</span>
<h2 class="title">Create your Website in Simple and Easy Steps with Powerful WrapKit Features</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> <a class="btn btn-info-gradiant btn-md btn-arrow m-t-20" data-toggle="collapse" href="#f43"><span>View Feature43 code <i class="ti-arrow-right"></i></span></a> </div>
<div class="col-lg-6 ml-auto">
<div class="row wrap-feature43-box">
<div class="col-md-6" data-aos="fade-right" data-aos-duration="1200">
<h2 class="text-success-gradiant display-5"><i class="icon-Car-Wheel"></i></h2>
<h5 class="title">Unbeatable Features</h5>
<h6 class="subtitle">You can relay on our amazing features list and also our customer services.</h6>
</div>
<div class="col-md-6" data-aos="fade-left" data-aos-duration="1200">
<h2 class="text-success-gradiant display-5"><i class="icon-Target"></i></h2>
<h5 class="title">Professional Support</h5>
<h6 class="subtitle">You can relay on our amazing features list and also our customer services.</h6>
</div>
<div class="col-md-6" data-aos="fade-right" data-aos-duration="1200">
<h2 class="text-success-gradiant display-5"><i class="icon-Mouse-3"></i></h2>
<h5 class="title">Quick and Easy</h5>
<h6 class="subtitle">You can relay on our amazing features list and also our customer services.</h6>
</div>
<div class="col-md-6" data-aos="fade-left" data-aos-duration="1200">
<h2 class="text-success-gradiant display-5"><i class="icon-Car-Wheel"></i></h2>
<h5 class="title">Secured & Trendy</h5>
<h6 class="subtitle">You can relay on our amazing features list and also our customer services.</h6>
</div>
</div>
</div>
</div>
</div>
</div>
.wrap-feature43-box .col-md-6 {
margin-bottom: 50px;
}
Feature 44
Make Unlimited Websites in No-Time with WrapKit
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 Feature44 code
<div class="spacer feature44 bg-light">
<div class="container">
<div class="row">
<div class="col-md-8 text-center align-self-center">
<div class="max-500 m-auto"> <span class="label label-success label-rounded">Feature 44</span>
<h2 class="title font-light">Make Unlimited Websites in No-Time with WrapKit</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> <a class="btn btn-info-gradiant btn-md btn-arrow m-t-20 m-b-20" data-toggle="collapse" href="#f44"><span>View Feature44 code <i class="ti-arrow-right"></i></span></a> </div>
</div>
<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>
<div class="col-lg-12">
<div class="collapse m-t-20" id="f44">
<div class="card card-body card-shadow"> Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. </div>
</div>
</div>
</div>
</div>
</div>
No CSS Required.
Feature 41
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
Feature 45
We have covered everything for you to get desire results with WrapKit, So Just Grab it and Enjoy!
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
Feature 45
We have covered everything for you to get desire results with WrapKit, So Just Grab it and Enjoy!
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
Feature 45
We have covered everything for you to get desire results with WrapKit, So Just Grab it and Enjoy!
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
Feature 45
We have covered everything for you to get desire results with WrapKit, So Just Grab it and Enjoy!
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
Feature 46
We have covered everything for you to get desire results with WrapKit
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
Build your site in Record Time!
Lorem ipsum dolor sit amet, consecte tuam porttitor, nunc et fringilla.
Get Code
<div class="spacer feature46 bg-light" style="background-image:url(../assets/images/features/feature46/img1.jpg)">
<div class="container">
<div class="row">
<div class="col-lg-5 col-md-6">
<span class="label label-success label-rounded">Feature 46</span>
<h2 class="title">We have covered everything for you to get desire results with WrapKit</h2>
<h6 class="subtitle m-b-40 m-t-20">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="card card-shadow " data-aos="fade-right" data-aos-duration="1200">
<div class="card-body p-30">
<h6 class="font-medium">Build your site in Record Time!</h6>
<p class="m-t-20">Lorem ipsum dolor sit amet, consecte tuam porttitor, nunc et fringilla.</p>
<a href="#f46" class="linking">Learn More <i class="ti-arrow-right text-success"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
.feature46 {
background-repeat: no-repeat;
background-position: top right;
}
Feature 47
Our Experience
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
- Lorem Ipsum is simply dummy text of the
- 1-Click Staging Environment the printing
- Simply dummy text of the printing and industry.
- Dummy text of the printing and typesetting industry..
Lorem Ipsum is simply dummying of the printing and type setting industry. Lorem Ipsum has been
<div class="spacer feature47">
<div class="container">
<div class="row wrap-feature47-box">
<div class="col-md-6 align-self-center">
<div class="max-500 m-auto"> <span class="label label-success label-rounded">Feature 47</span>
<h2 class="title font-bold">Our Experience</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>
<ul class="list-block with-underline font-medium m-t-30 m-b-20 text-dark">
<li><i class="sl-icon-check text-success"></i> <span>Lorem Ipsum is simply dummy text of the </span></li>
<li><i class="sl-icon-check text-success"></i> <span>1-Click Staging Environment the printing </span></li>
<li><i class="sl-icon-check text-success"></i> <span>Simply dummy text of the printing and industry.</span></li>
<li><i class="sl-icon-check text-success"></i> <span>Dummy text of the printing and typesetting industry..</span></li>
</ul>
<a class="btn btn-info-gradiant btn-md btn-arrow m-t-20 m-b-20" data-toggle="collapse" href="#f47"><span>Get Code <i class="ti-arrow-right"></i></span></a>
</div>
</div>
<div class="col-md-5 ml-auto">
<div class="card card-shadow" data-aos="flip-up" data-aos-duration="1200">
<img class="card-img-top" src="../assets/images/features/feature47/img1.jpg" alt="wrappixel kit">
<div class="card-body">
<div class="p-20">
<h3 class="font-light f-47-line">Lorem Ipsum is simply dummying of the printing and type setting industry. Lorem Ipsum has been</h3>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
.wrap-feature47-box .f-47-line {
line-height: 40px;
}
Feature 48
We are now on App Store, Grab our IOS or Android App from Stores
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 Code
<div class="spacer feature48 bg-light" style="background-image:url(../assets/images/features/feature48/img1.jpg)">
<div class="container">
<div class="row wrap-feature48-box">
<div class="col-lg-5 col-md-6 ml-auto">
<span class="label label-danger label-rounded">Feature 48</span>
<h2 class="title">We are now on App Store, Grab our IOS or Android App from Stores</h2>
<h6 class="subtitle m-b-40 m-t-20">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>
<a href="javascript:void(0)" class="m-b-20"><img src="../assets/images/features/feature48/app-strore.png" /></a>
<a href="javascript:void(0)" class="m-b-20"><img src="../assets/images/features/feature48/play-store.png" /></a>
</div>
</div>
</div>
</div>
.feature48 {
background-repeat: no-repeat;
background-position: top left;
background-size: cover;
}
.feature48 .wrap-feature48-box {
padding: 10% 0;
}
Feature 49
Grab our IOS or Android App from Stores
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 Code
<div class="spacer feature42 bg-success-gradiant">
<div class="container">
<div class="row justify-content-center wrap-feature49-box">
<div class="col-md-10 col-lg-7 text-center" data-aos="fade-up"> <span class="label label-inverse label-rounded">Feature 49</span>
<h2 class="title text-white">Grab our IOS or Android App from Stores</h2>
<h6 class="subtitle text-white op-7 m-b-20">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>
<a href="javascript:void(0)" class="m-b-20"><img src="../assets/images/features/feature48/app-strore.png" /></a>
<a href="javascript:void(0)" class="m-b-20"><img src="../assets/images/features/feature48/play-store.png" /></a>
</div>
</div>
</div>
</div>
No CSS Required.