36 lines
1.7 KiB
Text
36 lines
1.7 KiB
Text
<main>
|
|
<section class="page-hero">
|
|
<div class="container">
|
|
<h1>Contact</h1>
|
|
<p class="lead">Connect with the AutoTQ team.</p>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section">
|
|
<div class="container split">
|
|
<div class="glass-card contact-panel">
|
|
<h2>Get in touch</h2>
|
|
<p><strong>Phone:</strong> <a href="<%= config.contact.phoneHref %>"><%= config.contact.phoneDisplay %></a></p>
|
|
<p><strong>Email:</strong> <a href="mailto:<%= config.contact.email %>"><%= config.contact.email %></a></p>
|
|
<p><strong>Address:</strong><br /><%= config.contact.addressLine1 %><br /><%= config.contact.addressLine2 %></p>
|
|
<div class="alert">
|
|
<strong>Medical Emergency Notice:</strong>
|
|
<span>If this is an active medical emergency, call 911 immediately.</span>
|
|
</div>
|
|
</div>
|
|
|
|
<form class="glass-card inquiry-form" action="#" method="post" novalidate>
|
|
<h2>Inquiry Form</h2>
|
|
<div class="form-grid">
|
|
<label>First Name<input type="text" name="firstName" autocomplete="given-name" required /></label>
|
|
<label>Last Name<input type="text" name="lastName" autocomplete="family-name" required /></label>
|
|
<label>Email<input type="email" name="email" autocomplete="email" required /></label>
|
|
<label>Phone<input type="tel" name="phone" autocomplete="tel" /></label>
|
|
</div>
|
|
<label>Organization<input type="text" name="organization" /></label>
|
|
<label>Message<textarea name="message" rows="5" required></textarea></label>
|
|
<button type="submit" class="btn btn-primary">Send Inquiry</button>
|
|
</form>
|
|
</div>
|
|
</section>
|
|
</main>
|