There are several elements you will find on blog single page:
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 44 45 46 47 48 49 |
<article class="ct-articleBox ct-articleBox--singlePage"> <div class="ct-articleBox-media"> <img src="assets/images/demo-content/blog-single-image.jpg" alt="Image Blog" /> </div> <h2 class="ct-articleBox-header"> Benefits of peeling Your face </h2> <div class="ct-articleBox-meta"> Admin / 25 Feb, 2015 / 3 comments </div> <p class="ct-articleBox-description"> Lorem ipsum dolor sit amet conse ctetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> <p class="ct-articleBox-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vitae nunc elementum, bibendum urna in, convallis tellus. Inte ger et rhoncus purus. Donec sit amet euismod ligula. Sed commodo facilisis elit, in imperdiet quam commodo et. Aenean at ipsum et urna porta venenatis. Aliquam erat volutpat. Fusce consectetur condimentum justo, vitae feugiat odio pulvinar vel. Maecenas eu hendrerit urna. Curabitur pharetra cursus sem, eu varius ex posuere eu. Maecenas in gravida nunc.</p> <p class="ct-articleBox-description">Sed aliquet rutrum augue, in facilisis mauris varius eu. Morbi est libero, tempus eu efficitur nec, comui mmodo id ex. Ut tris tique sagittis arcu ut venenatis. Donec id nulla mi. Nullam nisi est, rutrum ac velit eu, pharetra tristique lacus. Pellentesque tristique ex nibh, et euismod dolor suscipit dignissim. Susum pendisse sed enim nec est dictum laoreet.</p> <p class="ct-articleBox-description">Phasellus facilisis, augue non tincidunt venenatis, tortor urna fringilla urna, id facilisis urna sem iacu lis erat. Etiam nec justo ut dolor laoreet cursus. Pellentesque nec tristique enim. Duis accumsan sem purus, non consectetur arcu maximus ac. Sus pendisse urna risus, congue non pellentesque eu, cursus eget dolor. Suspendisse mollis leo sit amet accumsan aliquet. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin ante enim, viverra vel libero nec, faucibus aliui quam lacus. Donec sit amet congue tellus, vitae ornare lacus. Nam eget pellentesque libero.</p> <div class="ct-shareBox ct-u-borderBottom"> <span class="ct-shareBox-title">Share:</span> <ul class="ct-socials ct-socials--roundedBox list-unstyled list-inline ct-u-paddingBottom15"> <li><a href="https://www.facebook.com/createITpl" data-toggle="tooltip" data-placement="top" title="Facebook"><i class="fa fa-facebook fa-lg"></i></a></li> <li><a href="https://twitter.com/createitpl" data-toggle="tooltip" data-placement="top" title="Twitter"><i class="fa fa-twitter fa-lg"></i></a></li> <li><a href="#" data-toggle="tooltip" data-placement="top" title="Rss"><i class="fa fa-rss fa-lg"></i></a></li> <li><a href="#" data-toggle="tooltip" data-placement="top" title="Linkedin"><i class="fa fa-linkedin fa-lg"></i></a></li> </ul> </div> <i class="fa fa-tag fa-lg ct-u-paddingRight5 ct-u-paddingTop20 ct-u-motiveColor"></i> <span class="ct-u-greyColor ct-fw-600">Tagged: </span> <ul class="ct-blogTags ct-blogTags-secondType list-inline list-unstyled"> <li><a href="#">face</a></li> <li><a href="#">peeling</a></li> <li><a href="#">treatments</a></li> <li><a href="#">skin</a></li> <li><a href="#">cream</a></li> <li><a href="#">massage</a></li> <li><a href="#">manicure</a></li> <li><a href="#">pedicure</a></li> </ul> </article> |