<h1>Cards Style : Demo 1</h1>
<div class="card-wrapper">
<div class="card-container">
<!-- =====Card Start===== -->
<div class="card-box">
<article>
<figure>
<img src="https://www.raviwebcodes.com/demos/code-lab/cards/images/card-style-1-image-1.jpg"
alt="Card Box 1">
</figure>
<div class="card-content">
<h2>Card Box 1</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam, maxime tempore. Nesciunt illo vitae fugiat alias voluptas ex. Sapiente dolore ipsam deserunt veniam dolor explicabo ad odio rem, laborum voluptas!
<a href="#" title="Read More">
Read more
</a>
</p>
</div>
</article>
</div>
<!-- =====Card End===== -->
<!-- =====Card Start===== -->
<div class="card-box">
<article>
<figure>
<img src="https://www.raviwebcodes.com/demos/code-lab/cards/images/card-style-1-image-2.jpg"
alt="Card Box 2">
</figure>
<div class="card-content">
<h2>Card Box 2</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Deleniti illum quasi consectetur at perspiciatis voluptates quidem, quis doloremque repellendus praesentium. Optio quidem at aliquam alias vitae iure voluptate iusto porro.
<a href="#" title="Read More">
Read more
</a>
</p>
</div>
</article>
</div>
<!-- =====Card End===== -->
<!-- =====Card Start===== -->
<div class="card-box">
<article>
<figure>
<img src="https://www.raviwebcodes.com/demos/code-lab/cards/images/card-style-1-image-3.jpg"
alt="Card Box 3">
</figure>
<div class="card-content">
<h2>Card Box 3</h2>
<p>
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Nobis suscipit incidunt harum eligendi inventore eveniet quo amet non sapiente eaque reiciendis odit, aperiam voluptates eius iste ipsa error qui ea.
<a href="#" title="Read More">
Read more
</a>
</p>
</div>
</article>
</div>
<!-- =====Card End===== -->
</div>
</div>
