<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>