Mostly added a contact page instead of direct mail link. But lots of little things mostly around cleanup too.
This commit is contained in:
parent
d2db2037f4
commit
4e1a13b537
18 changed files with 905 additions and 859 deletions
70
src/pages/contact.ejs
Normal file
70
src/pages/contact.ejs
Normal file
|
|
@ -0,0 +1,70 @@
|
|||
<section class="contact-hero">
|
||||
<div class="contact-hero-content">
|
||||
<h1>Connect with Bridgeman Accessible</h1>
|
||||
<p>We're here to help you build a more inclusive digital world. Reach out with any questions, feedback, or to discuss your accessibility needs.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="contact-details-section">
|
||||
<div class="contact-details-container">
|
||||
<div class="contact-info-block">
|
||||
<h2>Get In Touch</h2>
|
||||
<p class="contact-item">
|
||||
<a href="mailto:info@bridgemwnwccessible.com" class="icon-link">
|
||||
<span class="icon" aria-hidden="true">✉</span> info@bridgemwnwccessible.com
|
||||
</a>
|
||||
</p>
|
||||
<p class="contact-item">
|
||||
<a href="tel:+14314781655" class="icon-link">
|
||||
<span class="icon" aria-hidden="true">☎</span> 431-478-1655
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="newsletter-block">
|
||||
<h2>Stay Updated</h2>
|
||||
<p>Subscribe to our newsletter for the latest insights, tips, and news on digital accessibility.</p>
|
||||
<form action="/subscribe" method="POST" class="newsletter-form">
|
||||
<div class="form-group">
|
||||
<label for="newsletter-email">Email Address <span class="required">(required)</span></label>
|
||||
<input type="email" id="newsletter-email" name="email" required autocomplete="email" aria-required="true">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="newsletter-fname">First Name (optional)</label>
|
||||
<input type="text" id="newsletter-fname" name="firstName" autocomplete="given-name">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="newsletter-lname">Last Name (optional)</label>
|
||||
<input type="text" id="newsletter-lname" name="lastName" autocomplete="family-name">
|
||||
</div>
|
||||
<button type="submit" class="button primary-button">Subscribe</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="feedback-section">
|
||||
<div class="feedback-container">
|
||||
<h2>Send Us Your Feedback</h2>
|
||||
<p>Your thoughts help us improve. Please share any suggestions, report an issue, or just tell us what you think.</p>
|
||||
<form action="/submit-feedback" method="POST" class="feedback-form">
|
||||
<div class="form-group">
|
||||
<label for="feedback-name">Your Name (optional)</label>
|
||||
<input type="text" id="feedback-name" name="name" autocomplete="name">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="feedback-email">Your Email (optional)</label>
|
||||
<input type="email" id="feedback-email" name="email" autocomplete="email">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="feedback-subject">Subject</label>
|
||||
<input type="text" id="feedback-subject" name="subject" required aria-required="true">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="feedback-message">Your Message <span class="required">(required)</span></label>
|
||||
<textarea id="feedback-message" name="message" rows="7" required aria-required="true"></textarea>
|
||||
</div>
|
||||
<button type="submit" class="button secondary-button">Submit Feedback</button>
|
||||
</form>
|
||||
</div>
|
||||
</section>
|
||||
Loading…
Add table
Add a link
Reference in a new issue