diff --git a/README.md b/README.md
index 9c64c90a2e..924a3b996a 100644
--- a/README.md
+++ b/README.md
@@ -1,14 +1 @@
-# Creative Theme for Jekyll
-
-A Jekyll implementation of the [Creative Theme](http://startbootstrap.com/template-overviews/creative/) template by [Start Bootstrap](http://startbootstrap.com).
-
-Creative is a one page Bootstrap theme for creatives, small businesses, and other multipurpose uses.
-The theme includes a number of rich features and plugins that you can use as a great boilerplate for your next Jekyll project! 
-
-See it live in action at <https://volny.github.io/creative-theme-jekyll/>
-
-## To use the Creative Theme template in your project
-
-- Start by adding your info in `_config.yml`
-- In `_layouts/front.html` reorder or remove section as you prefer.
-
+My resume
diff --git a/_includes/aside.html b/_includes/aside.html
index ee5c4ed934..9d78e542ae 100644
--- a/_includes/aside.html
+++ b/_includes/aside.html
@@ -1,8 +1,8 @@
-  <aside class="bg-dark">
+<aside class="bg-dark">
       <div class="container text-center">
           <div class="call-to-action">
-              <h2>Free Download at Start Bootstrap!</h2>
-              <a href="#" class="btn btn-default btn-xl wow tada">Download Now!</a>
+              <h2>Hey</h2>
+              <a href="#" class="btn btn-default btn-xl wow tada">Hie</a>
           </div>
       </div>
   </aside>
diff --git a/_includes/call-to-action.html b/_includes/call-to-action.html
index 852e5b669c..a03f08a5f9 100644
--- a/_includes/call-to-action.html
+++ b/_includes/call-to-action.html
@@ -4,7 +4,7 @@
             <div class="col-lg-8 col-lg-offset-2 text-center">
                 <h2 class="section-heading">We've got what you need!</h2>
                 <hr class="light">
-                <p class="text-faded">Start Bootstrap has everything you need to get your new website up and running in no time! All of the templates and themes on Start Bootstrap are open source, free to download, and easy to use. No strings attached!</p>
+                <p class="text-faded">Start Bootstrap5 has everything you need to get your new website up and running in no time! All of the templates and themes on Start Bootstrap are open source, free to download, and easy to use. No strings attached!</p>
                 <a href="#" class="btn btn-default btn-xl">Get Started!</a>
             </div>
         </div>
diff --git a/_includes/head.html b/_includes/head.html
index 639c4b0116..8f3b7f416b 100644
--- a/_includes/head.html
+++ b/_includes/head.html
@@ -6,7 +6,7 @@
     <meta name="description" content="">
     <meta name="author" content="">
 
-    <title>Creative - Start Bootstrap Theme</title>
+    <title>Creative - Abhiram Bootstrap Theme</title>
 
     <!-- Bootstrap Core CSS -->
     <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">
diff --git a/_includes/header.html b/_includes/header.html
index adaad5b6f7..89dcb80486 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -1,9 +1,9 @@
 <header>
     <div class="header-content">
         <div class="header-content-inner">
-            <h1>Your Favorite Source of Free Bootstrap Themes</h1>
+            <h1>Hey,Welcome to my Profile</h1>
             <hr>
-            <p>Start Bootstrap can help you build better websites using the Bootstrap CSS framework! Just download your template and start going, no strings attached!</p>
+            <p></p>
             <a href="#about" class="btn btn-primary btn-xl page-scroll">Find Out More</a>
         </div>
     </div>
diff --git a/_includes/nav.html b/_includes/nav.html
index c6fd5b7a7e..247f73dfc7 100644
--- a/_includes/nav.html
+++ b/_includes/nav.html
@@ -8,17 +8,20 @@
                 <span class="icon-bar"></span>
                 <span class="icon-bar"></span>
             </button>
-            <a class="navbar-brand page-scroll" href="#page-top">Start Bootstrap</a>
+            <a class="navbar-brand page-scroll" href="#page-top">Abhiram Kadiri</a>
         </div>
 
         <!-- Collect the nav links, forms, and other content for toggling -->
         <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
             <ul class="nav navbar-nav navbar-right">
                 <li>
-                    <a class="page-scroll" href="#about">About</a>
+                    <a class="page-scroll" href="#about">About Me</a>
                 </li>
                 <li>
-                    <a class="page-scroll" href="#services">Services</a>
+                    <a class="page-scroll" href="#services">Skills</a>
+                </li>
+                <li>
+                    <a class="page-scroll" href="#Resume">Resume</a>
                 </li>
                 <li>
                     <a class="page-scroll" href="#portfolio">Portfolio</a>
diff --git a/_includes/portfolio.html b/_includes/portfolio.html
index dc97fa041f..b9720ae96d 100644
--- a/_includes/portfolio.html
+++ b/_includes/portfolio.html
@@ -3,7 +3,7 @@
         <div class="row no-gutter">
             <div class="col-lg-4 col-sm-6">
                 <a href="#" class="portfolio-box">
-                    <img src="img/portfolio/1.jpg" class="img-responsive" alt="">
+                    <img src="img/portfolio/GSR_0737.JPG" class="img-responsive" alt="">
                     <div class="portfolio-box-caption">
                         <div class="portfolio-box-caption-content">
                             <div class="project-category text-faded">
diff --git a/_sass/_base.scss b/_sass/_base.scss
index 259ff7ccf1..1efae1cba7 100755
--- a/_sass/_base.scss
+++ b/_sass/_base.scss
@@ -155,7 +155,7 @@ header {
     min-height: auto;
     @include background-cover;
     background-position: center;
-    background-image: url('../img/header.jpg');
+    background-image: url('../img/IMG_20190602_143928.jpg');
     text-align: center;
     color: white;
     .header-content {
diff --git a/img/IMG_20190602_143928.jpg b/img/IMG_20190602_143928.jpg
new file mode 100644
index 0000000000..874e343c38
Binary files /dev/null and b/img/IMG_20190602_143928.jpg differ
diff --git a/img/portfolio/GSR_0737.JPG b/img/portfolio/GSR_0737.JPG
new file mode 100644
index 0000000000..4972f924bd
Binary files /dev/null and b/img/portfolio/GSR_0737.JPG differ
diff --git a/index.html b/index.html
index b9b24995c8..711163e3c5 100644
--- a/index.html
+++ b/index.html
@@ -1,3 +1,52 @@
----
-layout: front
----
+<!DOCTYPE html>
+<!--
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+-->
+<html>
+    <head>
+        <title></title>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <link rel="stylesheet" type="text/css" href="css/index.css">
+        <link rel="stylesheet" type="text/css" href="css/scrollnavi.css">
+    </head>
+    <body>
+        <div class="shutter">
+            
+        </div>
+        <div class="open">click to open <img src="images/arrow_down.png" alt="down-arrow"></div>
+        <div id="nav">
+            <div class="container">
+            <ul>
+                <li><a href="#section1">About Me</a></li>
+                <li><a href="#section2" id="sec2btn">Awesome Skills</a></li>
+                <li><a href="#section3">Section3</a></li>
+                <li><a href="https://github.com/senthilraj/ScrollNaviJs#about-me" data-outerpage="true">About Developer</a></li>
+            </ul>
+            </div>
+        </div>
+        <div id="section1">
+            <div class="container">
+                <h1>I am senthilkumar and Front-end Developer, I have specialized in HTML, CSS3, JavaScript, JQuery and also in PhoneGap Mobile App Development.</h1>
+            </div>
+        </div>
+        <div id="section2">
+            <div class="container">
+                <h1>Awesome Skills</h1>
+                <ul class="skills">
+                    <li><canvas class="loader1"></canvas><h2>HTML & CSS</h2></li>
+                    <li><canvas class="loader2"></canvas><h2>Java Script & jQuery</h2></li>
+                    <li><canvas class="loader3"></canvas><h2>Phonegap</h2></li>
+                    <li><canvas class="loader4"></canvas><h2>Photoshop</h2></li>
+                </ul>
+            </div>
+        </div>
+        <div id="section3">Section3</div>
+        <script src="js/jquery-2.1.1.min.js"></script>
+        <script src="js/jquery.classyloader.js" type="text/javascript"></script>
+        <script src="js/scroll_navi.js" type="text/javascript"></script>
+        <script src="js/index.js"></script>
+    </body>
+</html>