Newer
Older
Old_Homepage / homepage / index.html
@zhaowang zhaowang on 15 Oct 2016 12 KB 增加了链接

<!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]-->

	</head>
	<body>
		<div id="fh5co-wrapper">
		<div id="fh5co-page">
		<!-- fh5co-header:标题栏 -->
		<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 &amp; 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>

        <!--幻灯片-->
		<aside id="fh5co-hero" class="js-fullheight">
			<div class="flexslider js-fullheight">
				<ul class="slides">
			   	<li style="background-image: url(images/index/index-after-adjust/工场logo2.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">
			   					<h2>Leading Technology Team in Tsinghua.</h2>
			   				</div>
			   			</div>
			   		</div>
			   	</li>
			   	<li style="background-image: url(images/index/index-after-adjust/合照1.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">
			   					<h2>We are looking for you!</h2>
                                <p><a href="https://thu-skyworks.org/register/" class="btn btn-primary btn-lg">Join Us</a></p>
			   				</div>
			   			</div>
			   		</div>
			   	</li>
			   	<li style="background-image: url(images/index/index-after-adjust/工场.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">
			   					<h2>Leave any questions.</h2>
			   					<p><a href="contact.html" class="btn btn-primary btn-lg">Contact Us</a></p>
			   				</div>
			   			</div>
			   		</div>
			   	</li>
			  	</ul>
		  	</div>
		</aside>

        <!--team intro-->
		<div id="fh5co-services-section">
			<div class="container">
				<div class="row">
					<div class="col-md-6 col-md-offset-3 text-center fh5co-heading">
						<i class="sl-icon-support"></i>
						<h2>Teams</h2>
						<p>Three teams in one. Cooperate and Accomplish projects together.</p>
					</div>
				</div>
				<div class="row">
					<div class="col-md-4 text-center">
						<div class="services">
							<span><i class="sl-icon-paper-plane"></i></span>
							<h3>Future Aviation</h3>
							<p>Target to sky, with strong manipulative ability to make things that fly.</p>
						</div>
					</div>
					<div class="col-md-4 text-center">
						<div class="services">
							<span><i class="sl-icon-graph"></i></span>
							<h3>Embedded</h3>
							<p>With the command of programming and designing embedded devices, we hope to change the life around us.</p>
						</div>
					</div>
					<div class="col-md-4 text-center">
						<div class="services">
							<span><i class="sl-icon-camera"></i></span>
							<h3>Future Vision</h3>
							<p>Seeking ways to achieve Deep Learning & Computer Vision.</p>
						</div>
					</div>
				</div>
			</div>
		</div>

        <!--projects intro-->
		<div id="fh5co-portfolio-section">
			<div class="portfolio-row-half">
				<div class="portfolio-grid-item-color">
					<div class="desc">
						<h2>Our Project</h2>
						<p>Out of Innovation.</p>
						<p>
							<a href="projects.html" class="btn btn-primary btn-outline with-arrow">View All Projects <i class="icon-arrow-right22"></i></a>
						</p>
					</div>
				</div>
				<a href="projects.html" class="portfolio-grid-item" style="background-image: url(images/index/index-after-adjust/飞行球.jpg);">
					<div class="desc2">
						<h3>Flying Balls</h3>
						<span>Future Aviation</span>
					</div>
				</a>
				<a href="projects.html" class="portfolio-grid-item" style="background-image: url(images/index/index-after-adjust/磁悬浮.jpg);">
					<div class="desc2">
						<h3>Magnetic Levitation</h3>
						<span>Future Aviation</span>
					</div>
				</a>
				<a href="projects.html" class="portfolio-grid-item" style="background-image: url(images/index/index-after-adjust/倾斜四旋翼.jpg);">
					<div class="desc2">
						<h3>Tilt Quadrotor</h3>
						<span>Future Aviation</span>
					</div>
				</a>
				<a href="projects.html" class="portfolio-grid-item" style="background-image: url(images/index/index-after-adjust/电磁枪.jpg);">
					<div class="desc2">
						<h3>Electromagnetic Gun</h3>
						<span>Future Aviation</span>
					</div>
				</a>
				
				<a href="projects.html" class="portfolio-grid-item" style="background-image: url(images/index/index-after-adjust/四旋翼.jpg);">
					<div class="desc2">
						<h3>Mini Quadrotor</h3>
						<span>Embedded</span>
					</div>
				</a>
				<a href="#" class="portfolio-grid-item" style="background-image: url(images/index/index-after-adjust/chessrobot.jpg);">
					<div class="desc2">
						<h3>Chess Robot</h3>
						<span>Future Vision</span>
					</div>
				</a>
				<a href="projects.html" class="portfolio-grid-item" style="background-image: url(images/index/index-after-adjust/光的三次方.jpg);">
					<div class="desc2">
						<h3>Light Cubic</h3>
						<span>Embedded</span>
					</div>
				</a>
			</div>
		</div>

        <!--team achievements-->
		<div id="fh5co-counter-section" class="fh5co-counters">
			<div class="container">
				<div class="row">
					<div class="col-md-6 col-md-offset-3 text-center fh5co-heading">
						<i class="sl-icon-badge"></i>
						<h2>Achievements</h2>
						<p>We are a group of geeks with honor.</p>
					</div>
				</div>
				<div class="row">
					<div class="col-md-3 text-center">
						<span class="fh5co-counter js-counter" data-from="0" data-to="1" data-speed="100" data-refresh-interval="50"></span>
						<span class="fh5co-counter-label">Prize</span>
					</div>
					<div class="col-md-3 text-center">
						<span class="fh5co-counter js-counter" data-from="0" data-to="3" data-speed="1000" data-refresh-interval="50"></span>
						<span class="fh5co-counter-label">Teams</span>
					</div>
					<div class="col-md-3 text-center">
						<span class="fh5co-counter js-counter" data-from="0" data-to="20" data-speed="2000" data-refresh-interval="50"></span>
						<span class="fh5co-counter-label">Projects</span>
					</div>
					<div class="col-md-3 text-center">
						<span class="fh5co-counter js-counter" data-from="0" data-to="106" data-speed="2000" data-refresh-interval="50"></span>
						<span class="fh5co-counter-label">Regular Team Members</span>
					</div>
				</div>
			</div>
		</div>

        <!--contact information-->
		<footer id="footer">
				<div class="container">
					<div class="row">
						<div class="col-md-4">
							<div class="copyright">
								<p><small>&copy; 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 -->

	<!-- 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>

	<!-- Main JS (Do not remove) -->
	<script src="js/main.js"></script>

	</body>
</html>