Showcase your featured content using featured sections blocks. You can highlight important content block using one of the 16 available featured block styles.
Ensure to replace the text, image and video content in the demo code with your own content.
Featured Section 1
<section class="features9 cid-rkNJrBvvZF" id="features9-t">
<div class="container">
<div class="row justify-content-center">
<div class="card p-3 col-12 col-md-6">
<div class="media-container-row">
<div class="card-img pr-2">
<span class="wns-features wn-iconfont"></span>
</div>
<div class="card-box">
<h4 class="card-title py-3 wn-fonts-style display-7">
No Coding
</h4>
<p class="wn-text wn-fonts-style display-7">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
</div>
</div>
<div class="card p-3 col-12 col-md-6">
<div class="media-container-row">
<div class="card-img pr-2">
<span class="wns-star wn-iconfont"></span>
</div>
<div class="card-box">
<h4 class="card-title py-3 wn-fonts-style display-7">
Mobile Friendly
</h4>
<p class="wn-text wn-fonts-style display-7">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
</div>
</div>
</div>
</div>
</section>
Featured Section 2
<section class="features8 cid-rkNJpS7XQL wn-parallax-background" id="features8-s">
<div class="wn-overlay" style="opacity: 0.2; background-color: rgb(35, 35, 35);">
</div>
<div class="container">
<div class="media-container-row">
<div class="card col-12 col-md-6 col-lg-4">
<div class="card-img">
<span class="wns-desktop wn-iconfont"></span>
</div>
<div class="card-box align-center">
<h4 class="card-title wn-fonts-style display-7">
Unlimited Sites
</h4>
<p class="wn-text wn-fonts-style display-7">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
<div class="wn-section-btn text-center"><a href="featured-sections.html" class="btn btn-secondary display-4">
More
</a></div>
</div>
</div>
<div class="card col-12 col-md-6 col-lg-4">
<div class="card-img">
<span class="wns-touch wn-iconfont"></span>
</div>
<div class="card-box align-center">
<h4 class="card-title wn-fonts-style display-7">
Mobile Friendly
</h4>
<p class="wn-text wn-fonts-style display-7">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
<div class="wn-section-btn text-center"><a href="featured-sections.html" class="btn btn-secondary display-4">
More
</a></div>
</div>
</div>
<div class="card col-12 col-md-6 col-lg-4">
<div class="card-img">
<span class="wns-responsive wn-iconfont"></span>
</div>
<div class="card-box align-center">
<h4 class="card-title wn-fonts-style display-7">
Unique Styles
</h4>
<p class="wn-text wn-fonts-style display-7">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
<div class="wn-section-btn text-center"><a href="featured-sections.html" class="btn btn-secondary display-4">
More
</a></div>
</div>
</div>
</div>
</div>
</section>
Featured Section 3
<section class="features2 cid-rkNJhB0DHr" id="features2-n">
<div class="container">
<div class="media-container-row">
<div class="card p-3 col-12 col-md-6 col-lg-4">
<div class="card-wrapper">
<div class="card-img">
<img src="assets/images/background1.jpg" alt="Web-Boots">
</div>
<div class="card-box">
<h4 class="card-title pb-3 wn-fonts-style display-7">
No Coding
</h4>
<p class="wn-text wn-fonts-style display-7">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</div>
</div>
<div class="card p-3 col-12 col-md-6 col-lg-4">
<div class="card-wrapper">
<div class="card-img">
<img src="assets/images/background2.jpg" alt="Web-Boots">
</div>
<div class="card-box ">
<h4 class="card-title pb-3 wn-fonts-style display-7">
Mobile Friendly
</h4>
<p class="wn-text wn-fonts-style display-7">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</div>
</div>
<div class="card p-3 col-12 col-md-6 col-lg-4">
<div class="card-wrapper">
<div class="card-img">
<img src="assets/images/background3.jpg" alt="Web-Boots">
</div>
<div class="card-box">
<h4 class="card-title pb-3 wn-fonts-style display-7">
Unique Styles
</h4>
<p class="wn-text wn-fonts-style display-7">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</div>
</div>
</div>
</div>
</section>
Featured Section 4
<section class="features3 cid-rkNJieWKj1" id="features3-o">
<div class="container">
<div class="media-container-row">
<div class="card p-3 col-12 col-md-6 col-lg-4">
<div class="card-wrapper">
<div class="card-img">
<img src="assets/images/background1.jpg" alt="Web-Boots">
</div>
<div class="card-box">
<h4 class="card-title wn-fonts-style display-7">
No Coding
</h4>
<p class="wn-text wn-fonts-style display-7">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
<div class="wn-section-btn text-center"><a href="featured-sections.html" class="btn btn-primary display-4">
Learn More
</a></div>
</div>
</div>
<div class="card p-3 col-12 col-md-6 col-lg-4">
<div class="card-wrapper">
<div class="card-img">
<img src="assets/images/background2.jpg" alt="Web-Boots">
</div>
<div class="card-box">
<h4 class="card-title wn-fonts-style display-7">
Mobile Friendly
</h4>
<p class="wn-text wn-fonts-style display-7">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
<div class="wn-section-btn text-center"><a href="featured-sections.html" class="btn btn-primary display-4">
Learn More
</a></div>
</div>
</div>
<div class="card p-3 col-12 col-md-6 col-lg-4">
<div class="card-wrapper">
<div class="card-img">
<img src="assets/images/background3.jpg" alt="Web-Boots">
</div>
<div class="card-box">
<h4 class="card-title wn-fonts-style display-7">
Unique Styles
</h4>
<p class="wn-text wn-fonts-style display-7">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
<div class="wn-section-btn text-center"><a href="featured-sections.html" class="btn btn-primary display-4">
Learn More
</a></div>
</div>
</div>
</div>
</div>
</section>
Featured Section 5
<section class="features17 cid-rkNJiUME72" id="features17-p">
<div class="container-fluid">
<div class="media-container-row">
<div class="card p-3 col-12 col-md-6 col-lg-3">
<div class="card-wrapper">
<div class="card-img">
<img src="assets/images/background1.jpg" alt="Web-Boots">
</div>
<div class="card-box">
<h4 class="card-title pb-3 wn-fonts-style display-7">
No Coding
</h4>
<p class="wn-text wn-fonts-style display-7">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
</div>
</div>
<div class="card p-3 col-12 col-md-6 col-lg-3">
<div class="card-wrapper">
<div class="card-img">
<img src="assets/images/background2.jpg" alt="Web-Boots">
</div>
<div class="card-box">
<h4 class="card-title pb-3 wn-fonts-style display-7">
Mobile Friendly
</h4>
<p class="wn-text wn-fonts-style display-7">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
</div>
</div>
<div class="card p-3 col-12 col-md-6 col-lg-3">
<div class="card-wrapper">
<div class="card-img">
<img src="assets/images/background3.jpg" alt="Web-Boots">
</div>
<div class="card-box">
<h4 class="card-title pb-3 wn-fonts-style display-7">
Unique Styles
</h4>
<p class="wn-text wn-fonts-style display-7">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
</div>
</div>
<div class="card p-3 col-12 col-md-6 col-lg-3">
<div class="card-wrapper">
<div class="card-img">
<img src="assets/images/background4.jpg" alt="Web-Boots">
</div>
<div class="card-box">
<h4 class="card-title pb-3 wn-fonts-style display-7">
Unlimited Sites
</h4>
<p class="wn-text wn-fonts-style display-7">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
</div>
</div>
</div>
</div>
</section>
Featured Section 6
<section class="features4 cid-rkNJngxiq1" id="features4-q">
<div class="container">
<div class="media-container-row">
<div class="card p-3 col-12 col-md-6 col-lg-4">
<div class="card-wrapper media-container-row media-container-row">
<div class="card-box">
<h4 class="card-title pb-3 wn-fonts-style display-7">
No Coding
</h4>
<p class="wn-text wn-fonts-style display-7">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
</div>
</div>
<div class="card p-3 col-12 col-md-6 col-12 col-md-6 col-lg-4">
<div class="card-wrapper media-container-row">
<div class="card-box">
<h4 class="card-title pb-3 wn-fonts-style display-7">
Mobile Friendly
</h4>
<p class="wn-text wn-fonts-style display-7">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
</div>
</div>
<div class="card p-3 col-12 col-md-6 col-lg-4">
<div class="card-wrapper media-container-row">
<div class="card-box">
<h4 class="card-title pb-3 wn-fonts-style display-7">
Unique Styles
</h4>
<p class="wn-text wn-fonts-style display-7">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
</div>
</div>
</div>
</div>
</section>
Featured Section 7
<section class="features1 cid-rkNJo0LNeq" id="features1-r">
<div class="container">
<div class="media-container-row">
<div class="card p-3 col-12 col-md-6 col-lg-4">
<div class="card-img pb-3">
<span class="wns-bootstrap wn-iconfont"></span>
</div>
<div class="card-box">
<h4 class="card-title py-3 wn-fonts-style display-5">
No Coding
</h4>
<p class="wn-text wn-fonts-style display-7">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
</div>
<div class="card p-3 col-12 col-md-6 col-lg-4">
<div class="card-img pb-3">
<span class="wns-touch wn-iconfont"></span>
</div>
<div class="card-box">
<h4 class="card-title py-3 wn-fonts-style display-5">
Mobile Friendly
</h4>
<p class="wn-text wn-fonts-style display-7">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
</div>
<div class="card p-3 col-12 col-md-6 col-lg-4">
<div class="card-img pb-3">
<span class="wns-responsive wn-iconfont"></span>
</div>
<div class="card-box">
<h4 class="card-title py-3 wn-fonts-style display-5">
Unique Styles
</h4>
<p class="wn-text wn-fonts-style display-7">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
</div>
</div>
</div>
</section>
Featured Section 8
<section class="features5 cid-rkNJu8Kbkz" id="features5-u">
<div class="container">
<div class="media-container-row">
<div class="card p-3 col-12 col-md-6 col-lg-4">
<div class="card-img pb-3">
<span class="wns-bootstrap wn-iconfont"></span>
</div>
<div class="card-box">
<h4 class="card-title py-3 wn-fonts-style display-7">
No Coding
</h4>
<p class="wn-text wn-fonts-style display-7">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</div>
<div class="card p-3 col-12 col-md-6 col-lg-4">
<div class="card-img pb-3">
<span class="wns-touch wn-iconfont"></span>
</div>
<div class="card-box">
<h4 class="card-title py-3 wn-fonts-style display-7">
Mobile Friendly
</h4>
<p class="wn-text wn-fonts-style display-7">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</div>
<div class="card p-3 col-12 col-md-6 col-lg-4">
<div class="card-img pb-3">
<span class="wns-responsive wn-iconfont"></span>
</div>
<div class="card-box">
<h4 class="card-title py-3 wn-fonts-style display-7">
Unique Styles
</h4>
<p class="wn-text wn-fonts-style display-7">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</div>
</div>
</div>
</section>
Featured Section 9
<section class="features6 cid-rkNJvE5ATD" id="features6-v">
<div class="container">
<div class="media-container-row">
<div class="card p-3 col-12 col-md-6 col-lg-4">
<div class="card-img pb-3">
<span class="wns-bootstrap wn-iconfont"></span>
</div>
<div class="card-box">
<h4 class="card-title py-3 wn-fonts-style display-7">
No Coding
</h4>
<p class="wn-text wn-fonts-style display-7">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
</div>
<div class="card p-3 col-12 col-md-6 col-lg-4">
<div class="card-img pb-3">
<span class="wns-touch wn-iconfont"></span>
</div>
<div class="card-box">
<h4 class="card-title py-3 wn-fonts-style display-7">
Mobile Friendly
</h4>
<p class="wn-text wn-fonts-style display-7">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
</div>
<div class="card p-3 col-12 col-md-6 col-lg-4">
<div class="card-img pb-3">
<span class="wns-responsive wn-iconfont"></span>
</div>
<div class="card-box">
<h4 class="card-title py-3 wn-fonts-style display-7">
Unique Styles
</h4>
<p class="wn-text wn-fonts-style display-7">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
</div>
</div>
</div>
</section>
Featured Section 10
<section class="features7 cid-rkNJx1ZWUW" id="features7-w">
<div class="container">
<div class="row justify-content-center">
<div class="card p-3 col-12 col-md-6 col-lg-4">
<div class="media">
<div class="card-img pr-2">
<span class="wns-bootstrap wn-iconfont"></span>
</div>
<div class="card-box media-body">
<h4 class="card-title py-3 wn-fonts-style display-7">
No Coding
</h4>
<p class="wn-text wn-fonts-style display-7">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
</div>
</div>
<div class="card p-3 col-12 col-md-6 col-lg-4">
<div class="media">
<div class="card-img pr-2">
<span class="wns-touch wn-iconfont"></span>
</div>
<div class="card-box media-body">
<h4 class="card-title py-3 wn-fonts-style display-7">
Mobile Friendly
</h4>
<p class="wn-text wn-fonts-style display-7">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
</div>
</div>
<div class="card p-3 col-12 col-md-6 col-lg-4">
<div class="media">
<div class="card-img pr-2">
<span class="wns-responsive wn-iconfont"></span>
</div>
<div class="media-body card-box">
<h4 class="card-title py-3 wn-fonts-style display-7">
Unique Styles
</h4>
<p class="wn-text wn-fonts-style display-7">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
</div>
</div>
</div>
</div>
</section>
Featured Section 11
<section class="features10 cid-rkNJze8gL7" id="features10-x">
<div class="container">
<div class="row justify-content-center">
<div class="card p-3 col-12 col-md-6 col-lg-4">
<div class="media mb-3">
<div class="card-img align-self-center">
<span class="wns-bootstrap wn-iconfont"></span>
</div>
<h4 class="card-title media-body py-3 wn-fonts-style display-7">
No Coding
</h4>
</div>
<div class="card-box">
<p class="wn-text wn-fonts-style display-7">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</div>
<div class="card p-3 col-12 col-md-6 col-lg-4">
<div class="media mb-3">
<div class="card-img align-self-center">
<span class="wns-touch wn-iconfont"></span>
</div>
<h4 class="card-title media-body py-3 wn-fonts-style display-7">
Mobile Friendly
</h4>
</div>
<div class="card-box">
<p class="wn-text wn-fonts-style display-7">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</div>
<div class="card p-3 col-12 col-md-6 col-lg-4">
<div class="media mb-3">
<div class="card-img align-self-center">
<span class="wns-responsive wn-iconfont"></span>
</div>
<h4 class="card-title media-body py-3 wn-fonts-style display-7">
Unique Styles
</h4>
</div>
<div class="card-box">
<p class="wn-text wn-fonts-style display-7">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</div>
</div>
</div>
</section>
Featured Section 12
<section class="features11 cid-rkNJCdzYLR" id="features11-y">
<div class="container">
<div class="col-md-12">
<div class="media-container-row">
<div class="wn-figure m-auto" style="width: 50%;">
<img src="assets/images/background9.jpg" alt="Web-Boots" title="">
</div>
<div class=" align-left aside-content">
<h2 class="wn-title pt-2 wn-fonts-style display-2">
Image with content
</h2>
<div class="wn-section-text">
<p class="wn-text mb-5 pt-3 wn-light wn-fonts-style display-5">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
<div class="block-content">
<div class="card p-3 pr-3">
<div class="media">
<div class=" align-self-center card-img pb-3">
<span class="wns-extension wn-iconfont"></span>
</div>
<div class="media-body">
<h4 class="card-title wn-fonts-style display-7">
Over 100 Amazing Blocks
</h4>
</div>
</div>
<div class="card-box">
<p class="block-text wn-fonts-style display-7">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
</div>
<div class="card p-3 pr-3">
<div class="media">
<div class="align-self-center card-img pb-3">
<span class="wns-drag-n-drop2 wn-iconfont"></span>
</div>
<div class="media-body">
<h4 class="card-title wn-fonts-style display-7">
Easy and Simple to Use
</h4>
</div>
</div>
<div class="card-box">
<p class="block-text wn-fonts-style display-7">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
Featured Section 13
<section class="features12 cid-rkNJD4QsgY" id="features12-z">
<div class="container">
<h2 class="wn-section-title pb-2 wn-fonts-style display-2">
Image between two columns
</h2>
<h3 class="wn-section-subtitle pb-3 wn-fonts-style display-5">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</h3>
<div class="media-container-row pt-5">
<div class="block-content align-right">
<div class="card pl-3 pr-3 pb-5">
<div class="wn-card-img-title">
<div class="card-img pb-3">
<span class="wns-upload wn-iconfont"></span>
</div>
<div class="wn-crt-title">
<h4 class="card-title py-2 wn-crt-title wn-fonts-style display-7">
Host Anywhere
</h4>
</div>
</div>
<div class="card-box">
<p class="wn-text wn-section-text wn-fonts-style display-7">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
</div>
<div class="card pl-3 pr-3">
<div class="wn-card-img-title">
<div class="card-img pb-3">
<span class="wns-drag-n-drop2 wn-iconfont"></span>
</div>
<div class="wn-crt-title">
<h4 class="card-title py-2 wn-crt-title wn-fonts-style display-7">
Easy and Simple to Use
</h4>
</div>
</div>
<div class="card-box">
<p class="wn-text wn-section-text wn-fonts-style display-7">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
</div>
</div>
<div class="wn-figure m-auto" style="width: 50%;">
<img src="assets/images/background6.jpg" alt="Web-Boots" title="">
</div>
<div class="block-content align-left">
<div class="card pl-3 pr-3 pb-5">
<div class="wn-card-img-title">
<div class="card-img pb-3">
<span class="wns-features wn-iconfont"></span>
</div>
<div class="wn-crt-title">
<h4 class="card-title py-2 wn-crt-title wn-fonts-style display-7">
Over 100 Amazing Blocks
</h4>
</div>
</div>
<div class="card-box">
<p class="wn-text wn-section-text wn-fonts-style display-7">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</div>
<div class="card pl-3 pr-3">
<div class="wn-card-img-title">
<div class="card-img pb-3">
<span class="wns-sites wn-iconfont"></span>
</div>
<div class="wn-crt-title">
<h4 class="card-title py-2 wn-crt-title wn-fonts-style display-7">
Unlimited Sites
</h4>
</div>
</div>
<div class="card-box">
<p class="wn-text wn-section-text wn-fonts-style display-7">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
</div>
</div>
</div>
</div>
</section>
Featured Section 14
<section class="features14 cid-rkNJE0dQEd" id="features14-10">
<div class="container align-center">
<h2 class="wn-section-title pb-3 wn-fonts-style display-2">
Image below or above the content
</h2>
<h3 class="wn-section-subtitle pb-5 wn-fonts-style display-5">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</h3>
<div class="media-container-column">
<div class="row justify-content-center">
<div class="card p-4 col-12 col-md-6 col-lg-4">
<div class="media pb-3">
<div class="card-img align-self-center">
<span class="wns-bootstrap wn-iconfont"></span>
</div>
<div class="media-body">
<h4 class="card-title py-2 align-left wn-fonts-style display-5">
No Coding
</h4>
</div>
</div>
<div class="card-box align-left">
<p class="wn-text wn-fonts-style display-7">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
</div>
<div class="card p-4 col-12 col-md-6 col-lg-4">
<div class="media pb-3">
<div class="card-img align-self-center">
<span class="wns-responsive wn-iconfont"></span>
</div>
<div class="media-body">
<h4 class="card-title py-2 align-left wn-fonts-style display-5">
Mobile Friendly
</h4>
</div>
</div>
<div class="card-box align-left">
<p class="wn-text wn-fonts-style display-7">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
</div>
<div class="card p-4 col-12 col-md-6 col-lg-4">
<div class="media pb-3">
<div class="card-img align-self-center">
<span class="wns-upload wn-iconfont"></span>
</div>
<div class="media-body">
<h4 class="card-title py-2 align-left wn-fonts-style display-5">
Host Anywhere
</h4>
</div>
</div>
<div class="card-box align-left">
<p class="wn-text wn-fonts-style display-7">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
</div>
</div>
<div class="media-container-row image-row">
<div class="wn-figure" style="width: 60%;">
<img src="assets/images/background1.jpg" alt="Web-Boots">
</div>
</div>
</div>
</div>
</section>
Featured Section 15
<section class="features13 cid-rkNJFmxBEx" id="features13-11">
<div class="container">
<h2 class="wn-section-title pb-3 wn-fonts-style align-center display-2">
Images with text on them
</h2>
<div class="media-container-row">
<div class="card col-12 col-md-6 align-center col-lg-4">
<div class="card-wrap">
<div class="card-img">
<img src="assets/images/background1.jpg" alt="Web-Boots" title="">
</div>
<div class="card-box p-5">
<h4 class="card-title py-2 wn-fonts-style align-center wn-white display-5">Amazing Blocks
</h4>
<p class="wn-text wn-fonts-style wn-white display-7">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
</div>
</div>
<div class="card col-12 col-md-6 align-center col-lg-4">
<div class="card-wrap">
<div class="card-img">
<img src="assets/images/background2.jpg" alt="Web-Boots">
</div>
<div class="card-box p-5">
<h4 class="card-title py-2 wn-fonts-style align-center wn-white display-5">
Easy to Use
</h4>
<p class="wn-text wn-fonts-style wn-white display-7">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
</div>
</div>
<div class="card col-12 col-md-6 align-center col-lg-4">
<div class="card-wrap">
<div class="card-img">
<img src="assets/images/background4.jpg" alt="Web-Boots">
</div>
<div class="card-box p-5">
<h4 class="card-title py-2 wn-fonts-style align-center wn-white display-5">
Unlimited Sites
</h4>
<p class="wn-text wn-fonts-style wn-white display-7">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
</div>
</div>
</div>
</div>
</section>
Featured Section 16
<section class="features18 popup-btn-cards cid-rkNKPbYaCj" id="features18-1k">
<div class="container">
<h2 class="wn-section-title pb-3 align-center wn-fonts-style display-2">
Image features with buttons on mouseover
</h2>
<h3 class="wn-section-subtitle display-5 align-center wn-fonts-style wn-light">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</h3>
<div class="media-container-row pt-5 ">
<div class="card p-3 col-12 col-md-6 col-lg-4">
<div class="card-wrapper ">
<div class="card-img">
<div class="wn-overlay"></div>
<div class="wn-section-btn text-center"><a href="featured-sections.html" class="btn btn-primary display-4">Learn More</a></div>
<img src="assets/images/background1.jpg" alt="Web-Boots">
</div>
<div class="card-box">
<h4 class="card-title wn-fonts-style display-7">
No Coding
</h4>
<p class="wn-text wn-fonts-style align-left display-7">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
</div>
</div>
<div class="card p-3 col-12 col-md-6 col-lg-4">
<div class="card-wrapper">
<div class="card-img">
<div class="wn-overlay"></div>
<div class="wn-section-btn text-center"><a href="featured-sections.html" class="btn btn-primary display-4">Learn More</a></div>
<img src="assets/images/background2.jpg" alt="Web-Boots">
</div>
<div class="card-box">
<h4 class="card-title wn-fonts-style display-7">
Mobile Friendly
</h4>
<p class="wn-text wn-fonts-style display-7">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
</div>
</div>
<div class="card p-3 col-12 col-md-6 col-lg-4">
<div class="card-wrapper">
<div class="card-img">
<div class="wn-overlay"></div>
<div class="wn-section-btn text-center"><a href="featured-sections.html" class="btn btn-primary display-4">Learn More</a></div>
<img src="assets/images/background3.jpg" alt="Web-Boots">
</div>
<div class="card-box">
<h4 class="card-title wn-fonts-style display-7">
Unique Styles
</h4>
<p class="wn-text wn-fonts-style display-7">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
</div>
</div>
</div>
</div>
</section>