# Height auto with td-below-navbar

> A Hugo theme for creating great technical documentation sites

---

LLMS index: [llms.txt](/llms.txt)

---

<link rel="preload" as="image" href="/tests/blocks-cover/height-auto/background_hu_cc01584da1b14539.jpg" media="(max-width: 1200px)">
<link rel="preload" as="image" href="/tests/blocks-cover/height-auto/background_hu_b69ccedf938815cf.jpg" media="(min-width: 1200px)">
<style>
#td-cover-block-0 {
  background-image: url(/tests/blocks-cover/height-auto/background_hu_cc01584da1b14539.jpg);
}
@media only screen and (min-width: 1200px) {
  #td-cover-block-0 {
    background-image: url(/tests/blocks-cover/height-auto/background_hu_b69ccedf938815cf.jpg);
  }
}
</style>
<section id="td-cover-block-0" class="row td-cover-block td-cover-block--height-auto td-below-navbar js-td-cover td-overlay td-overlay--dark -bg-dark" >
  <div class="col-12">
    <div class="container td-overlay__inner">
      <div class="text-center">
        <h1 class="display-1 mt-0 mt-md-5 pb-4">Welcome to Docsy!</h1>
        <div class="pt-3 lead">
          

<!-- prettier-ignore -->
A Hugo theme for creating great technical documentation sites
{.display-6}

<!-- prettier-ignore -->
<div class="td-cta-buttons my-5">
  <a class="btn btn-lg btn-primary" role="button"
     href='/docs/get-started/
  '>
    Get started
  </a>
  <a class="btn btn-lg btn-secondary" role="button"
    href="/examples/">
    Explore examples
  </a>
</div>




<a class="btn btn-link text-info" href="#td-block-1" aria-label="Read more"><i class="fa-solid fa-circle-chevron-down" style="font-size: 400%"></i></a>


</div>
      </div>
    </div>
  </div>
  
</section>


<div><a id="td-block-1" class="td-anchor-no-extra-offset"></a></div>
<section class="row td-box td-box--white position-relative td-box--height-auto">
<div class="col-12">
<div class="container text-center td-arrow-down">
<div class="h4 mb-0">



Docsy is a theme for the [Hugo][] static site generator that's specifically
designed for technical documentation sets. Our aim is to help you get a working
documentation site up and running as easily as possible, so you can concentrate
on creating great content for your users.

[![Deploys by Netlify][netlify-badge]][netlify]

[Hugo]: https://gohugo.io/
[netlify]: https://www.netlify.com/
[netlify-badge]: https://www.netlify.com/img/global/badges/netlify-color-accent.svg


</div>
</div>
</div>
</section>


<div><a id="td-block-2" class="td-anchor-no-extra-offset"></a></div>
<section class="row td-box td-box--primary td-box--height-auto">
<div class="col">
<div class="row">



<div class="col-lg-4 mb-5 mb-lg-0 text-center">
<div class="mb-4 h1">
  <i class="fas fa-lightbulb"></i>
</div>
<h4 class="h3">See Docsy in action!</h4>
<div class="mb-0">
<p>As well as our example site, there&rsquo;s a growing number of projects using Docsy for their doc sites.</p>

</div>
<p><a href="/examples/">Read more</a></p>
</div>



<div class="col-lg-4 mb-5 mb-lg-0 text-center">
<div class="mb-4 h1">
  <i class="fas fa-brands fa-github"></i>
</div>
<h4 class="h3">Contributions welcome!</h4>
<div class="mb-0">
<p>We do a <a href="https://github.com/google/docsy/pulls">Pull Request</a> contributions workflow on <strong>GitHub</strong>. New users are always welcome!</p>

</div>
<p><a href="https://github.com/google/docsy">Read more</a></p>
</div>



<div class="col-lg-4 mb-5 mb-lg-0 text-center">
<div class="mb-4 h1">
  <i class="fas fa-brands fa-x-twitter"></i>
</div>
<h4 class="h3">Follow us on Twitter!</h4>
<div class="mb-0">
<p>Find out about new features and how our users are using Docsy.</p>

</div>
<p><a href="https://twitter.com/docsydocs">Read more</a></p>
</div>


</div>
</div>
</section>