diff --git a/assets/img/login.jpg b/assets/img/login.jpg
new file mode 100644
index 0000000..b758f86
Binary files /dev/null and b/assets/img/login.jpg differ
diff --git a/index.html b/index.html
index 61623d8..66aab40 100644
--- a/index.html
+++ b/index.html
@@ -9,59 +9,50 @@
   <link rel="stylesheet" href="slbots.css" type="text/css">
   <link rel="stylesheet" href="assets/css/nucleo-icons.css" type="text/css">
   <script src="assets/js/navbar-ontop.js"></script>
-  <link rel="icon" href="https://templates.pingendo.com/assets/slbots.ico">
+  <link rel="icon" href="https://telegra.ph/file/821b422f74fdf674277fa.jpg">
   <title>SL Bots</title>
   <meta name="description" content="The Official Bot Development &amp; Management of Sri Lanka">
   <meta name="keywords" content="slbots, sl bots, sri lanka, trtechguide, tharukrenuja">
+      <!-- Open Graph / Facebook -->
+  <meta property="og:type" content="website">
+  <meta property="og:url" content="http://www.slbots.tk/">
+  <meta property="og:image" content="https://telegra.ph/file/821b422f74fdf674277fa.jpg">
 </head>
 
 <body class="">
-  <nav class="navbar navbar-expand-md navbar-dark mb-4 bg-info navbar-dark fixed-top">
-    <div class="container">
-      <a class="navbar-brand" title="SL Bots Official" data-placement="bottom" data-toggle="tooltip" href="slbots.tk"><b>SL BOTS OFFICIAL</b></a>
-      <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarNowUIKitFree">
+  <nav class="navbar navbar-expand-md fixed-top navbar-dark bg-dark">
+    <div class="container"> <button class="navbar-toggler navbar-toggler-right border-0" type="button" data-toggle="collapse" data-target="#navbar13" aria-expanded="true">
         <span class="navbar-toggler-icon"></span>
       </button>
-      <div class="collapse navbar-collapse text-center justify-content-end" id="navbarInfoContent">
-        <ul class="navbar-nav">
-          <li class="nav-item mx-1">
-            <a class="nav-link active align-items-center d-flex" href="#bots">Our Bots</a>
-          </li>
-          <li class="nav-item mx-1">
-            <a class="nav-link align-items-center d-flex" href="#team">Our Team</a>
-          </li>
-          <li class="nav-item mx-1">
-            <a class="nav-link align-items-center d-flex" href="#donate">Donate</a>
-          </li>
+      <div class="navbar-collapse collapse show" id="navbar13" style=""> <a class="navbar-brand d-none d-md-block" href="http://www.slbots.tk">
+          <i class="fa d-inline fa-lg fa fa-telegram"></i>
+          <b> SL BOTS OFFICIAL</b>
+        </a>
+        <ul class="navbar-nav mx-auto">
+          <li class="nav-item"> <a class="nav-link" href="#bots">Bots</a> </li>
+          <li class="nav-item"> <a class="nav-link" href="#team">Team</a> </li>
+          <li class="nav-item"> <a class="nav-link" href="#donate">Donate</a> </li>
+          <li class="nav-item"> <a class="nav-link" href="#about">About</a> </li>
         </ul>
-        <ul class="navbar-nav flex-row justify-content-center mt-2 mt-md-0">
-          <li class="nav-item mx-1">
-            <a href="t.me/SLBotsOfficial" data-placement="bottom" data-toggle="tooltip" title="Follow us on Telegram">
-              <i class="fa fa-fw fa-telegram fa-2x"></i>
-            </a>
-          </li>
-          <ul class="navbar-nav flex-row justify-content-center mt-2 mt-md-0">
-            <li class="nav-item mx-1">
-              <a href="twitter.com/TRenuja" data-placement="bottom" data-toggle="tooltip" title="Follow us on Twitter">
-                <i class="fa fa-fw fa-twitter fa-2x"></i>
-              </a>
-            </li>
-            <li class="nav-item mx-3 mx-md-1">
-              <a href="facebook.com/slbotsofficial" data-placement="bottom" data-toggle="tooltip" title="Like us on Facebook">
-                <i class="fa fa-fw fa-facebook-official fa-2x"></i>
-              </a>
-            </li>
-            <li class="nav-item ml-1">
-              <a href="instagram.com/imtharuk" data-placement="bottom" data-toggle="tooltip" title="Follow us on Instagram">
-                <i class="fa fa-fw fa-instagram fa-2x"></i>
-              </a>
-            </li>
-            <li class="nav-item ml-1">
-              <a href="youtube.com/channel/UCoqH50psZdxpiSMIFZi6OFQ" data-placement="bottom" data-toggle="tooltip" title="Subscribe Us on YouTube">
-                <i class="fa fa-fw fa-youtube fa-2x"></i>
-              </a>
-            </li>
-          </ul>
+        <ul class="navbar-nav">
+          <li class="nav-item"> <a class="nav-link" href="https://t.me/SLBotsOfficial" target="_blank">
+              <i class="fa fa-telegram fa-fw"></i>
+            </a> </li>
+          <li class="nav-item"> <a class="nav-link" href="https://twitter.com/TRenuja" target="_blank">
+              <i class="fa fa-twitter fa-fw"></i>
+            </a> </li>
+          <li class="nav-item"> <a class="nav-link" href="https://facebook.com/slbotsofficial" target="_blank">
+              <i class="fa fa-facebook fa-fw"></i>
+            </a> </li>
+          <li class="nav-item"> <a class="nav-link" href="https://youtube.com/channel/UCoqH50psZdxpiSMIFZi6OFQ" target="_blank">
+              <i class="fa fa-youtube fa-fw"></i>
+            </a> </li>
+          <li class="nav-item"> <a class="nav-link" href="instagram.com/imtharuk" target="_blank">
+              <i class="fa fa-instagram fa-fw"></i>
+            </a> </li>
+          <li class="nav-item"> <a class="nav-link" href="https://github.com/sl-bots" target="_blank">
+              <i class="fa fa-github fa-fw"></i>
+            </a> </li>
         </ul>
       </div>
     </div>
@@ -86,7 +77,7 @@ <h3 class="mb-5" style="">The Official Bot Development &amp; Management of Sri L
       </div>
     </div>
   </section>
-  <section id="bots" style="	background-image: url(&quot;https://bit.ly/3fACFCi&quot;);	background-position: top left;	background-size: 100%;	background-repeat: repeat;">
+  <section id="bots" style="	background-image: url(&quot;https://static.pingendo.com/cover-stripes.svg&quot;);	background-position: top left;	background-size: 100%;	background-repeat: repeat;">
     <div class="bots container">
       <center>
         <div class="row">
@@ -97,15 +88,15 @@ <h5><i>Few of them are listed on here </i></h5>
         <div class="row">
           <div class="col-lg-4 col-md-6 p-4"> <img class="img-fluid d-block mb-3 mx-auto rounded-circle" src="https://bit.ly/3tDD7YO" alt="Card image cap" width="200" herf="t.me/TharukRenuja">
             <h4> <b>Amanda</b> </h4>
-            <p>Amanda-A next gen powerful telegram group manager bot for manage your groups and have fun with other cool modules like as URL Uploader, Youtube Downloader, File To Link with Ai features.</p><a class="btn btn-outline-dark" href="t.me/TheAmandabot">Start it Now <i class="fa fa-send fa-fw"></i> </a>
+            <p>Amanda-A next gen powerful telegram group manager bot for manage your groups and have fun with other cool modules like as URL Uploader, Youtube Downloader, File To Link with Ai features.</p><a class="btn btn-outline-dark" href="https://t.me/TheAmandabot">Start it Now <i class="fa fa-send fa-fw"></i> </a>
           </div>
           <div class="col-lg-4 col-md-6 p-4"> <img class="img-fluid d-block mb-3 mx-auto rounded-circle" src="assets/img/vstream.jpg" alt="Card image cap" width="200" herf="t.me/TharukRenuja">
             <h4> <b>Video Stream</b> </h4>
-            <p>Video stream is a telegram bot project for streaming a video trought the telegram group video chat. Streaming video from mp4 video/file video, Youtube live streaming is some features.</p><a class="btn btn-outline-dark" href="t.me/videostreamslbot">Start it Now <i class="fa fa-send fa-fw"></i> </a>
+            <p>Video stream is a telegram bot project for streaming a video trought the telegram group video chat. Streaming video from mp4 video/file video, Youtube live streaming is some features.</p><a class="btn btn-outline-dark" href="https://t.me/videostreamslbot">Start it Now <i class="fa fa-send fa-fw"></i> </a>
           </div>
           <div class="col-lg-4 col-md-6 p-4"> <img class="img-fluid d-block mb-3 mx-auto rounded-circle" src="assets/img/like.jpg" alt="Card image cap" width="200" herf="t.me/TharukRenuja">
             <h4> <b>Like Bot</b> </h4>
-            <p>Like bot is a react bot. It can help you create posts with emoji-based like buttons, share them with your friends and collect their reactions. Try me in inline mode as well to quickly create posts with ❤️/💔 buttons.</p><a class="btn btn-outline-dark" href="t.me/like_slbot">Start it Now <i class="fa fa-send fa-fw"></i> </a>
+            <p>Like bot is a react bot. It can help you create posts with emoji-based like buttons, share them with your friends and collect their reactions. Try me in inline mode as well to quickly create posts with ❤️/💔 buttons.</p><a class="btn btn-outline-dark" href="https://t.me/like_slbot">Start it Now <i class="fa fa-send fa-fw"></i> </a>
           </div>
         </div>
         <div class="row">
@@ -175,244 +166,27 @@ <h4> <b>Minidu Anuhas</b> </h4>
       </div>
     </div>
   </section>
-  <!--<div class="py-5 mt-4">
-    <div class="container">
-      <div class="row">
-        <div class="col-md-12">
-          <h3 class="mt-3">
-            <b>Javascript components</b>
-          </h3>
-        </div>
-      </div>
-      <div class="row">
-        <div class="col-md-6">
-          <h4 class="mb-3">Modal</h4>
-          <div>
-            <a class="btn btn-primary" href="#" data-toggle="modal" data-target="#modal1">Launch Modal</a>
-            <a class="btn btn-warning" href="#" data-toggle="modal" data-target="#modal2">Launch Modal Mini</a>
-          </div>
-        </div>
-        <div class="col-md-6">
-          <h4 class="mb-3">Popovers</h4>
-          <button class="btn btn-secondary" type="button" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-toggle="popover" title="Popover On Left" data-placement="left">On left</button>
-          <button class="btn btn-secondary" type="button" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-placement="top" data-toggle="popover" title="Popover On Top">On top</button>
-          <button class="btn btn-secondary" type="button" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-toggle="popover" title="Popover On Right" data-placement="right">On right</button>
-          <button class="btn btn-secondary" type="button" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-toggle="popover" title="Popover On Bottom" data-placement="bottom">On bottom</button>
-        </div>
-      </div>
-      <div class="row mt-5">
-        <div class="col-md-4">
-          <h4 class="mb-3">Datepicker</h4>
-          <input type="text" class="form-control" id="datepicker-example" placeholder="05/03/1965">
-        </div>
-        <div class="col-md-2"> </div>
-        <div class="col-md-6">
-          <h4 class="mb-3">Tooltips</h4>
-          <button class="btn btn-secondary" type="button" data-toggle="tooltip" title="Tooltip on left" data-placement="left" data-animation="true" data-delay="100">On left</button>
-          <button class="btn btn-secondary" type="button" data-toggle="tooltip" title="Tooltip on top" data-placement="top" data-animation="true" data-delay="100">On top</button>
-          <button class="btn btn-secondary" type="button" data-toggle="tooltip" title="Tooltip on right" data-placement="right" data-animation="true" data-delay="100">On bottom</button>
-          <button class="btn btn-secondary" type="button" data-toggle="tooltip" title="Tooltip on bottom" data-placement="bottom" data-animation="true" data-delay="100">On right</button>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div class="py-5">
-    <div class="container">
-      <div class="row">
-        <div class="col-md-12">
-          <h4 class="mb-4">Carousel</h4>
-        </div>
-      </div>
-      <div class="row my-5">
-        <div class="mx-auto col-8">
-          <div id="carousel" class="carousel slide" data-ride="carousel">
-            <ol class="carousel-indicators">
-              <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"> </li>
-              <li data-target="#carouselExampleIndicators" data-slide-to="1"> </li>
-              <li data-target="#carouselExampleIndicators" data-slide-to="2"> </li>
-            </ol>
-            <div class="carousel-inner">
-              <div class="carousel-item active">
-                <img class="d-block img-fluid w-100" src="assets/img/bg1.jpg">
-                <div class="carousel-caption ">
-                  <h5>Nature, United States</h5>
-                </div>
-              </div>
-              <div class="carousel-item">
-                <img class="d-block img-fluid w-100" src="assets/img/bg3.jpg">
-                <div class="carousel-caption">
-                  <h5>Somewhere Beyond, United States</h5>
-                </div>
-              </div>
-              <div class="carousel-item">
-                <img class="img-fluid" src="assets/img/bg4.jpg">
-                <div class="carousel-caption">
-                  <h5>Yellowstone National Park, United States</h5>
-                </div>
-              </div>
-            </div>
-            <a class="carousel-control-prev" href="#carousel" role="button" data-slide="prev">
-              <i class="now-ui-icons arrows-1_minimal-left x3"></i>
-              <span class="sr-only">Previous</span>
-            </a>
-            <a class="carousel-control-next" href="#carousel" role="button" data-slide="next" >
-              <i class="now-ui-icons arrows-1_minimal-right x3"></i>
-              <span class="sr-only">Next</span>
-            </a>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div class="py-5">
-    <div class="container">
-      <div class="row">
-        <div class="col-md-6">
-          <h2 class="my-3">
-            <b>Nucleo icons</b>
-          </h2>
-          <p class="lead mb-4"> Now UI Kit comes with 100 custom icons made by our friends from NucleoApp. The official package contains over 2.100 thin icons which are looking great in combination with Now UI Kit Make sure you check all of them and use those that you like the most. </p>
-          <a class="btn btn-primary rounded btn-lg" href="https://demos.creative-tim.com/now-ui-kit/nucleo-icons.html" target="blank">View Demo Icons</a>
-          <a class="btn btn-outline-primary rounded mx-2 btn-lg" href="https://nucleoapp.com/?ref=1712" target="blank">View All Icons</a>
-        </div>
-        <div class="col-md-6">
-          <img class="img-fluid d-block" src="assets/img/icons.png"> </div>
-      </div>
-    </div>
-  </div>
-  <div class="py-5">
-    <div class="container">
-      <div class="row">
-        <div class="mx-auto col-xl-8 col-md-10">
-          <h2 class="my-3 text-center">
-            <b>Completed with examples</b>
-          </h2>
-          <p class="lead text-center"> The kit comes with three pre-built pages to help you get started faster. You can change the text and images and you're good to go. More importantly, looking at them will give you a picture of what you can built with this powerful Bootstrap 4 ui kit. </p>
-        </div>
-      </div>
-    </div>
-  </div>--&gt;
-  <!--<div class="py-5 bg-dark" style="background-image: url(&quot;assets/img/bg11.jpg&quot;); background-size: cover; background-position: center top;">
-    <div class="container">
-      <div class="row my-4">
-        <div class="mx-auto col-md-6 col-10 col-xl-4 px-4">
-          <div class="card bg-primary">
-            <div class="card-body text-center">
-              <div class="row mt-5">
-                <div class="col-md-12">
-                  <h5 class="mb-4">
-                    <b>SIGN UP</b>
-                  </h5>
-                  <button class="btn btn-icon rounded btn-light mx-1 btn-facebook shadow" type="button">
-                    <i class="fa fa-fw fa-lg fa-facebook-square"></i>
-                  </button>
-                  <button class="btn btn-icon rounded btn-lg btn-light mx-1 btn-twitter shadow" type="button">
-                    <i class="fa fa-fw fa-2x fa-twitter"></i>
-                  </button>
-                  <button class="btn btn-icon rounded btn-light mx-1 btn-google shadow" type="button">
-                    <i class="fa fa-fw fa-google-plus fa-lg"></i>
-                  </button>
-                </div>
-              </div>
-              <div class="row mt-4 pt-2">
-                <div class="col">
-                  <form >
-                    <div class="form-group mb-2">
-                      <div class="input-group border-0">
-                        <div class="input-group-prepend">
-                          <span class="input-group-text" id="basic-addon1">
-                            <i class="now-ui-icons users_circle-08 lg"></i>
-                          </span>
-                        </div>
-                        <input type="text" class="form-control" id="inlineFormInputGroup" placeholder="First Name...">
-                      </div>
-                    </div>
-                    <div class="form-group mb-2">
-                      <div class="input-group border-0">
-                        <div class="input-group-prepend ">
-                          <span class="input-group-text" id="basic-addon1">
-                            <i class="now-ui-icons text_caps-small lg"></i>
-                          </span>
-                        </div>
-                        <input type="text" class="form-control" id="inlineFormInputGroup" placeholder="Last Name...">
-                      </div>
-                    </div>
-                    <div class="form-group mb-3">
-                      <div class="input-group border-0">
-                        <div class="input-group-prepend ">
-                          <span class="input-group-text" id="basic-addon1">
-                            <i class="now-ui-icons ui-1_email-85 lg"></i>
-                          </span>
-                        </div>
-                        <input type="text" class="form-control" id="inlineFormInputGroup" placeholder="Email...">
-                      </div>
-                    </div>
-                    <button type="submit" class="btn mt-4 mb-3 btn-light rounded btn-lg text-primary">Get Started</button>
-                  </form>
-                </div>
-              </div>
-            </div>
+  <section id="donate">
+    <div class="py-5 text-center" style="	background-image: url(&quot;https://bit.ly/3rvTROH&quot;);	background-position: top left;	background-size: 100%;	background-repeat: repeat;">
+      <div class="container">
+        <div class="row" style="	background-image: url(https://bit.ly/3IcykBu);	background-position: top left;	background-size: 100%;	background-repeat: repeat;">
+          <div class="mx-auto col-lg-6 col-10" style="	background-image: url(https://bit.ly/3IcykBu);	background-position: top left;	background-size: 100%;	background-repeat: repeat;">
+            <h1>Donate</h1>
+            <p class="mb-3">You can donate us VPS, RDP for host bots. We don't need money. We're doing this for joy &amp; help to others. If can please donate to us</p>
+            <form name="donate" netlify="">
+              <div class="form-group" netlify=""> <label for="form16">Your Name</label> <input type="text" class="form-control" id="form16" placeholder="Tharuk Renuja"> </div>
+              <div class="form-group" netlify=""> <label for="form17">Your Donate</label> <input type="text" class="form-control" id="form17" placeholder="RDP"> </div>
+              <div class="form-group" netlify=""> <label for="form18">Your email</label> <input type="email" class="form-control" id="form18" placeholder="slbotsofficial@protonmail.com"> </div>
+              <div class="form-group" netlify="">
+                <div class="form-check" netlify=""> <input class="form-check-input" type="checkbox" id="form21" value="on"> <label class="form-check-label" for="form21">I would like donate this team for more better creations. <a href="https://t.me/TharukRenuja/10">Term and Conditions</a> </label> </div>
+              </div> <button type="submit" class="btn btn-primary">Submit</button>
+            </form>
           </div>
         </div>
       </div>
-      <div class="row text-center">
-        <div class="col">
-          <a class="btn rounded btn-lg btn-outline-secondary" href="#">View Login Page</a>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div class="pt-5 bg-dark">
-    <div class="container">
-      <div class="row my-5 py-5">
-        <div class="col-6 text-center">
-          <img src="assets/img/landing.jpg" class="img-fluid">
-          <a class="btn btn-outline-light my-4 rounded" href="#">View Landing Page</a>
-        </div>
-        <div class="col-6 text-center">
-          <img src="assets/img/profile.jpg" class="img-fluid">
-          <a class="btn btn-outline-light my-4 rounded" href="#">View Login Page</a>
-        </div>
-      </div>-->
-  <!--<div class="row my-5 pt-5" id="download">
-        <div class="col-12 text-center mx-auto col-md-10 col-xl-8">
-          <h3 class="mb-4">
-            <b>Do you love this Bootstrap 4 UI Kit? </b>
-          </h3>
-          <p class="lead mb-5"> Cause if you do, it can be yours for FREE. Surf Pingendo Template web page or Creative Tim website and download it. Start a new project or give an old Bootstrap project a new look! </p>
-          <a class="btn btn-primary mx-1 my-3 rounded btn-lg" href="https://templates.pingendo.com/" target="_blank">Download from Pingendo</a>
-          <a class="btn btn-outline-light my-3 rounded btn-lg" href="https://www.creative-tim.com/" target="_blank"> Creative Tim <span class="badge badge-dark mb-0"> coming soon! </span>
-          </a>
-        </div>
-      </div>-->
-  <div class="py-5 text-center" style="	background-image: url(&quot;https://bit.ly/3rvTROH&quot;);	background-position: top left;	background-size: 100%;	background-repeat: repeat;">
-    <div class="container">
-      <div class="row" style="	background-image: url(https://bit.ly/3IcykBu);	background-position: top left;	background-size: 100%;	background-repeat: repeat;">
-        <div class="mx-auto col-lg-6 col-10" style="	background-image: url(https://bit.ly/3IcykBu);	background-position: top left;	background-size: 100%;	background-repeat: repeat;">
-          <h1>Donate</h1>
-          <p class="mb-3">You can donate us VPS, RDP for host bots. We don't need money. We're doing this for joy &amp; help to others. If can please donate to us</p>
-          <form class="text-left">
-            <div class="form-group"> <label for="form16">Your Name</label> <input type="text" class="form-control" id="form16" placeholder="Tharuk Renuja"> </div>
-            <div class="form-group"> <label for="form17">Your Donation</label> <input type="text" class="form-control" id="form17" placeholder="RDP."> </div>
-            <div class="form-group"> <label for="form18">Your email</label> <input type="email" class="form-control" id="form18" placeholder="slbotsofficial@protonmail.com"> </div>
-            <div class="form-row">
-            </div>
-            <div class="form-group">
-              <div class="form-check"> <input class="form-check-input" type="checkbox" id="form21" value="on"> <label class="form-check-label" for="form21"> I would like donate this team for more better creations.</label> </div>
-              <div class="row"></div>
-              <center><a class="btn text-white" href="https://t.me/TharukRenuja/10" style="background:#55acee" target="_blank"><i class="fa fa-telegram fa-fw fa-1x py-1"></i> Submit</a></center>
-            </div>
-          </form>
-        </div>
-      </div>
-    </div>
-  </div>
-  <section id="donate">
-    <div class="row mt-5">
-      <div> </div>
     </div>
   </section>
-  <section id="footer">
+  <section id="about">
     <div class="py-3" style="">
       <div class="container">
         <div class="row">
@@ -427,9 +201,9 @@ <h5> <b>Main</b> </h5>
           <div class="col-lg-3 col-6 p-3">
             <h5> <b>Others</b> </h5>
             <ul class="list-unstyled">
-              <li> <a href="t.me/SLBotsOfficial">Channel</a> </li>
-              <li> <a href="t.me/trtechguide">Group</a> </li>
-              <li> <a href="t.me/TharukRenuja">Owner</a> </li>
+              <li> <a href="https://t.me/SLBotsOfficial">Channel</a> </li>
+              <li> <a href="https://t.me/trtechguide">Group</a> </li>
+              <li> <a href="https://t.me/TharukRenuja">Owner</a> </li>
             </ul>
           </div>
           <div class="col-lg-3 col-md-6 p-3">
@@ -439,50 +213,50 @@ <h5> <b>About</b> </h5>
           <div class="col-lg-3 col-md-6 p-3">
             <h5> <b>Follow us</b> </h5>
             <div class="row">
-              <div class="col-md-12 d-flex align-items-center justify-content-between my-2"> <a href="#">
+              <div class="col-md-12 d-flex align-items-center justify-content-between my-2">
+                <a href="https://facebook.com/slbotsofficial">
                   <i class="d-block fa fa-facebook-official text-muted fa-lg mr-2"></i>
-                </a> <a href="facebook.com/slbotsofficial">
+                </a> <a href="https://t.me/SLBotsOfficial">
                   <i class="d-block fa fa-telegram text-muted fa-lg mx-2"></i>
-                </a> <a href="t.me/SLBotsOfficial">
+                </a> <a href="https://github.com/SL-bots">
                   <i class="d-block fa fa-github text-muted fa-lg mx-2"></i>
-                </a> <a href="github.com/SL-bots">
+                </a> <a href="https://youtube.com/channel/UCoqH50psZdxpiSMIFZi6OFQ">
                   <i class="d-block fa fa-youtube text-muted fa-lg mx-2"></i>
-                </a> <a href="youtube.com/channel/UCoqH50psZdxpiSMIFZi6OFQ">
+                </a> <a href="https://twitter.com/TRenuja">
                   <i class="d-block fa fa-twitter text-muted fa-lg mx-2"></i>
-                </a> <a href="twitter.com/TRenuja"> </a></div><a href="twitter.com/TRenuja">
-              </a>
-            </div><a href="twitter.com/TRenuja">
-            </a>
-          </div><a href="twitter.com/TRenuja">
-          </a>
-        </div><a href="twitter.com/TRenuja">
-          <div class="row">
-            <div class="col-md-12 text-center">
-              <p class="mb-0 mt-2">© 2021 SL Bots. All rights reserved</p>
+                </a>
+              </div>
+              <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
+              <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
+              <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" crossorigin="anonymous" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"></script>
+              <script src="assets/js/parallax.js"></script>
+              <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.7.1/js/bootstrap-datepicker.js"></script>
+              <script>
+                $(document).ready(function() {
+                  $('[data-toggle="popover"]').popover();
+                  $('[data-toggle="tooltip"]').tooltip();
+                  $('#datepicker-example').datepicker({
+                    calendarWeeks: true,
+                    autoclose: true,
+                    todayHighlight: true
+                  });
+                });
+              </script>
             </div>
           </div>
-        </a>
-      </div><a href="twitter.com/TRenuja">
-      </a>
-    </div><a href="twitter.com/TRenuja">
-      <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
-      <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
-      <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" crossorigin="anonymous" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"></script>
-      <script src="assets/js/parallax.js"></script>
-      <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.7.1/js/bootstrap-datepicker.js"></script>
-      <script>
-        $(document).ready(function() {
-          $('[data-toggle="popover"]').popover();
-          $('[data-toggle="tooltip"]').tooltip();
-          $('#datepicker-example').datepicker({
-            calendarWeeks: true,
-            autoclose: true,
-            todayHighlight: true
-          });
-        });
-      </script>
-    </a>
+        </div>
+      </div>
+    </div>
   </section>
+  <div class="py-3">
+    <div class="container">
+      <div class="row">
+        <div class="col-md-12 text-center">
+          <p class="mb-0">© 2021 SL Bots. All rights reserved</p>
+        </div>
+      </div>
+    </div>
+  </div>
 </body>
 
-</html>
\ No newline at end of file
+</html>
diff --git a/slbots.css b/slbots.css
index 120422f..ac4bb67 100644
--- a/slbots.css
+++ b/slbots.css
@@ -1,6 +1,6 @@
 /*!
 */
-@import url("https://fonts.googleapis.com/css?family=Montserrat:200,400,700");
+@import url("https://fonts.googleapis.com/css?family=Montserrat:200,400,700&display=swap");
 /*!
  * Copyright 2021-2021 SLBotsOfficial & TharukRenuja
  */
@@ -8126,161 +8126,3 @@ html, body {
 
 .shadow-none {
   box-shadow: none !important; }
-
-/* Header section */
-#header {
-  position: fixed;
-  z-index: 1000;
-  left: 0;
-  top: 0;
-  width: 100vw;
-  height: auto; }
-
-#header .header {
-  min-height: 8vh;
-  background-color: rgba(31, 30, 30, 0.24);
-  transition: .3s ease background-color; }
-
-#header .nav-bar {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  width: 100%;
-  height: 100%;
-  max-width: 1300px;
-  padding: 0 10px; }
-
-#header .nav-list ul {
-  list-style: none;
-  position: absolute;
-  background-color: #1f1e1e;
-  width: 100vw;
-  height: 100vh;
-  left: 100%;
-  top: 0;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  z-index: 1;
-  overflow-x: hidden;
-  transition: .5s ease left; }
-
-#header .nav-list ul.active {
-  left: 0%; }
-
-#header .nav-list ul a {
-  font-size: 2.5rem;
-  font-weight: 500;
-  letter-spacing: .2rem;
-  text-decoration: none;
-  color: white;
-  text-transform: uppercase;
-  padding: 20px;
-  display: block; }
-
-#header .nav-list ul a::after {
-  content: attr(data-after);
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  -webkit-transform: translate(-50%, -50%) scale(0);
-          transform: translate(-50%, -50%) scale(0);
-  color: rgba(240, 248, 255, 0.021);
-  font-size: 13rem;
-  letter-spacing: 50px;
-  z-index: -1;
-  transition: .3s ease letter-spacing; }
-
-#header .nav-list ul li:hover a::after {
-  -webkit-transform: translate(-50%, -50%) scale(1);
-          transform: translate(-50%, -50%) scale(1);
-  letter-spacing: initial; }
-
-#header .nav-list ul li:hover a {
-  color: crimson; }
-
-#header .hamburger {
-  height: 60px;
-  width: 60px;
-  display: inline-block;
-  border: 3px solid white;
-  border-radius: 50%;
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  z-index: 100;
-  cursor: pointer;
-  -webkit-transform: scale(0.8);
-          transform: scale(0.8);
-  margin-right: 20px; }
-
-#header .hamburger:after {
-  position: absolute;
-  content: '';
-  height: 100%;
-  width: 100%;
-  border-radius: 50%;
-  border: 3px solid white;
-  -webkit-animation: hamburger_puls 1s ease infinite;
-          animation: hamburger_puls 1s ease infinite; }
-
-#header .hamburger .bar {
-  height: 2px;
-  width: 30px;
-  position: relative;
-  background-color: white;
-  z-index: -1; }
-
-#header .hamburger .bar::after,
-#header .hamburger .bar::before {
-  content: '';
-  position: absolute;
-  height: 100%;
-  width: 100%;
-  left: 0;
-  background-color: white;
-  transition: .3s ease;
-  transition-property: top, bottom; }
-
-#header .hamburger .bar::after {
-  top: 8px; }
-
-#header .hamburger .bar::before {
-  bottom: 8px; }
-
-#header .hamburger.active .bar::before {
-  bottom: 0; }
-
-#header .hamburger.active .bar::after {
-  top: 0; }
-
-/* End Header section */
-.brand h1 {
-  font-size: 3rem;
-  text-transform: uppercase;
-  color: white; }
-
-.brand h1 span {
-  color: crimson; }
-
-@-webkit-keyframes hamburger_puls {
-  0% {
-    opacity: 1;
-    -webkit-transform: scale(1);
-            transform: scale(1); }
-  100% {
-    opacity: 0;
-    -webkit-transform: scale(1.4);
-            transform: scale(1.4); } }
-
-@keyframes hamburger_puls {
-  0% {
-    opacity: 1;
-    -webkit-transform: scale(1);
-            transform: scale(1); }
-  100% {
-    opacity: 0;
-    -webkit-transform: scale(1.4);
-            transform: scale(1.4); } }
diff --git a/slbots.scss b/slbots.scss
index 2bed0f9..314fde7 100644
--- a/slbots.scss
+++ b/slbots.scss
@@ -7415,204 +7415,3 @@ html, body {
 .shadow-none {
   box-shadow: none !important; }
 
-/* Header section */
-#header {
-	position: fixed;
-	z-index: 1000;
-	left: 0;
-	top: 0;
-	width: 100vw;
-	height: auto;
-}
-#header .header {
-	min-height: 8vh;
-	background-color: rgba(31, 30, 30, 0.24);
-	transition: .3s ease background-color;
-}
-#header .nav-bar {
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	width: 100%;
-	height: 100%;
-	max-width: 1300px;
-	padding: 0 10px;
-}
-#header .nav-list ul {
-	list-style: none;
-	position: absolute;
-	background-color: rgb(31, 30, 30);
-	width: 100vw;
-	height: 100vh;
-	left: 100%;
-	top: 0;
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
-	align-items: center;
-	z-index: 1;
-	overflow-x: hidden;
-	transition: .5s ease left;
-}
-#header .nav-list ul.active {
-	left: 0%;
-}
-#header .nav-list ul a {
-	font-size: 2.5rem;
-	font-weight: 500;
-	letter-spacing: .2rem;
-	text-decoration: none;
-	color: white;
-	text-transform: uppercase;
-	padding: 20px;
-	display: block;
-}
-#header .nav-list ul a::after {
-	content: attr(data-after);
-	position: absolute;
-	top: 50%;
-	left: 50%;
-	transform: translate(-50%, -50%) scale(0);
-	color: rgba(240, 248, 255, 0.021);
-	font-size: 13rem;
-	letter-spacing: 50px;
-	z-index: -1;
-	transition: .3s ease letter-spacing;
-}
-#header .nav-list ul li:hover a::after {
-	transform: translate(-50%, -50%) scale(1);
-	letter-spacing: initial;
-}
-#header .nav-list ul li:hover a {
-	color: crimson;
-}
-#header .hamburger {
-	height: 60px;
-	width: 60px;
-	display: inline-block;
-	border: 3px solid white;
-	border-radius: 50%;
-	position: relative;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	z-index: 100;
-	cursor: pointer;
-	transform: scale(.8);
-	margin-right: 20px;
-}
-#header .hamburger:after {
-	position: absolute;
-	content: '';
-	height: 100%;
-	width: 100%;
-	border-radius: 50%;
-	border: 3px solid white;
-	animation: hamburger_puls 1s ease infinite;
-}
-#header .hamburger .bar {
-	height: 2px;
-	width: 30px;
-	position: relative;
-	background-color: white;
-	z-index: -1;
-}
-#header .hamburger .bar::after,
-#header .hamburger .bar::before {
-	content: '';
-	position: absolute;
-	height: 100%;
-	width: 100%;
-	left: 0;
-	background-color: white;
-	transition: .3s ease;
-	transition-property: top, bottom;
-}
-#header .hamburger .bar::after {
-	top: 8px;
-}
-#header .hamburger .bar::before {
-	bottom: 8px;
-}
-#header .hamburger.active .bar::before {
-	bottom: 0;
-}
-#header .hamburger.active .bar::after {
-	top: 0;
-}
-/* End Header section */
-
-.brand h1 {
-	font-size: 3rem;
-	text-transform: uppercase;
-	color: white;
-}
-.brand h1 span {
-	color: crimson;
-}
-
-@keyframes hamburger_puls {
-	0% {
-		opacity: 1;
-		transform: scale(1);
-	}
-	100% {
-		opacity: 0;
-		transform: scale(1.4);
-	}
-}
-@keyframes text_reveal_box {
-	50% {
-		width: 100%;
-		left: 0;
-	}
-	100% {
-		width: 0;
-		left: 100%;
-	}
-}
-@keyframes text_reveal {
-	100% {
-		color: white;
-	}
-}
-@keyframes text_reveal_name {
-	100% {
-		color: crimson;
-		font-weight: 500;
-	}
-}
-
-/* Media Query For Tablet */
-@media only screen and (min-width: 768px) {
-	.cta {
-		font-size: 2.5rem;
-		padding: 20px 60px;
-	}
-	h1.section-title {
-		font-size: 6rem;
-	}
-  
-  /* Media Query For Desktop */
-@media only screen and (min-width: 1200px) {
-	/* header */
-	#header .hamburger {
-		display: none;
-	}
-	#header .nav-list ul {
-		position: initial;
-		display: block;
-		height: auto;
-		width: fit-content;
-		background-color: transparent;
-	}
-	#header .nav-list ul li {
-		display: inline-block;
-	}
-	#header .nav-list ul li a {
-		font-size: 1.8rem;
-	}
-	#header .nav-list ul a:after {
-		display: none;
-	}
-	/* End header */
\ No newline at end of file
