JSFiddle - React, Tailwind, and code Playground
by helpinspireme
HTML
<!-- p-item -->
<div class="portfolio-item">
<div class="thumb"> <span class="curtain"></span>
<img src="assets/images/portfolio/uvs-promo.jpg">
<p class="text">Upstate Vets Words Blah Words <span>Identity / Design / Web</span>
</p>
</div>
<div class="p-details">
<div class="textual">
<h2>Paws For A Cause Charity Dog Walk</h2>
<span class="divider first"></span>
<div class="tags">Identity / Design / Web</div>
<div class="tasks">Design and Creative Direction</div>
<div class="read-more"><a href="#">Read More</a>
</div>
<div class="cl"></div> <span class="divider last"></span>
<p class="description">Vivamus sodales, leo in sagittis tincidunt, felis ipsum convallis mauris, non laoreet nunc mauris sed ligula. Suspendisse aliquet ac odio non porttitor. Pellentesque lectus tortor, elementum id turpis ac, venenatis egestas nibh. Nam bibendum luctus mauris at molestie. Integer erat felis, eleifend quis metus vestibulum, sagittis porta ligula.</p>
</div>
<div class="imagery"><span data-image="assets/images/portfolio/uvs-001.jpg" /></span><span data-image="assets/images/portfolio/uvs-002.jpg" /></span><span data-image="assets/images/portfolio/uvs-003.jpg" /></span>
</div>
</div>
</div>
<!-- /p-item -->
<!-- p-item -->
<div class="portfolio-item">
<div class="thumb"> <span class="curtain"></span>
<img src="assets/images/portfolio/uvs-promo.jpg">
<p class="text">Upstate Vets Words Blah Words <span>Identity / Design / Web</span>
</p>
</div>
<div class="p-details">
<div class="textual">
<h2>Paws For A Cause Charity Dog Walk</h2>
<span class="divider first"></span>
<div class="tags">Identity / Design / Web</div>
<div class="tasks">Design and Creative Direction</div>
<div class="read-more"><a href="#">Read More</a>
...