Indexchange

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

_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>

_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>

_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">

_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>

_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>

_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">

_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 {

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>