Blog

• Posted: February 16, 2015
• / By: Julita
• / In:

Add your blog posts with the following HTML markup:

XHTML

<div class="ct-blogBox ct-u-paddingTop30"> <div class="ct-blogBox-image ct-u-paddingBottom25"> <img src="assets/images/demo-content/blog-item1.jpg" alt="Picture 1"> </div> <h5 class="ct-u-size16 ct-fw-600 ct-blogBox-title">Jewellery Storage Is Just As Important!</h5> <div class="ct-blogDescription ct-u-size15 ct-u-paddingTop15"> <div class="pull-left ct-blogDescription-posted"> <span><i class="fa fa-pencil fa-fw"></i> Posted by: <a href="#">Karen1234</a></span> <span class="ct-u-paddingLeft15"><i class="fa fa-calendar fa-fw"></i> 9 Nov, 2014</span> </div> <div class="pull-right ct-blogDescription-comments"> <span><i class="fa fa-comments fa-fw"></i> <a href="#">3 comments</a></span> </div> <div class="clearfix"></div> <p class="text-justify ct-u-paddingTop20 ct-u-size16"> ... </p> <p class="text-justify ct-u-paddingTop30 ct-u-size16"> .... </p> <p class="text-justify ct-u-paddingTop30 ct-u-size16"> ... </p> <p class="text-justify ct-u-paddingTop30 ct-u-paddingBottom40 ct-u-size16"> ... </p> <hr> <div class="ct-blogDescription-tags ct-u-paddingBoth15"> <i class="fa fa-fw fa-tag ct-u-colorBlack"></i> Tagged: <a href="#">designer jewelry</a>, <a href="#">ring</a>, <a href="#">engagement</a>, <a href="#">wedding</a>, <a href="#">necklace</a>, <a href="#">pendant</a>, <a href="#">bracelet</a> </div> </div> </div>

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

<div class="ct-blogBox ct-u-paddingTop30">                             <div class="ct-blogBox-image ct-u-paddingBottom25">                                 <img src="assets/images/demo-content/blog-item1.jpg" alt="Picture 1">                             </div>                             <h5 class="ct-u-size16 ct-fw-600 ct-blogBox-title">Jewellery Storage Is Just As Important!</h5>                             <div class="ct-blogDescription ct-u-size15 ct-u-paddingTop15">                                 <div class="pull-left ct-blogDescription-posted">                                     <span><i class="fa fa-pencil fa-fw"></i>  Posted by: <a href="#">Karen1234</a></span>                                     <span class="ct-u-paddingLeft15"><i class="fa fa-calendar fa-fw"></i>  9 Nov, 2014</span>                                 </div>                                 <div class="pull-right ct-blogDescription-comments">                                     <span><i class="fa fa-comments fa-fw"></i>  <a href="#">3 comments</a></span>                                 </div>                                 <div class="clearfix"></div>                                 <p class="text-justify ct-u-paddingTop20 ct-u-size16">                                    ...                                 </p>                                 <p class="text-justify ct-u-paddingTop30 ct-u-size16">                                     ....                                 </p>                                 <p class="text-justify ct-u-paddingTop30 ct-u-size16">                                     ...                                 </p>                                 <p class="text-justify ct-u-paddingTop30 ct-u-paddingBottom40 ct-u-size16">                                     ...                                 </p>                                 <hr>                                 <div class="ct-blogDescription-tags ct-u-paddingBoth15">                                     <i class="fa fa-fw fa-tag ct-u-colorBlack"></i>                                     Tagged:                                     <a href="#">designer jewelry</a>,                                     <a href="#">ring</a>,                                     <a href="#">engagement</a>,                                     <a href="#">wedding</a>,                                     <a href="#">necklace</a>,                                     <a href="#">pendant</a>,                                     <a href="#">bracelet</a>                                 </div>                             </div>                         </div>

Blog Post

Blog Comments

Blog comments

HTML markup:

XHTML

<div class="ct-blogComment"> <p class="ct-u-size16 ct-u-paddingBottom15 ct-u-paddingTop30">Who is the designer of the ring on your middle finger in the photo on the bottom left (red sleeve)? Thank you!</p> <hr> <div class="pull-right ct-u-paddingBoth10 ct-u-size15"> <span><i class="fa fa-pencil fa-fw"></i> Posted by: <a href="#">Karen1234</a></span> <span class="ct-u-paddingLeft15"><i class="fa fa-calendar fa-fw"></i> 9 Nov, 2014</span> </div> <div class="clearfix"></div> <hr> </div>

1 2 3 4 5 6 7 8 9 10

<div class="ct-blogComment">                             <p class="ct-u-size16 ct-u-paddingBottom15 ct-u-paddingTop30">Who is the designer of the ring on your middle finger in the photo on the bottom left (red sleeve)? Thank you!</p>                             <hr>                             <div class="pull-right ct-u-paddingBoth10 ct-u-size15">                                 <span><i class="fa fa-pencil fa-fw"></i>  Posted by: <a href="#">Karen1234</a></span>                                 <span class="ct-u-paddingLeft15"><i class="fa fa-calendar fa-fw"></i>  9 Nov, 2014</span>                             </div>                             <div class="clearfix"></div>                             <hr>                         </div>