131 lines
5.5 KiB
HTML
131 lines
5.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="{{ page.lang | default: site.lang | default: en }}">
|
|
{%- include head.html -%}
|
|
|
|
<body>
|
|
<div class="container">
|
|
|
|
{%- include header.html -%}
|
|
<main>
|
|
<h2>What are your biggest security challenges?</h2>
|
|
<hr />
|
|
<section class="flex-container">
|
|
<div class="flex-container-inner">
|
|
<h3>Contact us to take your security posture to the next level.</h3>
|
|
<p>We look forward to learning about your project and helping you bolster your security program.</p>
|
|
|
|
<h4>Meet The Team</h4>
|
|
<p>Lance Vick | <a mailto="lance@distrust.co">lance@distrust.co</a> | <a href="https://keys.openpgp.org/vks/v1/by-fingerprint/6B61ECD76088748C70590D55E90A401336C8AAA9">PGP</a></p>
|
|
<p>Ryan Heywood | <a mailto="ryan@distrust.co">ryan@distrust.co</a> | <a href="https://keys.openpgp.org/vks/v1/by-fingerprint/88823A75ECAA786B0FF38B148E401478A3FBEF72">PGP</a></p>
|
|
<p>Danny Grove | <a mailto="danny@distrust.co">danny@distrust.co</a> | <a href="https://keys.openpgp.org/vks/v1/by-fingerprint/C92FE5A3FBD58DD3EC5AA26BB10116B8193F2DBD">PGP</a></p>
|
|
<p>Anton Livaja | <a mailto="anton@distrust.co">anton@distrust.co</a> | <a href="https://keys.openpgp.org/vks/v1/by-fingerprint/F4BF5C81EC78A5DD341C91EEDC4B7D1F52E0BA4D">PGP</a></p>
|
|
<p>Shane Engleman | <a mailto="shane@distrust.co">shane@distrust.co</a> | <a href="https://keys.openpgp.org/vks/v1/by-fingerprint/3D7C8D39E8C4DF771583D3F0A8A091FD346001CA">PGP</a></p>
|
|
</div>
|
|
<div class="flex-container-inner">
|
|
<div class="form-container">
|
|
<form onsubmit="return validateForm()">
|
|
<div class="form-flex-container">
|
|
<div>
|
|
<label for="name" class="form-label">Name</label>
|
|
<input type="text" id="name" name="name" class="form-input">
|
|
</div>
|
|
</div>
|
|
|
|
<label for="email" class="form-label required">Email</label>
|
|
<input type="email" id="email" name="email" class="form-input" required>
|
|
|
|
<label for="company-name" class="form-label">Company Name</label>
|
|
<input type="text" id="company-name" name="company-name" class="form-input">
|
|
|
|
<label for="inquiry-type" class="form-label required">Inquiry Type</label>
|
|
<select id="inquiry-type" name="inquiry-type" class="form-select" required>
|
|
<option value="" disabled selected>Select option</option>
|
|
<option value="digital-asset-custody">Digital Asset Custody (threat modelling, design,
|
|
tooling,
|
|
system architecture, security assessments)</option>
|
|
<option value="blockchain-security">Blockchain Security (smart contracts, system
|
|
architecture
|
|
design)</option>
|
|
<option value="software-security-assessment">Software Security Assessment (penetration
|
|
tests, code
|
|
reviews, threat modelling, system architecture design, infrastructure hardening,
|
|
operating
|
|
system etc.)</option>
|
|
<option value="engineering">Engineering (tooling development, devops engineering)
|
|
</option>
|
|
</select>
|
|
|
|
<label for="services" class="form-label required">Services You Are Interested In</label>
|
|
<select id="services" name="services" class="form-select" required>
|
|
<option value="" disabled selected>Select option</option>
|
|
<option value="digital-asset-custody">Digital Asset Custody</option>
|
|
<option value="blockchain-security">Blockchain Security</option>
|
|
<option value="software-security-assessment">Software Security Assessment (Penetration
|
|
Tests, Code
|
|
Reviews etc.)</option>
|
|
<option value="engineering">Engineering</option>
|
|
</select>
|
|
|
|
<label for="help" class="form-label required">How can we help?</label>
|
|
<textarea id="help" name="help" class="form-textarea" required></textarea>
|
|
|
|
<label for="hear-about" class="form-label">How did you hear about Distrust?</label>
|
|
<select id="hear-about" name="hear-about" class="form-select" onchange="toggleOtherField()">
|
|
<option value="" disabled selected>Select option</option>
|
|
<option value="referral">Referral</option>
|
|
<option value="social-media">Social Media</option>
|
|
<option value="audit-report">Audit Report</option>
|
|
<option value="other">Other</option>
|
|
</select>
|
|
|
|
<div id="other-field" style="display:none;">
|
|
<input type="text" id="other-source" name="other-source" class="form-input" placeholder="Please specify">
|
|
</div>
|
|
|
|
<!-- TODO: add captcha of some sort -->
|
|
|
|
<button type="submit" class="form-submit-button">Submit</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
<br />
|
|
|
|
{%- include footer.html -%}
|
|
|
|
</div>
|
|
</body>
|
|
|
|
<script>
|
|
function toggleOtherField() {
|
|
var hearAbout = document.getElementById('hear-about').value;
|
|
var otherField = document.getElementById('other-field');
|
|
if (hearAbout === 'other') {
|
|
otherField.style.display = 'block';
|
|
document.getElementById('other-source').required = true;
|
|
} else {
|
|
otherField.style.display = 'none';
|
|
document.getElementById('other-source').required = false;
|
|
}
|
|
}
|
|
|
|
function validateForm() {
|
|
var inquiryType = document.getElementById('inquiry-type');
|
|
var services = document.getElementById('services');
|
|
var hearAbout = document.getElementById('hear-about');
|
|
|
|
if (inquiryType.value === "") {
|
|
alert("Please select a valid Inquiry Type");
|
|
return false;
|
|
}
|
|
if (services.value === "") {
|
|
alert("Please select a valid Service you are interested in");
|
|
return false;
|
|
}
|
|
return true;
|
|
}
|
|
</script>
|
|
|
|
</html>
|