3
0
mirror of https://git.coop/cotech/website.git synced 2025-12-17 22:27:31 +00:00
Files
cotech-website/index.html
Chris Lowis ced5d2ad0e Refactor hero into grid-uneven and large-only classes
This makes it possible to reuse this CSS for the about page layout.
2025-12-16 15:48:34 +00:00

104 lines
3.0 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.

---
title: CoTech
layout: default
---
<section class="grid grid-uneven">
<div class="stack">
<h1>We're building a cooperative digital economy</h1>
<p class="large">CoTech is a UK-wide network of creative technology companies
fully owned and controlled by the people who do the work.</p>
<img class="rounded" src="assets/img/richard.jpg" alt="" />
<p>We design, build, and support digital and creative products for
organisations that want values-aligned tech.</p>
<div class="switcher">
<a class="btn" href="#">Hire our coops</a>
<a class="btn" href="#">Join the network</a>
</div>
</div>
<div class="large-only">
<img src="assets/img/decoration.svg" alt="" />
</div>
</section>
<section class="stack">
<h2>Our services</h2>
<p class="intro">Between our member co-ops, we cover the full digital and creative
stack. From strategy and discovery through to build, hosting and
long-term support. We can even support organisational development,
particularly when it comes to democratic ownership and
decision-making.</p>
<div class="grid">
<div class="box stack">
<h3 class="title">Digital products & platforms</h3>
<ul>
<li>Websites & web apps (WordPress, Drupal, Webflow, custom)</li>
<li>CMS / CRM design and development</li>
<li>E-commerce</li>
<li>Complex data integrations</li>
<li>Learning platforms</li>
<li>Custom AI applications</li>
<li>Data visualisation</li>
<li>Cloud hosting</li>
</ul>
</div>
<div class="box stack">
<h3 class="title">Design & content</h3>
<ul>
<li>User research & testing</li>
<li>Design sprints & discovery</li>
<li>Accessibility & usability training</li>
<li>Branding & graphic design</li>
<li>Film & animation</li>
<li>Game design</li>
<li>Print production</li>
</ul>
</div>
<div class="box stack">
<h3 class="title">Marketing & comms</h3>
<ul>
<li>Digital strategy & campaigns</li>
<li>Copywriting</li>
<li>Social media marketing</li>
<li>Search engine optimisation (SEO)</li>
<li>Generative engine optimisation (GEO)</li>
<li>Analytics & analysis</li>
</ul>
</div>
<div class="box stack">
<h3 class="title">Coop & organisational development</h3>
<ul>
<li>Cooperative Development</li>
<li>Facilitation</li>
<li>Sociocracy Training</li>
<li>Service Design</li>
</ul>
</div>
</div>
</section>
<section id="members" class="stack">
<h2>Our members</h2>
<p class="intro">Meet the coops behind CoTech</p>
<div class="grid grid-dense">
{% for coop in site.coops %}
<a class="grid__link" href="{{ coop.url | relative_url }}">
<div class="box">
<img class="greyscale" src="/images/coops/{{ coop.logo }}" alt="{{ coop.name }}" />
</div>
</a>
{% endfor %}
</div>
</section>