diff --git a/skyworks-index/about.html b/skyworks-index/about.html
index b30e1ed..210d4a4 100644
--- a/skyworks-index/about.html
+++ b/skyworks-index/about.html
@@ -39,7 +39,7 @@
 	<meta name="twitter:card" content="" />
 
 	<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
-	<link rel="shortcut icon" href="favicon.ico">
+	<link rel="shortcut icon" href="images/favicon.ico">
 
 	<!-- <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700" rel="stylesheet"> -->
 	
@@ -216,49 +216,49 @@
 			</div>
 		</div>
 		<footer id="footer">
-		<div class="container">
-			<div class="row">
-				<div class="col-md-4">
-					<div class="copyright">
-						<p><small>&copy; 2016 Free HTML5 <a href="index.html">Energy</a>. All Rights Reserved. <br> Made with <i class="icon-heart3"></i> by <a href="http://freehtml5.co/" target="_blank">Freehtml5.co</a> / Demo Images: <a href="https://unsplash.com/" target="_blank">Unsplash </a></small></p>
-					</div>
-				</div>
-				<div class="col-md-6">
+				<div class="container">
 					<div class="row">
 						<div class="col-md-4">
-							<h3>Company</h3>
-							<ul class="link">
-								<li><a href="#">About Us</a></li>
-								<li><a href="#">Energy</a></li>
-								<li><a href="#">Customer Care</a></li>
-								<li><a href="#">Contact Us</a></li>
-							</ul>
+							<div class="copyright">
+								<p><small>&copy; 2016 Skyworks. Made by gzy.</small></p>
+							</div>
 						</div>
 						<div class="col-md-6">
-							<h3>Subscribe</h3>
-							<p>Far far away, behind the word mountains, far from the countries</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 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="./services.html">Projects</a></li>
+										<li><a href="#">Join Us</a></li>
+										<li><a href="./contact.html">Contact Us</a></li>
+									</ul>
 								</div>
-							</form>
+								<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>
+							</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>
 					</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>
-			</div>
-		</div>
-	</footer>
+		</footer>
 	
 
 	</div>
diff --git a/skyworks-index/blog.html b/skyworks-index/blog.html
index 707ea35..6db6af6 100644
--- a/skyworks-index/blog.html
+++ b/skyworks-index/blog.html
@@ -39,7 +39,7 @@
 	<meta name="twitter:card" content="" />
 
 	<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
-	<link rel="shortcut icon" href="favicon.ico">
+	<link rel="shortcut icon" href="images/favicon.ico">
 
 	<!-- <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700" rel="stylesheet"> -->
 	
@@ -117,7 +117,7 @@
 		<aside id="fh5co-hero" class="js-fullheight">
 			<div class="flexslider js-fullheight">
 				<ul class="slides">
-			   	<li style="background-image: url(images/slide_3.jpg);">
+			   	<li style="background-image: url(images/slides/slide_3.jpg);">
 			   		<div class="overlay-gradient"></div>
 			   		<div class="container">
 			   			<div class="col-md-10 col-md-offset-1 text-center js-fullheight slider-text">
@@ -144,7 +144,7 @@
 
 					<div class="feature-full-2col">
 						<div class="blog-inner">
-							<div class="image" style="background-image: url(images/project-1.jpg);">
+							<div class="image" style="background-image: url(images/projects/project-1.jpg);">
 							</div>
 							<div class="desc desc2">
 								<h3>New iPhone 7</h3>
@@ -154,7 +154,7 @@
 							</div>
 						</div>
 						<div class="blog-inner">
-							<div class="image" style="background-image: url(images/project-2.jpg);">
+							<div class="image" style="background-image: url(images/projects/project-2.jpg);">
 							</div>
 							<div class="desc desc2">
 								<h3>Games Apps 2016</h3>
@@ -166,7 +166,7 @@
 
 					<div class="feature-full-2col">
 						<div class="blog-inner">
-							<div class="image" style="background-image: url(images/project-3.jpg);">
+							<div class="image" style="background-image: url(images/projects/project-3.jpg);">
 							</div>
 							<div class="desc desc2">
 								<h3>New iPhone 7</h3>
@@ -176,7 +176,7 @@
 							</div>
 						</div>
 						<div class="blog-inner">
-							<div class="image" style="background-image: url(images/project-4.jpg);">
+							<div class="image" style="background-image: url(images/projects/project-4.jpg);">
 							</div>
 							<div class="desc desc2">
 								<h3>Games Apps 2016</h3>
@@ -188,7 +188,7 @@
 
 					<div class="feature-full-2col">
 						<div class="blog-inner">
-							<div class="image" style="background-image: url(images/project-5.jpg);">
+							<div class="image" style="background-image: url(images/projects/project-5.jpg);">
 							</div>
 							<div class="desc desc2">
 								<h3>New iPhone 7</h3>
@@ -198,7 +198,7 @@
 							</div>
 						</div>
 						<div class="blog-inner">
-							<div class="image" style="background-image: url(images/project-6.jpg);">
+							<div class="image" style="background-image: url(images/projects/project-6.jpg);">
 							</div>
 							<div class="desc desc2">
 								<h3>Games Apps 2016</h3>
diff --git a/skyworks-index/contact.html b/skyworks-index/contact.html
index 2f5a775..01e10db 100644
--- a/skyworks-index/contact.html
+++ b/skyworks-index/contact.html
@@ -39,7 +39,7 @@
 	<meta name="twitter:card" content="" />
 
 	<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
-	<link rel="shortcut icon" href="favicon.ico">
+	<link rel="shortcut icon" href="images/favicon.ico">
 
 	<!-- <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700" rel="stylesheet"> -->
 	
@@ -117,7 +117,7 @@
 		<aside id="fh5co-hero" class="js-fullheight">
 			<div class="flexslider js-fullheight">
 				<ul class="slides">
-			   	<li style="background-image: url(images/slide_2.jpg);">
+			   	<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">
@@ -175,49 +175,49 @@
 		</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>&copy; 2016 Free HTML5 <a href="index.html">Energy</a>. All Rights Reserved. <br> Made with <i class="icon-heart3"></i> by <a href="http://freehtml5.co/" target="_blank">Freehtml5.co</a> / Demo Images: <a href="https://unsplash.com/" target="_blank">Unsplash </a></small></p>
-					</div>
-				</div>
-				<div class="col-md-6">
+				<div class="container">
 					<div class="row">
 						<div class="col-md-4">
-							<h3>Company</h3>
-							<ul class="link">
-								<li><a href="#">About Us</a></li>
-								<li><a href="#">Energy</a></li>
-								<li><a href="#">Customer Care</a></li>
-								<li><a href="#">Contact Us</a></li>
-							</ul>
+							<div class="copyright">
+								<p><small>&copy; 2016 Skyworks. Made by gzy.</small></p>
+							</div>
 						</div>
 						<div class="col-md-6">
-							<h3>Subscribe</h3>
-							<p>Far far away, behind the word mountains, far from the countries</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 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="./services.html">Projects</a></li>
+										<li><a href="#">Join Us</a></li>
+										<li><a href="./contact.html">Contact Us</a></li>
+									</ul>
 								</div>
-							</form>
+								<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>
+							</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>
 					</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>
-			</div>
-		</div>
-	</footer>
+			</footer>
 	
 
 	</div>
diff --git a/skyworks-index/css/style.css b/skyworks-index/css/style.css
index afae8a8..65686cb 100644
--- a/skyworks-index/css/style.css
+++ b/skyworks-index/css/style.css
@@ -366,7 +366,7 @@
 
 .sf-menu a {
   color: rgba(0, 0, 0, 0.8);
-  padding: 2.4em 1.3em !important;
+  padding: 1em 1.3em !important;
   font-weight: normal;
   border-left: none;
   border-top: none;
@@ -455,11 +455,11 @@
   background: white;
   padding: 0;
   width: 100%;
-  -webkit-box-shadow: 0px 5px 5px -4px rgba(0, 0, 0, 0.22);
-  -moz-box-shadow: 0px 5px 5px -4px rgba(0, 0, 0, 0.22);
-  -ms-box-shadow: 0px 5px 5px -4px rgba(0, 0, 0, 0.22);
-  -o-box-shadow: 0px 5px 5px -4px rgba(0, 0, 0, 0.22);
-  box-shadow: 0px 5px 5px -4px rgba(0, 0, 0, 0.22);
+  -webkit-box-shadow: 0px 5px 5px -4px rgba(0, 0, 0, 0);
+  -moz-box-shadow: 0px 5px 5px -4px rgba(0, 0, 0, 0);
+  -ms-box-shadow: 0px 5px 5px -4px rgba(0, 0, 0, 0);
+  -o-box-shadow: 0px 5px 5px -4px rgba(0, 0, 0, 0);
+  box-shadow: 0px 5px 5px -4px rgba(0, 0, 0, 0);
 }
 @media screen and (max-width: 768px) {
   #fh5co-header-section {
@@ -479,7 +479,7 @@
   font-weight: 700;
   float: left;
   margin-bottom: 0;
-  margin-top: 1.4em;
+  margin-top: 0.7em;
 }
 #fh5co-logo a {
   color: rgba(21, 31, 44, 0.8);
@@ -613,7 +613,7 @@
   background: #fff url(../images/loader.gif) no-repeat center center;
 }
 #fh5co-hero .btn {
-  font-size: 24px;
+  font-size: px;
 }
 #fh5co-hero .btn.btn-primary {
   padding: 14px 30px !important;
@@ -702,9 +702,10 @@
   color: #d9534f;
 }
 
-#fh5co-services-section,
-#fh5co-pricing-section,
-#fh5co-blog-section,
+#fh5co-services-section{
+  padding: 0 0;
+}
+
 #fh5co-counter-section,
 #fh5co-about-section,
 #fh5co-contact-section {
diff --git a/skyworks-index/images/favicon.ico b/skyworks-index/images/favicon.ico
new file mode 100644
index 0000000..af4a99f
--- /dev/null
+++ b/skyworks-index/images/favicon.ico
Binary files differ
diff --git a/skyworks-index/images/project-1.jpg b/skyworks-index/images/project-1.jpg
deleted file mode 100644
index c70caf1..0000000
--- a/skyworks-index/images/project-1.jpg
+++ /dev/null
Binary files differ
diff --git a/skyworks-index/images/project-2.jpg b/skyworks-index/images/project-2.jpg
deleted file mode 100644
index 91fb324..0000000
--- a/skyworks-index/images/project-2.jpg
+++ /dev/null
Binary files differ
diff --git a/skyworks-index/images/project-3.jpg b/skyworks-index/images/project-3.jpg
deleted file mode 100644
index 8e20012..0000000
--- a/skyworks-index/images/project-3.jpg
+++ /dev/null
Binary files differ
diff --git a/skyworks-index/images/project-4.jpg b/skyworks-index/images/project-4.jpg
deleted file mode 100644
index 7fb4c0a..0000000
--- a/skyworks-index/images/project-4.jpg
+++ /dev/null
Binary files differ
diff --git a/skyworks-index/images/project-5.jpg b/skyworks-index/images/project-5.jpg
deleted file mode 100644
index ec10ff3..0000000
--- a/skyworks-index/images/project-5.jpg
+++ /dev/null
Binary files differ
diff --git a/skyworks-index/images/project-6.jpg b/skyworks-index/images/project-6.jpg
deleted file mode 100644
index e8793be..0000000
--- a/skyworks-index/images/project-6.jpg
+++ /dev/null
Binary files differ
diff --git a/skyworks-index/images/projects/project-1.jpg b/skyworks-index/images/projects/project-1.jpg
new file mode 100644
index 0000000..c70caf1
--- /dev/null
+++ b/skyworks-index/images/projects/project-1.jpg
Binary files differ
diff --git a/skyworks-index/images/projects/project-2.jpg b/skyworks-index/images/projects/project-2.jpg
new file mode 100644
index 0000000..91fb324
--- /dev/null
+++ b/skyworks-index/images/projects/project-2.jpg
Binary files differ
diff --git a/skyworks-index/images/projects/project-3.jpg b/skyworks-index/images/projects/project-3.jpg
new file mode 100644
index 0000000..8e20012
--- /dev/null
+++ b/skyworks-index/images/projects/project-3.jpg
Binary files differ
diff --git a/skyworks-index/images/projects/project-4.jpg b/skyworks-index/images/projects/project-4.jpg
new file mode 100644
index 0000000..7fb4c0a
--- /dev/null
+++ b/skyworks-index/images/projects/project-4.jpg
Binary files differ
diff --git a/skyworks-index/images/projects/project-5.jpg b/skyworks-index/images/projects/project-5.jpg
new file mode 100644
index 0000000..ec10ff3
--- /dev/null
+++ b/skyworks-index/images/projects/project-5.jpg
Binary files differ
diff --git a/skyworks-index/images/projects/project-6.jpg b/skyworks-index/images/projects/project-6.jpg
new file mode 100644
index 0000000..e8793be
--- /dev/null
+++ b/skyworks-index/images/projects/project-6.jpg
Binary files differ
diff --git a/skyworks-index/images/slide_1.jpg b/skyworks-index/images/slide_1.jpg
deleted file mode 100644
index 17002fa..0000000
--- a/skyworks-index/images/slide_1.jpg
+++ /dev/null
Binary files differ
diff --git a/skyworks-index/images/slide_2.jpg b/skyworks-index/images/slide_2.jpg
deleted file mode 100644
index 5c4c57f..0000000
--- a/skyworks-index/images/slide_2.jpg
+++ /dev/null
Binary files differ
diff --git a/skyworks-index/images/slide_3.jpg b/skyworks-index/images/slide_3.jpg
deleted file mode 100644
index 3f47cac..0000000
--- a/skyworks-index/images/slide_3.jpg
+++ /dev/null
Binary files differ
diff --git a/skyworks-index/images/slide_4.jpg b/skyworks-index/images/slide_4.jpg
deleted file mode 100644
index a20503d..0000000
--- a/skyworks-index/images/slide_4.jpg
+++ /dev/null
Binary files differ
diff --git a/skyworks-index/images/slides/slide_1.jpg b/skyworks-index/images/slides/slide_1.jpg
new file mode 100644
index 0000000..17002fa
--- /dev/null
+++ b/skyworks-index/images/slides/slide_1.jpg
Binary files differ
diff --git a/skyworks-index/images/slides/slide_2.jpg b/skyworks-index/images/slides/slide_2.jpg
new file mode 100644
index 0000000..5c4c57f
--- /dev/null
+++ b/skyworks-index/images/slides/slide_2.jpg
Binary files differ
diff --git a/skyworks-index/images/slides/slide_3.jpg b/skyworks-index/images/slides/slide_3.jpg
new file mode 100644
index 0000000..3f47cac
--- /dev/null
+++ b/skyworks-index/images/slides/slide_3.jpg
Binary files differ
diff --git a/skyworks-index/images/slides/slide_4.jpg b/skyworks-index/images/slides/slide_4.jpg
new file mode 100644
index 0000000..a20503d
--- /dev/null
+++ b/skyworks-index/images/slides/slide_4.jpg
Binary files differ
diff --git a/skyworks-index/index.html b/skyworks-index/index.html
index d468bc4..42e3d53 100644
--- a/skyworks-index/index.html
+++ b/skyworks-index/index.html
@@ -7,25 +7,11 @@
 	<head>
 	<meta charset="utf-8">
 	<meta http-equiv="X-UA-Compatible" content="IE=edge">
-	<title>Energy &mdash; 100% Free Fully Responsive HTML5 Template by FREEHTML5.co</title>
+	<title>Skyworks</title>
 	<meta name="viewport" content="width=device-width, initial-scale=1">
-	<meta name="description" content="Free HTML5 Template by FREEHTML5.CO" />
-	<meta name="keywords" content="free html5, free template, free bootstrap, html5, css3, mobile first, responsive" />
-	<meta name="author" content="FREEHTML5.CO" />
-
-  <!-- 
-	//////////////////////////////////////////////////////
-
-	FREE HTML5 TEMPLATE 
-	DESIGNED & DEVELOPED by FREEHTML5.CO
-		
-	Website: 		http://freehtml5.co/
-	Email: 			info@freehtml5.co
-	Twitter: 		http://twitter.com/fh5co
-	Facebook: 		https://www.facebook.com/fh5co
-
-	//////////////////////////////////////////////////////
-	 -->
+	<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=""/>
@@ -39,7 +25,7 @@
 	<meta name="twitter:card" content="" />
 
 	<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
-	<link rel="shortcut icon" href="favicon.ico">
+	<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"> -->
 	
@@ -70,13 +56,56 @@
 	<body>
 		<div id="fh5co-wrapper">
 		<div id="fh5co-page">
-		<!-- fh5co-header:标题栏已删 -->
+		<!-- 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="work.html">Work</a></li>
+									<li><a href="blog.html">Blog</a></li>
+									<li>
+										<a href="services.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="contact.html">Contact</a></li>
+								</ul>
+							</nav>
+						</div>
+					</div>
+				</header>
+		</div>
         <!--幻灯片-->
         <!--幻灯片之后需要加上工场网络服务的链接,nas,wiki,registry-->
 		<aside id="fh5co-hero" class="js-fullheight">
 			<div class="flexslider js-fullheight">
 				<ul class="slides">
-			   	<li style="background-image: url(images/slide_1.jpg);">
+			   	<li style="background-image: url(images/slides/slide_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">
@@ -86,7 +115,7 @@
 			   			</div>
 			   		</div>
 			   	</li>
-			   	<li style="background-image: url(images/slide_3.jpg);">
+			   	<li style="background-image: url(images/slides/slide_3.jpg);">
 			   		<div class="overlay-gradient"></div>
 			   		<div class="container">
 			   			<div class="col-md-10 col-md-offset-1 text-center js-fullheight slider-text">
@@ -97,7 +126,7 @@
 			   			</div>
 			   		</div>
 			   	</li>
-			   	<li style="background-image: url(images/slide_4.jpg);">
+			   	<li style="background-image: url(images/slides/slide_4.jpg);">
 			   		<div class="overlay-gradient"></div>
 			   		<div class="container">
 			   			<div class="col-md-10 col-md-offset-1 text-center js-fullheight slider-text">
@@ -111,6 +140,7 @@
 			  	</ul>
 		  	</div>
 		</aside>
+
         <!--team intro-->
 		<div id="fh5co-services-section">
 			<div class="container">
@@ -143,27 +173,6 @@
 							<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, a large language ocean.</p>
 						</div>
 					</div>
-					<!-- <div class="col-md-4 text-center">
-						<div class="services">
-							<span><i class="sl-icon-lock"></i></span>
-							<h3>Security</h3>
-							<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, a large language ocean.</p>
-						</div>
-					</div>
-					<div class="col-md-4 text-center">
-						<div class="services">
-							<span><i class="sl-icon-key"></i></span>
-							<h3>Key Activator</h3>
-							<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, a large language ocean.</p>
-						</div>
-					</div>
-					<div class="col-md-4 text-center">
-						<div class="services">
-							<span><i class="sl-icon-chart"></i></span>
-							<h3>Web Development</h3>
-							<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, a large language ocean.</p>
-						</div>
-					</div> -->
 				</div>
 			</div>
 		</div>
@@ -174,56 +183,51 @@
 					<div class="desc">
 						<h2>Our Project</h2>
 						<p>Far far away, behind the word mountains, far from the countries</p>
-						<p><a href="#" class="btn btn-primary btn-outline with-arrow">View All Projects <i class="icon-arrow-right22"></i></a></p>
+						<p>
+							<a href="#" 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/project-2.jpg);">
+				<a href="#" class="portfolio-grid-item" style="background-image: url(images/projects/project-2.jpg);">
 					<div class="desc2">
-						<h3>Shoes</h3>
+						<h3>Flying Balls</h3>
 						<span>Travel</span>
-						<i class="sl-icon-heart"></i>
 					</div>
 				</a>
-				<a href="#" class="portfolio-grid-item" style="background-image: url(images/project-3.jpg);">
+				<a href="#" class="portfolio-grid-item" style="background-image: url(images/projects/project-3.jpg);">
 					<div class="desc2">
-						<h3>Shoes</h3>
+						<h3>Light Cubic</h3>
 						<span>Travel</span>
-						<i class="sl-icon-heart"></i>
 					</div>
 				</a>
-				<a href="#" class="portfolio-grid-item" style="background-image: url(images/project-4.jpg);">
+				<a href="#" class="portfolio-grid-item" style="background-image: url(images/projects/project-4.jpg);">
 					<div class="desc2">
 						<h3>Shoes</h3>
 						<span>Travel</span>
-						<i class="sl-icon-heart"></i>
 					</div>
 				</a>
-				<a href="#" class="portfolio-grid-item" style="background-image: url(images/project-5.jpg);">
+				<a href="#" class="portfolio-grid-item" style="background-image: url(images/projects/project-5.jpg);">
 					<div class="desc2">
 						<h3>Shoes</h3>
 						<span>Travel</span>
-						<i class="sl-icon-heart"></i>
 					</div>
 				</a>
-				<a href="#" class="portfolio-grid-item" style="background-image: url(images/project-6.jpg);">
+				<a href="#" class="portfolio-grid-item" style="background-image: url(images/projects/project-6.jpg);">
 					<div class="desc2">
 						<h3>Shoes</h3>
 						<span>Travel</span>
-						<i class="sl-icon-heart"></i>
 					</div>
 				</a>
-				<a href="#" class="portfolio-grid-item" style="background-image: url(images/project-1.jpg);">
+				<a href="#" class="portfolio-grid-item" style="background-image: url(images/projects/project-1.jpg);">
 					<div class="desc2">
 						<h3>Shoes</h3>
 						<span>Travel</span>
-						<i class="sl-icon-heart"></i>
 					</div>
 				</a>
-				<a href="#" class="portfolio-grid-item" style="background-image: url(images/project-2.jpg);">
+				<a href="#" class="portfolio-grid-item" style="background-image: url(images/projects/project-2.jpg);">
 					<div class="desc2">
 						<h3>Shoes</h3>
 						<span>Travel</span>
-						<i class="sl-icon-heart"></i>
 					</div>
 				</a>
 			</div>
@@ -270,12 +274,12 @@
 					<div class="col-md-6">
 						<div class="row">
 							<div class="col-md-4">
-								<h3>Company</h3>
+								<h3>Skyworks</h3>
 								<ul class="link">
-									<li><a href="#">About Us</a></li>
-									<li><a href="#">Projects</a></li>
+									<li><a href="./about.html">About Us</a></li>
+									<li><a href="./services.html">Projects</a></li>
 									<li><a href="#">Join Us</a></li>
-									<li><a href="#">Contact Us</a></li>
+									<li><a href="./contact.html">Contact Us</a></li>
 								</ul>
 							</div>
 							<div class="col-md-6">
diff --git a/skyworks-index/sass/style.scss b/skyworks-index/sass/style.scss
index 7b98e24..185c333 100644
--- a/skyworks-index/sass/style.scss
+++ b/skyworks-index/sass/style.scss
@@ -447,7 +447,7 @@
 
 .sf-menu a {
 	color: rgba($brand-black,.8);
-	padding: 2.4em 1.3em!important;
+	padding: 1.2em 1em!important;
 	font-weight: normal;
 	border-left: none;
 	border-top: none; 
diff --git a/skyworks-index/services.html b/skyworks-index/services.html
index c53b09a..bceb5b4 100644
--- a/skyworks-index/services.html
+++ b/skyworks-index/services.html
@@ -39,7 +39,7 @@
 	<meta name="twitter:card" content="" />
 
 	<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
-	<link rel="shortcut icon" href="favicon.ico">
+	<link rel="shortcut icon" href="images/favicon.ico">
 
 	<!-- <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700" rel="stylesheet"> -->
 	
diff --git a/skyworks-index/work.html b/skyworks-index/work.html
index f4da014..c75a53b 100644
--- a/skyworks-index/work.html
+++ b/skyworks-index/work.html
@@ -39,7 +39,7 @@
 	<meta name="twitter:card" content="" />
 
 	<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
-	<link rel="shortcut icon" href="favicon.ico">
+	<link rel="shortcut icon" href="images/favicon.ico">
 
 	<!-- <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700" rel="stylesheet"> -->
 	
@@ -142,56 +142,56 @@
 				</div>
 			</div>
 				<div class="portfolio-row-half">
-					<a href="#" class="portfolio-grid-item" style="background-image: url(images/project-1.jpg);">
+					<a href="#" class="portfolio-grid-item" style="background-image: url(images/projects/project-1.jpg);">
 						<div class="desc2">
 							<h3>Shoes</h3>
 							<span>Travel</span>
 							<i class="sl-icon-heart"></i>
 						</div>
 					</a>
-					<a href="#" class="portfolio-grid-item" style="background-image: url(images/project-2.jpg);">
+					<a href="#" class="portfolio-grid-item" style="background-image: url(images/projects/project-2.jpg);">
 						<div class="desc2">
 							<h3>Shoes</h3>
 							<span>Travel</span>
 							<i class="sl-icon-heart"></i>
 						</div>
 					</a>
-					<a href="#" class="portfolio-grid-item" style="background-image: url(images/project-3.jpg);">
+					<a href="#" class="portfolio-grid-item" style="background-image: url(images/projects/project-3.jpg);">
 						<div class="desc2">
 							<h3>Shoes</h3>
 							<span>Travel</span>
 							<i class="sl-icon-heart"></i>
 						</div>
 					</a>
-					<a href="#" class="portfolio-grid-item" style="background-image: url(images/project-4.jpg);">
+					<a href="#" class="portfolio-grid-item" style="background-image: url(images/projects/project-4.jpg);">
 						<div class="desc2">
 							<h3>Shoes</h3>
 							<span>Travel</span>
 							<i class="sl-icon-heart"></i>
 						</div>
 					</a>
-					<a href="#" class="portfolio-grid-item" style="background-image: url(images/project-5.jpg);">
+					<a href="#" class="portfolio-grid-item" style="background-image: url(images/projects/project-5.jpg);">
 						<div class="desc2">
 							<h3>Shoes</h3>
 							<span>Travel</span>
 							<i class="sl-icon-heart"></i>
 						</div>
 					</a>
-					<a href="#" class="portfolio-grid-item" style="background-image: url(images/project-6.jpg);">
+					<a href="#" class="portfolio-grid-item" style="background-image: url(images/projects/project-6.jpg);">
 						<div class="desc2">
 							<h3>Shoes</h3>
 							<span>Travel</span>
 							<i class="sl-icon-heart"></i>
 						</div>
 					</a>
-					<a href="#" class="portfolio-grid-item" style="background-image: url(images/project-1.jpg);">
+					<a href="#" class="portfolio-grid-item" style="background-image: url(images/projects/project-1.jpg);">
 						<div class="desc2">
 							<h3>Shoes</h3>
 							<span>Travel</span>
 							<i class="sl-icon-heart"></i>
 						</div>
 					</a>
-					<a href="#" class="portfolio-grid-item" style="background-image: url(images/project-2.jpg);">
+					<a href="#" class="portfolio-grid-item" style="background-image: url(images/projects/project-2.jpg);">
 						<div class="desc2">
 							<h3>Shoes</h3>
 							<span>Travel</span>