Portfolio item

• Posted: March 5, 2015
• / By: Julita
• / In:

Use the following HTML markup to display single portfolio item:

XHTML

<article class="ct-gallery-item ct-portfolio-item webdesign"> <header class="ct-u-hideText"> <h2 class="ct-u-hideText">Gallery item</h2> </header> <div class="ct-portfolio-item-outer"> <div class="ct-portfolio-item-media"> <a href="#"> <figure class="ct-imageBox effect-apollo"> <div class="ct-imageBox-image"> [image] </div> <figcaption> [content or empty] </figcaption> </figure> </a> </div> <div class="ct-portfolio-item-inner"> <header class="ct-portfolio-header"> <div class="ct-portfolio-title"> [title or none] <p> [text or none] </p> </div> </header> </div> </div> </article>

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

<article class="ct-gallery-item ct-portfolio-item webdesign">     <header class="ct-u-hideText">         <h2 class="ct-u-hideText">Gallery item</h2>     </header>       <div class="ct-portfolio-item-outer">         <div class="ct-portfolio-item-media">             <a href="#">                 <figure class="ct-imageBox effect-apollo">                     <div class="ct-imageBox-image">                           [image]                       </div>                     <figcaption>                             [content or empty]                       </figcaption>                 </figure>             </a>         </div>           <div class="ct-portfolio-item-inner">             <header class="ct-portfolio-header">                 <div class="ct-portfolio-title">                       [title or none]                       <p>                           [text or none]                       </p>                 </div>             </header>         </div>     </div> </article>

Portfolio item