There are several types of blog posts, which can be used for you blog:
Featured post
HTML markup:
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 |
<div class="ct-featuredBox"> <span></span> <article class="ct-articleBox"> <div class="ct-articleBox-date"> <div class="ct-articleBox-dateDay"> 14 </div> <div class="ct-articleBox-dateMonth"> feb </div> <div class="ct-articleBox-dateDay"> 6 </div> <div class="ct-articleBox-dateMonth"> comm </div> </div> <div class="ct-articleBox-media"> <img src="assets/images/demo-content/featured_post-image.jpg" alt="Post Image" /> </div> <div class="ct-articleBox-titleBox"> <a href="#"><h5>3 mistakes when making your make-ups</h5></a> </div> <div class="ct-articleBox-description ct-u-paddingTop20"> <p class="ct-header ct-header--doubleBorderTop"> A manicure is a cosmetic beauty treatment for the fingernails and hands performed at home or in a nail salon. A manicure consists of filing, shaping of the free edge, pushing (with cuticle pusher) and clipping (with cuticle nippers) any nonliving tissue. </p> </div> </article> </div> |
Blog post:
1) Simple post with picture
2.) Video post
3.) Gallery post with pagination
4.) Text post
5.) Different gallery post with navigation
6.) Post with quote
7.) Audio post
Basic HTML markup:
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 |
<article class="ct-articleBox"> <div class="row"> <div class="col-lg-6 col-md-6"> <div class="ct-articleBox-media"> <img src="assets/images/demo-content/blog-image1.jpg" alt="" /> <div class="btn-arrow"> <a class="" href="blog-single.html"><span></span></a> </div> </div> </div> <div class="col-lg-6 col-md-6"> <div class="ct-articleBox-meta"> Admin / 25 Feb, 2015 / 3 comments </div> <h2 class="ct-articleBox-header "> <a href="blog-single.html">this is a simple post</a> </h2> <p class="ct-articleBox-description"> If you can tolerate a little discomfort, the benefits of waxing may be well worth the effort. Sure, the process could take you about two hours the first time. And the stinging sensation after ripping wax off your legs may make you ask... </p> <span class="ct-u-motiveColor ct-u-fontSize14 ct-fw-600">Tags: </span> <ul class="ct-blogTags list-inline list-unstyled"> <li><a href="#">Manicure</a></li> <li><a href="#">Spa</a></li> <li><a href="#">Massage</a></li> <li><a href="#">Treatments</a></li> <li><a href="#">For Women</a></li> <li><a href="#">For Men</a></li> <li><a href="#">Gift Vouchers</a></li> <li><a href="#">Laser Hair Removal</a></li> <li><a href="#">Facial Treatments</a></li> <li><a href="#">Manicure & Pedicure</a></li> <li><a href="#">Slimming</a></li> <li><a href="#">Waxing</a></li> <li><a href="#">Tranning</a></li> <li><a href="#">Spa Packages</a></li> </ul> <div class="clearfix"></div> </div> </div> </article> |