🚧 Site > Add header section

This commit is contained in:
brunosimon
2017-12-27 22:23:54 +01:00
parent 2a59476a6a
commit 3e4dcd77b4
11 changed files with 471 additions and 16 deletions
+25 -10
View File
@@ -9,23 +9,38 @@
<body>
<!-- Header -->
<section class="section header" id="header">
<div class="background"></div>
<header class="navigation js-navigation">
<ul>
<li><a class="item features js-navigation-item" href="#features">Features</a></li>
<li><a class="item get-started js-navigation-item" href="#get-started">Get started</a></li>
<li><a class="item whos-using-it js-navigation-item" href="#whos-using-it">Who's using it?</a></li>
<li><a class="item github" href="https://github.com/brunosimon/keppler" target="_blank">Github</a></li>
</ul>
<a class="item features js-navigation-item" href="#features">Features</a>
<a class="item get-started js-navigation-item" href="#get-started">Get started</a>
<a class="item whos-using-it js-navigation-item" href="#whos-using-it">Who's using it?</a>
<a class="item github" href="https://github.com/brunosimon/keppler" target="_blank"></a>
</header>
<h1 class="title">Keppler</h1>
<h1 class="title">
<span class="sky"></span>
<span class="keppler"></span>
<span class="avatar"></span>
</h1>
<h2 class="sub-title">Real-time code sharing for your lectures and presentations</h2>
<div class="demo js-demo"></div>
<div class="demo js-demo">
</div>
<a class="get-started js-navigation-item" href="#get-started">Get started</a>
<a class="get-started-button js-navigation-item" href="#get-started">
<span class="out">Get started</span>
<span class="hover">
<span class="inner">Get started</span>
</span>
</a>
<a class="scroll js-navigation-item" href="features"></a>
<a class="scroll-button js-navigation-item" href="features">
<span class="mouse">
<span class="wheel"></span>
</span>
</a>
</section>
<!-- Features -->