hero.html
TLDR
The hero.html
file contains an HTML snippet for the hero section of a website homepage. It includes a title, description, a "Get started" button, and a GitHub stars counter.
<div class="homepage__intro homepage__section">
<div class="container-fluid">
<div class="homepage-intro__text" data-aos="fade-left">
<h1>
Open source <br> project management for <span style='color: #ffbc1f'>technical teams</span>
</h1>
<p>
Keep everything and everyone on track.
</p>
<a href="https://github.com/mattermost/focalboard" target='_blank'><button class='btn btn-primary btn-xl'>Get started</button></a>
<div class='homepage-intro__github'><i class="fa fa-star"></i> Over 13k stars on <a target='_blank' href="https://github.com/mattermost/focalboard" class='mx-1 text-white'>GitHub</a> and counting!</div>
</div>
<div class='homepage-intro__video' data-aos="fade-right">
<lottie-player src="lottie/intro-section.json" background="transparent" speed="1" style="width: 957.5px" loop autoplay></lottie-player>
</div>
</div>
</div>