73 lines
2.3 KiB
HTML
73 lines
2.3 KiB
HTML
<!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 that’s 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>
|