Posts

Posts Shortcodes

Check out all the posts options.


Recent Posts

HTML Shortcode

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
<div class="owl-carousel show-nav-title top-border" data-plugin-options="{'responsive': {'0': {'items': 1}, '479': {'items': 1}, '768': {'items': 2}, '979': {'items': 3}, '1199': {'items': 3}}, 'items': 3, 'margin': 10, 'loop': false, 'nav': true, 'dots': false}">
    <div>
        <div class="recent-posts">
            <article class="post">
                <div class="date">
                    <span class="day">15</span>
                    <span class="month">Jan</span>
                </div>
                <h4><a href="../../Blog/Single-Post">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a></h4>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat libero. Lorem ipsum amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat libero. <a href="../../Blog/Single-Post" class="read-more">read more <em class="fa fa-angle-right"></em></a></p>
            </article>
        </div>
    </div>
    <div>
        <div class="recent-posts">
            <article class="post">
                <div class="date">
                    <span class="day">15</span>
                    <span class="month">Jan</span>
                </div>
                <h4><a href="../../Blog/Single-Post">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a></h4>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat libero. Lorem ipsum amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat libero. <a href="/" class="read-more">read more <em class="fa fa-angle-right"></em></a></p>
            </article>
        </div>
    </div>
    <div>
        <div class="recent-posts">
            <article class="post">
                <div class="date">
                    <span class="day">15</span>
                    <span class="month">Jan</span>
                </div>
                <h4><a href="../../Blog/Single-Post">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a></h4>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat libero. Lorem ipsum amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat libero. <a href="/" class="read-more">read more <em class="fa fa-angle-right"></em></a></p>
            </article>
        </div>
    </div>
    <div>
        <div class="recent-posts">
            <article class="post">
                <div class="date">
                    <span class="day">15</span>
                    <span class="month">Jan</span>
                </div>
                <h4><a href="../../Blog/Single-Post">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a></h4>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat libero. Lorem ipsum amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat libero. <a href="/" class="read-more">read more <em class="fa fa-angle-right"></em></a></p>
            </article>
        </div>
    </div>
    <div>
        <div class="recent-posts">
            <article class="post">
                <div class="date">
                    <span class="day">15</span>
                    <span class="month">Jan</span>
                </div>
                <h4><a href="../../Blog/Single-Post">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a></h4>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat libero. Lorem ipsum amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat libero. <a href="/" class="read-more">read more <em class="fa fa-angle-right"></em></a></p>
            </article>
        </div>
    </div>
    <div>
        <div class="recent-posts">
            <article class="post">
                <div class="date">
                    <span class="day">15</span>
                    <span class="month">Jan</span>
                </div>
                <h4><a href="../../Blog/Single-Post">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a></h4>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat libero. Lorem ipsum amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat libero. <a href="/" class="read-more">read more <em class="fa fa-angle-right"></em></a></p>
            </article>
        </div>
    </div>
    <div>
        <div class="recent-posts">
            <article class="post">
                <div class="date">
                    <span class="day">15</span>
                    <span class="month">Jan</span>
                </div>
                <h4><a href="../../Blog/Single-Post">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a></h4>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat libero. Lorem ipsum amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat libero. <a href="/" class="read-more">read more <em class="fa fa-angle-right"></em></a></p>
            </article>
        </div>
    </div>
</div>

Posts

15 Jan

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat libero. read more

HTML Shortcode

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<div class="row">
    <div class="col-md-4">
        <div class="recent-posts">
            <article class="post">
                <div class="date">
                    <span class="day">15</span>
                    <span class="month">Jan</span>
                </div>
                <h4><a href="../../Blog/Single-Post">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a></h4>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat libero. Lorem ipsum amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat libero. <a class="read-more" href="../../Blog/Single-Post">read more <em class="fa fa-angle-right"></em></a></p>
            </article>
        </div>
    </div>
    <div class="col-md-4">
        <div class="recent-posts">
            <article class="post">
                <div class="date">
                    <span class="day">15</span>
                    <span class="month">Jan</span>
                </div>
                <h4><a href="../../Blog/Single-Post">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a></h4>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat.</p>
                <div class="post-meta">
                    <span><em class="fa fa-calendar"></em> January 10, 2013 </span>
                    <span><em class="fa fa-user"></em> By <a href="#">John Doe</a> </span>
                    <span><em class="fa fa-tag"></em> <a href="#">Duis</a>, <a href="#">News</a> </span>
                    <span><em class="fa fa-comments"></em> <a href="#">12 Comments</a></span>
                    <hr class="solid" />
                    <a class="btn btn-xs btn-primary pull-right mb-lg" href="../../Blog/Single-Post">Read more...</a>
                </div>
            </article>
        </div>
    </div>
    <div class="col-md-4">
        <div class="recent-posts">
            <article class="post">
                <div data-plugin-options="{'items': 1, 'margin': 10, 'animateOut': 'fadeOut', 'autoplay': true, 'autoplayTimeout': 3000}" class="owl-carousel nav-inside pull-left mr-lg mb-sm">
                    <div>
                        <img alt="" src="/portals/22/img/blog/blog-image-1.jpg" class="img-responsive img-rounded" />
                    </div>
                    <img alt="" src="/portals/22/img/blog/blog-image-2.jpg" class="img-respo&lt;div&gt;nsive img-rounded" />
                </div>
            </article>
        </div>
        <div class="date">
            <span class="day">15</span>
            <span class="month">Jan</span>
        </div>
        <h4><a href="../../Blog/Single-Post">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a></h4>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat libero. <a class="read-more" href="../../Blog/Single-Post">read more <em class="fa fa-angle-right"></em></a></p>
    </div>
</div>