392 lines
24 KiB
HTML
392 lines
24 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" class="wide wow-animation">
|
|
<head>
|
|
<!-- Site Title-->
|
|
<title>Forms</title>
|
|
<meta name="format-detection" content="telephone=no">
|
|
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta charset="utf-8">
|
|
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
|
|
<!-- Stylesheets-->
|
|
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,800">
|
|
<link rel="stylesheet" href="css/style.css">
|
|
<!--[if lt IE 10]>
|
|
<div style="background: #212121; padding: 10px 0; box-shadow: 3px 3px 5px 0 rgba(0,0,0,.3); clear: both; text-align:center; position: relative; z-index:1;"><a href="http://windows.microsoft.com/en-US/internet-explorer/"><img src="images/ie8-panel/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today."></a></div>
|
|
<script src="js/html5shiv.min.js"></script>
|
|
<![endif]-->
|
|
</head>
|
|
<body>
|
|
<!-- Page-->
|
|
<div class="page text-center">
|
|
<!-- Page Header-->
|
|
<header class="page-head bg-forms">
|
|
<!-- RD Navbar-->
|
|
<div class="rd-navbar-wrap navbar-transparent">
|
|
<nav class="rd-navbar" data-layout="rd-navbar-fixed" data-sm-layout="rd-navbar-fixed" data-md-layout="rd-navbar-fullwidth" data-lg-layout="rd-navbar-static" data-device-layout="rd-navbar-fixed" data-sm-device-layout="rd-navbar-fixed" data-md-device-layout="rd-navbar-fullwidth" data-lg-device-layout="rd-navbar-static" data-lg-stick-up-offset="70px">
|
|
<button data-rd-navbar-toggle=".rd-navbar-top-panel" type="submit" class="rd-navbar-collapse-toggle"><span></span></button>
|
|
<div class="bg-black">
|
|
<div class="rd-navbar-top-panel bg-black">
|
|
<div><a href="callto:#" class="text-base text-bold text-top"><span class="mdi mdi-phone text-middle"></span> <span class="text-middle">1 (800) 123 1234</span></a><span class="inset-md-left-20 text-middle">USA, LOS ANGELES,901 East E Street, Wilmington, CA 90744</span></div>
|
|
<div>
|
|
<ul class="list-inline list-inline-xs">
|
|
<li><a href="#" class="icon icon-white fa-facebook"></a></li>
|
|
<li><a href="#" class="icon icon-white fa-google-plus"></a></li>
|
|
<li><a href="#" class="icon icon-white fa-linkedin"></a></li>
|
|
<li><a href="#" class="icon icon-white fa-twitter"></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="rd-navbar-inner">
|
|
<!-- RD Navbar Panel-->
|
|
<div class="rd-navbar-panel">
|
|
<!-- RD Navbar Toggle-->
|
|
<button data-rd-navbar-toggle=".rd-navbar-nav-wrap" type="submit" class="rd-navbar-toggle"><span></span></button>
|
|
<!-- RD Navbar Brand-->
|
|
<div class="rd-navbar-brand"><a href="index.html" class="brand-name"><span class="h4 text-bold text-primary">Safe</span> <span class="h4 text-bold text-white">Drive</span> <span class="text-base veil reveal-md-block reveal-xl-inline-block">LA Driving School</span></a></div>
|
|
</div>
|
|
<div class="rd-navbar-nav-wrap">
|
|
<!-- RD Navbar Nav-->
|
|
<ul class="rd-navbar-nav">
|
|
<li><a href="./">Home</a>
|
|
<ul class="rd-navbar-dropdown">
|
|
<li><a href="index.html">Home 1</a></li>
|
|
<li><a href="index-header-center.html">Home 2</a></li>
|
|
<li><a href="index-header-hamburger.html">Home 3</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="about-us.html">About</a>
|
|
<ul class="rd-navbar-dropdown">
|
|
<li><a href="cars.html">Our cars</a></li>
|
|
<li><a href="faq.html">FAQs</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="lessons.html">Lessons</a>
|
|
<ul class="rd-navbar-dropdown">
|
|
<li><a href="lessons-single.html">Lessons Single Page</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="teachers.html">Teachers</a>
|
|
<ul class="rd-navbar-dropdown">
|
|
<li><a href="teachers-single.html">Teacher profile</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="active"><a href="#">Pages</a>
|
|
<!-- RD Navbar Megamenu-->
|
|
<ul class="rd-navbar-megamenu">
|
|
<li>
|
|
<p>News</p>
|
|
<ul>
|
|
<li><a href="blog-classic-right-sidebar.html">Classic Blog</a></li>
|
|
<li><a href="blog-grid.html">Grid Blog</a></li>
|
|
<li><a href="blog-masonry.html">Masonry Blog</a></li>
|
|
<li><a href="blog-modern.html">Modern Blog</a>
|
|
<ul class="rd-navbar-dropdown">
|
|
<li><a href="blog-post.html">Single Post</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<p>Elements</p>
|
|
<ul>
|
|
<li><a href="typography.html">Typography</a></li>
|
|
<li><a href="tabs-accordion.html">Tabs & Accordions</a></li>
|
|
<li><a href="grid.html">Grid</a></li>
|
|
<li><a href="buttons.html">Buttons</a></li>
|
|
<li><a href="forms.html">Forms</a></li>
|
|
<li><a href="progress-bars.html">Progress Bars</a></li>
|
|
<li><a href="tables.html">Tables</a></li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<p>Pages</p>
|
|
<ul>
|
|
<li><a href="event.html">Events Calendar</a></li>
|
|
<li><a href="appointment.html">Book (Appointment)</a></li>
|
|
<li><a href="careers.html">Careers</a></li>
|
|
<li><a href="pricing.html">Pricing</a></li>
|
|
<li><a href="services.html">Services</a>
|
|
<ul class="rd-navbar-dropdown">
|
|
<li><a href="services-single.html">Services Single Page</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<p>Pages</p>
|
|
<ul>
|
|
<li><a href="404.html">404 page</a></li>
|
|
<li><a href="503.html">503 page</a></li>
|
|
<li><a href="maintenance.html">Maintenance (Under Construction)</a></li>
|
|
<li><a href="coming-soon.html">Coming Soon</a></li>
|
|
<li><a href="login.html">Login Page</a></li>
|
|
<li><a href="register.html">Register Page</a></li>
|
|
<li><a href="search-results.html">Search Results</a></li>
|
|
<li><a href="site-map.html">Site Map</a></li>
|
|
<li><a href="privacy.html">Privacy Policy</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="testimonials.html">Testimonials</a></li>
|
|
<li><a href="links.html">Links</a></li>
|
|
<li><a href="#">News</a>
|
|
<ul class="rd-navbar-dropdown">
|
|
<li><a href="blog-classic-right-sidebar.html">Classic Blog With Right Sidebar</a></li>
|
|
<li><a href="blog-classic-left-sidebar.html">Classic Blog With Left Sidebar</a></li>
|
|
<li><a href="blog-classic-both-sidebar.html">Classic Blog With Both Sidebars</a></li>
|
|
<li><a href="blog-grid.html"> Grid Blog</a></li>
|
|
<li><a href="blog-grid-2col.html"> Grid Blog Two Columns</a></li>
|
|
<li><a href="blog-grid-3col.html"> Grid Blog Three Columns</a></li>
|
|
<li><a href="blog-masonry.html">Masonry Blog</a></li>
|
|
<li><a href="blog-masonry-2col.html">Masonry Blog Two Columns</a></li>
|
|
<li><a href="blog-masonry-3col.html">Masonry Blog Three Columns</a></li>
|
|
<li><a href="blog-modern.html"> Modern Blog</a></li>
|
|
<li><a href="blog-modern-right.html"> Modern Blog Right</a></li>
|
|
<li><a href="blog-modern-left-sidebar.html"> Modern Blog With Left Sidebar</a></li>
|
|
<li><a href="blog-post.html">Blog Post</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="contacts.html">Locations</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
<section class="section-top-64 section-bottom-48 section-md-top-105 section-md-bottom-120 inset-left-15 inset-right-15">
|
|
<div class="shell text-sm-right">
|
|
<h1 class="big text-uppercase text-ebold">Forms</h1>
|
|
<ol class="breadcrumb">
|
|
<li><a href="#">Pages</a></li>
|
|
<li><a href="#">Elements</a></li>
|
|
<li>Forms</li>
|
|
</ol>
|
|
</div>
|
|
</section>
|
|
</header>
|
|
<!-- Page Content-->
|
|
<main class="page-content">
|
|
<section class="text-center text-sm-left section-top-50 section-sm-top-80">
|
|
<div class="container">
|
|
<h1>Forms</h1>
|
|
<p>With forms you can get almost any kind of information from <br class="visible-lg-inline"> your visitors, who will definitely appreciate this attractive element.</p>
|
|
</div>
|
|
</section>
|
|
<!-- Login-->
|
|
<section class="text-center text-sm-left section-top-50 section-sm-top-85">
|
|
<div class="shell">
|
|
<h4>Login Form</h4>
|
|
<div class="range offset-top-15">
|
|
<div class="cell-sm-10">
|
|
<!-- RD Mailform-->
|
|
<form class="rd-mailform text-center">
|
|
<div class="form-inline-sm form-inline-login-sm">
|
|
<div class="form-group">
|
|
<label for="contact-name" class="form-label form-label-outside">Your name:</label>
|
|
<input id="contact-name" type="text" placeholder="Enter your name" name="name" data-constraints="@Required" class="form-control">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="contact-email" class="form-label form-label-outside">Your password:</label>
|
|
<input id="contact-email" type="password" placeholder="Enter your password" name="password" data-constraints="@Required" class="form-control">
|
|
</div>
|
|
<div>
|
|
<button type="submit" class="btn btn-primary btn-md btn-min-width-xs">Create an account</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
<p class="h4 offset-top-30 text-bold">Or enter with:</p>
|
|
<div class="offset-top-25">
|
|
<div class="group-xs"><a href="#" class="btn btn-facebook btn-md btn-icon btn-icon-left"><span class="icon icon-xs fa-facebook"></span>Facebook</a><a href="#" class="btn btn-twitter btn-md btn-icon btn-icon-left"><span class="icon icon-xs fa-twitter"></span>Twitter</a><a href="#" class="btn btn-google-plus btn-md btn-icon btn-icon-left"><span class="icon icon-xs fa-google-plus"></span>Google +</a></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="text-center text-sm-left section-top-50 section-sm-top-85">
|
|
<div class="shell">
|
|
<h4>Create an Account</h4>
|
|
<div class="range offset-top-15">
|
|
<div class="cell-sm-10 cell-md-8">
|
|
<!-- RD Mailform-->
|
|
<form class="rd-mailform form-contact-line text-left">
|
|
<div class="form-inline-login form-inline-login-md">
|
|
<div class="form-group">
|
|
<label for="contact-name-2" class="form-label form-label-outside">Your name:</label>
|
|
<input id="contact-name-2" type="text" placeholder="Enter your name" name="name" data-constraints="@Required" class="form-control">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="contact-username" class="form-label form-label-outside">Your username:</label>
|
|
<input id="contact-username" type="text" placeholder="Enter your username" name="password" data-constraints="@Required" class="form-control">
|
|
</div>
|
|
</div>
|
|
<div class="offset-top-60 offset-xs-top-30">
|
|
<div class="form-inline-login form-inline-login-md">
|
|
<div class="form-group">
|
|
<label for="contact-email-2" class="form-label form-label-outside">Your email:</label>
|
|
<input id="contact-email-2" type="email" placeholder="Enter your email" name="email" data-constraints="@Email @Required" class="form-control">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="contact-password" class="form-label form-label-outside">Your password:</label>
|
|
<input id="contact-password" type="password" placeholder="Enter your password" name="password" data-constraints="@Required" class="form-control">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="offset-top-15 text-right">
|
|
<button type="submit" class="btn btn-primary btn-md">Create an account</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- Login-->
|
|
<section class="text-center text-sm-left section-50 section-sm-top-85 section-sm-bottom-95">
|
|
<div class="shell">
|
|
<h4>Booking form</h4>
|
|
<div class="range offset-top-15">
|
|
<div class="cell-sm-10 cell-md-7 cell-lg-5">
|
|
<!-- RD Mailform-->
|
|
<form data-form-output="form-output-global" data-form-type="contact" method="post" action="bat/rd-mailform.php" class="rd-mailform text-left form-booking">
|
|
<div class="form-group"><span class="text-primary font-size-30">*</span>
|
|
<label for="contact-name-3" class="form-label form-label-outside">Your name:</label>
|
|
<input id="contact-name-3" type="text" name="name" data-constraints="@Required" class="form-control">
|
|
</div>
|
|
<div class="offset-top-30">
|
|
<div class="form-inline-sm">
|
|
<div class="form-group"><span class="text-primary font-size-30">*</span>
|
|
<label for="contact-age" class="form-label form-label-outside">Your age:</label>
|
|
<input id="contact-age" type="text" placeholder="14" name="name" data-constraints="@Required @Numeric" class="form-control">
|
|
</div>
|
|
<div class="form-group offset-top-30 offset-sm-top-0"><span class="text-primary font-size-30">*</span>
|
|
<label for="contact-location" class="form-label form-label-outside">Location:</label>
|
|
<input id="contact-location" type="text" placeholder="Enter ZIP code" name="name" data-constraints="@Required" class="form-control">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group offset-top-30"><span class="text-primary font-size-30">*</span>
|
|
<label for="contact-type" class="form-label form-label-outside">Classes type:</label>
|
|
<!--Select 2-->
|
|
<select id="contact-type" data-placeholder="Teen course" data-minimum-results-for-search="Infinity" data-constraints="@Required" class="form-control select-filter">
|
|
<option>Teen course</option>
|
|
<option value="2">DDC Driver</option>
|
|
<option value="3">Road Test Services</option>
|
|
<option value="4">DUI Risk Reduction Program</option>
|
|
<option value="5">Adult Driver Education</option>
|
|
</select>
|
|
</div>
|
|
<div class="form-group offset-top-30">
|
|
<label for="timepicker1" class="form-label form-label-outside">Time of classes:</label>
|
|
<input id="timepicker1" type="text" name="name" placeholder="from 11:00 to 13:00" class="form-control">
|
|
</div>
|
|
<div class="form-group offset-top-30"><span class="text-primary font-size-30">*</span>
|
|
<label for="contact-email-4" class="form-label form-label-outside">Your email:</label>
|
|
<input id="contact-email-4" type="email" name="email" placeholder="Enter your email" data-constraints="@Email @Required" class="form-control">
|
|
</div>
|
|
<div class="form-group offset-top-30"><span class="text-primary font-size-30">*</span>
|
|
<label for="contact-phone-3" class="form-label form-label-outside">Your phone:</label>
|
|
<input id="contact-phone-3" type="text" placeholder="+1 (xxx)-xxx-xxxx" name="phone" data-constraints="@Required" class="form-control">
|
|
</div>
|
|
<div class="offset-top-35 text-right">
|
|
<button type="submit" class="btn btn-md btn-primary">Book Online Now!
|
|
<!-- Page Footer-->
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
<footer class="page-foot bg-gray-light section-50 section-md-top-80 section-md-bottom-60">
|
|
<section class="footer-content text-center text-sm-left">
|
|
<div class="shell">
|
|
<div class="range border-left-cell">
|
|
<div class="cell-xs-12 cell-sm-4 cell-lg-3 cell-lg-push-1">
|
|
<!-- RD Navbar Brand-->
|
|
<div class="rd-navbar-brand"><a href="index.html" class="brand-name"><span class="h4 text-bold text-primary">Safe</span> <span class="h4 text-bold text-dark">Drive</span></a></div>
|
|
<h6 class="big text-base text-bold offset-top-17">Address:</h6>
|
|
<div class="offset-top-7">
|
|
<p class="text-bold text-dark">4578 Marmora St, <br class="visible-lg-inline"> San Francisco D04 89GR.</p>
|
|
</div>
|
|
<address class="offset-top-7">
|
|
<div class="unit unit-sm-horizontal unit-middle">
|
|
<div class="unit-left"><span class="text-dark text-bold">Telephone:</span></div>
|
|
<div class="unit-body"><a href="callto:#" class="text-dark text-bold">1-800-1234-567</a><span class="text-dark text-bold">,</span></div>
|
|
</div>
|
|
<div class="unit unit-sm-horizontal unit-middle offset-top-7">
|
|
<div class="unit-left"><span class="text-dark text-bold">E-mail:</span></div>
|
|
<div class="unit-body"><a href="mailto:#" class="text-bold">info@demolink.org</a></div>
|
|
</div>
|
|
</address>
|
|
</div>
|
|
<div class="cell-xs-12 cell-sm-8 cell-lg-5 offset-top-45 offset-sm-top-0 cell-lg-push-3">
|
|
<h6 class="big text-bold">Newsletter</h6>
|
|
<div class="offset-top-30 text-left">
|
|
<p class="text-bold">Keep up with the latest school news and events. Enter your e-mail and subscribe to our newsletter.</p>
|
|
</div>
|
|
<div class="offset-top-15">
|
|
<form data-form-output="form-output-global" data-form-type="subscribe" method="post" action="bat/rd-mailform.php" class="rd-mailform form-subscribe form-inline-flex-xs">
|
|
<div class="form-group">
|
|
<input placeholder="" type="email" name="email" data-constraints="@Required @Email" class="form-control">
|
|
</div>
|
|
<button type="submit" class="btn btn-md btn-primary">Subscribe</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<div class="cell-xs-12 cell-sm-6 cell-lg-4 offset-top-30 offset-lg-top-0 cell-lg-push-2">
|
|
<div class="group-sm"><img src="images/footer-01-100x93.jpg" alt="" width="100" height="93"/><img src="images/footer-02-100x93.jpg" alt="" width="100" height="93"/><img src="images/footer-03-100x93.jpg" alt="" width="100" height="93"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<hr class="hr offset-top-40">
|
|
</div>
|
|
<div class="shell offset-top-40">
|
|
<p class="text-bold text-sm-left">SafeDrive © <span id="copyright-year"></span> <a href="privacy.html" class="text-base">Privacy Policy</a></p>
|
|
</div>
|
|
</section>
|
|
</footer>
|
|
</div>
|
|
<!-- Global Mailform Output-->
|
|
<div id="form-output-global" class="snackbars"></div>
|
|
<!-- PhotoSwipe Gallery-->
|
|
<div tabindex="-1" role="dialog" aria-hidden="true" class="pswp">
|
|
<div class="pswp__bg"></div>
|
|
<div class="pswp__scroll-wrap">
|
|
<div class="pswp__container">
|
|
<div class="pswp__item"></div>
|
|
<div class="pswp__item"></div>
|
|
<div class="pswp__item"></div>
|
|
</div>
|
|
<div class="pswp__ui pswp__ui--hidden">
|
|
<div class="pswp__top-bar">
|
|
<div class="pswp__counter"></div>
|
|
<button title="Close (Esc)" class="pswp__button pswp__button--close"></button>
|
|
<button title="Share" class="pswp__button pswp__button--share"></button>
|
|
<button title="Toggle fullscreen" class="pswp__button pswp__button--fs"></button>
|
|
<button title="Zoom in/out" class="pswp__button pswp__button--zoom"></button>
|
|
<div class="pswp__preloader">
|
|
<div class="pswp__preloader__icn">
|
|
<div class="pswp__preloader__cut">
|
|
<div class="pswp__preloader__donut"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
|
|
<div class="pswp__share-tooltip"></div>
|
|
</div>
|
|
<button title="Previous (arrow left)" class="pswp__button pswp__button--arrow--left"></button>
|
|
<button title="Next (arrow right)" class="pswp__button pswp__button--arrow--right"></button>
|
|
<div class="pswp__caption">
|
|
<div class="pswp__caption__cent"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Java script-->
|
|
<script src="js/core.min.js"></script>
|
|
<script src="js/script.js"></script>
|
|
</body>
|
|
</html> |