diff --git a/assets/css/styles.css b/assets/css/styles.css
index a7ca4e9..b484c8c 100644
--- a/assets/css/styles.css
+++ b/assets/css/styles.css
@@ -1,3 +1,168 @@
+/*Start Footer*/
+.site-footer
+{
+  background-color:#26272b;
+  padding:45px 0 20px;
+  font-size:15px;
+  line-height:24px;
+  color:#737373;
+}
+.site-footer hr
+{
+  border-top-color:#bbb;
+  opacity:0.5
+}
+.site-footer hr.small
+{
+  margin:20px 0
+}
+.site-footer h6
+{
+  color:#fff;
+  font-size:16px;
+  text-transform:uppercase;
+  margin-top:5px;
+  letter-spacing:2px
+}
+.site-footer a
+{
+  color:#737373;
+}
+.site-footer a:hover
+{
+  color:#3366cc;
+  text-decoration:none;
+}
+.footer-links
+{
+  padding-left:0;
+  list-style:none
+}
+.footer-links li
+{
+  display:block
+}
+.footer-links a
+{
+  color:#737373
+}
+.footer-links a:active,.footer-links a:focus,.footer-links a:hover
+{
+  color:#3366cc;
+  text-decoration:none;
+}
+.footer-links.inline li
+{
+  display:inline-block
+}
+.site-footer .social-icons
+{
+  text-align:right
+}
+.site-footer .social-icons a
+{
+  width:40px;
+  height:40px;
+  line-height:40px;
+  margin-left:6px;
+  margin-right:0;
+  border-radius:100%;
+  background-color:#33353d
+}
+.copyright-text
+{
+  margin:0
+}
+@media (max-width:991px)
+{
+  .site-footer [class^=col-]
+  {
+    margin-bottom:30px
+  }
+}
+@media (max-width:767px)
+{
+  .site-footer
+  {
+    padding-bottom:0
+  }
+  .site-footer .copyright-text,.site-footer .social-icons
+  {
+    text-align:center
+  }
+}
+.social-icons
+{
+  padding-left:0;
+  margin-bottom:0;
+  list-style:none
+}
+.social-icons li
+{
+  display:inline-block;
+  margin-bottom:4px
+}
+.social-icons li.title
+{
+  margin-right:15px;
+  text-transform:uppercase;
+  color:#96a2b2;
+  font-weight:700;
+  font-size:13px
+}
+.social-icons a{
+  background-color:#eceeef;
+  color:#818a91;
+  font-size:16px;
+  display:inline-block;
+  line-height:44px;
+  width:44px;
+  height:44px;
+  text-align:center;
+  margin-right:8px;
+  border-radius:100%;
+  -webkit-transition:all .2s linear;
+  -o-transition:all .2s linear;
+  transition:all .2s linear
+}
+.social-icons a:active,.social-icons a:focus,.social-icons a:hover
+{
+  color:#fff;
+  background-color:#29aafe
+}
+.social-icons.size-sm a
+{
+  line-height:34px;
+  height:34px;
+  width:34px;
+  font-size:14px
+}
+.social-icons a.facebook:hover
+{
+  background-color:#3b5998
+}
+.social-icons a.twitter:hover
+{
+  background-color:#00aced
+}
+.social-icons a.linkedin:hover
+{
+  background-color:#007bb6
+}
+.social-icons a.dribbble:hover
+{
+  background-color:#ea4c89
+}
+@media (max-width:767px)
+{
+  .social-icons li.title
+  {
+    display:block;
+    margin-right:0;
+    font-weight:600
+  }
+}
+
 /* Colour Variable */
 
 :root {
diff --git a/dark/assets/css/styles.css b/dark/assets/css/styles.css
index e913022..afcb618 100644
--- a/dark/assets/css/styles.css
+++ b/dark/assets/css/styles.css
@@ -1123,3 +1123,141 @@ html {
   font-size: 1.1rem;
   transition: 0.2 ease;
 }
+p, .a-CTA, input, header .navigation-bar a, .copyright li, .contact .form form label, .contact .form form button {
+  font-family: Cabin, sans-serif;
+}
+.fa-asterisk, .a-CTA, h2, header .navigation-bar a:hover, header nav.active .navigation-bar a:hover, footer .social-media .links a:hover, .copyright .info li a, .copyright .CTA li a:hover {
+  color: #a96700;
+}
+header nav .navigation-bar .underline, header .text .button button:hover, .contact .form form button:hover, .contact .text i:hover {
+  background-color: #a96700;
+}
+header .navigation-bar ul li, header .text, .about-us .text, .reservation .text, .menu .box-model, .menu .text, .fixed-image .text, footer, .copyright, .contact .text i {
+  text-align: center;
+}
+header nav, header .navigation-bar ul, .about-us, .reservation, .about-us .image-container, .reservation .image-container, .menu, .menu .menu-image-container, footer .contact-container, .copyright ul, .contact {
+  display: flex;
+}
+header nav .toggle, header nav .toggle span, header .navigation-bar, header .navigation-bar ul, .menu .box-model .close, footer .social-media .links a, .copyright .CTA li a {
+  transition: .3s;
+}
+header, header nav .toggle span, header .navigation-bar a, header .text, header .text .arrow .left, header .text .arrow .right, .recipes, .menu .box-image-container, .fixed-image .text, .copyright, .copyright .arrow-up {
+  position: relative;
+}
+header nav .toggle, header .navigation-bar .underline, header .text .arrow .left:after, header .text .arrow .right:after, header .svg-down, header .arrow-down, .recipes .text, .menu .box-model .close, .menu .box-model .arrow .arrow-right,.menu .box-model .arrow .arrow-left, .menu .box-image-container .box-image, .copyright .svg-up {
+  position: absolute;
+}
+.recipes .text, .fixed-image .text, .menu .box-image-container, .menu .box-image-container .box-image {
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%,-50%);
+}
+header nav, header .navigation-bar a:hover .underline, header .navigation-bar li.active .underline, .menu .box-model, .menu .box-image-container, .menu .box-image-container .box-image {
+  width: 100%;
+}
+button, .dots > div, header nav .toggle, header .arrow-down, .menu .box-model .close, .menu .box-model .arrow .arrow-right,.menu .box-model .arrow .arrow-left, .menu .menu-image-container .image img, footer .newsletter i, .copyright .arrow-up {
+  cursor: pointer;
+}
+.dots .active, header nav.active, header nav.active .toggle.active span, header nav .toggle span, header .navigation-bar .underline, header .text .arrow .left, header .text .arrow .right, header .text .button button, .contact form button {
+  background-color: #fff;
+}
+h1, h3, header .navigation-bar a, header .text span, .menu .box-model .close:hover, footer .text h2, footer .text p, footer .social-media .links a, .contact .text i, .contact .form form button {
+  color: #fff;
+}
+header nav, header .navigation-bar.show, header .navigation-bar a:hover .underline, header .navigation-bar li.active .underline, header .text .arrow .left:after, .menu .box-model, .copyright .arrow-up {
+  left: 0;
+}
+header .text .arrow .left:after, header .text .arrow .right:after, header .text span, footer .social-media .links a, footer .newsletter i, .copyright .arrow-up, .contact .text i, .contact .form form label {
+  display: inline-block;
+}
+/*Start Footer*/
+footer {
+  background-color: #121212;
+  padding: 60px 20px;
+}
+footer .text {
+  max-width: 500px;
+  margin: auto;
+}
+footer .text h2 {
+  font-family: 'Source Sans Pro', sans-serif;
+  font-size: 19px;
+  letter-spacing: 1.9px;
+  margin-bottom: 25px;
+}
+footer .text .fa-asterisk {
+  font-size: 12px;
+}
+footer .text p {
+  line-height: 27px;
+}
+footer .contact-container {
+  padding: 40px 0;
+  max-width: 1000px;
+  margin: auto;
+}
+footer .contact-container > div {
+  flex: 1;
+}
+footer .contact-container h3 {
+  font-size: 19px;
+  letter-spacing: 1.9px;
+}
+footer .social-media .links a {
+  margin: 0 10px;
+  font-size: 25px;
+}
+footer .newsletter input {
+  padding: 10px;
+  width: 270px;
+  background-color: #eee;
+  border: none;
+  margin-left: -15px;
+}
+footer .newsletter i {
+  margin-left: -40px;
+  vertical-align: middle;
+  font-size: 21px;
+}
+.copyright {
+  padding: 15px 40px 30px;
+  background-color: #262526;
+}
+.copyright .svg-up {
+  top: 0;
+  left: 50%;
+  margin-left: -96px;
+  margin-top: -50px;
+}
+.copyright .arrow-up {
+  width: 40px;
+  height: 30px;
+  top: -45px;
+  color: #fff;
+  line-height: 1.9
+}
+.copyright ul {
+  justify-content: center;
+}
+.copyright li {
+  color: #919191;
+  font-size: 14px;
+}
+.copyright li:not(:last-of-type):after {
+  content: '•';
+  margin: 10px;
+}
+.copyright .CTA {
+  margin-top: 25px;
+}
+.copyright .CTA li a {
+  color: #919191;
+}
+
+/*End Footer*/
+.a-CTA {
+  border-bottom: 2px solid #a96700;
+  padding-bottom: 4px;
+  letter-spacing: 1.5px;
+  font-size: 18px;
+}
diff --git a/dark/index.html b/dark/index.html
index ea5aa35..65c1c6a 100644
--- a/dark/index.html
+++ b/dark/index.html
@@ -220,9 +220,60 @@ <h3>CONTACT <span class="text-info">ME</span></h3>
           <br />
         </center>
       </div>
+      <!-- <center>
+        <p class="contact-text">
+          Contact me via Email, Message or connect me with social media accounts. Also send me any inquiries by filling the form given above.
+        </p>
+        <p class="contact-text">
+          <i class="fa fa-envelope px-1"></i>Email (Personal) : yoshithasbrathnayake@gmail.com
+        </p>
+        <br />
+      </center> -->
+      
     </section>
-  </section>
 
+  <!--Start Footer-->
+  <footer>
+    <div class="text">
+        <h2>ABOUT ME</h2>
+        <div><i class="fas fa-asterisk"></i></div>
+        <p>
+          Hi, I am Yoshitha Rathnayake. I am a student and I am 14 years old. I live in Kandy in Sri Lanka. I am studing in St. Anthony's College, Kandy. Now, I am in Grade 9D in my school. This is my First Web Site. My favourite subject is Information and Communication Technology. I hope to be a Computer Engineer in the future.</p>
+    </div>
+    <div class="contact-container">
+      <div class="social-media">
+          <h3>Follow Along</h3>
+          <div class="links">
+              <a href="#"><i class="fab fa-twitter"></i></a>
+              <a href="#"><i class="fab fa-facebook-square"></i></a>
+              <a href="#"><i class="fab fa-github"></i></a>
+              <a href="#"><i class="fab fa-linkedin-in"></i></a>
+          </div>
+      </div>
+        <div class="newsletter">
+          <h3>NewsLetter</h3>
+            <form method="post">
+                <input type="email" name="email" placeholder="Type Your Email">
+                <i class="fas fa-envelope"></i>
+            </form>
+        </div>
+    </div>
+  </footer>
+  <!--End Footer-->
+  <!--Start Copy-Right-->
+  <div class="copyright">
+    <svg class="svg-up" width="192" height="61" version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 160.7 61.5" enable-background="new 0 0 160.7 61.5" xml:space="preserve"><path fill="#262526" d="M80.3,61.5c0,0,22.1-2.7,43.1-5.4s41-5.4,36.6-5.4c-21.7,0-34.1-12.7-44.9-25.4S95.3,0,80.3,0c-15,0-24.1,12.7-34.9,25.4S22.3,50.8,0.6,50.8c-4.3,0-6.5,0,3.5,1.3S36.2,56.1,80.3,61.5z"></path></svg>
+    <i class="fas fa-angle-double-up arrow-up"></i>
+    <ul class="info">
+        <li>&copy; Yoshitha Rathnayake</li>
+        <li>Kandy, Sri Lanka</li>
+        <li>Mob: +91 XXXXXXXXXX</li>
+        <li>Made with love by <a href="#">Yoshitha</a> </li>
+    </ul>
+  </div>
+  <!--End Copy-Right-->
+
+  </section>
   <!-- JavaScript -->
 
   <script src="assets/js/app.js"></script>
diff --git a/index.html b/index.html
index 7936278..1a42bc9 100644
--- a/index.html
+++ b/index.html
@@ -1,130 +1,130 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <!-- Meta Tags -->
-
-    <meta charset="utf-8" />
-    <meta http-equiv="Refresh" content="13; url=dark" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
-    <meta name="description" content="Hi, I am Yoshitha Rathnayake. I am from Kandy, Sri Lanka. I am 14 years old. I am studing in St. Anthony's College, Kandy" />
-    <meta name="author" content="YOSHITHA RATHNAYAKE" />
-    <meta name="keywords" content="PERSONAL PORTFOLIO WEBSITE" />
-
-    <!-- Facebook OG Tags -->
-
-    <meta property="og:title" content="YOSHITHA RATHNAYAKE" />
-    <meta property="og:type" content="website" />
-    <meta property="og:url" content="https://web.Yoshitha.tk" />
-    <meta property="og:image" content="assets/img/YoshithaRathnayake1.jpg" alt="Yoshitha Rathnayake" />
-    <meta property="og:description" content="Hi, I am Yoshitha Rathnayake. I am from Kandy, Sri Lanka. I am 14 years old. I am studing in St. Anthony's College, Kandy" />
-    <meta property="og:site_name" content="YOSHITHA RATHNAYAKE" />
-    <meta property="og:locale" content="en_US" />
-
-    <!-- Font Awesome -->
-
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.4/css/fontawesome.min.css" integrity="sha384-jLKHWM3JRmfMU0A5x5AkjWkw/EYfGUAGagvnfryNV3F9VqM98XiIH7VBGVoxVSc7" crossorigin="anonymous" />
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.4/css/fontawesome.min.css" />
-
-    <!-- Bootstrap -->
-
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous" />
-
-    <!-- LineIcons -->
-
-    <link href="your-project-dir/icon-font/lineicons.css" rel="stylesheet" />
-    <link href="https://cdn.lineicons.com/3.0/lineicons.css" rel="stylesheet" />
-
-    <!-- CSS-->
-
-    <link rel="stylesheet" type="text/CSS" href="assets/css/styles.css" />
-
-    <!-- Favicon -->
-
-    <link rel="icon" type="image/png" href="assets/img/Yoshitha Rathnayake 2.png" alt="Yoshitha Rathnayake" />
-
-    <!-- Title -->
-
-    <title>YOSHITHA RATHNAYAKE</title>
-
-  </head>
-
-  <body>
-    <section class="main">
-      <!-- Background Video -->
-
-      <video class="background-video" src="assets/vid/hacking.mp4" muted loop autoplay></video>
-
-      <div class="overlay"></div>
-
-      <!-- Horizontal Bar Pre-Loader -->
-
-      <div class="bar-preloader">
-        <!-- Auto Typing Effect -->
-
-        <div class="text-box">
-          <h1><span class="auto-type"></span></h1>
-        </div>
-
-        <!-- Circular Pre-Loader -->
-
-        <div class="circle-preloader">
-          <center>
-            <img src="assets/img/Yoshitha Rathnayake 1.png" class="preloader-img" alt="Yoshitha Rathnayake" />
-          </center>
-        </div>
-      </div>
-    </section>
-
-    <!-- JavaScript -->
-
-    <script src="assets/js/app.js"></script>
-
-    <!-- jsDelivr -->
-
-    <script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.12"></script>
-
-    <!-- JQuery -->
-
-    <script src="https://code.jquery.com/jquery-3.4.1.js"></script>
-
-    <!-- Font Awesome -->
-
-    <script src="https://kit.fontawesome.com/e4d27be656.js" crossorigin="anonymous"></script>
-
-    <!-- Bootstrap -->
-
-    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
-
-    <!-- Google Tag Manager -->
-
-    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-167873271-1"></script>
-
-    <!-- Internal JavaScript -->
-    
-    <script>
-      // Auto Typing Effect Script
-
-      var typed = new Typed(".auto-type", {
-        strings: [
-          "HI !, I AM YOSHITHA RATHNAYAKE",
-          "WELCOME !, TO MY OFFICIAL WEBSITE",
-        ],
-        typeSpeed: 90,
-        backSpeed: 50,
-        loop: true,
-      });
-
-      
-      // Auto Redirecting Windows
-
-      window.dataLayer = window.dataLayer || [];
-
-      function gtag() {
-        dataLayer.push(arguments);
-      }
-      gtag("js", new Date());
-      gtag("config", "UA-167873271-1");
-    </script>
-  </body>
-</html>
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <!-- Meta Tags -->
+
+    <meta charset="utf-8" />
+    <meta http-equiv="Refresh" content="13; url=dark" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
+    <meta name="description" content="Hi, I am Yoshitha Rathnayake. I am from Kandy, Sri Lanka. I am 14 years old. I am studing in St. Anthony's College, Kandy" />
+    <meta name="author" content="YOSHITHA RATHNAYAKE" />
+    <meta name="keywords" content="PERSONAL PORTFOLIO WEBSITE" />
+
+    <!-- Facebook OG Tags -->
+
+    <meta property="og:title" content="YOSHITHA RATHNAYAKE" />
+    <meta property="og:type" content="website" />
+    <meta property="og:url" content="https://web.Yoshitha.tk" />
+    <meta property="og:image" content="assets/img/YoshithaRathnayake1.jpg" alt="Yoshitha Rathnayake" />
+    <meta property="og:description" content="Hi, I am Yoshitha Rathnayake. I am from Kandy, Sri Lanka. I am 14 years old. I am studing in St. Anthony's College, Kandy" />
+    <meta property="og:site_name" content="YOSHITHA RATHNAYAKE" />
+    <meta property="og:locale" content="en_US" />
+
+    <!-- Font Awesome -->
+
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.4/css/fontawesome.min.css" integrity="sha384-jLKHWM3JRmfMU0A5x5AkjWkw/EYfGUAGagvnfryNV3F9VqM98XiIH7VBGVoxVSc7" crossorigin="anonymous" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.4/css/fontawesome.min.css" />
+
+    <!-- Bootstrap -->
+
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous" />
+
+    <!-- LineIcons -->
+
+    <link href="your-project-dir/icon-font/lineicons.css" rel="stylesheet" />
+    <link href="https://cdn.lineicons.com/3.0/lineicons.css" rel="stylesheet" />
+
+    <!-- CSS-->
+
+    <link rel="stylesheet" type="text/CSS" href="assets/css/styles.css" />
+
+    <!-- Favicon -->
+
+    <link rel="icon" type="image/png" href="assets/img/Yoshitha Rathnayake 2.png" alt="Yoshitha Rathnayake" />
+
+    <!-- Title -->
+
+    <title>YOSHITHA RATHNAYAKE</title>
+
+  </head>
+
+  <body>
+    <section class="main">
+      <!-- Background Video -->
+
+      <video class="background-video" src="assets/vid/hacking.mp4" muted loop autoplay></video>
+
+      <div class="overlay"></div>
+
+      <!-- Horizontal Bar Pre-Loader -->
+
+      <div class="bar-preloader">
+        <!-- Auto Typing Effect -->
+
+        <div class="text-box">
+          <h1><span class="auto-type"></span></h1>
+        </div>
+
+        <!-- Circular Pre-Loader -->
+
+        <div class="circle-preloader">
+          <center>
+            <img src="assets/img/Yoshitha Rathnayake 1.png" class="preloader-img" alt="Yoshitha Rathnayake" />
+          </center>
+        </div>
+      </div>
+    </section>
+
+    <!-- JavaScript -->
+
+    <script src="assets/js/app.js"></script>
+
+    <!-- jsDelivr -->
+
+    <script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.12"></script>
+
+    <!-- JQuery -->
+
+    <script src="https://code.jquery.com/jquery-3.4.1.js"></script>
+
+    <!-- Font Awesome -->
+
+    <script src="https://kit.fontawesome.com/e4d27be656.js" crossorigin="anonymous"></script>
+
+    <!-- Bootstrap -->
+
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
+
+    <!-- Google Tag Manager -->
+
+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-167873271-1"></script>
+
+    <!-- Internal JavaScript -->
+    
+    <script>
+      // Auto Typing Effect Script
+
+      var typed = new Typed(".auto-type", {
+        strings: [
+          "HI !, I AM YOSHITHA RATHNAYAKE",
+          "WELCOME !, TO MY OFFICIAL WEBSITE",
+        ],
+        typeSpeed: 90,
+        backSpeed: 50,
+        loop: true,
+      });
+
+      
+      // Auto Redirecting Windows
+
+      window.dataLayer = window.dataLayer || [];
+
+      function gtag() {
+        dataLayer.push(arguments);
+      }
+      gtag("js", new Date());
+      gtag("config", "UA-167873271-1");
+    </script>
+  </body>
+</html>
diff --git a/light/index.html b/light/index.html
index f454bf6..d765123 100644
--- a/light/index.html
+++ b/light/index.html
@@ -1,94 +1,94 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-  <!-- Meta Tags -->
-
-  <meta charset="utf-8" />
-  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
-  <meta name="description" content="Hi, I am Yoshitha Rathnayake. I am from Kandy, Sri Lanka. I am 14 years old. I am studing in St. Anthony's College, Kandy" />
-  <meta name="author" content="YOSHITHA RATHNAYAKE" />
-  <meta name="keywords" content="PERSONAL PORTFOLIO WEBSITE" />
-
-  <!-- Facebook OG Tags -->
-
-  <meta property="og:title" content="YOSHITHA RATHNAYAKE" />
-  <meta property="og:type" content="website" />
-  <meta property="og:url" content="https://web.Yoshitha.tk" />
-  <meta property="og:image" content="assets/img/YoshithaRathnayake1.jpg" alt="Yoshitha Rathnayake" />
-  <meta property="og:description" content="Hi, I am Yoshitha Rathnayake. I am from Kandy, Sri Lanka. I am 14 years old. I am studing in St. Anthony's College, Kandy" />
-  <meta property="og:site_name" content="YOSHITHA RATHNAYAKE" />
-  <meta property="og:locale" content="en_US" />
-
-  <!-- Font Awesome -->
-
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.4/css/fontawesome.min.css" integrity="sha384-jLKHWM3JRmfMU0A5x5AkjWkw/EYfGUAGagvnfryNV3F9VqM98XiIH7VBGVoxVSc7" crossorigin="anonymous" />
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.4/css/fontawesome.min.css" />
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
-
-  <!-- Bootstrap -->
-
-  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous" />
-
-  <!-- LineIcons -->
-
-  <link href="your-project-dir/icon-font/lineicons.css" rel="stylesheet" />
-  <link href="https://cdn.lineicons.com/3.0/lineicons.css" rel="stylesheet" />
-
-  <!-- CSS-->
-
-  <link rel="stylesheet" type="text/CSS" href="assets/css/styles.css" />
-
-  <!-- Edo Font -->
-
-  <link href="http://fonts.cdnfonts.com/css/edo" rel="stylesheet" />
-
-  <!-- Favicon -->
-
-  <link rel="icon" type="image/png" href="assets/img/Yoshitha Rathnayake 2.png" alt="Yoshitha Rathnayake" />
-
-  <!-- Title -->
-
-  <title>YOSHITHA RATHNAYAKE</title>
-</head>
-
-
-<body>
-
-  <!-- Horizontal Bar Pre-Loader -->
-
-  <div class="bar-preloader"></div>
-
-      <!-- Circular Pre-Loader -->
-
-      <div class="circle-preloader">
-          <center>
-                <img src="assets/img/Yoshitha Rathnayake 1.png" class="preloader-img" alt="Yoshitha Rathnayake">
-          </center>
-      </div>
-
-
- <!-- JavaScript -->
-
-  <script src="assets/js/app.js"></script>
-
-  <!-- jsDelivr -->
-
-  <script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.12"></script>
-
-  <!-- JQuery -->
-
-  <script src="https://code.jquery.com/jquery-3.4.1.js"></script>
-
-  <!-- Font Awesome -->
-
-  <script src="https://kit.fontawesome.com/e4d27be656.js" crossorigin="anonymous"></script>
-
-  <!-- Bootstrap -->
-
-  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
-    
-</body>
-
-</html>
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <!-- Meta Tags -->
+
+  <meta charset="utf-8" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
+  <meta name="description" content="Hi, I am Yoshitha Rathnayake. I am from Kandy, Sri Lanka. I am 14 years old. I am studing in St. Anthony's College, Kandy" />
+  <meta name="author" content="YOSHITHA RATHNAYAKE" />
+  <meta name="keywords" content="PERSONAL PORTFOLIO WEBSITE" />
+
+  <!-- Facebook OG Tags -->
+
+  <meta property="og:title" content="YOSHITHA RATHNAYAKE" />
+  <meta property="og:type" content="website" />
+  <meta property="og:url" content="https://web.Yoshitha.tk" />
+  <meta property="og:image" content="assets/img/YoshithaRathnayake1.jpg" alt="Yoshitha Rathnayake" />
+  <meta property="og:description" content="Hi, I am Yoshitha Rathnayake. I am from Kandy, Sri Lanka. I am 14 years old. I am studing in St. Anthony's College, Kandy" />
+  <meta property="og:site_name" content="YOSHITHA RATHNAYAKE" />
+  <meta property="og:locale" content="en_US" />
+
+  <!-- Font Awesome -->
+
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.4/css/fontawesome.min.css" integrity="sha384-jLKHWM3JRmfMU0A5x5AkjWkw/EYfGUAGagvnfryNV3F9VqM98XiIH7VBGVoxVSc7" crossorigin="anonymous" />
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.4/css/fontawesome.min.css" />
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
+
+  <!-- Bootstrap -->
+
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous" />
+
+  <!-- LineIcons -->
+
+  <link href="your-project-dir/icon-font/lineicons.css" rel="stylesheet" />
+  <link href="https://cdn.lineicons.com/3.0/lineicons.css" rel="stylesheet" />
+
+  <!-- CSS-->
+
+  <link rel="stylesheet" type="text/CSS" href="assets/css/styles.css" />
+
+  <!-- Edo Font -->
+
+  <link href="http://fonts.cdnfonts.com/css/edo" rel="stylesheet" />
+
+  <!-- Favicon -->
+
+  <link rel="icon" type="image/png" href="assets/img/Yoshitha Rathnayake 2.png" alt="Yoshitha Rathnayake" />
+
+  <!-- Title -->
+
+  <title>YOSHITHA RATHNAYAKE</title>
+</head>
+
+
+<body>
+
+  <!-- Horizontal Bar Pre-Loader -->
+
+  <div class="bar-preloader"></div>
+
+      <!-- Circular Pre-Loader -->
+
+      <div class="circle-preloader">
+          <center>
+                <img src="assets/img/Yoshitha Rathnayake 1.png" class="preloader-img" alt="Yoshitha Rathnayake">
+          </center>
+      </div>
+
+
+ <!-- JavaScript -->
+
+  <script src="assets/js/app.js"></script>
+
+  <!-- jsDelivr -->
+
+  <script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.12"></script>
+
+  <!-- JQuery -->
+
+  <script src="https://code.jquery.com/jquery-3.4.1.js"></script>
+
+  <!-- Font Awesome -->
+
+  <script src="https://kit.fontawesome.com/e4d27be656.js" crossorigin="anonymous"></script>
+
+  <!-- Bootstrap -->
+
+  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
+    
+</body>
+
+</html>