1
0
mirror of https://github.com/bigchaindb/site.git synced 2024-12-24 18:36:11 +01:00
site/_src/_includes/hero-video.html

31 lines
1.2 KiB
HTML

<header class="hero hero-video">
{% include menu-main.html %}
<div class="hero__content hero-video__content row">
<hgroup>
<svg class="logo logo--full logo--white--green" aria-labelledby="title">
<title>Logo</title>
<use xlink:href="/assets/img/sprite.svg#logo"></use>
</svg>
<h1 class="section-title">{{ page.tagline }}</h1>
<a href="https://docs.bigchaindb.com/projects/server/en/latest/quickstart.html" class="btn btn-primary">Quick Start</a>
</hgroup>
<a href="#features" class="scroll btn btn-link btn-sm">Learn More <svg class="icon">
<use xlink:href="/assets/img/sprite.svg#icon-caret"></use>
</svg></a>
</div>
<div class="hero-video__background">
<video class="hero-video__video" poster="/assets/img/northern-lights-poster.jpg" preload="none" loop>
<source src="/assets/videos/{{ page.hero_video_name }}.mp4" type="video/mp4">
<source src="/assets/videos/{{ page.hero_video_name }}.webm" type="video/webm">
</video>
<img class="hero-video__poster" width="1920" height="1080" src="/assets/img/northern-lights-poster.jpg" />
</div>
</header>