syntaxbullet/teppelin-labs-website
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
syntaxbullet
2026-06-12 17:44:52 +02:00
commit e48582fa2b
24 changed files with 3093 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
contact.html Normal file
View File

@@ -0,0 +1,23 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="description" content="Collaborate with Teppelin Labs on research, events, digital products, and experimental technology."><title>Collaborate - Teppelin Labs</title>
<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"><link rel="stylesheet" href="styles.css">
</head>
<body data-page="contact">
<a class="skip-link" href="#main">Skip to content</a><div class="scroll-progress" aria-hidden="true"><span></span></div><div class="cursor-dot" aria-hidden="true"></div><div class="cursor-ring" aria-hidden="true"></div>
<header class="site-header"><a class="brand" href="index.html" aria-label="Teppelin Labs home"><img class="brand-logo" src="Logomark.png" alt="Teppelin Labs"></a><button class="menu-toggle" type="button" aria-label="Toggle navigation" aria-expanded="false"><span></span></button><nav class="site-nav" aria-label="Primary navigation"><span class="nav-divider">Explore</span><a href="index.html" data-nav="home">About</a><a href="solutions.html" data-nav="solutions">Build</a><a href="work.html" data-nav="work">Lab</a><span class="nav-divider">Members</span><a href="methodology.html" data-nav="methodology">Collective</a><a class="nav-cta" href="join.html" data-nav="join">Apply</a></nav></header>
<main id="main">
<section class="page-hero section-dark grid-surface"><div class="page-hero-head reveal"><p class="eyebrow">Visitor path / Collaborate</p><p class="page-hero-copy">For organizations, researchers, communities, and builders who want to explore a technology problem with the collective.</p></div><h1 class="page-title reveal reveal-delay"><span><b class="page-index">04</b>Bring</span><span>the right</span><span class="text-orange">question.</span></h1></section>
<section class="section grid-surface"><div class="contact-grid"><div class="contact-intro reveal"><p class="eyebrow">Collaboration brief</p><h2 class="section-title">Tell us what could exist.</h2><p class="body-copy" style="margin-top:32px;">We are open to experimental product work, technical research, community partnerships, workshops, events, and ideas that benefit from a multidisciplinary group of builders.</p></div><form class="contact-form reveal reveal-delay" data-contact-form><div class="field-grid">
<div class="field"><label for="name">Your name</label><input id="name" name="name" type="text" autocomplete="name" placeholder="Name" required></div><div class="field"><label for="email">Email</label><input id="email" name="email" type="email" autocomplete="email" placeholder="name@organization.com" required></div><div class="field"><label for="company">Organization</label><input id="company" name="company" type="text" autocomplete="organization" placeholder="Optional"></div><div class="field"><label for="type">Collaboration type</label><select id="type" name="type" required><option value="">Select one</option><option>Experimental product</option><option>Research</option><option>Event or workshop</option><option>Community partnership</option><option>Other</option></select></div><div class="field field-wide"><label for="project">What should we explore?</label><textarea id="project" name="project" placeholder="Share the question, context, timing, and what a useful outcome might look like." required></textarea></div>
</div><button class="btn" type="submit">Send collaboration brief</button><p class="form-status" aria-live="polite"></p></form></div>
<div class="contact-details reveal"><article class="contact-detail"><span class="meta">Email</span><a href="mailto:hello@teppelinlabs.com">hello@teppelinlabs.com</a></article><article class="contact-detail"><span class="meta">Community</span><p>Discord / Global / Online</p></article><article class="contact-detail"><span class="meta">Membership</span><a href="join.html">Apply separately here</a></article></div>
</section>
</main>
<footer class="site-footer"><div class="footer-bottom"><a class="footer-brand" href="index.html"><img class="footer-logo" src="Logomark.png" alt="Teppelin Labs"></a><div class="footer-links"><a href="solutions.html">What we build</a><a href="work.html">The lab</a><a href="methodology.html">The collective</a><a href="join.html">Apply</a><a href="contact.html">Collaborate</a></div><p class="footer-meta">&copy; <span data-year></span> Teppelin Labs<br>Built online, worldwide</p></div></footer>
<script src="script.js"></script>
</body>
</html>