🚧 Site > Add header section
This commit is contained in:
+25
-10
@@ -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 -->
|
||||
|
||||
Reference in New Issue
Block a user