<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Skyworks</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Leading Technology & Innovation Team in Tsinghua" />
<meta name="keywords" content="Skyworks Technology" />
<meta name="author" content="gzy" />
<!-- Facebook and Twitter integration -->
<meta property="og:title" content=""/>
<meta property="og:image" content=""/>
<meta property="og:url" content=""/>
<meta property="og:site_name" content=""/>
<meta property="og:description" content=""/>
<meta name="twitter:title" content="" />
<meta name="twitter:image" content="" />
<meta name="twitter:url" content="" />
<meta name="twitter:card" content="" />
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon"/>
<!-- <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700" rel="stylesheet"> -->
<!-- Animate.css -->
<link rel="stylesheet" href="css/animate.css">
<!-- Icomoon Icon Fonts-->
<link rel="stylesheet" href="css/icomoon.css">
<!-- Simple Line Icons -->
<link rel="stylesheet" href="css/simple-line-icons.css">
<!-- Bootstrap -->
<link rel="stylesheet" href="css/bootstrap.css">
<!-- Superfish -->
<link rel="stylesheet" href="css/superfish.css">
<!-- Flexslider -->
<link rel="stylesheet" href="css/flexslider.css">
<link rel="stylesheet" href="css/style.css">
<!-- Modernizr JS -->
<script src="js/modernizr-2.6.2.min.js"></script>
<!-- FOR IE9 below -->
<!--[if lt IE 9]>
<script src="js/respond.min.js"></script>
<![endif]-->
<!-- jQuery -->
<script src="js/jquery.min.js"></script>
<!-- jQuery Easing -->
<script src="js/jquery.easing.1.3.js"></script>
<!-- Bootstrap -->
<script src="js/bootstrap.min.js"></script>
<!-- Waypoints -->
<script src="js/jquery.waypoints.min.js"></script>
<!-- Superfish -->
<script src="js/hoverIntent.js"></script>
<script src="js/superfish.js"></script>
<!-- Flexslider -->
<script src="js/jquery.flexslider-min.js"></script>
<!-- Stellar -->
<script src="js/jquery.stellar.min.js"></script>
<!-- Counters -->
<script src="js/jquery.countTo.js"></script>
<!-- Google Map -->
<!--<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCefOgb1ZWqYtj7raVSmN4PL2WkTrc-KyA&sensor=false"></script>-->
<!--<script src="js/google_map.js"></script>-->
<!-- Main JS (Do not remove) -->
<script src="js/main.js"></script>
<script>
$(document).ready(function(){
$("#resend_email").submit(function(ev) {
ev.preventDefault();
alert("message sent.");
$.ajax({
type: "POST",
url: '/homepage',
data: {
name: $("#name").val(),
email: $("#email").val(),
message:$("#message").val()
}
});
})
});
</script>
</head>
<body>
<div id="fh5co-wrapper">
<div id="fh5co-page">
<div id="fh5co-header">
<header id="fh5co-header-section">
<div class="container">
<div class="nav-header">
<a href="#" class="js-fh5co-nav-toggle fh5co-nav-toggle"><i></i></a>
<h1 id="fh5co-logo"><a href="index.html">Skyworks</a></h1>
<!-- START #fh5co-menu-wrap -->
<nav id="fh5co-menu-wrap" role="navigation">
<ul class="sf-menu" id="fh5co-primary-menu">
<!-- <li>
<a class="active" href="index.html">Home</a>
</li> -->
<li><a href="https://wiki.thu-skyworks.org/">Wiki</a></li>
<li><a href="projects.html">Projects</a></li>
<!--<li>-->
<!--<a href="projects.html" class="fh5co-sub-ddown">Services</a>-->
<!--<ul class="fh5co-sub-menu">-->
<!--<li><a href="left-sidebar.html">Web Development</a></li>-->
<!--<li><a href="right-sidebar.html">Branding & Identity</a></li>-->
<!--<li>-->
<!--<a href="#" class="fh5co-sub-ddown">Free HTML5</a>-->
<!--<ul class="fh5co-sub-menu">-->
<!--<li><a href="http://freehtml5.co/preview/?item=build-free-html5-bootstrap-template" target="_blank">Build</a></li>-->
<!--<li><a href="http://freehtml5.co/preview/?item=work-free-html5-template-bootstrap" target="_blank">Work</a></li>-->
<!--<li><a href="http://freehtml5.co/preview/?item=light-free-html5-template-bootstrap" target="_blank">Light</a></li>-->
<!--<li><a href="http://freehtml5.co/preview/?item=relic-free-html5-template-using-bootstrap" target="_blank">Relic</a></li>-->
<!--<li><a href="http://freehtml5.co/preview/?item=display-free-html5-template-using-bootstrap" target="_blank">Display</a></li>-->
<!--<li><a href="http://freehtml5.co/preview/?item=sprint-free-html5-template-bootstrap" target="_blank">Sprint</a></li>-->
<!--</ul>-->
<!--</li>-->
<!--<li><a href="#">UI Animation</a></li>-->
<!--<li><a href="#">Copywriting</a></li>-->
<!--<li><a href="#">Photography</a></li>-->
<!--</ul>-->
<!--</li>-->
<!--<li><a class="active" href="about.html">About</a></li>-->
<li><a href="http://nas.thu-skyworks.org:5000/">FTP</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</div>
</div>
</header>
</div>
<!-- end:fh5co-header -->
<aside id="fh5co-hero" class="js-fullheight">
<div class="flexslider js-fullheight">
<ul class="slides">
<li style="background-image: url(images/slides/slide_2.jpg);">
<div class="overlay-gradient"></div>
<div class="container">
<div class="col-md-10 col-md-offset-1 text-center js-fullheight slider-text">
<div class="slider-text-inner desc">
<h2 class="heading-section">Contact Us</h2>
</div>
</div>
</div>
</li>
</ul>
</div>
</aside>
<div id="fh5co-contact-section">
<div class="container">
<form action="/post1" method="post" id="resend_email">
<div class="row">
<div class="col-md-6 col-md-push-6">
<h3 class="section-title">Our Address</h3>
<p>You are always welcome to visit and contact!</p>
<ul class="contact-info">
<li><i class="icon-location-pin"></i>Room304, Teaching Buiding 1, Tsinghua University, Beijing, China, 100084</li>
<li><i class="icon-mail"></i><a href="mailto:[email protected]">[email protected]</a></li>
<li><i class="icon-globe2"></i><a href="https://thu-skyworks.org/">thu-skyworks.org</a></li>
</ul>
</div>
<div class="col-md-6 col-md-pull-6">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<input type="text" class="form-control" id="name" placeholder="Name">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<input type="text" class="form-control" id="email" placeholder="Your Email">
</div>
</div>
<div class="col-md-12">
<div class="form-group">
<textarea class="form-control" id="message" cols="30" rows="7" placeholder="Message, We will reply to you as soon as possible."></textarea>
</div>
</div>
<div class="col-md-12">
<div class="form-group">
<input id="post_button" type="submit" value="Send Message" class="btn btn-primary">
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
<!--<div id="map" class="fh5co-map"></div>-->
<footer id="footer">
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="copyright">
<p><small>© 2016 Skyworks. Made by <a href="http://guzhaoyuan.com">gzy</a>.</small></p>
</div>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-md-4">
<h3>Skyworks</h3>
<ul class="link">
<li><a href="./about.html">About Us</a></li>
<li><a href="projects.html">Projects</a></li>
<li><a href="https://thu-skyworks.org/register/">Join Us</a></li>
<li><a href="./contact.html">Contact Us</a></li>
</ul>
</div>
<div class="col-md-6">
<h3>Subscribe</h3>
<img src="images/QR.png" height="130" align="left"/>
</div>
</div>
</div>
<div class="col-md-2">
<ul class="social-icons">
<li>
<a href="http://nas.thu-skyworks.org:5000/"><i class="icon-onedrive2"></i></a>
<a href="mailto:[email protected]"><i class="icon-mail2"></i></a>
<a href="https://github.com/thu-skyworks"><i class="icon-github2"></i></a>
</li>
</ul>
</div>
</div>
</div>
</footer>
</div>
<!-- END fh5co-page -->
</div>
<!-- END fh5co-wrapper -->
</body>
</html>