add visuals to landing and roadmap
This commit is contained in:
parent
44c5e2cc67
commit
6a13fad03c
|
@ -5,7 +5,7 @@
|
|||
{%- include header.html -%}
|
||||
<div class="container">
|
||||
<main>
|
||||
<section class="capsule-section">
|
||||
<section class="capsule-header">
|
||||
<div class="center">
|
||||
<div class="capsule">contact</div>
|
||||
</div>
|
||||
|
|
|
@ -5,11 +5,18 @@
|
|||
{%- include header.html -%}
|
||||
<div class="container">
|
||||
<main>
|
||||
<section class="flex-container">
|
||||
<div class="video-background-container">
|
||||
<video autoplay muted loop playsinline style="left: 85%; width: 200px !important" class="video-background">
|
||||
<source src="assets/videos/landing-globe.mp4" type="video/mp4" />
|
||||
</video>
|
||||
<div class="gradient-overlay" style="background: linear-gradient(to bottom, #0f0f0f 0%, rgba(15, 15, 15, 0) 25%, rgba(15, 15, 15, 0) 75%, #0f0f0f 100%), linear-gradient(to right, rgb(15, 15, 15) 30%, rgba(15, 15, 15, 0) 100%)"></div>
|
||||
</div>
|
||||
|
||||
<section class="flex-container video-content" style="margin-top: 50px">
|
||||
<div class="flex-container-inner">
|
||||
<div class="text-well">
|
||||
<h1 class="gradient-text hero-header">security without blind trust</h1>
|
||||
<p class="hero-p">Eliminate single points of failure. Distrust applies a first principles approach to securing mission critical infrastructure. No guessing, no shortcuts, only verifiable security.</p>
|
||||
<p class="hero-p" style="margin-top: 0px">Distrust applies a first principles approach to securing mission critical infrastructure. No guessing, no shortcuts, only verifiable security.</p>
|
||||
<br />
|
||||
<a href="/contact.html" class="mega button">Work with us</a>
|
||||
<br />
|
||||
|
@ -19,7 +26,7 @@
|
|||
</div>
|
||||
</section>
|
||||
|
||||
<section class="">
|
||||
<section class="mid-tall-section">
|
||||
<div class="flex-container-inner">
|
||||
<div class="text-well center">
|
||||
<h4 style="font-weight: 400; font-size: 22px; color: #9a9a9a">the security partner of industry leaders</h4>
|
||||
|
@ -49,7 +56,7 @@
|
|||
</div>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<section class="mid-tall-section">
|
||||
<div class="center">
|
||||
<div class="capsule">what we do</div>
|
||||
</div>
|
||||
|
|
|
@ -21,16 +21,21 @@
|
|||
|
||||
<div class="container">
|
||||
<main>
|
||||
<section class="flex-container capsule-header">
|
||||
<div class="video-background-container">
|
||||
<video autoplay muted loop playsinline class="video-background">
|
||||
<source src="assets/videos/turq-blocks.mp4" type="video/mp4" />
|
||||
</video>
|
||||
<div class="gradient-overlay" style="background: linear-gradient(to bottom, #0f0f0f 0%, rgba(15, 15, 15, 0) 25%, rgba(15, 15, 15, 0) 75%, #0f0f0f 100%), linear-gradient(to right, rgb(15, 15, 15) 30%, rgba(15, 15, 15, 0) 100%)"></div>
|
||||
</div>
|
||||
|
||||
<section class="flex-container capsule-header video-content">
|
||||
<div class="flex-container-inner" style="padding-top: 0px">
|
||||
<div class="text-well center">
|
||||
<div class="capsule">roadmap</div>
|
||||
<br>
|
||||
<h1 class="hero-header">verifiable security without single points of failure</h1>
|
||||
<br>
|
||||
<h1 class="hero-header">building verifiable security without single points of failure</h1>
|
||||
<br>
|
||||
<br>
|
||||
<p class="hero-p center">Most systems today still rely on single individuals or computers, unverifiable software, and opaque processes. We’re redesigning security from the ground up.</p>
|
||||
<p class="hero-p center">Most systems still rely on single individuals or computers, unverifiable software, and opaque processes. We’re redesigning security for transparency from the ground up.</p>
|
||||
<div class="button-container center">
|
||||
<a href="#roadmap" class="mega button">View roadmap</a>
|
||||
</div>
|
||||
|
|
|
@ -12,10 +12,8 @@
|
|||
<div class="capsule">services</div>
|
||||
</div>
|
||||
<br>
|
||||
<br>
|
||||
<h1 class="hero-title gradient-text hero-header">hire Distrust to solve your hardest security challenges</h1>
|
||||
<br>
|
||||
<br>
|
||||
<p class="hero-p center">Built by the team behind BitGo, Unit410, and Turnkey, we appy hard-earned lessons from securing critical infrastructure to build transparent, resilient, and universally applicable security solutions.</p>
|
||||
<div class="button-container">
|
||||
<a href="/contact.html" class="mega button">Work with us</a>
|
||||
|
|
|
@ -135,13 +135,12 @@ a:hover {
|
|||
}
|
||||
|
||||
.capsule-header {
|
||||
margin-top: 100px;
|
||||
margin-top: 60px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.contact-header {
|
||||
height: 180px;
|
||||
margin-top: 100px;
|
||||
}
|
||||
|
||||
.card {
|
||||
|
@ -592,9 +591,10 @@ hr {
|
|||
margin: 0px;
|
||||
height: 340px;
|
||||
}
|
||||
|
||||
.about-special {
|
||||
padding-left: 0px;
|
||||
margin-top: 100px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.team .card {
|
||||
|
@ -911,8 +911,12 @@ textarea {
|
|||
|
||||
section {
|
||||
width: 100%;
|
||||
margin-top: 150px;
|
||||
margin-bottom:150px;
|
||||
margin-top: 100px;
|
||||
margin-bottom:100px;
|
||||
}
|
||||
|
||||
.mid-tall-section {
|
||||
margin: 200px 0px;
|
||||
}
|
||||
|
||||
.tall-section {
|
||||
|
|
Binary file not shown.
Binary file not shown.
Loading…
Reference in New Issue