Repository navigation
Expand file tree
/
Copy pathcontact.html
More file actions
154 lines (149 loc) · 9.13 KB
/
Copy pathcontact.html
File metadata and controls
154 lines (149 loc) · 9.13 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="Contact Greg Gutman for contract or ad-hoc security work. Email info@inputdrivesecurity.us or WhatsApp +1 904 770 5355.">
<meta name="theme-color" content="#0969da">
<meta name="color-scheme" content="light dark">
<link rel="canonical" href="https://inputdrivesecurity.us/contact.html">
<link rel="icon" href="/assets/logo.svg" type="image/svg+xml">
<title>Contact | Input Drive Security</title>
<link rel="stylesheet" href="/stylesheet.css">
</head>
<body>
<a href="#main-content" class="skip-link">Skip to main content</a>
<header class="site-header">
<div class="header-inner">
<a href="/" class="brand" aria-label="Input Drive Security home">
<img src="/assets/logo.svg" alt="" width="36" height="36" class="brand-logo">
<span class="brand-text">
<strong>Input Drive Security</strong>
<span class="brand-tag">Independent consulting</span>
</span>
</a>
<nav class="main-nav" aria-label="Primary">
<a href="/" data-nav="home">Home</a>
<a href="/services.html" data-nav="services">Services</a>
<a href="/about.html" data-nav="about">About</a>
<a href="/tools.html" data-nav="tools">Tools</a>
<a href="/contact.html" data-nav="contact" class="nav-cta" aria-current="page">Contact</a>
</nav>
<div class="header-actions">
<a class="header-wa" href="https://wa.me/19047705355" target="_blank" rel="noopener noreferrer">
<svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M20.52 3.48A11.86 11.86 0 0012.06 0C5.5 0 .16 5.33.16 11.9c0 2.1.55 4.15 1.6 5.96L0 24l6.3-1.65a11.9 11.9 0 005.75 1.47h.01c6.56 0 11.9-5.34 11.9-11.91 0-3.18-1.24-6.17-3.44-8.43zM12.06 21.8h-.01a9.9 9.9 0 01-5.04-1.38l-.36-.21-3.74.98 1-3.64-.24-.37a9.86 9.86 0 01-1.51-5.28c0-5.45 4.44-9.88 9.9-9.88 2.64 0 5.13 1.03 7 2.9a9.83 9.83 0 012.9 6.98c0 5.45-4.44 9.9-9.9 9.9zm5.43-7.4c-.3-.15-1.76-.87-2.03-.97-.27-.1-.47-.15-.67.15-.2.3-.77.97-.94 1.17-.17.2-.35.22-.65.07-.3-.15-1.26-.46-2.4-1.48a8.97 8.97 0 01-1.66-2.06c-.17-.3 0-.46.13-.6.13-.13.3-.35.44-.52.15-.17.2-.3.3-.5.1-.2.05-.37-.02-.52-.08-.15-.67-1.62-.92-2.22-.24-.58-.49-.5-.67-.5h-.57c-.2 0-.52.07-.8.37-.27.3-1.04 1.02-1.04 2.48s1.07 2.88 1.22 3.08c.15.2 2.1 3.2 5.08 4.48.71.3 1.26.49 1.69.62.71.23 1.36.2 1.87.12.57-.09 1.76-.72 2.01-1.41.25-.7.25-1.29.17-1.41-.07-.13-.27-.2-.57-.35z"/></svg>
<span>WhatsApp</span>
</a>
<button id="themeToggle" class="theme-toggle" aria-pressed="false" aria-label="Toggle light and dark mode">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z" /></svg>
</button>
</div>
</div>
</header>
<main id="main-content" class="wrap">
<p class="kicker">Contact</p>
<h1>Start a work inquiry</h1>
<p class="lede">Email and WhatsApp are the two ways in. Nothing is submitted to this server — your mail app or WhatsApp opens with the message filled in.</p>
<div class="contact-actions">
<article class="contact-card">
<h2>Email</h2>
<p class="mono"><a href="mailto:info@inputdrivesecurity.us">info@inputdrivesecurity.us</a></p>
<p>Best for statements of work, attachments, and anything that should live in a thread.</p>
<a class="btn" href="mailto:info@inputdrivesecurity.us?subject=Work%20inquiry%20%E2%80%94%20Input%20Drive%20Security">Open a blank email</a>
</article>
<article class="contact-card">
<h2>WhatsApp</h2>
<p class="mono"><a href="https://wa.me/19047705355">+1 904 770 5355</a></p>
<p>Best for short-notice questions and a fast yes/no on availability.</p>
<a class="btn btn-whatsapp" href="https://wa.me/19047705355?text=Hello%20Greg%2C%20I%27d%20like%20to%20discuss%20contract%20or%20ad-hoc%20work." target="_blank" rel="noopener noreferrer">Open WhatsApp</a>
</article>
</div>
<section class="panel" aria-labelledby="form-heading">
<h2 id="form-heading">Optional message builder</h2>
<p>Fill this in if you want a structured first note. Choose Email or WhatsApp — both stay on your device.</p>
<form id="inquiry-form" novalidate>
<div class="grid-2">
<div class="field">
<label for="name">Name</label>
<input id="name" name="name" type="text" autocomplete="name" required>
</div>
<div class="field">
<label for="org">Organization</label>
<input id="org" name="org" type="text" autocomplete="organization">
</div>
</div>
<div class="grid-2">
<div class="field">
<label for="email">Your email</label>
<input id="email" name="email" type="email" autocomplete="email" required>
</div>
<div class="field">
<label for="phone">Phone (optional)</label>
<input id="phone" name="phone" type="tel" autocomplete="tel">
</div>
</div>
<div class="grid-2">
<div class="field">
<label for="track">Buyer track</label>
<select id="track" name="track" required>
<option value="">Select one</option>
<option value="federal-contract">Federal / contract coverage</option>
<option value="commercial-adhoc">Commercial / ad-hoc</option>
<option value="either">Either — help me choose</option>
</select>
</div>
<div class="field">
<label for="timing">Timing</label>
<select id="timing" name="timing">
<option value="this-week">This week</option>
<option value="30-days" selected>Within 30 days</option>
<option value="exploring">Exploring</option>
</select>
</div>
</div>
<div class="field">
<label for="message">What do you need?</label>
<textarea id="message" name="message" required placeholder="Role, system type, timeline, and any constraints (on-site, through a prime, etc.)."></textarea>
</div>
<div class="cta-row">
<button class="btn" type="submit">Create email</button>
<button class="btn btn-whatsapp" type="button" id="whatsapp-submit">Create WhatsApp message</button>
</div>
<p class="form-note">If your browser blocks pop-ups, use the direct email or WhatsApp links above.</p>
</form>
</section>
<p class="small">Also on <a href="https://linkedin.com/in/greggutman/">LinkedIn</a>. Open to new cert exams if a program or prime sponsors the sitting. This is not a support desk and not a donation or sponsorship page.</p>
<p id="lastModified"><time id="lastModifiedTime" datetime=""></time></p>
</main>
<footer class="site-footer">
<div class="footer-inner">
<p>© 2026 Greg Gutman · Input Drive Security</p>
<p class="footer-links">
<a href="mailto:info@inputdrivesecurity.us">info@inputdrivesecurity.us</a>
·
<a href="https://wa.me/19047705355">WhatsApp</a>
·
<a href="https://linkedin.com/in/greggutman/">LinkedIn</a>
·
<a href="/inputdrive">GitHub</a>
</p>
<p class="small">Canonical site: inputdrivesecurity.us. Independent security consulting by Greg Gutman.</p>
</div>
</footer>
<script src="/scripts/theme.js" defer></script>
<script src="/scripts/last-modified.js" defer></script>
<script src="/scripts/contact.js" defer></script>
<script>
(function () {
var params = new URLSearchParams(window.location.search);
var track = params.get("track");
var select = document.getElementById("track");
if (track && select) {
var allowed = ["federal-contract", "commercial-adhoc", "either"];
if (allowed.indexOf(track) !== -1) select.value = track;
}
})();
</script>
</body>
</html>