<section class="d-flex text-center">
  <div class="container d-flex justify-content-center">
    <div class="row align-items-center justify-content-center">
      <div class="col-10">
        <h1>A collection of textile samples</h1>
      <p>His many legs, pitifully thin compared with the size of the rest of him, waved about helplessly as he looked.</p>
        <a class="btn btn-primary" href="#" role="button">Dummy Link</a>
      </div>
    </div>
  </div>
</section>
html {
  background-color: rgba(86,61,124,.05);
}
section {
  min-height: 70vh;
  background-color: rgba(86,61,124,.15);
}

External CSS

  1. https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.2/css/bootstrap.min.css

External JavaScript

This Pen doesn't use any external JavaScript resources.