<!DOCTYPE html>
<html>
<head>
<title>摩托拉力赛 | Contact</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Bike Race Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design"/>
<!-- fonts -->
<link href="https://fonts.googleapis.com/css?family=Michroma" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Comfortaa:300,400,700" rel="stylesheet">
<!-- /fonts -->
<!-- css -->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" media="all" />
<link href='css/aos.css' rel='stylesheet prefetch' type="text/css" media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- /css -->
</head>
<body>
<!-- navigation -->
<nav class="navbar navbar-default navbar-fixed-top" data-aos="flip-up">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html"><h1>Bike Race</h1></a>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav slide-nav">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="news.html">News</a></li>
<li><a href="schedule.html">Schedule</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="drivers.html">Drivers</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Short Codes <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="typo.html">Typography</a></li>
<li><a href="icons.html">Icons</a></li>
</ul>
</li>
<li class="active current"><a href="contact.html">Contact</a></li>
</ul>
</div><!--/.nav-collapse -->
<div class="search1">
<form action="#" method="post">
<div class="input-group">
<input type="text" class="form-control" name="search" id="search2" placeholder="Search" required/>
<span class="input-group-btn">
<button class="btn btn-default" type="submit" ><i class="fa fa-search"></i></button>
</span>
</div>
</form>
</div>
</div>
</nav>
<!-- /navigation -->
<!-- Page Content -->
<!-- header section -->
<section class="inner-w3ls">
<div class="container">
<h3 class="text-center" data-aos="zoom-in">Contact Us</h3>
<!-- Page Heading/Breadcrumbs -->
<div class="row">
<div class="col-lg-12">
<ol class="breadcrumb" data-aos="zoom-in">
<li><a href="index.html">Home</a></li>
<li class="active">Contact</li>
</ol>
</div>
</div>
<!-- /.row -->
</div>
</section>
<!-- /header section -->
<section class="contact-w3layouts">
<!-- Page Content -->
<div class="container">
<!-- Map Column -->
<div class="col-md-8" data-aos="flip-left">
<!-- Embedded Google Map -->
<div class="map-w3ls">
<iframe class="googlemaps" src="https://www.amap.com/" sandbox="" style="border:0" allowfullscreen></iframe>
</div>
</div>
<!-- Contact Details Column -->
<div class="col-md-4" data-aos="flip-right">
<h3>Contact Details</h3>
<p><i class="fa fa-map-marker"></i> 9876 Cafe Place, Beverly Hills, CA 0000</p>
<p><i class="fa fa-phone"></i> (123) 456-7890</p>
<p><i class="fa fa-envelope-o"></i> <a href="mailto:name@example.com">name@example.com</a></p>
<ul class="social-icons2">
<li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-youtube" aria-hidden="true"></i></a></li>
</ul>
</div>
</div>
</section>
<section class="contact-w3ls">
<!-- Contact Form -->
<div class="container">
<div class="col-md-12">
<h3 class="text-center" data-aos="flip-up">Send us a Message</h3>
<form action="" method="post" name="sentMessage" id="contactForm" novalidate>
<div class="control-group form-group" data-aos="flip-up">
<div class="controls">
<label>Full Name:</label>
<input type="text" class="form-control" id="name" required data-validation-required-message="Please enter your name.">
<p class="help-block"></p>
</div>
</div>
<div class="control-group form-group" data-aos="flip-up">
<div class="controls">
<label>Phone Number:</label>
<input type="tel" class="form-control" id="phone" required data-validation-required-message="Please enter your phone number.">
</div>
</div>
<div class="control-group form-group" data-aos="flip-up">
<div class="controls">
<label>Email Address:</label>
<input type="email" class="form-control" id="email" required data-validation-required-message="Please enter your email address.">
</div>
</div>
<div class="control-group form-group" data-aos="flip-up">
<div class="controls">
<label>Message:</label>
<textarea rows="10" cols="100" class="form-control" id="message" required data-validation-required-message="Please enter your message" maxlength="999" style="resize:none"></textarea>
</div>
</div>
<div id="success"></div>
<!-- For success/fail messages -->
<button type="submit" class="btn btn-primary" data-aos="flip-up">Send Message</button>
</form>
</div>
</div>
</section>
<section class="last-w3layouts">
<div class="container">
<a href="index.html" class="bottom-agile"><h2 class="text-center">Bike Race</h2></a>
<p class="text-center">© Bike Race. All Rights Reserved <a target="_blank"</a></p>
</div>
</section>
<!-- last section -->
<!-- back to top -->
<a href="#0" class="cd-top">Top</a>
<!-- /back to top -->
<!-- js files -->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/SmoothScroll.min.js"></script>
<script src="js/top.js"></script>
<script src="js/modernizr.min.js"></script>
<script src="js/index.js"></script>
<script src='js/aos.js'></script>
<script src="js/aos2.js"></script>
<!-- js for contact form -->
<script src="js/jqBootstrapValidation.js"></script>
<script src="js/contact_me.js"></script>
<!-- //js for contact form -->
<!-- /js files -->
</body>
</html>