diff --git a/cn/animation.html b/cn/animation.html
index 884d820..e994ad3 100644
--- a/cn/animation.html
+++ b/cn/animation.html
@@ -31,12 +31,12 @@
 
 	<body>
 		<div style='margin:0 auto;width:0px;height:0px;overflow:hidden;'> 
-			<img src="img/logo512.png" width='700'> 
+			<img src="img/logo512.png" alt="DragonBones green dragon logo" width='700'> 
 		</div>
 		<header class="headerDark">
 			<div class="container-fluid">
 				<h2 class="logo">
-                	<img src="img/logo.png">
+                	<img src="img/logo.png" alt="DragonBones logo">
                 </h2>
 				<div class="authentication">
 					<ul>
@@ -88,7 +88,7 @@ <h2 class="logo">
 		<div class="main mainHome">
 			<section>
 				<div class="videoSec">
-					<img style="visibility: visible; width: 100%; height: auto;" src="img/animtion/banner.png"  />
+					<img style="visibility: visible; width: 100%; height: auto;" src="img/animtion/banner.png" alt="banner with laptop and creative assets" />
 					<div class="bgPattern"></div>
 					<div class="videoCon">
 						<div class="tableDisplay">
@@ -108,7 +108,7 @@ <h1>DragonBones 动画解决方案</h1>
 			<section class="one">
 				<div class="container">
 					<div class="oneimg1 col-md-6" style="text-align: -webkit-center;">
-					<img src="img/animtion/2.png" />
+					<img src="img/animtion/2.png" alt="avatar system"/>
 					</div>
 					<div class="col-md-6">
 						<div class="content">
@@ -121,7 +121,7 @@ <h3>轻松动态换装</h3>
 						</div>
 					</div>
 					<div class="col-md-6">
-						<img src="img/animtion/2.png" />
+						<img src="img/animtion/2.png" alt="avatar system"/>
 					</div>
 				</div>
 			</section>
@@ -129,7 +129,7 @@ <h3>轻松动态换装</h3>
 			<section class="two">
 				<div class="container">
 					<div class="col-md-6">
-						<img src="img/animtion/1.png" />
+						<img src="img/animtion/1.png" alt="robot warrior animation with modular art assets"/>
 					</div>
 					<div class="col-md-6">
 						<div class="content">
@@ -159,7 +159,7 @@ <h2>更多功能</h2>
 
 								<div class="col-xs-12 col-md-4 dbmoreItem">
 									<div class="texing1">
-										<img src="img/animtion/more/1.png">
+										<img src="img/animtion/more/1.png" alt="DragonBones tool showing pivot on bones">
 										<span class="gongneng-name">&nbsp;骨骼操作</span>
 										<div class="gongneng-span-name">
 											<span class="span-name2">为图片绑定骨骼制作动画，制作角色动作更方便，动作更逼真，动画更流畅。</span>
@@ -170,7 +170,7 @@ <h2>更多功能</h2>
 
 								<div class="col-xs-12 col-md-4 dbmoreItem">
 									<div class="texing1 center-block">
-										<img src="img/animtion/more/2.png">
+										<img src="img/animtion/more/2.png" alt="movie clip example">
 										<span class="gongneng-name">&nbsp;基本动画项目</span>
 										<div class="gongneng-span-name">
 											<span class="span-name2">
@@ -182,7 +182,7 @@ <h2>更多功能</h2>
 
 								<div class="col-xs-12 col-md-4 dbmoreItem">
 									<div class="texing1">
-										<img src="img/animtion/more/3.png">
+										<img src="img/animtion/more/3.png" alt="timeline for animation">
 										<span class="gongneng-name">&nbsp;时间轴</span>
 										<div class="gongneng-span-name">
 											<span class="span-name2">时间轴是动画制作的核心，这里可以宏观的调节各个元件动画的关键帧，调节播放速度、动画补间等细节。</span>
@@ -192,7 +192,7 @@ <h2>更多功能</h2>
 								
 								<div class="col-xs-12 col-md-4 dbmoreItem">
 									<div class="texing1">
-										<img src="img/animtion/more/4.png">
+										<img src="img/animtion/more/4.png" alt="mesh and FFD example">
 										<span class="gongneng-name">&nbsp;网格和自由变形</span>
 										<div class="gongneng-span-name">
 											<span class="span-name2">在图片矩形边界内自定义多边形，提高纹理集的空间使用率。通过移动网格点来变形图片，实现网格的扭曲，拉伸，转面等伪3D效果。</span>
@@ -202,7 +202,7 @@ <h2>更多功能</h2>
 								
 								<div class="col-xs-12 col-md-4 dbmoreItem">
 									<div class="texing1">
-										<img src="img/animtion/more/5.png">
+										<img src="img/animtion/more/5.png" alt="IK and Constraint">
 										<span class="gongneng-name">&nbsp;IK骨骼约束</span>
 										<div class="gongneng-span-name">
 											<span class="span-name2">在骨骼动画中可以通过反向动力学的方式为角色摆姿势，建立反向动力学约束，使得动作的编辑操控更方便，生成的动作更自然更逼真。</span>
@@ -212,7 +212,7 @@ <h2>更多功能</h2>
 								
 								<div class="col-xs-12 col-md-4 dbmoreItem">
 									<div class="texing1">
-										<img src="img/animtion/more/6.png">
+										<img src="img/animtion/more/6.png" alt="Skinning Animation">
 										<span class="gongneng-name">&nbsp;骨骼权重和蒙皮动画</span>
 										<div class="gongneng-span-name">
 											<span class="span-name2">将网格中的点绑定骨骼权重，骨骼的运动带动网格变形，产生图片整体的弯曲，飘动等效果。</span>
@@ -222,7 +222,7 @@ <h2>更多功能</h2>
 								
 								<div class="col-xs-12 col-md-4 dbmoreItem">
 									<div class="texing1">
-										<img src="img/animtion/more/7.png">
+										<img src="img/animtion/more/7.png" alt="Curve Editor">
 										<span class="gongneng-name">&nbsp;曲线编辑器</span>
 										<div class="gongneng-span-name">
 											<span class="span-name2">在曲线编辑器中可以通过调整贝塞尔曲线来控制两帧之间的差值，以实现栩栩如生的动画效果。</span>
@@ -232,7 +232,7 @@ <h2>更多功能</h2>
 								
 								<div class="col-xs-12 col-md-4 dbmoreItem">
 									<div class="texing1">
-										<img src="img/animtion/more/8.png">
+										<img src="img/animtion/more/8.png" alt="Onion Skin">
 										<span class="gongneng-name">&nbsp;洋葱皮工具</span>
 										<div class="gongneng-span-name">
 											<span class="span-name2">使用洋葱皮功能可以同时看到前后若干帧的影图，方便更加精准的调节动画细节。</span>
@@ -242,7 +242,7 @@ <h2>更多功能</h2>
 								
 								<div class="col-xs-12 col-md-4 dbmoreItem">
 									<div class="texing1">
-										<img src="img/animtion/more/9.png">
+										<img src="img/animtion/more/9.png" alt="Nested Animation Symbol">
 										<span class="gongneng-name">&nbsp;元件嵌套</span>
 										<div class="gongneng-span-name">
 											<span class="span-name2">项目中可以创建多个动画元件并进行任意的嵌套重用。</span>
@@ -253,7 +253,7 @@ <h2>更多功能</h2>
 								
 								<div class="col-xs-12 col-md-4 dbmoreItem">
 									<div class="texing1">
-										<img src="img/animtion/more/10.png">
+										<img src="img/animtion/more/10.png" alt="Import Adobe PhotoShop images with layers">
 										<span class="gongneng-name">&nbsp;导入</span>
 										<div class="gongneng-span-name">
 											<span class="span-name2">可以导入PS生成的分层图、DragonBonesPro和FlashPro导出的龙骨数据格式、Spine和Cocos等第三方动画格式。</span>
@@ -263,7 +263,7 @@ <h2>更多功能</h2>
 
 								<div class="col-xs-12 col-md-4 dbmoreItem">
 									<div class="texing1">
-										<img src="img/animtion/more/11.png">
+										<img src="img/animtion/more/11.png" alt="Packaging and Export">
 										<span class="gongneng-name">&nbsp;导出和纹理集打包</span>	
 										<div class="gongneng-span-name">
 											<span class="span-name2">支持纹理集打包和JSON、XML格式的动画数据导出。支持序列图导出和Egret的MovieClip格式的动画数据导出。</span>
@@ -275,7 +275,7 @@ <h2>更多功能</h2>
 
 								<div class="col-xs-12 col-md-4 dbmoreItem">
 									<div class="texing1">
-										<img src="img/animtion/more/12.png">
+										<img src="img/animtion/more/12.png" alt="Preview and Publish">
 										<span class="gongneng-name">&nbsp;预览和发布</span>
 										<div class="gongneng-span-name">
 											<span class="span-name2">在真实的运行环境预览动画效果，所见及所得。一键发布H5动画，无需编码控制，动画即可在终端设备运行。</span>
@@ -343,7 +343,7 @@ <h2>更多功能</h2>
 					<div class="col-md-12" style="margin: 30px 0 10px 0; font-size:16px; color: #c1c1c1; border-bottom: 1px solid #000;border-bottom: 1px solid #353535;line-height: 2">合作伙伴</div>
 					<div class="col-md-12">
 						<div class="footer1hzhb">
-							<img style="width: 100%;" src="img/hzhb/partners.jpg" />
+							<img style="width: 100%;" src="img/hzhb/partners.jpg" alt="DragonBones partners"/>
 						</div>
 					</div>
 
diff --git a/cn/comic.html b/cn/comic.html
index a484dd9..54c6fe9 100644
--- a/cn/comic.html
+++ b/cn/comic.html
@@ -31,12 +31,12 @@
 
 	<body>
 		<div style='margin:0 auto;width:0px;height:0px;overflow:hidden;'> 
-			<img src="img/logo512.png" width='700'> 
+			<img src="img/logo512.png" width='700' alt="DragonBones logo"> 
 		</div>
 		<header class="headerDark">
 			<div class="container-fluid">
 				<h2 class="logo">
-                	<img src="img/logo.png">
+                	<img src="img/logo.png" alt="DragonBones logo">
                 </h2>
 				<div class="authentication">
 					<ul>
@@ -88,7 +88,7 @@ <h2 class="logo">
 		<div class="main mainHome">
 			<section>
 				<div class="videoSec">
-					<img style="visibility: visible; width: 100%; height: auto;" src="img/manga/banner.png"  />
+					<img style="visibility: visible; width: 100%; height: auto;" src="img/manga/banner.png" alt="DragonBones comic panel" />
 					<div class="bgPattern"></div>
 					<div class="videoCon" style="bottom: 240px;">
 						<div class="tableDisplay">
@@ -108,7 +108,7 @@ <h1>DragonBones 动漫解决方案</h1>
 					<h1>功能特性</h1>
 					<div class="col-md-6">
 						<div class="content">
-							<img class="mobileimg" src="img/manga/two.png" />
+							<img class="mobileimg" src="img/manga/two.png" alt="mobile viewing comic" />
 							<h1>动态漫画</h1>
 							<div class="des">
 								<p>更为生动形象的漫画展示，以及用户与动漫间的多感官交互。</p>
@@ -116,7 +116,7 @@ <h1>动态漫画</h1>
 						</div>
 					</div>
 					<div class="col-md-6">
-						<img class="pcimg"  src="img/manga/two.png" />
+						<img class="pcimg"  src="img/manga/two.png" alt="mobile viewing comic"/>
 					</div>
 				</div>
 			</section>
@@ -124,11 +124,11 @@ <h1>动态漫画</h1>
 			<section class="two">
 				<div class="container">
 					<div class="col-md-6">
-						<img class="pcimg"  src="img/manga/one.png" />
+						<img class="pcimg"  src="img/manga/one.png" alt="Rich Dynamic Effect"/>
 					</div>
 					<div class="col-md-6">
 						<div class="content">
-						<img class="mobileimg" src="img/manga/one.png" />
+						<img class="mobileimg" src="img/manga/one.png" alt="Rich Dynamic Effect"/>
 						<h1>丰富的动效</h1>
 						<div class="des">
 							<p>预设丰富的动画特效,为你的条漫创意之路提供充沛的灵感。</p>
@@ -141,7 +141,7 @@ <h1>丰富的动效</h1>
 				<div class="container">
 					<div class="col-md-6">
 						<div class="content">
-							<img class="mobileimg" src="img/manga/three.png" />
+							<img class="mobileimg" src="img/manga/three.png" alt="Preview anytime in editor. What you see is what you get. WYSIWYG."/>
 							<h1>所见即所得</h1>
 							<div class="des">
 								<p>在软件环境中提供真实的模拟动画效果预览，所见即所得。</p>
@@ -149,15 +149,15 @@ <h1>所见即所得</h1>
 						</div>
 					</div>
 					<div class="col-md-6">
-						<img class="pcimg" src="img/manga/three.png" />
+						<img class="pcimg" src="img/manga/three.png" alt="Preview anytime in editor. What you see is what you get. WYSIWYG."/>
 					</div>
 				</div>
 			</section>
 			<section class="four">
 				<div class="container">
 					<h1>成功案例</h1>
-					<div class="col-md-6" style="text-align: right;"><img src="img/manga/1.png" /></div>
-					<div class="col-md-6" style="text-align: left;"><img src="img/manga/2.jpg" /></div>
+					<div class="col-md-6" style="text-align: right;"><img src="img/manga/1.png" alt="showcase comic HA-LON comic"/></div>
+					<div class="col-md-6" style="text-align: left;"><img src="img/manga/2.jpg" alt="showcase comic"/></div>
 				</div>
 			</section>
 			<section class="footer1">
@@ -203,7 +203,7 @@ <h1>成功案例</h1>
 					<div class="col-md-12" style="margin: 30px 0 10px 0; font-size:16px; color: #c1c1c1; border-bottom: 1px solid #000;border-bottom: 1px solid #353535;line-height: 2">合作伙伴</div>
 					<div class="col-md-12">
 						<div class="footer1hzhb">
-							<img style="width: 100%;" src="img/hzhb/partners.jpg" />
+							<img style="width: 100%;" src="img/hzhb/partners.jpg" alt="DragonBones partners"/>
 						</div>
 					</div>
 
diff --git a/en/animation.html b/en/animation.html
index 082aff5..3348800 100644
--- a/en/animation.html
+++ b/en/animation.html
@@ -6,7 +6,7 @@
 		<meta http-equiv="X-UA-Compatible" content="IE=edge">
 		<meta name="viewport" content="width=device-width, initial-scale=1">
 		<meta name="keywords" content="DragonBones,DragonBones Website,DragonBonesPro,DragonBonesPro Website,Egret,Spine Crack,Spine Free,Animation Editor,Free Animation Editor,Skeletal Animation,Skeletal Animation Editor,Free Skeletal Animation Editor,Game Animation Creation,Motion Comic Editor" />
-		<meta name="description" content="DragonBones is a 2D game animation and righ media content creative platform for designer. It provides 2D animation solution and motion comic solution. It contains a integrated creative tool DragonBones Pro, Flash Pro plugin for animation export and lots of runtime libraries for game engines and platforms. DragonBones start at October 2012, the first 2D skeletal animation solution all over the world. There are more than 50 thousand designers from over 50 countries are using DragonBones and create thousands of games in app stores.">
+		<meta name="description" content="DragonBones is a 2D game animation and rich media content creative platform for designer. It provides 2D animation solution and motion comic solution. It contains an integrated creative tool DragonBones Pro, Flash Pro plugin for animation export and lots of runtime libraries for game engines and platforms. DragonBones started on October 2012, the first 2D skeletal animation solution for all over the world. There are more than 50 thousand designers from over 50 countries using DragonBones and creating thousands of games in app stores.">
 		<link rel="icon" href="favicon.ico">
 		<title>DragonBones Animation Solution</title>
 		<link href="//cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
@@ -96,7 +96,7 @@ <h2 class="logo">
 									<h1>DragonBones Animation Solution</h1>
 									<div class="des">
 										<p>Free 2D Skeletal Animation Solution</p>
-										<p>Connect Animation Creation and Game Programing Pipelines</p>
+										<p>Connect Animation Creation and Game Programming Pipelines</p>
 										<p>Reduce Art Cost and Produce More Vivid Animation</p>
 									</div>
 							</div>
diff --git a/en/comic.html b/en/comic.html
index 6ba197d..bddce16 100644
--- a/en/comic.html
+++ b/en/comic.html
@@ -1,222 +1,266 @@
 ﻿<!DOCTYPE html>
 <html>
+  <head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta
+      name="keywords"
+      content="DragonBones,DragonBones Website,DragonBonesPro,DragonBonesPro Website,Egret,Spine Crack,Spine Free,Animation Editor,Free Animation Editor,Skeletal Animation,Skeletal Animation Editor,Free Skeletal Animation Editor,Game Animation Creation,Motion Comic Editor"
+    />
+    <meta
+      name="description"
+      content="DragonBones is a 2D game animation and rich media content creative platform for designer. It provides 2D animation solution and motion comic solution. It contains an integrated creative tool DragonBones Pro, Flash Pro plugin for animation export and lots of runtime libraries for game engines and platforms. DragonBones started on October 2012, the first 2D skeletal animation solution for all over the world. There are more than 50 thousand designers from over 50 countries using DragonBones and creating thousands of games in app stores."
+    />
+    <link rel="icon" href="favicon.ico" />
+    <title>DragonBones Motion Comic Solution</title>
+    <link
+      href="//cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css"
+      rel="stylesheet"
+    />
+    <script src="//cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
+    <script src="//cdn.bootcss.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
+    <script src="//cdn.bootcss.com/html5media/1.1.8/html5media.js"></script>
+    <script src="js/jquery.typetype.min.js"></script>
+    <link href="css/g.css" rel="stylesheet" />
+    <link href="css/manga.css" rel="stylesheet" />
+    <script>
+      var _hmt = _hmt || [];
+      (function() {
+        var hm = document.createElement("script");
+        hm.src = "https://hm.baidu.com/hm.js?61a11cfe86ade3ab5dd628ba6bac4fc5";
+        var s = document.getElementsByTagName("script")[0];
+        s.parentNode.insertBefore(hm, s);
+      })();
+    </script>
+  </head>
 
-	<head>
-		<meta charset="utf-8" />
-		<meta http-equiv="X-UA-Compatible" content="IE=edge">
-		<meta name="viewport" content="width=device-width, initial-scale=1">
-		<meta name="keywords" content="DragonBones,DragonBones Website,DragonBonesPro,DragonBonesPro Website,Egret,Spine Crack,Spine Free,Animation Editor,Free Animation Editor,Skeletal Animation,Skeletal Animation Editor,Free Skeletal Animation Editor,Game Animation Creation,Motion Comic Editor" />
-		<meta name="description" content="DragonBones is a 2D game animation and righ media content creative platform for designer. It provides 2D animation solution and motion comic solution. It contains a integrated creative tool DragonBones Pro, Flash Pro plugin for animation export and lots of runtime libraries for game engines and platforms. DragonBones start at October 2012, the first 2D skeletal animation solution all over the world. There are more than 50 thousand designers from over 50 countries are using DragonBones and create thousands of games in app stores.">
-		<link rel="icon" href="favicon.ico">
-		<title>DragonBones Motion Comic Solution</title>
-		<link href="//cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
-		<script src="//cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
-		<script src="//cdn.bootcss.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
-		<script src="//cdn.bootcss.com/html5media/1.1.8/html5media.js"></script>
-		<script src="js/jquery.typetype.min.js"></script>
-		<link href="css/g.css" rel="stylesheet">
-		<link href="css/manga.css" rel="stylesheet">
-		<script>
-			var _hmt = _hmt || [];
-(function() {
-  var hm = document.createElement("script");
-  hm.src = "https://hm.baidu.com/hm.js?61a11cfe86ade3ab5dd628ba6bac4fc5";
-  var s = document.getElementsByTagName("script")[0]; 
-  s.parentNode.insertBefore(hm, s);
-})();
-		
-</script>
+  <body>
+    <div style="margin:0 auto;width:0px;height:0px;overflow:hidden;">
+      <img src="img/logo512.png" width="700" />
+    </div>
+    <header class="headerDark">
+      <div class="container-fluid">
+        <h2 class="logo">
+          <img src="img/logo.png" />
+        </h2>
+        <div class="authentication">
+          <ul>
+            <li>
+              <a href="/cn/comic.html">中文</a>&nbsp;/&nbsp;
+              <a href="/en/comic.html" style="color:#FFF;">English</a>
+            </li>
+            <li style="margin-top: 10px;">
+              <style>
+                .octicon-mark-github {
+                  display: inline-block;
+                  vertical-align: text-top;
+                  fill: currentColor;
+                  padding-bottom: 2px;
+                }
+              </style>
+              <a
+                href="https://github.com/DragonBones/"
+                aria-label="Homepage"
+                class="site-footer-mark"
+                title="GitHub"
+              >
+                <svg
+                  aria-hidden="true"
+                  class="octicon octicon-mark-github"
+                  height="24"
+                  version="1.1"
+                  viewBox="0 0 16 16"
+                  width="24"
+                >
+                  <path
+                    d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z"
+                  ></path>
+                </svg>
+              </a>
+            </li>
+          </ul>
+        </div>
+        <div class="nav-wrap">
+          <ul class="group" id="example-one">
+            <li>
+              <a href="index.html">HOME</a>
+            </li>
+            <li class="">
+              <a href="http://blog.dragonbones.com/">BLOG</a>
+            </li>
+            <li>
+              <a href="animation.html">ANIMATION</a>
+            </li>
+            <li class="current_page_item">
+              <a href="comic.html">COMIC</a>
+            </li>
+            <li>
+              <a href="download.html">DOWNLOAD</a>
+            </li>
+            <li>
+              <a href="learn.html">LEARN</a>
+            </li>
+            <li
+              id="magic-line"
+              style="width: 63px; left: 0px; overflow: hidden;"
+            ></li>
+          </ul>
+        </div>
+      </div>
+    </header>
+    <!-- container -->
+    <div class="main mainHome">
+      <section>
+        <div class="videoSec">
+          <img
+            style="visibility: visible; width: 100%; height: auto;"
+            src="img/manga/banner.png"
+          />
+          <div class="bgPattern"></div>
+          <div class="videoCon" style="bottom: 240px;">
+            <div class="tableDisplay">
+              <div class="vCenter">
+                <h1>DragonBones Motion Comic Solution</h1>
+                <div class="des"></div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
 
-	</head>
-
-	<body>
-		<div style='margin:0 auto;width:0px;height:0px;overflow:hidden;'> 
-			<img src="img/logo512.png" width='700'> 
-		</div>
-		<header class="headerDark">
-			<div class="container-fluid">
-				<h2 class="logo">
-                	<img src="img/logo.png">
-                </h2>
-				<div class="authentication">
-					<ul>
-						<li>
-							<a href="/cn/comic.html">中文</a>&nbsp;/&nbsp;
-							<a href="/en/comic.html" style="color:#FFF;">English</a>
-						</li>
-						<li style="margin-top: 10px;">
-							<style>
-							.octicon-mark-github{
-							    display: inline-block;
-							    vertical-align: text-top;
-							    fill: currentColor;
-							    padding-bottom: 2px;
-							}
-							</style>
-							<a href="https://github.com/DragonBones/" aria-label="Homepage" class="site-footer-mark" title="GitHub">
-							      <svg aria-hidden="true" class="octicon octicon-mark-github" height="24" version="1.1" viewBox="0 0 16 16" width="24"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z"></path></svg>
-							</a>
-						</li>
-					</ul>
-				</div>
-				<div class="nav-wrap">
-					<ul class="group" id="example-one">
-						<li>
-							<a href="index.html">HOME</a>
-						</li>
-						<li class="">
-							<a href="http://blog.dragonbones.com/">BLOG</a>
-						</li>
-						<li>
-							<a href="animation.html">ANIMATION</a>
-						</li>
-						<li class="current_page_item">
-							<a href="comic.html">COMIC</a>
-						</li>
-						<li>
-							<a href="download.html">DOWNLOAD</a>
-						</li>
-						<li>
-							<a href="learn.html">LEARN</a>
-						</li>
-						<li id="magic-line" style="width: 63px; left: 0px; overflow: hidden;"></li>
-					</ul>
-				</div>
-			</div>
-		</header>
-<!-- container -->  
-		<div class="main mainHome">
-			<section>
-				<div class="videoSec">
-					<img style="visibility: visible; width: 100%; height: auto;" src="img/manga/banner.png"  />
-					<div class="bgPattern"></div>
-					<div class="videoCon" style="bottom: 240px;">
-						<div class="tableDisplay">
-							<div class="vCenter">
-									<h1>DragonBones Motion Comic Solution</h1>
-									<div class="des">
-	
-									</div>
-							</div>
-						</div>
-					</div>
-				</div>
-			</section>
-			
-			<section class="one">
-				<div class="container">
-					<h1>Features</h1>
-					<div class="col-md-6">
-						<div class="content">
-							<img class="mobileimg" src="img/manga/one.png" />
-							<h1>Rich Dynamic Effect</h1>
-							<div class="des">
-								<p>Build-in various motion effects.</p>
-								<p>Provide plenty of inspiration for your comic creation</p>
-							</div>
-						</div>
-					</div>
-					<div class="col-md-6">
-						<img class="pcimg"  src="img/manga/one.png" />
-					</div>
-				</div>
-			</section>
-			
-			<section class="two">
-				<div class="container">
-					<div class="col-md-6">
-						<img class="pcimg"  src="img/manga/two.png" />
-					</div>
-					<div class="col-md-6">
-						<div class="content">
-						<img class="mobileimg" src="img/manga/two.png" />
-						<h1>Single Page Comic</h1>
-						<div class="des">
-							<p>Create motion comic and easily publish.</p>
-							<p>Html5 based. Watch everywhere.</p>
-						</div>
-						</div>
-					</div>
-				</div>
-			</section>
-			<section class="three">
-				<div class="container">
-					<div class="col-md-6">
-						<div class="content">
-							<img class="mobileimg" src="img/manga/three.png" />
-							<h1>What You See is What You Get</h1>
-							<div class="des">
-								<p>Preview anytime in editor. What you see is what you get.</p>
-							</div>
-						</div>
-					</div>
-					<div class="col-md-6">
-						<img class="pcimg" src="img/manga/three.png" />
-					</div>
-				</div>
-			</section>
-			<section class="four">
-				<div class="container">
-					<h1>SHOWCASE</h1>
-					<div class="col-md-6" style="text-align: right;"><img src="img/manga/1.png" /></div>
-					<div class="col-md-6" style="text-align: left;"><img src="img/manga/2.jpg" /></div>
-				</div>
-			</section>
-			<section class="footer1">
-				<div class="container">
-					<div class="col-md-4 des">
-						<p>
-							<a href="http://www.egret.com/about">ABOUT</a>
-						</p>
-						<p>SUPPORT：support@egret.com</p>
-					</div>
-					<div class="col-md-4 des">
-						<p>
-							<a href="http://www.egret.com/join">Discussion</a>
-						</p>
-						<p>QQ Group: 530077872</p>
-					</div>
-					<div class="col-md-4 des">
-						<p>
-							<a href="http://www.egret.com">Egret</a> | <a href="https://www.facebook.com/dragonbonesteam/">FaceBook</a> | <a href="https://twitter.com/dragonbonesteam">Twitter</a> | <a href="old/backers.html">Backers</a>
-						</p>
-                            <div class="span6" style="width: 155px;width: 155px;margin: 0;padding: 0;padding-top: 5px;">
-                                <div class="addthis_toolbox addthis_default_style ">
-                                <a class="addthis_button_preferred_1"></a>
-                                <a class="addthis_button_preferred_2"></a>
-                                <a class="addthis_button_preferred_3"></a>
-                                <a class="addthis_button_preferred_4"></a>
-                                <a class="addthis_button_preferred_5"></a>
-                                <a class="addthis_button_compact"></a>
-                                <a class="addthis_counter addthis_bubble_style"></a>
-                                </div>
-                                <script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
-                                <script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-50879ffb6b4eb16f"></script>
-                        		<style>
-                            		.addthis_counter.addthis_bubble_style a.addthis_button_expanded{
-                            			color: #000000;
-                            		}
-                            	</style>
-                                <!-- AddThis Button END -->
-                            </div>
-					</div>
-					<div class="col-md-12" style="margin: 30px 0 10px 0; font-size:16px; color: #c1c1c1; border-bottom: 1px solid #000;border-bottom: 1px solid #353535;line-height: 2">PARTNERS</div>
-					<div class="col-md-12">
-						<div class="footer1hzhb">
-							<img style="width: 100%;" src="img/hzhb/partners.jpg" />
-						</div>
-					</div>
-
-				</div>
-			</section>
-			<section class="footer2">
-				<div class="container-fluid">
-					Copyright © 2012-2017 dragonbones.com
-				</div>
-			</section>
-		</div>
-			
-	</body>
+      <section class="one">
+        <div class="container">
+          <h1>Features</h1>
+          <div class="col-md-6">
+            <div class="content">
+              <img class="mobileimg" src="img/manga/one.png" />
+              <h1>Rich Dynamic Effect</h1>
+              <div class="des">
+                <p>Build-in various motion effects.</p>
+                <p>Provide plenty of inspiration for your comic creation</p>
+              </div>
+            </div>
+          </div>
+          <div class="col-md-6">
+            <img class="pcimg" src="img/manga/one.png" />
+          </div>
+        </div>
+      </section>
 
+      <section class="two">
+        <div class="container">
+          <div class="col-md-6">
+            <img class="pcimg" src="img/manga/two.png" />
+          </div>
+          <div class="col-md-6">
+            <div class="content">
+              <img class="mobileimg" src="img/manga/two.png" />
+              <h1>Single Page Comic</h1>
+              <div class="des">
+                <p>Create motion comic and easily publish.</p>
+                <p>Html5 based. Watch everywhere.</p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+      <section class="three">
+        <div class="container">
+          <div class="col-md-6">
+            <div class="content">
+              <img class="mobileimg" src="img/manga/three.png" />
+              <h1>What You See is What You Get</h1>
+              <div class="des">
+                <p>Preview anytime in editor. What you see is what you get.</p>
+              </div>
+            </div>
+          </div>
+          <div class="col-md-6">
+            <img class="pcimg" src="img/manga/three.png" />
+          </div>
+        </div>
+      </section>
+      <section class="four">
+        <div class="container">
+          <h1>SHOWCASE</h1>
+          <div class="col-md-6" style="text-align: right;">
+            <img src="img/manga/1.png" />
+          </div>
+          <div class="col-md-6" style="text-align: left;">
+            <img src="img/manga/2.jpg" />
+          </div>
+        </div>
+      </section>
+      <section class="footer1">
+        <div class="container">
+          <div class="col-md-4 des">
+            <p>
+              <a href="http://www.egret.com/about">ABOUT</a>
+            </p>
+            <p>SUPPORT：support@egret.com</p>
+          </div>
+          <div class="col-md-4 des">
+            <p>
+              <a href="http://www.egret.com/join">Discussion</a>
+            </p>
+            <p>QQ Group: 530077872</p>
+          </div>
+          <div class="col-md-4 des">
+            <p>
+              <a href="http://www.egret.com">Egret</a> |
+              <a href="https://www.facebook.com/dragonbonesteam/">FaceBook</a> |
+              <a href="https://twitter.com/dragonbonesteam">Twitter</a> |
+              <a href="old/backers.html">Backers</a>
+            </p>
+            <div
+              class="span6"
+              style="width: 155px;width: 155px;margin: 0;padding: 0;padding-top: 5px;"
+            >
+              <div class="addthis_toolbox addthis_default_style ">
+                <a class="addthis_button_preferred_1"></a>
+                <a class="addthis_button_preferred_2"></a>
+                <a class="addthis_button_preferred_3"></a>
+                <a class="addthis_button_preferred_4"></a>
+                <a class="addthis_button_preferred_5"></a>
+                <a class="addthis_button_compact"></a>
+                <a class="addthis_counter addthis_bubble_style"></a>
+              </div>
+              <script type="text/javascript">
+                var addthis_config = { data_track_addressbar: true };
+              </script>
+              <script
+                type="text/javascript"
+                src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-50879ffb6b4eb16f"
+              ></script>
+              <style>
+                .addthis_counter.addthis_bubble_style
+                  a.addthis_button_expanded {
+                  color: #000000;
+                }
+              </style>
+              <!-- AddThis Button END -->
+            </div>
+          </div>
+          <div
+            class="col-md-12"
+            style="margin: 30px 0 10px 0; font-size:16px; color: #c1c1c1; border-bottom: 1px solid #000;border-bottom: 1px solid #353535;line-height: 2"
+          >
+            PARTNERS
+          </div>
+          <div class="col-md-12">
+            <div class="footer1hzhb">
+              <img style="width: 100%;" src="img/hzhb/partners.jpg" />
+            </div>
+          </div>
+        </div>
+      </section>
+      <section class="footer2">
+        <div class="container-fluid">
+          Copyright © 2012-2017 dragonbones.com
+        </div>
+      </section>
+    </div>
+  </body>
 </html>
-<script src="js/common.js"></script>
\ No newline at end of file
+<script src="js/common.js"></script>
diff --git a/en/download.html b/en/download.html
index 337109a..d831905 100644
--- a/en/download.html
+++ b/en/download.html
@@ -6,7 +6,7 @@
 		<meta http-equiv="X-UA-Compatible" content="IE=edge">
 		<meta name="viewport" content="width=device-width, initial-scale=1">
 		<meta name="keywords" content="DragonBones,DragonBones Website,DragonBonesPro,DragonBonesPro Website,Egret,Spine Crack,Spine Free,Animation Editor,Free Animation Editor,Skeletal Animation,Skeletal Animation Editor,Free Skeletal Animation Editor,Game Animation Creation,Motion Comic Editor" />
-		<meta name="description" content="DragonBones is a 2D game animation and righ media content creative platform for designer. It provides 2D animation solution and motion comic solution. It contains a integrated creative tool DragonBones Pro, Flash Pro plugin for animation export and lots of runtime libraries for game engines and platforms. DragonBones start at October 2012, the first 2D skeletal animation solution all over the world. There are more than 50 thousand designers from over 50 countries are using DragonBones and create thousands of games in app stores.">
+		<meta name="description" content="DragonBones is a 2D game animation and rich media content creative platform for designer. It provides 2D animation solution and motion comic solution. It contains an integrated creative tool DragonBones Pro, Flash Pro plugin for animation export and lots of runtime libraries for game engines and platforms. DragonBones started on October 2012, the first 2D skeletal animation solution for all over the world. There are more than 50 thousand designers from over 50 countries using DragonBones and creating thousands of games in app stores.">
 		<link rel="icon" href="favicon.ico">
 		<title>DragonBones Download</title>
 		<link href="//cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
diff --git a/en/index.html b/en/index.html
index d8d4afb..f1425a8 100644
--- a/en/index.html
+++ b/en/index.html
@@ -6,7 +6,7 @@
 		<meta http-equiv="X-UA-Compatible" content="IE=edge">
 		<meta name="viewport" content="width=device-width, initial-scale=1">
 		<meta name="keywords" content="DragonBones,DragonBones Website,DragonBonesPro,DragonBonesPro Website,Egret,Spine Crack,Spine Free,Animation Editor,Free Animation Editor,Skeletal Animation,Skeletal Animation Editor,Free Skeletal Animation Editor,Game Animation Creation,Motion Comic Editor" />
-		<meta name="description" content="DragonBones is a 2D game animation and righ media content creative platform for designer. It provides 2D animation solution and motion comic solution. It contains a integrated creative tool DragonBones Pro, Flash Pro plugin for animation export and lots of runtime libraries for game engines and platforms. DragonBones start at October 2012, the first 2D skeletal animation solution all over the world. There are more than 50 thousand designers from over 50 countries are using DragonBones and create thousands of games in app stores.">
+		<meta name="description" content="DragonBones is a 2D game animation and rich media content creative platform for designer. It provides 2D animation solution and motion comic solution. It contains an integrated creative tool DragonBones Pro, Flash Pro plugin for animation export and lots of runtime libraries for game engines and platforms. DragonBones started on October 2012, the first 2D skeletal animation solution for all over the world. There are more than 50 thousand designers from over 50 countries using DragonBones and creating thousands of games in app stores.">
 		<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
 		<title>DragonBones Offical Website</title>
 		<link href="//cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
@@ -96,7 +96,7 @@ <h2 class="logo">
 								<h1><span id='kaiyuan'></span><span style="margin-left: 2px;width: 1px; border-left: 2px solid #6fdb88;"></span>&nbsp;</h1>
 								<div class="des">
 									<p>Animation Creative Platform for Designer</p>
-									<p>Less Art Cost, More vivid Animation Produce</p>
+									<p>Reduce art cost, produce more vivid animation</p>
 									<p>Once creation, All Platform Publishment</p>
 									
 								</div>
diff --git a/en/learn.html b/en/learn.html
index 3442fe4..de90781 100644
--- a/en/learn.html
+++ b/en/learn.html
@@ -5,9 +5,9 @@
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1">
-    <meta name="keywords" content="DragonBones is a 2D game animation and righ media content creative platform for designer. It provides 2D animation solution and motion comic solution. It contains a integrated creative tool DragonBones Pro, Flash Pro plugin for animation export and lots of runtime libraries for game engines and platforms. DragonBones start at October 2012, the first 2D skeletal animation solution all over the world. There are more than 50 thousand designers from over 50 countries are using DragonBones and create thousands of games in app stores."
+    <meta name="keywords" content="DragonBones is a 2D game animation and rich media content creative platform for designer. It provides 2D animation solution and motion comic solution. It contains an integrated creative tool DragonBones Pro, Flash Pro plugin for animation export and lots of runtime libraries for game engines and platforms. DragonBones started on October 2012, the first 2D skeletal animation solution for all over the world. There are more than 50 thousand designers from over 50 countries using DragonBones and creating thousands of games in app stores."
     />
-    <meta name="description" content="DragonBones is a 2D game animation and righ media content creative platform for designer. It provides 2D animation solution and motion comic solution. It contains a integrated creative tool DragonBones Pro, Flash Pro plugin for animation export and lots of runtime libraries for game engines and platforms. DragonBones start at October 2012, the first 2D skeletal animation solution all over the world. There are more than 50 thousand designers from over 50 countries are using DragonBones and create thousands of games in app stores.">
+    <meta name="description" content="DragonBones is a 2D game animation and rich media content creative platform for designer. It provides 2D animation solution and motion comic solution. It contains an integrated creative tool DragonBones Pro, Flash Pro plugin for animation export and lots of runtime libraries for game engines and platforms. DragonBones started on October 2012, the first 2D skeletal animation solution for all over the world. There are more than 50 thousand designers from over 50 countries using DragonBones and creating thousands of games in app stores.">
     <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
     <title>Learn DragonBones</title>
     <link href="http://v3.bootcss.com/dist/css/bootstrap.min.css" rel="stylesheet">
