cotech-website/_layouts/home.html

73 lines
2.3 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!doctype html>
<html lang="en" prefix="og: http://ogp.me/ns#">
{% include head.html %}
<body>
<header>
<div data-sticky-container style="height: 82.7812px;">
<div class="top-bar sticky iss-stuck is-at-top" data-sticky data-margin-top=0>
<div class="top-bar-title">
<strong>
<a id="logo" href="/">
<img src="/assets/img/CoTech-logo.png">CoTech
</a>
</strong>
<span data-responsive-toggle="responsive-menu" data-hide-for="medium">
<button class="menu-icon dark" type="button" data-toggle></button>
</span>
</div>
<div id="responsive-menu">
<div class="top-bar-right">
<ul class="dropdown menu vertical medium-horizontal" data-magellan>
<li><a href="/#members">Members</a></li>
<li><a href="/#clients">Clients</a></li>
<li><a href="/#services">Services</a></li>
<li><a href="/#technologies">Technologies</a></li>
<li><a href="/about">About</a></li>
<li><a href="/join">Join</a></li>
<li><a href="/manifesto">Manifesto</a></li>
<li><a href="/#contact" class="button">Get In Touch</a></li>
</ul>
</div>
</div>
</div>
</div>
</header>
<div class="home">
<div id="banner">
<div class="row">
<div class="small-12 columns">
<h1 class="is-hidden">Cooperative Technologists</h1>
<p class="homepage-message">Creative technology companies, fully owned and controlled by the people who do the work.<br />
Cooperative ownership means tech thats better for its workers and customers.</p>
<span>
<a id="video" data-open="video-modal"><i class="fi-play"></i>Watch video</a>
<a id="our-manifesto" href="manifesto">Our manifesto</a>
</span>
<div class="reveal large" id="video-modal" data-reveal>
<div class="flex-video widescreen">
<iframe width="420" height="315" src="https://player.vimeo.com/video/196080655" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
</div>
</div>
</div>
</div>
{{ content }}
</div>
{% include footer.html %}
{% include javascripts.html %}
</body>
</html>