How Create Cards in billboard framework

Hi everyone
To create a blog card, just connect the billboard library to the web page first (CDN or Local) And then create your blog post box using the code below.

You can find files and CDN billboard framework in following link.

https://elbillboard.com/Docs


<div class="brow">
<div class=" bcol-1-4 bcol-3-6-md bcol-6-xs">
<div class="card-holder">
<div class="image-holder"></div>
<h1 style="padding-top: 11px;">Title</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
<br />
<br />
</p>
<div class="d-xl-flex brow avatar-box">
<div class="bavatar img-full-radius">
<div class="avatar-holder"></div>
</div>
<div><span>Anastasia Petos</span><span style="display: block;">10/9/2020</span></div>
</div>
</div>
</div>
<div class="bcol-1-4 bcol-3-6-md bcol-6-xs">
<div class="card-holder">
<div class="image-holder"></div>
<h1 style="padding-top: 11px;">Title</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
<br />
<br />
</p>
<div class="d-xl-flex brow avatar-box">
<div class="bavatar img-full-radius">
<div class="avatar-holder"></div>
</div>
<div><span>Anastasia Petos</span><span style="display: block;">10/9/2020</span></div>
</div>
</div>
</div>
<div class="bcol-1-4 bcol-3-6-md bcol-6-xs">
<div class="card-holder">
<div class="image-holder"></div>
<h1 style="padding-top: 11px;">Title</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
<br />
<br />
</p>
<div class="d-xl-flex brow avatar-box">
<div class="bavatar img-full-radius">
<div class="avatar-holder"></div>
</div>
<div><span>Anastasia Petos</span><span style="display: block;">10/9/2020</span></div>
</div>
</div>
</div>
<div class="bcol-1-4 bcol-3-6-md bcol-6-xs">
<div class="card-holder">
<div class="image-holder"></div>
<h1 style="padding-top: 11px;">Title</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
<br />
<br />
</p>
<div class="d-xl-flex brow avatar-box">
<div class="bavatar img-full-radius">
<div class="avatar-holder"></div>
</div>
<div><span>Anastasia Petos</span><span style="display: block;">10/9/2020</span></div>
</div>
</div>
</div>
</div>

elbillboard

A free HTML, CSS , JS framework

Amir Mahmoud Mirzargar

Written by

Founder & developer billboard framework , CEO https://thebravo.cc

elbillboard

A free HTML, CSS , JS framework

More From Medium

More on Web Development from elbillboard

More on Web Development from elbillboard

More on Web Development from elbillboard

Radio Button guide for billboard framework

More on Elbillboard from elbillboard

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade