index.html

---
layout: home
---

<main id="content" role="main">
  <div class="jumbotron jumbotron-fluid text-light bg-dark" style="background-image: url('./assets/img/understrap-stack.png'); background-repeat: no-repeat; background-size: contain; background-position: center center">
    <div class="container">
      <h1 class="display-4">UnderStrap</h1>
      <p class="lead">A WordPress Theme Framework based on _s and Bootstrap.</p>
    </div>
  </div>
  <div class="container">
    <div class="row">
      <div class="col-12 order-md-1 text-center text-md-left">
        <p class="lead">
          UnderStrap is a WordPress theme framework. It is based on
          <a href="https://getbootstrap.com/" target="_blank" rel="noopener">Bootstrap 4</a> and the starter theme
          <a href="https://underscores.me/" target="_blank" rel="noopener">_s / Underscores</a>. All glued together by npm, Gulp and Sass.
        </p>
        <p class="lead mb-4">You can use it as starter theme and build your own design theme on top of it. Alternatively you can also download
          the pre-made <a href="https://github.com/understrap/understrap-child" target="_blank" rel="noopener">Child-theme</a>.
        </p>
        <p class="lead mb-4">Or you can use it as a parent theme framework and create your own child theme for UnderStrap.</p>
        <p class="lead mb-4">At the moment, UnderStrap is still in a very early stage. But if you want, feel free to use it for your own WordPress theme!</p>

        <div class="d-flex flex-column flex-md-row lead mb-3">
          <a href="{{ site.baseurl }}/docs/{{ site.docs_version }}/introduction/" class="btn btn-lg btn-bd-primary mb-3 mb-md-0 mr-md-3">Get started</a>
          <a href="https://github.com/understrap/understrap" class="btn btn-lg btn-outline-secondary" target="_blank" rel="noopener">Download</a>
        </div>
        <p class="text-muted mb-5">
          Currently v{{ site.current_version }}
        </p>

        <h3 class="mb-3">Release Infos &amp; Changelog</h3>

        <p class="mb-4">
          Stable release:
          <img src="https://img.shields.io/github/release/holger1411/understrap.svg" alt=""> | Dependencies:
          <a href="https://david-dm.org/holger1411/understrap#info=devDependencies" target="_blank">
            <img src="https://img.shields.io/david/holger1411/understrap.svg" alt="">
          </a>
        </p>

        <p>See
          <a href="{{ site.baseurl }}/docs/{{ site.docs_version }}/changelog/" target="_blank">Changelog</a>
        </p>

      </div>
    </div>
  </div>
</main>