Pages
Users
Tom Cruise
tomcruise@left4code.com
Brad Pitt
bradpitt@left4code.com
Robert De Niro
robertdeniro@left4code.com
Charlize Theron
charlizetheron@left4code.com
Products
Nike Tanjun
Sport & Outdoor
Samsung Galaxy S20 Ultra
Smartphone & Tablet
Apple MacBook Pro 13
PC & Laptop
Dell XPS 13
PC & Laptop
Notifications
Tom Cruise
01:10 PM
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500
Brad Pitt
01:10 PM
Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 20
Robert De Niro
01:10 PM
It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem
Charlize Theron
06:05 AM
Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 20
Leonardo DiCaprio
05:09 AM
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500
Form Validation
Implementation
Registration success!
Please check your e-mail for further info!
Registration failed!
Please check the fileld form.
HTMLOpenTag!-- BEGIN: Validation Form --HTMLCloseTag HTMLOpenTagform class="validate-form"HTMLCloseTag HTMLOpenTagdiv class="input-form"HTMLCloseTag HTMLOpenTaglabel for="validation-form-1" class="form-label w-full flex flex-col sm:flex-row"HTMLCloseTag Name HTMLOpenTagspan class="sm:ml-auto mt-1 sm:mt-0 text-xs text-gray-600"HTMLCloseTagRequired, at least 2 charactersHTMLOpenTag/spanHTMLCloseTag HTMLOpenTag/labelHTMLCloseTag HTMLOpenTaginput id="validation-form-1" type="text" name="name" class="form-control" placeholder="John Legend" minlength="2" requiredHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="input-form mt-3"HTMLCloseTag HTMLOpenTaglabel for="validation-form-2" class="form-label w-full flex flex-col sm:flex-row"HTMLCloseTag Email HTMLOpenTagspan class="sm:ml-auto mt-1 sm:mt-0 text-xs text-gray-600"HTMLCloseTagRequired, email address formatHTMLOpenTag/spanHTMLCloseTag HTMLOpenTag/labelHTMLCloseTag HTMLOpenTaginput id="validation-form-2" type="email" name="email" class="form-control" placeholder="example@gmail.com" requiredHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="input-form mt-3"HTMLCloseTag HTMLOpenTaglabel for="validation-form-3" class="form-label w-full flex flex-col sm:flex-row"HTMLCloseTag Password HTMLOpenTagspan class="sm:ml-auto mt-1 sm:mt-0 text-xs text-gray-600"HTMLCloseTagRequired, at least 6 charactersHTMLOpenTag/spanHTMLCloseTag HTMLOpenTag/labelHTMLCloseTag HTMLOpenTaginput id="validation-form-3" type="password" name="password" class="form-control" placeholder="secret" minlength="6" requiredHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="input-form mt-3"HTMLCloseTag HTMLOpenTaglabel for="validation-form-4" class="form-label w-full flex flex-col sm:flex-row"HTMLCloseTag Age HTMLOpenTagspan class="sm:ml-auto mt-1 sm:mt-0 text-xs text-gray-600"HTMLCloseTagRequired, integer only & maximum 3 charactersHTMLOpenTag/spanHTMLCloseTag HTMLOpenTag/labelHTMLCloseTag HTMLOpenTaginput id="validation-form-4" type="number" name="age" class="form-control" placeholder="21" requiredHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="input-form mt-3"HTMLCloseTag HTMLOpenTaglabel for="validation-form-5" class="form-label w-full flex flex-col sm:flex-row"HTMLCloseTag Profile URL HTMLOpenTagspan class="sm:ml-auto mt-1 sm:mt-0 text-xs text-gray-600"HTMLCloseTagOptional, URL formatHTMLOpenTag/spanHTMLCloseTag HTMLOpenTag/labelHTMLCloseTag HTMLOpenTaginput id="validation-form-5" type="url" name="url" class="form-control" placeholder="https://google.com"HTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="input-form mt-3"HTMLCloseTag HTMLOpenTaglabel for="validation-form-6" class="form-label w-full flex flex-col sm:flex-row"HTMLCloseTag Comment HTMLOpenTagspan class="sm:ml-auto mt-1 sm:mt-0 text-xs text-gray-600"HTMLCloseTagRequired, at least 10 charactersHTMLOpenTag/spanHTMLCloseTag HTMLOpenTag/labelHTMLCloseTag HTMLOpenTagtextarea id="validation-form-6" class="form-control" name="comment" placeholder="Type your comments" minlength="10" requiredHTMLCloseTagHTMLOpenTag/textareaHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagbutton type="submit" class="btn btn-primary mt-5"HTMLCloseTagRegisterHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTag/formHTMLCloseTag HTMLOpenTag!-- END: Validation Form --HTMLCloseTag HTMLOpenTag!-- BEGIN: Success Notification Content --HTMLCloseTag HTMLOpenTagdiv id="success-notification-content" class="toastify-content hidden flex" HTMLCloseTag HTMLOpenTagi class="text-theme-9" data-feather="check-circle"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag HTMLOpenTagdiv class="ml-4 mr-4"HTMLCloseTag HTMLOpenTagdiv class="font-medium"HTMLCloseTagRegistration success!HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="text-gray-600 mt-1"HTMLCloseTag Please check your e-mail for further info! HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag!-- END: Success Notification Content --HTMLCloseTag HTMLOpenTag!-- BEGIN: Failed Notification Content --HTMLCloseTag HTMLOpenTagdiv id="failed-notification-content" class="toastify-content hidden flex" HTMLCloseTag HTMLOpenTagi class="text-theme-6" data-feather="x-circle"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag HTMLOpenTagdiv class="ml-4 mr-4"HTMLCloseTag HTMLOpenTagdiv class="font-medium"HTMLCloseTagRegistration failed!HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="text-gray-600 mt-1"HTMLCloseTag Please check the fileld form. HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag!-- END: Failed Notification Content --HTMLCloseTag