diff --git a/css/responsive.css b/css/responsive.css
index 25d8e60..c864bb8 100644
--- a/css/responsive.css
+++ b/css/responsive.css
@@ -8,22 +8,24 @@
 @media (min-width: 1200px) and (max-width: 1500px) {}
 
 @media (min-width: 992px) and (max-width: 1199px) {
+
+    .text-bg {
+        padding-left: 50px;
+    }
     .text-bg h1 {
-        font-size: 67px;
+        font-size: 28px;
+        
     }
     ul.easy li a {
         font-size: 21px;
     }
-    ul.social_icon li a {
-        font-size: 16px;
-    }
 }
 
 @media (min-width: 768px) and (max-width: 991px) {
     .text-bg h1 {
         padding-top: 0px;
-        font-size: 51px;
-        line-height: 70px;
+        font-size: 28px;
+        line-height: 32px;
     }
     ul.Menu_footer {
         padding-bottom: 30px;
@@ -49,6 +51,7 @@
     }
     .text-bg {
         max-width: inherit;
+        padding-left: 10px;
         padding-top: 60px;
     }
     .padding_left0 {
@@ -58,7 +61,7 @@
         padding-right: 15px;
     }
     .main_form .send_btn {
-        margin-bottom: 30px;
+        margin-bottom: 20px;
     }
     ul.location_icon li {
         padding-bottom: 20px;
@@ -83,7 +86,7 @@
         text-align: center;
     }
     .titlepage h2 {
-        font-size: 37px;
+        font-size: 36px;
     }
     .images_box {
         padding-top: 20px;
@@ -100,9 +103,12 @@
     .banner_main {
         padding: 0px 0 90px 0;
     }
+    .text-bg {
+        padding-left: 10px;
+    }
     .text-bg h1 {
-        font-size: 44px;
-        line-height: 64px;
+        font-size: 28px;
+        line-height: 32px;
         padding-bottom: 40px;
         padding-left: 10px;
     }
@@ -125,9 +131,5 @@
     ul.location_icon li {
         padding-bottom: 20px;
     }
-    ul.Menu_footer,
-    ul.social_icon {
-        padding-bottom: 20px;
-    }
 }
 
diff --git a/css/style.css b/css/style.css
index 909bb1d..bb06774 100644
--- a/css/style.css
+++ b/css/style.css
@@ -8,9 +8,7 @@
 
 /*--------------------------------------------------------------------- import Fonts ---------------------------------------------------------------------*/
 
-@import url('https://fonts.googleapis.com/css?family=Rajdhani:300,400,500,600,700');
-@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
-@import url('https://fonts.googleapis.com/css?family=Raleway:100,400,600,700,900&display=swap');
+@import url('https://fonts.googleapis.com/css?family=Ubuntu:regular,bold,italic,bolditatic&subset=Latin');
 
 /*****---------------------------------------- 1) font-family: 'Rajdhani', sans-serif;
  2) font-family: 'Poppins', sans-serif;
@@ -54,7 +52,7 @@ html {
 body {
      color: #666666;
      font-size: 14px;
-     font-family: 'Poppins', sans-serif;
+     font-family: 'Ubuntu', sans-serif;
      line-height: 1.80857;
      font-weight: normal;
 }
@@ -124,7 +122,6 @@ h3 a,
 h4 a,
 h5 a,
 h6 a {
-     color: #212121;
      text-decoration: none!important;
      opacity: 1
 }
@@ -149,7 +146,7 @@ p {
 }
 
 a {
-     color: #222222;
+     color: rgb(28, 63, 135);
      text-decoration: none;
      outline: none !important;
 }
@@ -331,8 +328,14 @@ ul.btn li:last-child {
 .down_btn {
      padding-left: 50px;
 }
+ul.btn li.down_btn a {
+     color: #010a05;
+}
+ul.btn li.down_btn:hover a {
+     color: #fff;
+}    
 
-.down_btn a {
+.down_btn, a.read_more  {
      background-color: #fff;
      display: inline-block;
      padding: 7px 35px;
@@ -341,7 +344,7 @@ ul.btn li:last-child {
      font-size: 17px;
 }
 
-.down_btn a:hover {
+.down_btn:hover, a.read_more:hover {
      color: #fff !important;
      background: #000;
 }
@@ -354,32 +357,38 @@ ul.btn li:last-child {
 
 
 /*--------------------------------------------------------------------- layout new css ---------------------------------------------------------------------*/
-
+/*
 .header::after {
      background: url(../images/cross_top.png);
      content: "";
      position: absolute;
-     width: 558px;
-     height: 228px;
+     width: 440px;
+     height: 180px;
      z-index: -1;
      top: 0;
      left: 0;
-}
+     background-size: contain;
+}*/
 
 .header {
      width: 100%;
      background: #11aeef;
-     padding: 35px 30px;
+     padding: 30px 30px 0px 30px;
      position: relative;
      z-index: 960;
 }
-
+.logo a img {
+     margin-right: 10px;
+}
 .logo a {
-     font-size: 40px;
+     font-size: 36px;
      font-weight: bold;
-     text-transform: uppercase;
+     /*text-transform: uppercase;*/
      color: #fff;
-     line-height: 40px;
+     display: flex;
+     flex-direction: row;
+     /*justify-content: center;*/
+     margin-left: 10px;
 }
 
 
@@ -387,22 +396,27 @@ ul.btn li:last-child {
 
 .banner_main {
      background: #11aeef;
-     padding: 75px 0 90px 0;
+     padding: 0 0 90px 0;
 }
 
+#myCarousel .row {
+     /*padding-left: 50px ;*/
+     margin: 0 !important;
+}
 .text-bg {
      text-align: left;
      float: right;
      width: 100%;
-     max-width: 431px;
+     padding-left: 50px ;
+     /*max-width: 500px;*/
 }
 
 .text-bg h1 {
      color: #fff;
-     padding-top: 50px;
-     font-size: 71px;
-     line-height: 85px;
-     padding-bottom: 25px;
+     font-size: 28px;
+     line-height: 32px;
+     padding-top: 20px;
+     padding-bottom: 10px;
      font-weight: bold;
 }
 
@@ -415,6 +429,7 @@ ul.btn li:last-child {
      font-weight: 500;
 }
 
+/*
 .text-bg .read_more {
      border: #fff solid 5px;
 }
@@ -422,7 +437,7 @@ ul.btn li:last-child {
 .text-bg .read_more:hover {
      background: #000;
 }
-
+*/
 .images_box figure {
      margin: 0px;
 }
@@ -444,6 +459,8 @@ ul.btn li:last-child {
 
 .carousel-caption {
      position: inherit;
+     padding-top: 10;
+     padding-bottom: 0;
 }
 
 .carousel-control-next,
@@ -460,7 +477,7 @@ ul.btn li:last-child {
 }
 
 .titlepage h2 {
-     font-size: 50px;
+     font-size: 36px;
      color: #382d3c;
      line-height: 55px;
      padding: 0;
@@ -475,7 +492,7 @@ ul.btn li:last-child {
 .blu {
      color: #0eadef;
 }
-
+/*
 .read_more {
      font-size: 17px;
      background-color: transparent;
@@ -496,25 +513,30 @@ ul.btn li:last-child {
      color: #fff !important;
      transition: ease-in all 0.5s;
 }
-
-
+*/
 /** about section **/
 
 .about {
      background: #fafafa;
-     padding: 90px 0;
+     padding: 50px 0;
 }
 
 .about .titlepage {
      text-align: left;
      padding: 0;
-     max-width: 669px;
+     /*max-width: 669px;*/
      width: 100%;
      float: left;
 }
+.titlepage {
+
+     display: flex;
+     flex-direction: column;
+     align-items: center;
+}
 
 .about .titlepage h2 {
-     margin-bottom: 40px;
+     margin-bottom: 20px;
 }
 
 .about .titlepage p {
@@ -522,9 +544,21 @@ ul.btn li:last-child {
      font-size: 17px;
      line-height: 35px;
      font-weight: 400;
-     padding-bottom: 50px;
+     padding: 0 20px;
+     max-width: 669px;
+     display: flex;
+     flex-direction: row;
+     flex-wrap: wrap;
+     justify-content: center;
+     /*text-align: left;*/
+}
+.about .titlepage p a {
+     display: block;
+     text-align: center; margin-right: 20px;
+}
+.about .titlepage p span{
+     display: block;
 }
-
 .about .titlepage .read_more {
      float: right;
 }
@@ -533,9 +567,10 @@ ul.btn li:last-child {
      margin: 0;
 }
 
+/*
 .about_img figure img {
      width: 100%;
-}
+}*/
 
 
 /** end about section **/
@@ -621,24 +656,34 @@ ul.easy li a:hover {
 /** work section **/
 
 .work {
-     background: #ffffff;
-     padding: 90px 0;
+     background: #0192c8;;
+     padding: 50px 0;
 }
 
+
 .work .titlepage {
      text-align: left;
      padding: 0;
      max-width: 648px;
      width: 100%;
+}
+.work .left
+{
+     padding-left: 20px;
      float: right;
 }
+.work .right {
+     padding-right: 20px;
+     float: left;
+}
 
 .work .titlepage h2 {
      margin-bottom: 40px;
+     color: #fff;
 }
 
 .work .titlepage p {
-     color: #010a05;
+     color: #fff;
      font-size: 17px;
      line-height: 35px;
      font-weight: 400;
@@ -742,7 +787,7 @@ ul.easy li a:hover {
 
 .footer {
      background: #212120;
-     padding-top: 85px;
+     padding-top: 30px;
      text-align: center;
 }
 
@@ -754,14 +799,22 @@ ul.easy li a:hover {
 .footer .titlepage h2 {
      color: #fff;
 }
+.footer .row
+{
+     justify-content: center;
+}
+
+.footer .address {
+     margin-right: 20px;
+}
 
 .footer .address h3 {
      color: #fff;
-     font-size: 30px;
-     line-height: 35px;
+     font-size: 26px;
      font-weight: 500;
-     padding-bottom: 20px;
      text-align: left;
+     padding: 0;
+     line-height: 35px;
 }
 
 ul.location_icon li {
@@ -798,10 +851,14 @@ ul.Menu_footer li a {
 ul.Menu_footer li a:hover {
      color: #0eadef;
 }
+ul.social_icon{
+     display: flex;
+     flex-direction: row;
+}
 
 ul.social_icon li {
      display: block;
-     padding-bottom: 11px;
+     margin-right: 10px;
 }
 
 ul.social_icon li a {
@@ -824,7 +881,6 @@ ul.social_icon li a i {
      font-size: 22px;
      border-radius: 30px;
      color: #000;
-     margin-top: -33px;
 }
 
 ul.social_icon li a i:hover {
@@ -873,8 +929,8 @@ ul.social_icon li a i:hover {
 }
 
 .copyright {
-     margin-top: 85px;
-     padding: 25px 0;
+     margin-top: 30px;
+     padding: 15px 0;
      background: #0192c8;
 }
 
diff --git a/icon/antos-16x16.png b/icon/antos-16x16.png
index 2c749ff..d8f8237 100644
Binary files a/icon/antos-16x16.png and b/icon/antos-16x16.png differ
diff --git a/icon/appimage.png b/icon/appimage.png
new file mode 100644
index 0000000..7081696
Binary files /dev/null and b/icon/appimage.png differ
diff --git a/icon/debian.png b/icon/debian.png
new file mode 100644
index 0000000..10dfe58
Binary files /dev/null and b/icon/debian.png differ
diff --git a/icon/docker.png b/icon/docker.png
new file mode 100644
index 0000000..4eb42e0
Binary files /dev/null and b/icon/docker.png differ
diff --git a/icon/github.png b/icon/github.png
new file mode 100644
index 0000000..35596ae
Binary files /dev/null and b/icon/github.png differ
diff --git a/images/about_img.jpg b/images/about_img.jpg
deleted file mode 100644
index 4cb1b96..0000000
Binary files a/images/about_img.jpg and /dev/null differ
diff --git a/images/antos-128x128.png b/images/antos-128x128.png
new file mode 100644
index 0000000..ccaa923
Binary files /dev/null and b/images/antos-128x128.png differ
diff --git a/images/antos-64x64.png b/images/antos-64x64.png
new file mode 100644
index 0000000..18b12c8
Binary files /dev/null and b/images/antos-64x64.png differ
diff --git a/images/antos-mobile.png b/images/antos-mobile.png
new file mode 100644
index 0000000..0c30e00
Binary files /dev/null and b/images/antos-mobile.png differ
diff --git a/images/antos-sdk.webp b/images/antos-sdk.webp
new file mode 100644
index 0000000..3c6f62a
Binary files /dev/null and b/images/antos-sdk.webp differ
diff --git a/images/antos-shot.png b/images/antos-shot.png
new file mode 100644
index 0000000..31c06aa
Binary files /dev/null and b/images/antos-shot.png differ
diff --git a/images/cross_top.png b/images/cross_top.png
deleted file mode 100644
index 4ca875f..0000000
Binary files a/images/cross_top.png and /dev/null differ
diff --git a/images/img2.png b/images/img2.png
deleted file mode 100644
index b5d549e..0000000
Binary files a/images/img2.png and /dev/null differ
diff --git a/images/logo.png b/images/logo.png
index 9f96a6e..59b7827 100644
Binary files a/images/logo.png and b/images/logo.png differ
diff --git a/images/market-place.png b/images/market-place.png
new file mode 100644
index 0000000..81de65c
Binary files /dev/null and b/images/market-place.png differ
diff --git a/index.html b/index.html
index ba23001..a104601 100644
--- a/index.html
+++ b/index.html
@@ -8,7 +8,7 @@
       <meta name="viewport" content="width=device-width, initial-scale=1">
       <meta name="viewport" content="initial-scale=1, maximum-scale=1">
       <!-- site metas -->
-      <title>potoub</title>
+      <title>AntOS Cloud-based working environment</title>
       <meta name="keywords" content="">
       <meta name="description" content="">
       <meta name="author" content="">
@@ -17,7 +17,7 @@
       <!-- style css -->
       <link rel="stylesheet" href="css/style.css">
       <!-- Responsive-->
-      <link rel="stylesheet" href="css/responsive.css">
+      <link rel="stylesheet" href="css/responsive.css"/>
       <!-- fevicon -->
       <link rel="icon" href="icon/antos-16x16.png" type="image/png" />
       <!-- Tweaks for older IEs-->
@@ -41,20 +41,16 @@
                         <div class="full">
                            <div class="center-desk">
                               <div class="logo">
-                                 <a href="index.html"><img src="images/logo.png" alt="#" /></a>
+                                 <a href="index.html"><img src="images/logo.png" alt="#" />AntOS</a>
                               </div>
                            </div>
                         </div>
                      </div>
                      <div class="col-xl-9 col-lg-9 col-md-9 col-sm-9">
                         <ul class="btn">
-                           <li class="down_btn"><a href="#">Download</a></li>
-                           <li><a href="#">Sign Up</a></li>
-                           <li><a href="#"><i class="fa fa-search" aria-hidden="true"></i></a></li>
-                           <li><button type="button" id="sidebarCollapse">
-                              <img src="images/menu_icon.png" alt="#" />
-                              </button>
-                           </li>
+                           <li class="down_btn"><a href="#about"><i class="fa fa-play" aria-hidden="true"></i> Download</a></li>
+                           <li><a href="#work"><i class="fa fa-book" aria-hidden="true"></i> Documentation</a></li>
+                           <li><a href="https://github.com/lxsang/antos">Github <i class="fa fa-github" aria-hidden="true"></i></a></li>
                         </ul>
                      </div>
                   </div>
@@ -77,14 +73,19 @@
                         <div class="row">
                            <div class="col-xl-5 col-lg-5 col-md-5 col-sm-12">
                               <div class="text-bg">
-                                 <h1>Get<br> Thinking A <br>long time</h1>
-                                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis </p>
-                                 <a class="read_more" href="#">Read more</a>
+                                 <h1>Your Cloud-Based, Self-Hosted Working Environment</h1>
+                                 <p>
+                                    AntOS is a web-based desktop platform that provides an all-in-one solution for setting up a cloud-based, self-hosted working environment.
+                                    It features backend API and services, a front-end web-based window manager, application APIs, a GUI toolkit, and file system abstractions.
+                                    <br/>
+                                    AntOS is designed to work across devices, including desktop computers and mobile devices.
+                                 </p>
+                                 <a class="read_more" href="https://app.iohub.dev/antos/"><i class="fa fa-globe" aria-hidden="true"></i> Online demo</a>
                               </div>
                            </div>
                            <div class="col-xl-7 col-lg-7 col-md-7 col-sm-12">
                               <div class="images_box">
-                                 <figure><img src="images/img2.png"></figure>
+                                 <figure><img src="images/antos-shot.png"></figure>
                               </div>
                            </div>
                         </div>
@@ -97,14 +98,17 @@
                         <div class="row">
                            <div class="col-xl-5 col-lg-5 col-md-5 col-sm-12">
                               <div class="text-bg">
-                                 <h1>Get<br> Thinking A <br>long time</h1>
-                                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis </p>
-                                 <a class="read_more" href="#">Read more</a>
+                                 <h1>Integrated application store</h1>
+                                 <p>
+                                    The integrated Market Place provides users with a wide range of applications, services and libraries.
+                                 </p>
+                                 <a class="read_more" href="https://app.iohub.dev/antos/"><i class="fa fa-globe" aria-hidden="true"></i> Online demo</a>
+                                 <!--a class="read_more" href="https://app.iohub.dev/antos/">Online demo</a-->
                               </div>
                            </div>
                            <div class="col-xl-7 col-lg-7 col-md-7 col-sm-12">
                               <div class="images_box">
-                                 <figure><img src="images/img2.png"></figure>
+                                 <figure><img src="images/market-place.png"></figure>
                               </div>
                            </div>
                         </div>
@@ -117,14 +121,17 @@
                         <div class="row">
                            <div class="col-xl-5 col-lg-5 col-md-5 col-sm-12">
                               <div class="text-bg">
-                                 <h1>Get<br> Thinking A <br>long time</h1>
-                                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis </p>
-                                 <a class="read_more" href="#">Read more</a>
+                                 <h1>In-browser application devlopment</h1>
+                                 <p> It also includes an SDK and development environment for in-browser application development, deployment, and packaging. 
+                                    <br />
+                                    The SDK supports application development in Javascript, Typescript or Coffeescript</p>
+                                 <a class="read_more" href="https://app.iohub.dev/antos/"><i class="fa fa-globe" aria-hidden="true"></i> Online demo</a>
+                                 <!--a class="read_more" href="#">Read more</a-->
                               </div>
                            </div>
                            <div class="col-xl-7 col-lg-7 col-md-7 col-sm-12">
                               <div class="images_box">
-                                 <figure><img src="images/img2.png"></figure>
+                                 <figure><img src="images/antos-sdk.webp"></figure>
                               </div>
                            </div>
                         </div>
@@ -144,24 +151,29 @@
          <div id="about"  class="about">
             <div class="container-fluid">
                <div class="row d_flex">
-                  <div class="col-md-5">
+                  <!--div class="col-md-5">
                      <div class="about_img">
-                        <figure><img src="images/about_img.jpg" alt="#"/></figure>
+                        <figure><img src="images/antos-128x128.png" alt="#"/></figure>
                      </div>
-                  </div>
-                  <div class="col-md-7">
+                  </div-->
+                  <!--div class="col-md-7"-->
                      <div class="titlepage">
-                        <h2>About <span class="blu">Software</span></h2>
-                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit </p>
-                        <a class="read_more">Read More</a>
+                        <figure><img src="images/antos-128x128.png" alt="#"/></figure>
+                        <h2>Download <span class="blu">antOS</span></h2>
+                        <p>
+                           <a href="https://github.com/lxsang/antos"><img src="icon/github.png"><span>Source code</span></a>
+                           <a href="https://hub.docker.com/r/xsangle/antosaio"><img src="icon/docker.png"><span>Docker hub</span></a>
+                           <a href="https://ci.iohub.dev/public/antos-release/binaries/deb/"><img src="icon/debian.png"><span>Debian binaries</span></a>
+                           <a href="https://ci.iohub.dev/public/antos-release/binaries/"><img src="icon/appimage.png"><span>Appimage binaries</span></a>
+                        </p>
                      </div>
-                  </div>
+                  <!--/div-->
                </div>
             </div>
          </div>
          <!-- end about -->
          <!-- choose  section -->
-         <div class="choose ">
+         <!--div class="choose ">
             <div class="container">
                <div class="row">
                   <div class="col-md-12">
@@ -196,22 +208,35 @@
                   </div>
                </div>
             </div>
-         </div>
+         </div-->
          <!-- end choose  section -->
          <!-- work -->
          <div id="work"  class="work">
             <div class="container-fluid">
                <div class="row d_flex">
-                  <div class="col-md-7">
-                     <div class="titlepage">
-                        <h2>How To <span class="blu">Works it</span></h2>
-                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit </p>
-                        <a class="read_more">Read More</a>
+                  <div class="col-md-6">
+                     <div class="titlepage left">
+                        <h2>Getting started</h2>
+                        <a href="https://doc.iohub.dev/antos/" class="read_more">Read the doc v1.0.x</a>
+                        <p>
+                           The user manual and development guide are currently a work-in-progress (the current available documentation is outdated - v1.0.x).
+                           <br/>
+                           Any contribution for the doc is welcome.
+                           <br /> &nbsp;
+                        </p>
+                        
                      </div>
                   </div>
-                  <div class="col-md-5">
-                     <div class="work_img">
-                        <figure><img src="images/work_img.jpg" alt="#"/></figure>
+                  <div class="col-md-6">
+                     <div class="titlepage right">
+                        <h2>Development API</h2>
+                        <a href="https://ci.iohub.dev/public/antos-release/doc/2.0.x/" class="read_more">Latest API v.2.0.x</a>
+                        <p>
+                           AntOS API documentation is generated automatically by Jenkins from Typescript source code comments (format JSDOC).
+                           <br />
+                          Generated API documentations for all versions are available at: <a href='https://ci.iohub.dev/public/antos-release/doc/'>https://ci.iohub.dev/public/antos-release/doc/</a>
+                        </p>
+                        
                      </div>
                   </div>
                </div>
@@ -219,7 +244,7 @@
          </div>
          <!-- end work -->
          <!-- request -->
-         <div id="contact" class="request">
+         <!--div id="contact" class="request">
             <div class="container">
                <div class="row">
                   <div class="col-md-12">
@@ -255,15 +280,27 @@
                   </div>
                </div>
             </div>
-         </div>
+         </div-->
          <!-- end request -->
          <!--  footer -->
          <footer>
             <div class="footer">
                <div class="container">
                   <div class="row">
-                     <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12">
+                     <div class="address">
+                        <h3>Follow Me</h3>
+                     </div>
+                     <ul class="social_icon">
+                        <li><a href="https://twitter.com/lexsang"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
+                        <li><a href="https://www.linkedin.com/in/dany-xuan-sang-le-55310116b/"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
+                        <li><a href="https://github.com/lxsang"><i class="fa fa-github" aria-hidden="true"></i></a></li>
+                        <li><a href="https://iohub.dev"><i class="fa fa-globe" aria-hidden="true"></i></a></li>
+                     </ul>
+                     <!--div class="col-xl-6 col-lg-6 col-md-12 col-sm-12">
                         <div class="row">
+                           <div class="address">
+                                 <h3>Follow Me</h3>
+                              </div>
                            <div class="col-md-8 col-sm-6">
                               <div class="address">
                                  <h3>Address </h3>
@@ -289,14 +326,13 @@
                         <div class="row">
                            <div class="col-md-5 col-sm-6">
                               <div class="address">
-                                 <h3>Follow Us</h3>
+                                 <h3>Follow Me</h3>
                               </div>
                               <ul class="social_icon">
-                                 <li><a href="#">Facebook <i class="fa fa-facebook" aria-hidden="true"></i></a></li>
-                                 <li><a href="#"> Twitter<i class="fa fa-twitter" aria-hidden="true"></i></a></li>
-                                 <li><a href="#"> Linkedin<i class="fa fa-linkedin-square" aria-hidden="true"></i></a></li>
-                                 <li><a href="#"> Youtube<i class="fa fa-youtube-play" aria-hidden="true"></i></a></li>
-                                 <li><a href="#"> Instagram<i class="fa fa-instagram" aria-hidden="true"></i></a></li>
+                                 <li><a href="https://twitter.com/lexsang"> Twitter<i class="fa fa-twitter" aria-hidden="true"></i></a></li>
+                                 <li><a href="https://www.linkedin.com/in/dany-xuan-sang-le-55310116b/"> Linkedin<i class="fa fa-linkedin-square" aria-hidden="true"></i></a></li>
+                                 <li><a href="https://github.com/lxsang"> Github<i class="fa fa-github" aria-hidden="true"></i></a></li>
+                                 <li><a href="https://iohub.dev"> My website<i class="fa fa-globe" aria-hidden="true"></i></a></li>
                               </ul>
                            </div>
                            <div class="col-md-7 col-sm-6">
@@ -309,14 +345,14 @@
                               </form>
                            </div>
                         </div>
-                     </div>
+                     </div-->
                   </div>
                </div>
                <div class="copyright">
                   <div class="container">
                      <div class="row">
                         <div class="col-md-12">
-                           <p>Copyright 2019 All Right Reserved By <a href="https://html.design/"> Free  html Templates</a></p>
+                           <p>Copyright 2022, All Right Reserved By <a href="https://iohub.dev/"> Dany LE</a></p>
                         </div>
                      </div>
                   </div>