1
0
mirror of https://github.com/bigchaindb/site.git synced 2024-11-24 10:43:55 +01:00
site/_src/_includes/hero.html

49 lines
2.5 KiB
HTML

<header class="hero">
{% include menu-main.html %}
<div class="hero__content row">
<hgroup>
<h1 class="hero__title section-title">{{ page.tagline }}</h1>
<h2 class="hero__subtitle">{{ site.description }}</h2>
<a href="{% link developers/getstarted.html %}" class="hero__action btn btn-primary">Get Started</a>
</hgroup>
</div>
<aside class="hero__community">
<div class="row row--wide">
<a class="btn btn-text btn-sm" id="release-link" href="{{ site.social.github.url }}/{{ site.social.github.repo }}/releases/latest" rel="external"><span class="hero__community__label">Latest release</span> <strong class="release" id="release"></strong></a>
<a class="social-link btn btn-text btn-sm js-social-link" href="{{ site.social.github.url }}/{{ site.social.github.repo }}" title="Star {{ site.social.github.org }}/{{ site.social.github.repo }} on GitHub">
<svg class="icon icon--social icon--github" aria-labelledby="title">
<title>GitHub</title>
<use xlink:href="/assets/img/sprite.svg#github"></use>
</svg> Star <span class="stars" id="stars"></span>
</a>
<a class="social-link btn btn-text btn-sm js-social-link" href="{{ site.social.twitter.url }}" title="Follow on Twitter">
<svg class="icon icon--social icon--twitter" aria-labelledby="title">
<title>Twitter</title>
<use xlink:href="/assets/img/sprite.svg#twitter"></use>
</svg> Follow
</a>
<a class="social-link btn btn-text btn-sm js-social-link" href="{{ site.social.gitter.url }}" title="Chat on Gitter">
<svg class="icon icon--social icon--gitter" aria-labelledby="title">
<title>Gitter</title>
<use xlink:href="/assets/img/sprite.svg#gitter"></use>
</svg> Chat
</a>
<a class="social-link btn btn-text btn-sm js-social-link js-social-link--meetup" href="{{ site.social.meetup.url }}">
<svg class="icon icon--social icon--meetup">
<use xlink:href="/assets/img/sprite.svg#meetup"></use>
</svg> <span class="meetup-title">BigchainDB Meetup</span>
</a>
</div>
</aside>
<a class="hero__more btn btn-link btn-sm" href="#features" data-scroll>Learn More <svg class="icon icon--caret"><use xlink:href="/assets/img/sprite.svg#icon-caret"></use></svg></a>
</header>