Live Preview
Tag didn’t load? Click here and let us know!Share this result
Previews are deleted daily. Get a permanent share link sent to your inbox:
Script
<div class="form-container wot-register" id="world-of-triumph">
<form action="" class="mobMargin" method="post">
<input name="__RequestVerificationToken" type="hidden"
value="TOKEN_VALUE_HERE" />
<!-- Register Section -->
<div id="triumph-register-section">
<div class="register-form-full" id="leadformRegister">
<div class="registerform__header">
<h2>Enter the World of Triumph</h2>
<p>Fill in details to register</p>
</div>
<!-- Name -->
<label for="ride-name-id" class="FontStyle Font3">Name <span class="Hashcolor">*</span></label>
<input type="text" id="ride-name-id" name="name" placeholder="Enter Name"
class="inpTypectf" maxlength="50" autocomplete="off">
<!-- Mobile -->
<label for="mobileNo" class="FontStyle Font3">Mobile Number <span class="Hashcolor">*</span></label>
<input type="text" id="mobileNo" name="mobile" placeholder="Enter Mobile Number"
maxlength="10" minlength="10" class="inpTypectf" autocomplete="off">
<!-- Email -->
<label for="email" class="FontStyle Font3">Mail ID</label>
<input type="email" id="email" name="email" placeholder="Enter Mail ID"
class="inpTypectf" maxlength="50" autocomplete="off" required>
<!-- Age -->
<label for="age" class="FontStyle Font3">Age <span class="Hashcolor">*</span></label>
<input type="text" id="age" name="age" placeholder="Enter Age" class="inpTypectf"
autocomplete="off">
<!-- Location Dropdown -->
<label class="FontStyle Font3 locationlabel">Location <span class="Hashcolor">*</span></label>
<div id="dropdownWrapper">
<div id="customDropdown" class="dropdown">
<div id="selectedValue" class="dropdown-selected">Select Location</div>
<ul id="trm-dropdown-list" class="dropdown-list"></ul>
</div>
</div>
<p class="slot-popup-msg" style="display: none; ">Note: All test ride slots in <span class="location-name"></span> are booked. You can choose a different location or still visit the event for the experience. </p>
</br>
<!-- Registering For Radios -->
<label class="FontStyle Font3">Registering For? <span class="Hashcolor">*</span></label>
<div class="radio-group registerBtns">
<label>
<input type="radio" name="registerFor" value="Attend event only" checked="" />
Attend event only
</label>
<label>
<input type="radio" name="registerFor" value="Test Ride Experience" />
Test Ride Experience
</label>
</div>
<label class="FontStyle Font3">From where did you get to know about World Of Triumph? <span class="Hashcolor">*</span></label>
<div class="radio-group socialBtns">
<label>
<input type="radio" name="sourceChannel" value="Instagram" checked="" />
Instagram
</label>
<label>
<input type="radio" name="sourceChannel" value="Influencer" />
Influencer
</label>
<label>
<input type="radio" name="sourceChannel" value="Friends" />
Friends
</label>
<label>
<input type="radio" name="sourceChannel" value="Others" />
Others
</label>
</div>
<button class="submitBtn" id="rideSubmitBtn" disabled>GET OTP</button>
<!-- OTP Verification -->
<div class="Container hidden" id="OTPverifications">
<div class="OTPbox">
<h4 class="FontStyle FontU1 TextU checkTq otpVerTitle">OTP VERIFICATION</h4>
<h5 class="TextU FontU2 checkTq otpsentNum">Enter the OTP Sent To <span id="mobileOTP"></span></h5>
<input type="hidden" id="otp_verified" name="fld_bike_otp_verified" value="n">
<div class="input-field otp-fields">
<input class="otpDigit" id="register_bike_otp_1" type="text" maxlength="1" inputmode="numeric" placeholder="-" />
<input class="otpDigit" id="register_bike_otp_2" type="text" maxlength="1" inputmode="numeric" placeholder="-" disabled />
<input class="otpDigit" id="register_bike_otp_3" type="text" maxlength="1" inputmode="numeric" placeholder="-" disabled />
<input class="otpDigit" id="register_bike_otp_4" type="text" maxlength="1" inputmode="numeric" placeholder="-" disabled />
<input class="otpDigit" id="register_bike_otp_5" type="text" maxlength="1" inputmode="numeric" placeholder="-" disabled />
<input class="otpDigit" id="register_bike_otp_6" type="text" maxlength="1" inputmode="numeric" placeholder="-" disabled />
</div>
<div class="timer Flex flextotp">
<div class="timerleft timeOTP">
<img src="https://cdn.bajajauto.com/-/media/images/triumph/organic/schedule.png" alt="" loading="lazy" height="20" width="20" class="timerImage" id="timerImage" />
<span class="timerId" id="timerId"></span>
</div>
<a class="resendDiv checkTq CaptionTextCC" href="#" id="resend" onclick="ReSendBikeOTP(); return false;">RESEND OTP</a>
</div>
<div class="verify-section">
<h4 class="TextU FontStyle InvalidBtn checkTq" id="InvalidOTP"></h4>
<button class="TextU FontStyle varifyBtn checkTq" id="verify-id" type="button">VERIFY OTP</button>
<a href="#" class="tryAgainText FontStyle" onclick="TryDiffNoOTP();">TRY AGAIN WITH DIFFERENT NUMBER</a>
</div>
</div>
</div>
<!-- Which Bike Own -->
<div class="Container hidden" id="book-own">
<h4 class="FontStyle FontU1 TextU checkTq whichbike">Which motorcycle do you own?</h4>
<div class="radio-group">
<label>
<input type="radio" name="whichBikeOwnFor" value="Triumph Bike" /> Triumph
</label>
<label>
<input type="radio" name="whichBikeOwnFor" value="Other Bike" /> Other Manufacturer
</label>
</div>
<!-- Triumph / Other Dropdowns -->
<div class="custom-dropdown">
<div id="triumph-dropdown" class="dropdown-wrapper hidden">
<label for="triumph-dropdown" class="FontStyle Font3">Triumph <span class="Hashcolor">*</span></label>
<div class="dropdown-selected">Select Triumph Bike</div>
<ul class="dropdown-list"></ul>
</div>
<div id="other-dropdown" class="dropdown-wrapper hidden">
<label for="other-dropdown" class="FontStyle Font3">Other Manufacturer <span class="Hashcolor">*</span></label>
<div class="dropdown-selected">Select Other Manufacturer</div>
<ul class="dropdown-list"></ul>
</div>
</div>
<!-- Additional Fields -->
<div id="additionalFieldsSection">
<div class="additionalform__header">
<h3>Enter additional details</h3>
</div>
<label for="emergency-contact" class="FontStyle Font3">Emergency Contact Number <span class="Hashcolor">*</span></label>
<input type="text" id="emergency-contact" name="emergency-contact"
placeholder="Enter Emergency Number" class="inpTypectf" maxlength="10" minlength="10" autocomplete="off">
<label for="license-number" class="FontStyle Font3">License Number <span class="Hashcolor">*</span></label>
<input type="text" id="license-number" name="license-number" placeholder="Enter License Number"
maxlength="50" class="inpTypectf" autocomplete="off">
<label for="insta-id" class="FontStyle Font3">Instagram username</label>
<input type="text" id="insta-id" name="insta-id" placeholder="Enter Insta ID" class="inpTypectf" maxlength="50" autocomplete="off">
<!-- Test Ride Models -->
<label class="FontStyle Font3">Riding Experience Models <span class="Hashcolor">*</span></label>
<div id="dropdownWrapper1">
<div id="customModelDropdown" class="dropdown">
<div id="modelselectedValue" class="dropdown-selected">Select Model</div>
<ul id="modelDropdownList" class="dropdown-list"></ul>
</div>
</div>
<!-- Test Ride Slots -->
<label class="FontStyle Font3">Riding Experience Slots <span class="Hashcolor">*</span></label>
<div id="dropdownWrapper2">
<div id="customSlotsDropdown" class="dropdown">
<div id="slotsselectedValue" class="dropdown-selected">Select Slots</div>
<ul id="slotsDropdownList" class="dropdown-list"></ul>
</div>
</div>
</div>
<div class="register-trm-btn-sec">
<button class="submitBtn" id="registerSubmitBtn" disabled>Register Now</button>
<div class="txtFrmt FontStyle CaptionText">
<div class="checkbox-group">
<label>
<input type="checkbox" id="triumph-updates" name="triumph-updates" checked>
Do you wish to get updates from Triumph India
</label>
</div>
<p class="agreementSection">
By clicking on submit, you agree to our <br /><a class="MoreLink"
id="tclink" href="/termsandcondition" target="_blank">T&C</a> and
<a class="MoreLink" id="tclink" href="/privacypolicy" target="_blank">Privacy Policy</a>
</p>
<div class="toggleNtxt">
<label class="switch">
<input type="checkbox" id="checkboxInput" onclick="checkboxClick();" checked>
<span class="slider round"></span>
</label>
<p>Get updates on WhatsApp </p>
<i class="fab fa-whatsapp fa-2x"></i>
</div>
</div>
</div>
</div>
<!-- Success Section -->
<div class="Container hidden" id="register-ride-success">
<div class="thankyou">
<div class="success_icon">
<img src="/-/media/images/triumph/organic/vector.png" alt="" loading="lazy" height="62" width="62" class="success-image">
<img src="/-/media/Triumph/WorldOfTriumph/error-icon-wot.svg" alt="" loading="lazy" height="62" width="62" class="hidden error-image">
</div>
<div class="section_sucess">
<div class="title">
<h3 class="success_title">Thank you for registering for World of Triumph!</h3>
<p class="regiteration_no">Registration No: <span id="wot-register-no">TR-1256367</span></p>
<p class="success_title_desc">We are excited to meet you at the event.</p>
</div>
<a href="#" onclick="window.location.reload(); return false;" id="success-id" class="TextU FontStyle successbtn checkTq">DONE</a>
<a href="#" onclick="gobackscreen(); return false;" id="errorscrn-id" class="TextU FontStyle errorbtn checkTq hidden">Back</a>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
<div class="overlay-loader booking-loader" style="display: none;">
<img alt="" src="/images/chetak-testride-images-22/loader.gif">
</div>Landing Page
This ad does not have a landing page available
Network Timeline
Performance Summary
5
Requests
2
Domains
14KB
Transfer Size
14KB
Content Size
157.0ms
Dom Content Loaded
276.0ms
First Paint
193.0ms
Load Time
Domain Breakdown
Transfer Size (bytes)
Loading...
Content Size (bytes)
Loading...
Header Size (bytes)
Loading...
Requests
Loading...
Timings (ms)
Loading...
Total Time
Loading...
Content Breakdown
Transfer Size (bytes)
Loading...
Content Size (bytes)
Loading...
Header Size (bytes)
Loading...
Requests
Loading...