To create footer type 2, paste this code into your page:
<footer class="footer-type-2">
<div class="inner-wrapper">
<div class="container">
<aside class="sidebar horizontal-sidebar">
<div class="sidebar-widget widget-recent-posts">
<h6 class="widget-title">
Recent Posts
</h6>
<ul class="recent-posts-list">
<li class="post">
<div class="post-thumbnail">
<img src="assets/img/additional/recent-post-1.jpg" alt="recent-post-1"
class="img-fluid">
</div>
<div class="post-content">
<h6 class="title">
<a href="#">
21 Photos That Might Make You Laugh For...
</a>
</h6>
<span class="meta-text">
May 14, 2019
</span>
</div>
</li>
<li class="post">
<div class="post-thumbnail">
<img src="assets/img/additional/recent-post-2.jpg" alt="recent-post-2"
class="img-fluid">
</div>
<div class="post-content">
<h6 class="title">
<a href="#">
New Music Videos that Will Stream...
</a>
</h6>
<span class="meta-text">
May 15, 2019
</span>
</div>
</li>
<li class="post">
<div class="post-thumbnail">
<img src="assets/img/additional/recent-post-3.jpg" alt="recent-post-3"
class="img-fluid">
</div>
<div class="post-content">
<h6 class="title">
<a href="#">
35 Memes You Should See If You’re...
</a>
</h6>
<span class="meta-text">
May 16, 2019
</span>
</div>
</li>
</ul>
</div>
<div class="sidebar-widget widget-categories">
<h6 class="widget-title">
Trending Categories
</h6>
<ul class="categories-list">
<li>
<a href="#" class="category"
style="background-image: url('assets/img/additional/category-1.jpg')">
<span class="name">Inspiration</span>
<span class="count">9</span>
</a>
</li>
<li>
<a href="#" class="category"
style="background-image: url('assets/img/additional/category-2.jpg')">
<span class="name">Prototyping</span>
<span class="count">7</span>
</a>
</li>
<li>
<a href="#" class="category"
style="background-image: url('assets/img/additional/category-3.jpg')">
<span class="name">Development</span>
<span class="count">6</span>
</a>
</li>
<li>
<a href="#" class="category"
style="background-image: url('assets/img/additional/category-4.jpg')">
<span class="name">Tech</span>
<span class="count">5</span>
</a>
</li>
</ul>
</div>
<div class="sidebar-widget widget-tags-cloud">
<h6 class="widget-title">
Tags Cloud
</h6>
<div class="tags-cloud-list">
<a href="#" class="tag">
audio
</a>
<a href="#" class="tag">
CSS
</a>
<a href="#" class="tag">
digital
</a>
<a href="#" class="tag">
JS
</a>
<a href="#" class="tag">
memes
</a>
<a href="#" class="tag">
marketing
</a>
<a href="#" class="tag">
modern
</a>
<a href="#" class="tag">
experience
</a>
<a href="#" class="tag">
photo
</a>
<a href="#" class="tag">
design
</a>
<a href="#" class="tag">
inspiration
</a>
<a href="#" class="tag">
HTML
</a>
<a href="#" class="tag">
SEO
</a>
<a href="#" class="tag">
success
</a>
<a href="#" class="tag">
ux
</a>
<a href="#" class="tag">
development
</a>
<a href="#" class="tag">
nature
</a>
<a href="#" class="tag">
food
</a>
<a href="#" class="tag">
ui
</a>
<a href="#" class="tag">
blog
</a>
</div>
</div>
<div class="sidebar-widget widget-additional-links">
<h6 class="widget-title">
Additional Links
</h6>
<ul class="additional-links">
<li>
<a href="#">About</a>
</li>
<li>
<a href="#">Services</a>
</li>
<li>
<a href="#">Contact</a>
</li>
<li>
<a href="#">Privacy Policy</a>
</li>
<li>
<a href="#">Blog</a>
</li>
<li>
<a href="#">Team</a>
</li>
</ul>
</div>
</aside>
<div class="copyright-wrapper">
<p class="copyright">Copyright © 2019 by JD-Themes. All Rights Reserved.</p>
</div>
</div>
</div>
</footer>