Karma CSS Sample Gallery

by Karma CSS

HTML

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/karma-css@latest/dist/karma.min.css">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400&display=swap" rel="stylesheet">
<header>
  <div class="container">
    <h1>Gallery</h1>
    <p class="muted">An example image thumbnail listing template built with Karma CSS.</p>
    <hr>
  </div>
</header>
<div class="container">
  <section>
    <p>Lorem ipsum dolor sit amet, laudem ocurreret eos at, sea velit sadipscing eu, amet similique eu sit. <strong>Ne vix phaedrum posidonium appellantur</strong>, labore labores cum ei, duis phaedrum deseruisse et eam. Nam ex eros invenire, illud ludus accommodare an eos, id nonumes percipitur scriptorem est. Duo soluta iuvaret at. No duo quaeque debitis, tota exerci ne nam, at cum paulo audiam urbanitas.</p>
    <p>Omnes legere principes usu an, quo novum oportere ex. Elit veri harum in quo. Idque philosophia vim et, no eos iuvaret accusata pertinax, has ne vitae persius adipiscing. Pro te iudico admodum dolores, pro ei zril dissentias. Mel errem putent appellantur cu. Docendi noluisse ea his, mandamus accusamus reprehendunt cum ea.</p>
  </section>
</div>
<section class="b-secondary">
  <br>
  <div class="container">
    <div class="row">
      <div class="col-sm-6 col-md-4 col-lg-3">
        <p><img class="img-fluid" src="http://via.placeholder.com/300x168"></p>
      </div>
      <div class="col-sm-6 col-md-4 col-lg-3">
        <p><img class="img-fluid" src="http://via.placeholder.com/300x168"></p>
      </div>
      <div class="col-sm-6 col-md-4 col-lg-3">
        <p><img class="img-fluid" src="http://via.placeholder.com/300x168"></p>
      </div>
      <div class="col-sm-6 col-md-4 col-lg-3">
        <p><img class="img-fluid" src="http://via.placeholder.com/300x168"></p>
      </div>
      <div class="col-sm-6 col-md-4 col-lg-3">
        <p><img class="img-fluid" src="http://via.placeholder.com/300x168"></p>
      </div>
      <div class="col-sm-6...

CSS

body {
  padding: 3rem 0;
}