Bootstrap4 card d
by rustynox
HTML
<script src="https://code.jquery.com/jquery-3.4.1.slim.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css">
<!--
Bootstrap docs: https://getbootstrap.com/docs
-->
<main role="main">
<div class="album py-5">
<div class="container">
<div class="card-deck">
<div class="card">
<div class="card-body">
<h2 class="card-title">Title goes here</h2>
<p class="card-text"><strong>Lorem ipsum</strong> dolor sit amet, consectetur adipiscing elit. In at ornare risus. Fusce sit amet condimentum lectus.</p>
</div>
<div class="card-footer text-muted">
<div class="btn-group">
<button type="button" class="btn btn-sm btn-outline-secondary">View feeds</button>
<button type="button" class="btn btn-sm btn-outline-secondary">Edit</button>
</div>
<small class="text-muted float-right">9 mins</small>
</div>
</div>
<div class="card">
<div class="card-body">
<h2 class="card-title">Title goes here</h2>
<p class="card-text">Aenean sagittis ut ipsum et vehicula. Proin consequat laoreet neque vitae ornare. Nunc nec odio mattis, consectetur lorem sit amet, suscipit dolor. Proin eros lacus, vehicula quis imperdiet vitae, sagittis vitae nibh. Cras imperdiet nulla eu leo elementum, nec volutpat dolor porttitor. Maecenas dolor diam, porta quis porta at,...
CSS
.card-footer {
background: transparent;
border-top: 0px;
}