.
💝 NPM
npm install @olamidipupo-favour/litecss
<style href="https://cdn.jsdelivr.net/gh/CODECUBE-001/litecss@main/litecss/css/index.css?token=GHSAT0AAAAAABZJ6VNI66VXC5QMTMLPYQP4YZVFWBQ"><style/>
<!--Create Card with component-->
<div class="card">
<div class="card-img">
<img src="https://file.dotabel.com/cache/plugins/filepreviewer/1/bab9941e7fa34eb534b1477f650a418883b55ea79cee569a2ec5c677eb5efba1/1100x800_cropped.jpg" alt="">
</div>
<div class="card-body">
<h5 class="card-title">
Ajayi Raphael
</h5>
<p class="card-text pb-1 lh-2">
Some quick example text to build on the card title and make up the bulk of the card's content. </p>
</p>
<a href="https://coodecube.com.ng" class="btn btn-blue font-sm text-white">Hello World</a>
</div>
</div>
<!-- Utility examples -->
<!-- Buttons -->
<button type="button" class="btn btn-primary">Primary</button>
<button type="button" class="btn btn-secondary">Secondary</button>
<button type="button" class="btn btn-success">Success</button>
<button type="button" class="btn btn-danger">Danger</button>
<button type="button" class="btn btn-warning">Warning</button>
<button type="button" class="btn btn-info">Info</button>
<button type="button" class="btn btn-light">Light</button>
<button type="button" class="btn btn-dark">Dark</button>
Check the output on our codepen
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.
Please make sure to update tests as appropriate.
At The End of Hackertoberfest, we hope to have 100 more snippets (HTML Sections)
-
100 new sections
-
20 new components
-
Launch by Oct 29