71 lines
2.3 KiB
HTML
71 lines
2.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="{{ page.lang | default: site.lang | default: en }}">
|
|
{%- include head.html -%}
|
|
<body>
|
|
<!-- {%- include header.html -%} -->
|
|
<div class="container">
|
|
<main>
|
|
<div class="landing-logo-container">
|
|
<a id="home-link" href="/index.html">
|
|
<img class="menu-logo" src="/assets/base/caution-logo-triangle-black.svg"
|
|
alt="Caution triangle logo with black text" />
|
|
</a>
|
|
</div>
|
|
|
|
|
|
|
|
<section class="flex-container capsule-header video-content">
|
|
<div class="flex-container-inner">
|
|
<div class="text-well center">
|
|
<br>
|
|
<h1 class="hero-title gradient-text hero-header">
|
|
Security, rethought
|
|
</h1>
|
|
<br>
|
|
<p class="hero-p center" style="max-width: 40rem">We're building something secure, open, and long overdue. Sign up for updates and get early access.</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
</section>
|
|
|
|
|
|
|
|
<div class="form-container card" style="font-size: 1.1rem; padding: 10px 15px 0px 30px">
|
|
<form onsubmit="return validateForm()" action="/submit-email" method="post" class="inline-email-form">
|
|
<label for="email" class="form-label required" style="margin-bottom: 0.5rem;">Your email</label>
|
|
<div class="form-row">
|
|
<input placeholder="Enter your email address" type="email" id="email" name="email" class="form-input" required>
|
|
<button type="submit" class="circle-btn" aria-label="Submit email">
|
|
<span class="arrow">→</span>
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
|
|
|
|
<!--
|
|
<div class="form-container card" style="font-size: 1.1rem; padding: 30px 30px 10px 30px">
|
|
<form onsubmit="return validateForm()" action="/submit-email" method="post">
|
|
<div class="form-flex-container">
|
|
|
|
<div class="form-row">
|
|
<div class="form-half">
|
|
<label for="email" class="form-label required">Your email</label>
|
|
<input placeholder="Enter your email address" type="email" id="email" name="email" class="form-input" required>
|
|
</div>
|
|
<div class="form-half">
|
|
<button type="submit" class="contact-button">Submit</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
-->
|
|
|
|
</main>
|
|
</div>
|
|
{%- include footer.html -%}
|
|
</body>
|
|
</html>
|