oliver
65 lines
3.4 KiB
HTML
65 lines
3.4 KiB
HTML
<div id="tm-overlay" role="dialog" aria-modal="true" aria-labelledby="tm-title">
|
|
<div id="tm-box">
|
|
<button id="tm-close" aria-label="Close">×</button>
|
|
<h2 class="tm-title" id="tm-title">Start Your 4 Weeks Free Trial</h2>
|
|
<p class="tm-subtitle">Test drive your back-office in a 4-week free trial.</p>
|
|
<form id="tm-form" novalidate>
|
|
<div class="tm-grid">
|
|
<div class="tm-field-group full">
|
|
<label class="tm-label" for="tm-email">Work Email</label>
|
|
<input
|
|
type="email"
|
|
id="tm-email"
|
|
name="email"
|
|
class="tm-field"
|
|
placeholder="you@company.com"
|
|
required
|
|
/>
|
|
</div>
|
|
<div class="tm-field-group full tm-select" id="tm-location-select">
|
|
<label class="tm-label" for="tm-location">Server Location</label>
|
|
<button
|
|
type="button"
|
|
class="tm-field tm-select-btn is-placeholder"
|
|
id="tm-location-btn"
|
|
aria-haspopup="listbox"
|
|
aria-expanded="false"
|
|
aria-controls="tm-location-menu"
|
|
>
|
|
Select your server location
|
|
</button>
|
|
<div
|
|
class="tm-select-menu"
|
|
id="tm-location-menu"
|
|
role="listbox"
|
|
aria-labelledby="tm-location-btn"
|
|
>
|
|
<button type="button" class="tm-select-option" data-value="boston">🇺🇸 Boston</button>
|
|
<button type="button" class="tm-select-option" data-value="manchester">🇬🇧 Manchester</button>
|
|
<button type="button" class="tm-select-option" data-value="mumbai">🇮🇳 Mumbai</button>
|
|
<button type="button" class="tm-select-option" data-value="saopaulo">🇧🇷 São Paulo</button>
|
|
<button type="button" class="tm-select-option" data-value="meppel">🇳🇱 Meppel</button>
|
|
<button type="button" class="tm-select-option" data-value="sydney">🇦🇺 Sydney</button>
|
|
</div>
|
|
<input type="hidden" id="tm-location" name="location" value="" required />
|
|
</div>
|
|
</div>
|
|
<input type="hidden" id="tm-product" name="product" value="odoo_19" />
|
|
<input type="hidden" id="tm-plan" name="plan" value="General Free Trial" />
|
|
<input type="hidden" name="utm_source" value="" />
|
|
<input type="hidden" name="utm_medium" value="" />
|
|
<input type="hidden" name="utm_campaign" value="" />
|
|
<input type="hidden" name="utm_term" value="" />
|
|
<input type="hidden" name="utm_content" value="" />
|
|
<button type="submit" class="tm-submit">Start Free Trial</button>
|
|
</form>
|
|
<div id="tm-confirm">
|
|
<p class="tm-confirm-title">Thank you! 🎉</p>
|
|
<p class="tm-confirm-sub">
|
|
We've received your request and a specialist will be in touch within one business day.
|
|
</p>
|
|
<button id="tm-confirm-close" class="tm-submit">Close</button>
|
|
</div>
|
|
</div>
|
|
</div>
|