Andale – Creative HTML5 Portfolio Template

  • 45 Articles
  • Current Version: 1.0
HomeDocumentationsFooter type 2

Last Modified: August 14, 2019

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>
0
0