diff --git a/homepage/about.html b/homepage/about.html
index 74d254d..a7ab918 100644
--- a/homepage/about.html
+++ b/homepage/about.html
@@ -118,90 +118,42 @@
 			  	</ul>
 		  	</div>
 		</aside>
-		<div id="fh5co-about-section">
-			<div class="container">
-				<div class="row">
-					<div class="col-md-6 col-md-offset-3 text-center fh5co-heading">
-						<i class="sl-icon-people"></i>
-						<h2>Our Staff</h2>
-						<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. </p><br><br>
-					</div>
-				</div>
-				<div class="row">
-					<div class="col-md-4 text-center">
-						<div class="about-wrap">
-							<div class="about">
-								<img src="images/author.jpg" alt="">
-							</div>
-							<div class="desc">
-								<h3>Eloisa Doe</h3>
-								<p class="pos">CEO, Developer</p>
-								<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics.</p>
-								<p class="fh5co-social-icons">
-									<a href="#"><i class="icon-twitter2"></i></a>
-									<a href="#"><i class="icon-facebook2"></i></a>
-									<a href="#"><i class="icon-instagram"></i></a>
-									<a href="#"><i class="icon-dribbble2"></i></a>
-									<a href="#"><i class="icon-youtube"></i></a>
-								</p>
-							</div>
-						</div>
-					</div>
-					<div class="col-md-4 text-center">
-						<div class="about-wrap">
-							<div class="about">
-								<img src="images/author2.jpg" alt="">
-							</div>
-							<div class="desc">
-								<h3>John Doe</h3>
-								<p class="pos">Web Designer</p>
-								<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics.</p>
-								<p class="fh5co-social-icons">
-									<a href="#"><i class="icon-twitter2"></i></a>
-									<a href="#"><i class="icon-facebook2"></i></a>
-									<a href="#"><i class="icon-instagram"></i></a>
-									<a href="#"><i class="icon-dribbble2"></i></a>
-									<a href="#"><i class="icon-youtube"></i></a>
-								</p>
-							</div>
-						</div>
-					</div>
-					<div class="col-md-4 text-center">
-						<div class="about-wrap">
-							<div class="about">
-								<img src="images/author.jpg" alt="">
-							</div>
-							<div class="desc">
-								<h3>Eloisa Doe</h3>
-								<p class="pos">Web Developer</p>
-								<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics.</p>
-								<p class="fh5co-social-icons">
-									<a href="#"><i class="icon-twitter2"></i></a>
-									<a href="#"><i class="icon-facebook2"></i></a>
-									<a href="#"><i class="icon-instagram"></i></a>
-									<a href="#"><i class="icon-dribbble2"></i></a>
-									<a href="#"><i class="icon-youtube"></i></a>
-								</p>
-							</div>
-						</div>
-					</div>
-				</div>
-			</div>
-		</div>
 		<div class="fh5co-parallax" style="background-image: url(images/hero2.jpg);" data-stellar-background-ratio="0.5">
 			<div class="overlay"></div>
 			<div class="container">
 				<div class="row">
 					<div class="col-md-12 col-md-offset-0 col-sm-12 col-sm-offset-0 col-xs-12 col-xs-offset-0 text-center fh5co-table">
 						<div class="fh5co-intro fh5co-table-cell animate-box">
-							<h1 class="text-center">We Customize Your Template</h1>
-							<p>Made with love by the fine folks at <a href="http://freehtml5.co">FreeHTML5.co</a></p>
-							<p><a href="#" class="btn btn-primary btn-lg">Get started</a></p>
+							<h1 class="text-center">Leading Technology Team in Tsinghua.</h1>
 						</div>
 					</div>
 				</div>
 			</div>
 		</div>
+		<div class="fh5co-parallax" style="background-image: url(images/hero.jpg);" data-stellar-background-ratio="0.5">
+			<div class="overlay"></div>
+			<div class="container">
+				<div class="row">
+					<div class="col-md-12 col-md-offset-0 col-sm-12 col-sm-offset-0 col-xs-12 col-xs-offset-0 text-center fh5co-table">
+						<div class="fh5co-intro fh5co-table-cell animate-box">
+							<h1 class="text-center">Innovation & Motivation.</h1>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+		<div class="fh5co-parallax" style="background-image: url(images/hero3.jpg);" data-stellar-background-ratio="0.5">
+				<div class="overlay"></div>
+				<div class="container">
+					<div class="row">
+						<div class="col-md-12 col-md-offset-0 col-sm-12 col-sm-offset-0 col-xs-12 col-xs-offset-0 text-center fh5co-table">
+							<div class="fh5co-intro fh5co-table-cell animate-box">
+								<h1 class="text-center">Abundant Resources & Geeks.</h1>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
 		<!--contact information-->
 		<footer id="footer">
 				<div class="container">
@@ -224,23 +176,16 @@
 								</div>
 								<div class="col-md-6">
 									<h3>Subscribe</h3>
-									<p>There should be a picture of our QR code.</p>
-									<form action="#" id="form-subscribe">
-										<div class="form-field">
-											<input type="email" placeholder="Email Address" id="email">
-											<input type="submit" id="submit" value="Send">
-										</div>
-									</form>
+									<img src="images/QR.png" height="130" align="left"/>
 								</div>
 							</div>
 						</div>
 						<div class="col-md-2">
 							<ul class="social-icons">
 								<li>
-									<a href="#"><i class="icon-twitter-with-circle"></i></a>
-									<a href="#"><i class="icon-facebook-with-circle"></i></a>
-									<a href="#"><i class="icon-instagram-with-circle"></i></a>
-									<a href="#"><i class="icon-linkedin-with-circle"></i></a>
+									<a href="http://nas.thu-skyworks.org:5000/"><i class="icon-onedrive2"></i></a>
+									<a href="mailto:thu_skyworks@126.com"><i class="icon-mail2"></i></a>
+									<a href="https://github.com/thu-skyworks"><i class="icon-github2"></i></a>
 								</li>
 							</ul>
 						</div>
diff --git a/homepage/contact.html b/homepage/contact.html
index 42c742b..5ecc594 100644
--- a/homepage/contact.html
+++ b/homepage/contact.html
@@ -111,8 +111,7 @@
 			   			<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>
-			   					<p class="fh5co-lead">Designed with <i class="icon-heart3"></i> by the fine folks at <a href="http://freehtml5.co" target="_blank">FreeHTML5.co</a></p>
-			   				</div>
+							</div>
 			   			</div>
 			   		</div>
 			   	</li>
@@ -121,16 +120,15 @@
 		</aside>
 		<div id="fh5co-contact-section">
 			<div class="container">
-				<form action="#">
+				<form action="mailto:guzhaoyuan@126.com" method="post">
 					<div class="row">
 						<div class="col-md-6 col-md-push-6">
 							<h3 class="section-title">Our Address</h3>
-							<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
+							<p>Always welcome to visit and contact!</p>
 							<ul class="contact-info">
-								<li><i class="icon-location-pin"></i>198 West 21th Street, Suite 721 New York NY 10016</li>
-								<li><i class="icon-phone2"></i>+ 1235 2355 98</li>
-								<li><i class="icon-mail"></i><a href="#">info@yoursite.com</a></li>
-								<li><i class="icon-globe2"></i><a href="#">www.yoursite.com</a></li>
+								<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:thu_skyworks@126.com">thu_skyworks@126.com</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">
@@ -142,12 +140,12 @@
 								</div>
 								<div class="col-md-6">
 									<div class="form-group">
-										<input type="text" class="form-control" placeholder="Email">
+										<input type="text" class="form-control" placeholder="Your Email">
 									</div>
 								</div>
 								<div class="col-md-12">
 									<div class="form-group">
-										<textarea name="" class="form-control" id="" cols="30" rows="7" placeholder="Message"></textarea>
+										<textarea name="" class="form-control" id="" cols="30" rows="7" placeholder="Message, We will reply to you as soon as posible"></textarea>
 									</div>
 								</div>
 								<div class="col-md-12">
@@ -161,7 +159,7 @@
 				</form>
 			</div>
 		</div>
-		<div id="map" class="fh5co-map"></div>
+		<!--<div id="map" class="fh5co-map"></div>-->
 		<footer id="footer">
 				<div class="container">
 					<div class="row">
@@ -183,23 +181,16 @@
 								</div>
 								<div class="col-md-6">
 									<h3>Subscribe</h3>
-									<p>There should be a picture of our QR code.</p>
-									<form action="#" id="form-subscribe">
-										<div class="form-field">
-											<input type="email" placeholder="Email Address" id="email">
-											<input type="submit" id="submit" value="Send">
-										</div>
-									</form>
+									<img src="images/QR.png" height="130" align="left"/>
 								</div>
 							</div>
 						</div>
 						<div class="col-md-2">
 							<ul class="social-icons">
 								<li>
-									<a href="#"><i class="icon-twitter-with-circle"></i></a>
-									<a href="#"><i class="icon-facebook-with-circle"></i></a>
-									<a href="#"><i class="icon-instagram-with-circle"></i></a>
-									<a href="#"><i class="icon-linkedin-with-circle"></i></a>
+									<a href="http://nas.thu-skyworks.org:5000/"><i class="icon-onedrive2"></i></a>
+									<a href="mailto:thu_skyworks@126.com"><i class="icon-mail2"></i></a>
+									<a href="https://github.com/thu-skyworks"><i class="icon-github2"></i></a>
 								</li>
 							</ul>
 						</div>
@@ -234,8 +225,8 @@
 	<!-- 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>
+	<!--<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>
diff --git a/homepage/images/QR.png b/homepage/images/QR.png
new file mode 100644
index 0000000..5a66994
--- /dev/null
+++ b/homepage/images/QR.png
Binary files differ
diff --git a/homepage/index.html b/homepage/index.html
index b6a75d2..e33b479 100644
--- a/homepage/index.html
+++ b/homepage/index.html
@@ -150,7 +150,7 @@
 					<div class="col-md-6 col-md-offset-3 text-center fh5co-heading">
 						<i class="sl-icon-support"></i>
 						<h2>Teams</h2>
-						<p>We have 3 teams cooperating with each other to accomplish projects together.</p>
+						<p>Three teams in one. Cooperate and Accomplish projects together.</p>
 					</div>
 				</div>
 				<div class="row">
@@ -185,52 +185,52 @@
 				<div class="portfolio-grid-item-color">
 					<div class="desc">
 						<h2>Our Project</h2>
-						<p>Far far away, behind the word mountains, far from the countries</p>
+						<p>Out of Innovation.</p>
 						<p>
-							<a href="#" class="btn btn-primary btn-outline with-arrow">View All Projects <i class="icon-arrow-right22"></i></a>
+							<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="#" class="portfolio-grid-item" style="background-image: url(images/projects/project-2.jpg);">
+				<a href="projects.html" class="portfolio-grid-item" style="background-image: url(images/projects/project-2.jpg);">
 					<div class="desc2">
 						<h3>Flying Balls</h3>
-						<span>Travel</span>
+						<span>Future Aviation</span>
 					</div>
 				</a>
-				<a href="#" class="portfolio-grid-item" style="background-image: url(images/projects/project-3.jpg);">
+				<a href="projects.html" class="portfolio-grid-item" style="background-image: url(images/projects/project-3.jpg);">
 					<div class="desc2">
-						<h3>Light Cubic</h3>
-						<span>Travel</span>
+						<h3>Mini Quadrotor</h3>
+						<span>Embedded</span>
 					</div>
 				</a>
-				<a href="#" class="portfolio-grid-item" style="background-image: url(images/projects/project-4.jpg);">
+				<a href="projects.html" class="portfolio-grid-item" style="background-image: url(images/projects/project-4.jpg);">
 					<div class="desc2">
-						<h3>Shoes</h3>
-						<span>Travel</span>
+						<h3>Tilt Quadrotor</h3>
+						<span>Future Aviation</span>
 					</div>
 				</a>
-				<a href="#" class="portfolio-grid-item" style="background-image: url(images/projects/project-5.jpg);">
+				<a href="projects.html" class="portfolio-grid-item" style="background-image: url(images/projects/project-5.jpg);">
 					<div class="desc2">
-						<h3>Shoes</h3>
-						<span>Travel</span>
+						<h3>Twin Rotor</h3>
+						<span>Future Aviation</span>
 					</div>
 				</a>
-				<a href="#" class="portfolio-grid-item" style="background-image: url(images/projects/project-6.jpg);">
+				<a href="projects.html" class="portfolio-grid-item" style="background-image: url(images/projects/project-6.jpg);">
 					<div class="desc2">
-						<h3>Shoes</h3>
-						<span>Travel</span>
+						<h3>Quadrotor</h3>
+						<span>Future Aviation</span>
 					</div>
 				</a>
 				<a href="#" class="portfolio-grid-item" style="background-image: url(images/projects/project-1.jpg);">
 					<div class="desc2">
-						<h3>Shoes</h3>
-						<span>Travel</span>
+						<h3>Chess Robot</h3>
+						<span>Future Vision</span>
 					</div>
 				</a>
-				<a href="#" class="portfolio-grid-item" style="background-image: url(images/projects/project-2.jpg);">
+				<a href="projects.html" class="portfolio-grid-item" style="background-image: url(images/projects/project-2.jpg);">
 					<div class="desc2">
-						<h3>Shoes</h3>
-						<span>Travel</span>
+						<h3>Light Cubic</h3>
+						<span>Embedded</span>
 					</div>
 				</a>
 			</div>
@@ -269,49 +269,42 @@
 
         <!--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 gzy.</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="#">Join Us</a></li>
-									<li><a href="./contact.html">Contact Us</a></li>
-								</ul>
-							</div>
-							<div class="col-md-6">
-								<h3>Subscribe</h3>
-								<p>There should be a picture of our QR code.</p>
-								<form action="#" id="form-subscribe">
-									<div class="form-field">
-										<input type="email" placeholder="Email Address" id="email">
-										<input type="submit" id="submit" value="Send">
-									</div>
-								</form>
+				<div class="container">
+					<div class="row">
+						<div class="col-md-4">
+							<div class="copyright">
+								<p><small>&copy; 2016 Skyworks. Made by gzy.</small></p>
 							</div>
 						</div>
-					</div>
-					<div class="col-md-2">
-						<ul class="social-icons">
-							<li>
-								<a href="#"><i class="icon-twitter-with-circle"></i></a>
-								<a href="#"><i class="icon-facebook-with-circle"></i></a>
-								<a href="#"><i class="icon-instagram-with-circle"></i></a>
-								<a href="#"><i class="icon-linkedin-with-circle"></i></a>
-							</li>
-						</ul>
+						<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="#">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:thu_skyworks@126.com"><i class="icon-mail2"></i></a>
+									<a href="https://github.com/thu-skyworks"><i class="icon-github2"></i></a>
+								</li>
+							</ul>
+						</div>
 					</div>
 				</div>
-			</div>
-		</footer>
+			</footer>
 
 	
 
diff --git a/homepage/projects.html b/homepage/projects.html
index d137a12..8f7d12a 100644
--- a/homepage/projects.html
+++ b/homepage/projects.html
@@ -124,9 +124,9 @@
 				<div class="row">
 					<div class="col-md-12 col-md-offset-0 col-sm-12 col-sm-offset-0 col-xs-12 col-xs-offset-0 text-center fh5co-table">
 						<div class="fh5co-intro fh5co-table-cell animate-box">
-							<h1 class="text-center">We Customize Your Template</h1>
-							<p>Made with love by the fine folks at <a href="http://freehtml5.co">FreeHTML5.co</a></p>
-							<p><a href="#" class="btn btn-primary btn-lg">Get started</a></p>
+							<h1 class="text-center">Light Cubic</h1>
+							<p>A 3D Display LED Array.</p>
+							<p><a href="#" class="btn btn-primary btn-lg">Demo</a></p>
 						</div>
 					</div>
 				</div>
@@ -138,9 +138,9 @@
 				<div class="row">
 					<div class="col-md-12 col-md-offset-0 col-sm-12 col-sm-offset-0 col-xs-12 col-xs-offset-0 text-center fh5co-table">
 						<div class="fh5co-intro fh5co-table-cell animate-box">
-							<h1 class="text-center">We Customize Your Template</h1>
-							<p>Made with love by the fine folks at <a href="http://freehtml5.co">FreeHTML5.co</a></p>
-							<p><a href="#" class="btn btn-primary btn-lg">Get started</a></p>
+							<h1 class="text-center">Flying Ball</h1>
+							<p>Single Duct Aerocraft.</p>
+							<p><a href="#" class="btn btn-primary btn-lg">Demo</a></p>
 						</div>
 					</div>
 				</div>
@@ -152,9 +152,9 @@
 				<div class="row">
 					<div class="col-md-12 col-md-offset-0 col-sm-12 col-sm-offset-0 col-xs-12 col-xs-offset-0 text-center fh5co-table">
 						<div class="fh5co-intro fh5co-table-cell animate-box">
-							<h1 class="text-center">We Customize Your Template</h1>
-							<p>Made with love by the fine folks at <a href="http://freehtml5.co">FreeHTML5.co</a></p>
-							<p><a href="#" class="btn btn-primary btn-lg">Get started</a></p>
+							<h1 class="text-center">Chess Robot</h1>
+							<p>A robot that observe the chess board and play chess with you!</p>
+							<p><a href="#" class="btn btn-primary btn-lg">Demo</a></p>
 						</div>
 					</div>
 				</div>
@@ -182,23 +182,16 @@
 								</div>
 								<div class="col-md-6">
 									<h3>Subscribe</h3>
-									<p>There should be a picture of our QR code.</p>
-									<form action="#" id="form-subscribe">
-										<div class="form-field">
-											<input type="email" placeholder="Email Address" id="email">
-											<input type="submit" id="submit" value="Send">
-										</div>
-									</form>
+									<img src="images/QR.png" height="130" align="left"/>
 								</div>
 							</div>
 						</div>
 						<div class="col-md-2">
 							<ul class="social-icons">
 								<li>
-									<a href="#"><i class="icon-twitter-with-circle"></i></a>
-									<a href="#"><i class="icon-facebook-with-circle"></i></a>
-									<a href="#"><i class="icon-instagram-with-circle"></i></a>
-									<a href="#"><i class="icon-linkedin-with-circle"></i></a>
+									<a href="http://nas.thu-skyworks.org:5000/"><i class="icon-onedrive2"></i></a>
+									<a href="mailto:thu_skyworks@126.com"><i class="icon-mail2"></i></a>
+									<a href="https://github.com/thu-skyworks"><i class="icon-github2"></i></a>
 								</li>
 							</ul>
 						</div>