Andale – Creative HTML5 Portfolio Template

  • 45 Articles
  • Current Version: 1.0

Last Modified: August 14, 2019

You can create a single post for your post, for this create a page with the following structure, and fill it with content:

<section class="small-section blog-section">
        <div class="container inner-blog">
            <div class="single-content single-content-1 sidebar-layout">
                <div class="blog-layout-wrapper content-sticky">
                    
                </div>
                <div class="sidebar-wrapper">
                   
                </div>
            </div>
        </div>
    </section>

You can add the following elements to a single post:

1.Comments

<div class="comments-wrapper">
                        <div class="single-post-title">
                            <h5 class="title">6 Comments</h5>
                        </div>
                        <ul class="comments-list">
                            
                           
                        </ul>
</div>

2.Recent Posts

<div class="recent-post-wrapper">
                        <div class="single-post-title">
                            <h5 class="title">Recent Posts</h5>
                        </div>
                        <div class="posts-slider posts-slider-type-3">
                           
                        </div>
</div>

3.Single Post Navigation

<div class="single-post-navigation">
                        <a href="#" class="navigation-link navigation-link-prev">
                            How Music Can Help You Improve...
                            <span class="subtitle">
                                    <i class="icofont-long-arrow-left"></i>
                                Prev Post
                            </span>
                        </a>
                        <a href="#" class="navigation-link navigation-link-next">
                            Music Explained in Fewer than...
                            <span class="subtitle">
                                Next Post
                                <i class="icofont-long-arrow-right"></i>
                            </span>
                        </a>
                    </div>

4.Single Post Footer

<div class="single-post-footer">
                        <div class="meta-wrapper">
                            <a class="meta-data likes-wrapper active-button">
                                <i class="icofont-like"></i>
                                85
                            </a>
                            <div class="meta-data views-wrapper">
                                <i class="icofont-eye"></i>
                                1294
                            </div>
                        </div>
                        <div class="share-wrapper">
                            <ul class="social-list social-list-start social-list-type-1">
                                <li>
                                    <a href="#" style="background-color: #4566AE;">
                                        <i class="fa fa-facebook-f"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" style="background-color: #48C7EA;">
                                        <i class="fa fa-twitter"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" style="background-color: #EA4C89;">
                                        <i class="fa fa-dribbble"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" style="background-color: #006599;">
                                        <i class="fa fa-linkedin"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="#" style="background-color: #1769FF;">
                                        <i class="fa fa-behance"></i>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
0
0