Changes
This commit is contained in:
+36
-18
@@ -138,22 +138,37 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<form class="contact-form" id="contactForm">
|
||||
<label>
|
||||
<span data-i18n="form.name">Name</span>
|
||||
<input type="text" id="name" data-i18n-placeholder="form.namePlaceholder" placeholder="Your name" required />
|
||||
</label>
|
||||
<label>
|
||||
<span data-i18n="form.email">Email</span>
|
||||
<input type="email" id="email" data-i18n-placeholder="form.emailPlaceholder" placeholder="name@company.com" required />
|
||||
</label>
|
||||
<label>
|
||||
<span data-i18n="form.message">Message</span>
|
||||
<textarea id="message" rows="6" data-i18n-placeholder="form.messagePlaceholder" placeholder="Tell me what you want to build." required></textarea>
|
||||
</label>
|
||||
<button id="submit" type="submit" class="btn btn-primary" data-i18n="form.send">Send message</button>
|
||||
<strong id="msgSubmit" class="form-message"></strong>
|
||||
</form>
|
||||
<div>
|
||||
<form class="contact-form" id="contactForm">
|
||||
<label>
|
||||
<span data-i18n="form.name">Name</span>
|
||||
<input type="text" id="name" data-i18n-placeholder="form.namePlaceholder" placeholder="Your name" required />
|
||||
</label>
|
||||
<label>
|
||||
<span data-i18n="form.email">Email</span>
|
||||
<input type="email" id="email" data-i18n-placeholder="form.emailPlaceholder" placeholder="name@company.com" required />
|
||||
</label>
|
||||
<label>
|
||||
<span data-i18n="form.message">Message</span>
|
||||
<textarea id="message" rows="6" data-i18n-placeholder="form.messagePlaceholder" placeholder="Tell me what you want to build." required></textarea>
|
||||
</label>
|
||||
<button id="submit" type="submit" class="btn btn-primary" data-i18n="form.send">Send message</button>
|
||||
<strong id="msgSubmit" class="form-message" role="status" aria-live="polite"></strong>
|
||||
</form>
|
||||
<form class="subscribe-form" id="subscribeForm" novalidate>
|
||||
<h3 data-i18n="subscribe.title">Stay in the loop</h3>
|
||||
<p data-i18n="subscribe.text">Get a short note when a new AI demo is published. One email at most every few weeks.</p>
|
||||
<div class="subscribe-row">
|
||||
<input type="email" id="subscribeEmail" data-i18n-placeholder="subscribe.emailPlaceholder" placeholder="name@company.com" required />
|
||||
<button id="subscribeSubmit" type="submit" class="btn btn-primary" data-i18n="subscribe.submit">Subscribe</button>
|
||||
</div>
|
||||
<div class="consent-inline">
|
||||
<input type="checkbox" id="subscribeConsent" required />
|
||||
<label for="subscribeConsent" data-i18n="subscribe.gdpr">I agree to receive occasional emails about new demos.</label>
|
||||
</div>
|
||||
<strong id="subscribeMsg" class="form-message" role="status" aria-live="polite"></strong>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
@@ -173,8 +188,11 @@
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
<div id="contactLoader" class="loader-overlay" style="display:none;">
|
||||
<div class="loader-box" data-i18n="status.sending">Sending...</div>
|
||||
<div id="contactLoader" class="loader-overlay" style="display:none;" role="status" aria-live="polite">
|
||||
<div class="loader-box">
|
||||
<span class="loader-spinner" aria-hidden="true"></span>
|
||||
<strong data-i18n="status.sending">Sending...</strong>
|
||||
</div>
|
||||
</div>
|
||||
<div id="cookieBanner" class="cookie-overlay" style="display:none;">
|
||||
<div class="cookie-box">
|
||||
|
||||
Reference in New Issue
Block a user