Update config.yaml

Removed example site and added some content in website
Merge pull request #18 from gurusabarish/imgbot
2021-06-26 08:32:16 +05:30 · 2021-06-26 08:22:34 +05:30 · 2021-06-21 21:58:59 +05:30 · 2021-06-21 16:24:52 +00:00 · 2021-06-21 21:54:19 +05:30 · 2021-06-21 15:34:43 +05:30
134 changed files with 4155 additions and 12905 deletions
@@ -0,0 +1,13 @@
+name: Auto approve
+
+on:
+  pull_request_target
+
+jobs:
+  auto-approve:
+    runs-on: ubuntu-latest
+    steps:
+    - uses: hmarr/auto-approve-action@v2
+      if: github.actor == 'ImgBotApp[bot]'
+      with:
+        github-token: "${{ secrets.GITHUB_TOKEN }}"
@@ -0,0 +1,16 @@
+name: Greetings
+
+on: [pull_request, issues]
+
+jobs:
+  greeting:
+    runs-on: ubuntu-latest
+    permissions:
+      issues: write
+      pull-requests: write
+    steps:
+    - uses: actions/first-interaction@v1
+      with:
+        repo-token: ${{ secrets.GITHUB_TOKEN }}
+        issue-message: 'Thanks for your issue. It may help us to improve our product. We will follow up with you.'
+        pr-message: 'Thanks for your pull request. We will review and merge it.'
@@ -0,0 +1,4 @@
+/public
+/config.yaml
+/content
+/static/images
@@ -1,24 +1,37 @@
+
+<div align="center">
+  
 # hugo-profile
  
-A simple hugo theme for personal portfolio
+A high performance hugo theme for personal portfolio and blog

-## Performance of the website by web.dev
-[check the performance of website](https://lighthouse-dot-webdotdevsite.appspot.com//lh/html?url=https%3A%2F%2Fhugo-profile.netlify.app%2F)
-## Demo
+[![Twitter](https://img.shields.io/twitter/url?label=Tweet&style=social&url=https%3A%2F%2Fgithub.com%2Fgurusabarish%2Fhugo-profile)](https://twitter.com/intent/tweet?text=Wow:&url=https%3A%2F%2Fgithub.com%2Fgurusabarish%2Fhugo-profile)
+[![GitHub forks](https://img.shields.io/github/forks/gurusabarish/hugo-profile?style=plastic)](https://github.com/gurusabarish/hugo-profile/network)
+[![GitHub stars](https://img.shields.io/github/stars/gurusabarish/hugo-profile?style=plastic)](https://github.com/gurusabarish/hugo-profile/stargazers)
  
-![Thumpnail](https://github.com/gurusabarish/hugo-profile/blob/master/images/tn.png)
+[![Netlify Status](https://api.netlify.com/api/v1/badges/5c1dcb34-cada-4c80-82b7-cfdbdbd7c774/deploy-status)](https://app.netlify.com/sites/hugo-profile/deploys)
+![Repository Size](https://img.shields.io/github/repo-size/gurusabarish/hugo-profile)
+![Lines of Codes](https://img.shields.io/tokei/lines/github/gurusabarish/hugo-profile)
+![Contributor](https://img.shields.io/github/contributors/gurusabarish/hugo-profile)
+![Latest Release](https://img.shields.io/github/v/release/gurusabarish/hugo-profile?include_prereleases)
+![Last Commit](https://img.shields.io/github/last-commit/gurusabarish/hugo-profile)
+![Open Issues](https://img.shields.io/github/issues/gurusabarish/hugo-profile?color=important)
+![Open Pull Requests](https://img.shields.io/github/issues-pr/gurusabarish/hugo-profile?color=yellowgreen)
+![License](https://img.shields.io/github/license/gurusabarish/hugo-profile)
+</div>

-### Site: [Hugo-profile](https://hugo-profile.netlify.com)
+## Queries
+- If you have any queries or bugs, feel free to open an issue in [github](https://github.com/gurusabarish/hugo-profile/issues)

+## Demos

-## Features
- Minimalist Design
- Fully Responsive
- Google Analytics Support
- Disqus Comment Support
- Contact form using [Formpree](https://formspree.io/)
+### [Demo Site V3(latest)](https://profile.gurusabarish.tech)
+### [Demo Site V2](https://v2.profile.gurusabarish.tech)
+### [Demo Site V1](https://v1.profile.gurusabarish.tech)

+*NOTE: If you are using this site as a template for your own portfolio and blog, I would be very glad if you add a link to the original template in footer*

+> Open an issue and give your feedback and feature requests. It will help us to make the better version.

 ## Requirements

@@ -32,32 +45,28 @@ A simple hugo theme for personal portfolio

 - Create your site if you haven't already

-```console
+```
 hugo new site my-site -f=yaml
 cd my-site
-git init
 ```

- Add the theme as git sub-module
+- Add the theme as git clone

-```console
-git submodule add https://github.com/gurusabarish/hugo-profile.git themes/hugo-profile
+```
+cd themes
+git clone https://github.com/gurusabarish/hugo-profile.git
 ```

->Don't use SSH URL of the theme during adding as git sub-module. Also, don't clone the theme in your `themes` directory using `git clone`. They don't work well with Github Action or Netlify.
-
+<b>Go to the config file and add the line after titile ```theme: "hugo-profile"``` </b>

 ## Configuration
-
-Configure your `config.yaml` file of your site as below:
-
-```yaml
+### Version 1
+```
 baseURL: "https://example.com"
 languageCode: "en-us"
 title: "Hugo-profile"
-theme: "hugo-profile"

-googleanalytics: UA-xxxxxxxxx-x
+googleanalytics: UA-xxxxxxxx-x
 disqusShortname: yourdiscussshortname
 Paginate: 3

@@ -66,10 +75,11 @@ taxonomies:
  category: "categories"

 params:
+  version: 1
+
  favicon: "/images/hugo.png"
  description: "A hugh performance hugo theme for personal website. It is single page portfolio. It has blog, contact sections also. Contact is powered by formspree."
  disqus: ""
-  copyright: "2020"

  # Background
  custombackground: false
@@ -88,95 +98,309 @@ params:
      Url: "/blog"

  # Home
-  name: "Gurusabarish"
-  profile: "/images/avatar-370-456322.webp"
-  github: "https://github.com/gurusabarish"
-  linkedin: "https://linkedin.com/in/gurusabarish"
-  twitter: "https://twitter.com/gurusabarishh"
-  instagram: "https://instagram.com/gurusabarishh"
+  name: "Example name"
+  profile: "/images/v1/avatar.webp"
+  github: "https://github.com/"
+  linkedin: "https://linkedin.com/"
+  twitter: "https://twitter.com/"
+  instagram: "https://instagram.com/"

-  # Do things 
+  # Things I do
  usedothings: true
-  usedefaultlogos: true
+  Things:
+    - logo: fab fa-python
+      title: Python
+      description: I build something beautiful using Python.
+      #url: https://example.com

-  thing1: "Python"
-  thing2: "Machine learning"
-  thing3: "Things for web"
-  thing1_des: "I build something beautiful using Python."
-  thing2_des: "I train robust models for various tasks."
-  thing3_des: "I love to build things for web."
+    - logo: fas fa-robot
+      title: Machine learning
+      description: I train robust models for various tasks.
+      #url: https://guru.com
+
+    - logo: fab fa-html5
+      title: Things for web
+      description: I love to build things for web
+      #url: https://guru.com

  # About
-  profile_image: "/images/gurusabarish.jpg"
-  descripe_l1_person: "Hi, I'm Gurusabarish, a passionate web developer and ML engineer. 
-  I tend to make use of modern web technologies to build websites that looks great, feels fantastic, and functions correctly."
+  profile_image: "/images/profile.webp"
+  descripe_l1_person: "Hi, I'm Profile, a passionate web developer. I tend to make use of modern web technologies to build websites that looks great, feels fantastic, and functions correctly."
  descripe_l2_person: "This is just a example for about section. You can easily change with the help of cofig file."
  job: "your role"
-  resume: ""
+  resume: "/resume.pdf"

  #projects
  projects:
    - title: "Project name"
-    image: "/images/project-preview.jpg"
+      image: "/images/project.jpg"
      description: "This is your description"
      secoundarylink: true
-    secoundaryurlname: "Secoundary link"
-    secoundaryurl: "https://github.com/gurusabarish/hugo-profile"
+      secoundaryurlname: "Featured link"
+      secoundaryurl: "/"
      sourceurl: "https://github.com/gurusabarish/hugo-profile"

    - title: "Project name"
-    image: "/images/project-preview.jpg"
+      image: "/images/project.jpg"
      description: "This is your description"
      secoundarylink: true
-    secoundaryurlname: "Secoundary link"
-    secoundaryurl: "https://github.com/gurusabarish/hugo-profile"
+      secoundaryurlname: "Featured link"
+      secoundaryurl: "/"
      sourceurl: "https://github.com/gurusabarish/hugo-profile"

    - title: "Project name"
-    image: "/images/project-preview.jpg"
+      image: "/images/project.jpg"
      description: "This is your description"
      secoundarylink: true
-    secoundaryurlname: "Secoundary link"
-    secoundaryurl: "https://github.com/gurusabarish/hugo-profile"
+      secoundaryurlname: "Featured link"
+      secoundaryurl: "/"
      sourceurl: "https://github.com/gurusabarish/hugo-profile"

    - title: "Project name"
-    image: "/images/project-preview.jpg"
+      image: "/images/project.jpg"
      description: "This is your description"
      secoundarylink: true
-    secoundaryurlname: "Secoundary link"
-    secoundaryurl: "https://github.com/gurusabarish/hugo-profile"
+      secoundaryurlname: "Featured link"
+      secoundaryurl: "/"
      sourceurl: "https://github.com/gurusabarish/hugo-profile"

    - title: "Project name"
-    image: "/images/project-preview.jpg"
+      image: "/images/project.jpg"
      description: "This is your description"
      secoundarylink: true
-    secoundaryurlname: "Secoundary link"
-    secoundaryurl: "https://github.com/gurusabarish/hugo-profile"
+      secoundaryurlname: "Featured link"
+      secoundaryurl: "/"
      sourceurl: "https://github.com/gurusabarish/hugo-profile"

    - title: "Project name"
-    image: "/images/project-preview.jpg"
+      image: "/images/project.jpg"
      description: "This is your description"
      secoundarylink: true
-    secoundaryurlname: "Secoundary link"
-    secoundaryurl: "https://github.com/gurusabarish/hugo-profile"
+      secoundaryurlname: "Featured link"
+      secoundaryurl: "/"
      sourceurl: "https://github.com/gurusabarish/hugo-profile"

-
-Author:
-  name: "Gurusabarish"
-  website: "https://github.com/gurusabarish"
-
+  #Blog
+  showdescription: false
+  tweet: true
 ```

-<b>Use Yaml as config file</b>
+### Version 2
+```
+baseURL: "https://example.com"
+languageCode: "en-us"
+title: "Hugo-profile"

-You can just copy the content for `config.yaml` files from `theme/toha/exampleSite/config.yaml`.
+googleanalytics: UA-xxxxxx-x
+disqusShortname:
+Paginate: 3
+markup:
+  goldmark:
+    renderer:
+      unsafe: true

+taxonomies:
+  tag: "tags"
+  category: "categories"
+
+enableEmoji: true
+params:
+  version: 2
+
+  favicon: "/images/fav.png"
+  description: "A high performance hugo theme for personal portfolio and blog."
+  copyright: "2021"
+
+  # Navbar Menus
+  customMenus:
+    - name: "About"
+      Url: "/#"
+    - name: "Blog"
+      Url: "/blog"
+
+  # social
+  socialicontop: false
+  name: "Examble name"
+  github: "https://github.com"
+  linkedin: "https://linkedin.com"
+  twitter: "https://twitter.com/"
+  instagram: "https://instagram.com/"
+  facebook: "https://facebook.com"
+
+  # About
+  profile_image: "/images/profile.webp"
+  descripe_l1_person: "Hi, I'm Profile, a passionate web developer. I tend to make use of modern web technologies to build websites that looks great, feels fantastic, and functions correctly. This is a example template for about section."
+  descripe_l2_person: ""
+
+  useresume: true
+  customname: ""
+  resumelink: "/resume.pdf"
+
+  # Things I do
+  usedothings: true
+  Things:
+    - logo: fab fa-python
+      title: Python
+      description: I build something beautiful using Python.
+      #url: https://example.com
+
+    - logo: fas fa-robot
+      title: Machine learning
+      description: I train robust models for various tasks.
+      #url: https://guru.com
+
+    - logo: fab fa-html5
+      title: Things for web
+      description: I love to build things for web
+      #url: https://guru.com
+
+  # Footer
+  socialiconfooter: true
+  recentposts: true
+
+  # Blog
+  showdescription: false
+  tweet: true
+```
+
+### Version 3
+```
+baseURL: "https://example.com"
+languageCode: "en-us"
+title: "Hugo-profile"
+
+googleanalytics: UA-xxxxxx-x
+disqusShortname:
+Paginate: 3
+markup:
+  goldmark:
+    renderer:
+      unsafe: true
+
+taxonomies:
+  tag: "tags"
+  category: "categories"
+
+enableEmoji: true
+params:
+  version: 3
+
+  favicon: "/images/fav.png"
+  description: "A high performance hugo theme for personal portfolio and blog."
+
+  # Navbar Menus
+  customMenus:
+    - name: "Blog"
+      Url: "/blog"
+
+  # home
+  disable_home: false
+  profile_image: "/images/profile.png"
+  name: "Example name"
+  profession: "Profession"
+  github: "https://github.com"
+  linkedin: "https://linkedin.com"
+  twitter: "https://twitter.com/"
+  instagram: "https://instagram.com/"
+  facebook: "https://facebook.com"
+
+  # About
+  disable_about: false
+  descripe_l1_person: "Hi, I'm Profile, a passionate web developer. I tend to make use of modern web technologies to build websites that looks great, feels fantastic, and functions correctly."
+  descripe_l2_person: "This is a example template for about section. You can find my works [here](#projects)"
+  skills:
+    - name: CSS
+      percentage: 90
+    - name: Django
+      percentage: 85
+    - name: Hugo
+      percentage: 80
+    - name: React JS
+      percentage: 70
+
+  # Experience
+  disable_experience: false
+  experience:
+    - company: "Google"
+      role: "Software developer"
+      startdate: Feb 2021
+      enddate: present
+      featuredpoints:
+        - point: Lead backend developer for a product.
+        - point: Created a frontend design for a product.
+    - company: "Facebook"
+      role: "Fullstack developer"
+      startdate: Mar 2020
+      enddate: Dec 2020
+      featuredpoints:
+        - point: Lead backend developer for a product.
+        - point: Created a frontend design for a product.
+    - company: "Amazon"
+      role: "Fullstack developer"
+      startdate: Feb 2019
+      enddate: Jan 2020
+      featuredpoints:
+        - point: Lead backend developer for a product.
+        - point: Created a frontend design for a product.
+
+  # Education
+  disable_education: false
+  education:
+    - degree: "B.tech"
+      branch: "Information Technology"
+      university: "Example university"
+      startedyear: "2013"
+      graduation: "2018"
+    - degree: "Degree"
+      branch: "Branch"
+      university: "Example university"
+      startedyear: "year"
+      graduation: "year"
+    - degree: "Degree"
+      branch: "Branch"
+      university: "Example university"
+      startedyear: "year"
+      graduation: "year"
+
+  # Projects
+  disable_projects: false
+  projects:
+    - name: "Example project without details"
+      img: /images/project.jpg
+      githublink: "https://github.com/"
+      featuredlink: "/"
+      description: "Description of project"
+
+  # Achievements
+  disable_achievements: false
+  achievements:
+    - title: Competition winner
+      description: We are developed a product which can help others.
+      img: /images/achiv.jpg
+    - title: Competition winner
+      description: We are developed a product which can help others.
+      img: /images/achiv.jpg
+    - title: Competition winner
+      description: We are developed a product which can help others.
+      img: /images/achiv.jpg
+    - title: Competition winner
+      description: We are developed a product which can help others.
+      img: /images/achiv.jpg
+
+  # Contact
+  disable_contact: false
+  contact_content: My inbox is always open. Whether you have a question or just want to say hi, I'll try my best to get back to you!
+  email: "example@mail.com"
+
+  # Footer
+  socialiconfooter: true
+  recentposts: true
+
+  # Blog
+  showdescription: false
+  tweet: true
+```

 ## Contributing

 > Contributers are always welcome :heart:
-
@@ -2,12 +2,10 @@
 title: "{{ replace .Name "-" " " | title }}"
 date: {{ .Date }}
 draft: true
-subtitle: ""
-github_link: "https://github.com/gurusabarish/hugo-profile"
 author: ""
 tags: 
-  - 
 bg_image: ""
 description: ""
+toc: 
 ---

@@ -0,0 +1,10 @@
+---
+title: "{{ replace .Name "-" " " | title }}"
+date: {{ .Date }}
+draft: true
+author: ""
+tags: 
+bg_image: ""
+description: ""
+toc: 
+---
@@ -0,0 +1,10 @@
+---
+title: "{{ replace .Name "-" " " | title }}"
+date: {{ .Date }}
+draft: true
+author: ""
+tags: 
+bg_image: ""
+description: ""
+toc: 
+---
@@ -0,0 +1,6 @@
+---
+title: "{{ replace .Name "-" " " | title }}"
+date: {{ .Date }}
+draft: true
+tags: 
+---
@@ -1,116 +0,0 @@
-baseURL: "https://example.com"
-languageCode: "en-us"
-title: "Hugo-profile"
-theme: "hugo-profile"
-
-googleanalytics: UA-xxxxxxxxx-x
-disqusShortname: yourdiscussshortname
-Paginate: 3
-
-taxonomies:
-  tag: "tags"
-  category: "categories"
-
-params:
-  favicon: "/images/hugo.png"
-  description: "A hugh performance hugo theme for personal website. It is single page portfolio. It has blog, contact sections also. Contact is powered by formspree."
-  disqus: ""
-  copyright: "2020"
-
-  # Background
-  custombackground: false
-  background: ""
-  backimg: ""
-  
-  # Contact
-  contact: true
-  action: ""
-  emailname: ""
-  messagename: ""
-  
-  # Navbar Menus
-  customMenus:
-  - name: "Blog"
-    Url: "/blog"
-    
-  # Home
-  name: "Gurusabarish"
-  profile: "/images/avatar-370-456322.webp"
-  github: "https://github.com/gurusabarish"
-  linkedin: "https://linkedin.com/in/gurusabarish"
-  twitter: "https://twitter.com/gurusabarishh"
-  instagram: "https://instagram.com/gurusabarishh"
-
-  # Do things 
-  usedothings: true
-  usedefaultlogos: true
-
-  thing1: "Python"
-  thing2: "Machine learning"
-  thing3: "Things for web"
-  thing1_des: "I build something beautiful using Python."
-  thing2_des: "I train robust models for various tasks."
-  thing3_des: "I love to build things for web."
-
-  # About
-  profile_image: "/images/gurusabarish.jpg"
-  descripe_l1_person: "Hi, I'm Gurusabarish, a passionate web developer and ML engineer. 
-  I tend to make use of modern web technologies to build websites that looks great, feels fantastic, and functions correctly."
-  descripe_l2_person: "This is just a example for about section. You can easily change with the help of cofig file."
-  job: "your role"
-  resume: ""
-  
-  #projects
-  projects:
-  - title: "Project name"
-    image: "/images/project-preview.jpg"
-    description:  "This is your description"
-    secoundarylink: true
-    secoundaryurlname: "Secoundary link"
-    secoundaryurl: "https://github.com/gurusabarish/hugo-profile"
-    sourceurl: "https://github.com/gurusabarish/hugo-profile"
-  
-  - title: "Project name"
-    image: "/images/project-preview.jpg"
-    description:  "This is your description"
-    secoundarylink: true
-    secoundaryurlname: "Secoundary link"
-    secoundaryurl: "https://github.com/gurusabarish/hugo-profile"
-    sourceurl: "https://github.com/gurusabarish/hugo-profile"
-
-  - title: "Project name"
-    image: "/images/project-preview.jpg"
-    description:  "This is your description"
-    secoundarylink: true
-    secoundaryurlname: "Secoundary link"
-    secoundaryurl: "https://github.com/gurusabarish/hugo-profile"
-    sourceurl: "https://github.com/gurusabarish/hugo-profile"
-
-  - title: "Project name"
-    image: "/images/project-preview.jpg"
-    description:  "This is your description"
-    secoundarylink: true
-    secoundaryurlname: "Secoundary link"
-    secoundaryurl: "https://github.com/gurusabarish/hugo-profile"
-    sourceurl: "https://github.com/gurusabarish/hugo-profile"
-
-  - title: "Project name"
-    image: "/images/project-preview.jpg"
-    description:  "This is your description"
-    secoundarylink: true
-    secoundaryurlname: "Secoundary link"
-    secoundaryurl: "https://github.com/gurusabarish/hugo-profile"
-    sourceurl: "https://github.com/gurusabarish/hugo-profile"
-
-  - title: "Project name"
-    image: "/images/project-preview.jpg"
-    description:  "This is your description"
-    secoundarylink: true
-    secoundaryurlname: "Secoundary link"
-    secoundaryurl: "https://github.com/gurusabarish/hugo-profile"
-    sourceurl: "https://github.com/gurusabarish/hugo-profile"
-  
-
-Author:
-  name: "Gurusabarish"
-  website: "https://github.com/gurusabarish"
@@ -1,147 +0,0 @@
---
-title: "Markdown syntax"
-date: 2020-08-13T23:03:58+05:30
-draft: false
-subtitle: "Javascript"
-bg_image: "/images/bg-image.jpg"
-description: "Markdown syntax"
-author: "Gurusabarish"
-github_link: "https://github.com/gurusabarish/hugo-profile"
-tags:
-  - markdown
-  - css
-  - html
-  - themes
-  - blog
---
-
-This article offers a sample of basic Markdown syntax that can be used in Hugo content files, also it shows whether basic HTML elements are decorated with CSS in a Hugo theme.
-<!--more-->
-
-## Headings
-
-The following HTML `<h1>`—`<h6>` elements represent six levels of section headings. `<h1>` is the highest section level while `<h6>` is the lowest.
-
-# H1
-## H2
-### H3
-#### H4
-##### H5
-###### H6
-
-## Paragraph
-
-Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.
-
-Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.
-
-
-## Blockquotes
-
-The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a `footer` or `cite` element, and optionally with in-line changes such as annotations and abbreviations.
-
-#### Blockquote without attribution
-
-
-> Tiam, ad mint andaepu dandae nostion secatur sequo quae.
-> **Note** that you can use *Markdown syntax* within a blockquote.
-
-
-#### Blockquote with attribution
-
-
-> Don't communicate by sharing memory, share memory by communicating.</p>
-> — <cite>Rob Pike[^1]</cite>
-
-
-[^1]: The above quote is excerpted from Rob Pike's [talk](https://www.youtube.com/watch?v=PAAkCSZUG1c) during Gopherfest, November 18, 2015.
-
-## Tables
-
-Tables aren't part of the core Markdown spec, but Hugo supports supports them out-of-the-box.
-
-   | Name  | Age |
-   | ----- | --- |
-   | Bob   | 27  |
-   | Alice | 23  |
-
-#### Inline Markdown within tables
-
-| Inline&nbsp;&nbsp;&nbsp; | Markdown&nbsp;&nbsp;&nbsp; | In&nbsp;&nbsp;&nbsp;                | Table  |
-| ------------------------ | -------------------------- | ----------------------------------- | ------ |
-| *italics*                | **bold**                   | ~~strikethrough~~&nbsp;&nbsp;&nbsp; | `code` |
-
-## Code Blocks
-
-#### Code block with backticks
-
-``` html
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <title>Example HTML5 Document</title>
-</head>
-<body>
-  <p>Test</p>
-</body>
-</html>
-```
-#### Code block indented with four spaces
-
-    <!DOCTYPE html>
-    <html lang="en">
-    <head>
-      <meta charset="UTF-8">
-      <title>Example HTML5 Document</title>
-    </head>
-    <body>
-      <p>Test</p>
-    </body>
-    </html>
-
-#### Code block with Hugo's internal highlight shortcode
-{{< highlight html >}}
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <title>Example HTML5 Document</title>
-</head>
-<body>
-  <p>Test</p>
-</body>
-</html>
-{{< /highlight >}}
-
-## List Types
-
-#### Ordered List
-
-1. First item
-2. Second item
-3. Third item
-
-#### Unordered List
-
-* List item
-* Another item
-* And another item
-
-#### Nested list
-
-* Item
-1. First Sub-item
-2. Second Sub-item
-
-## Other Elements — abbr, sub, sup, kbd, mark
-
-<abbr title="Graphics Interchange Format">GIF</abbr> is a bitmap image format.
-
-H<sub>2</sub>O
-
-X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup>
-
-Press <kbd><kbd>CTRL</kbd>+<kbd>ALT</kbd>+<kbd>Delete</kbd></kbd> to end the session.
-
-Most <mark>salamanders</mark> are nocturnal, and hunt for insects, worms, and other small creatures.
@@ -1,145 +0,0 @@
---
-title: "Markdown syntax"
-date: 2020-08-15T13:22:10+05:30
-draft: false
-subtitle: "Javascript"
-github_link: "https://github.com/gurusabarish/hugo-profile"
-author: "Gurusabarish"
-tags:
-  - markdown
-  - css
-  - blog
-bg_image: "/images/bg-image-4.jpg"
-description: "Markdown syntax"
---
-
-This article offers a sample of basic Markdown syntax that can be used in Hugo content files, also it shows whether basic HTML elements are decorated with CSS in a Hugo theme.
-<!--more-->
-
-## Headings
-
-The following HTML `<h1>`—`<h6>` elements represent six levels of section headings. `<h1>` is the highest section level while `<h6>` is the lowest.
-
-# H1
-## H2
-### H3
-#### H4
-##### H5
-###### H6
-
-## Paragraph
-
-Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.
-
-Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.
-
-
-## Blockquotes
-
-The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a `footer` or `cite` element, and optionally with in-line changes such as annotations and abbreviations.
-
-#### Blockquote without attribution
-
-
-> Tiam, ad mint andaepu dandae nostion secatur sequo quae.
-> **Note** that you can use *Markdown syntax* within a blockquote.
-
-
-#### Blockquote with attribution
-
-
-> Don't communicate by sharing memory, share memory by communicating.</p>
-> — <cite>Rob Pike[^1]</cite>
-
-
-[^1]: The above quote is excerpted from Rob Pike's [talk](https://www.youtube.com/watch?v=PAAkCSZUG1c) during Gopherfest, November 18, 2015.
-
-## Tables
-
-Tables aren't part of the core Markdown spec, but Hugo supports supports them out-of-the-box.
-
-   | Name  | Age |
-   | ----- | --- |
-   | Bob   | 27  |
-   | Alice | 23  |
-
-#### Inline Markdown within tables
-
-| Inline&nbsp;&nbsp;&nbsp; | Markdown&nbsp;&nbsp;&nbsp; | In&nbsp;&nbsp;&nbsp;                | Table  |
-| ------------------------ | -------------------------- | ----------------------------------- | ------ |
-| *italics*                | **bold**                   | ~~strikethrough~~&nbsp;&nbsp;&nbsp; | `code` |
-
-## Code Blocks
-
-#### Code block with backticks
-
-``` html
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <title>Example HTML5 Document</title>
-</head>
-<body>
-  <p>Test</p>
-</body>
-</html>
-```
-#### Code block indented with four spaces
-
-    <!DOCTYPE html>
-    <html lang="en">
-    <head>
-      <meta charset="UTF-8">
-      <title>Example HTML5 Document</title>
-    </head>
-    <body>
-      <p>Test</p>
-    </body>
-    </html>
-
-#### Code block with Hugo's internal highlight shortcode
-{{< highlight html >}}
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <title>Example HTML5 Document</title>
-</head>
-<body>
-  <p>Test</p>
-</body>
-</html>
-{{< /highlight >}}
-
-## List Types
-
-#### Ordered List
-
-1. First item
-2. Second item
-3. Third item
-
-#### Unordered List
-
-* List item
-* Another item
-* And another item
-
-#### Nested list
-
-* Item
-1. First Sub-item
-2. Second Sub-item
-
-## Other Elements — abbr, sub, sup, kbd, mark
-
-<abbr title="Graphics Interchange Format">GIF</abbr> is a bitmap image format.
-
-H<sub>2</sub>O
-
-X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup>
-
-Press <kbd><kbd>CTRL</kbd>+<kbd>ALT</kbd>+<kbd>Delete</kbd></kbd> to end the session.
-
-Most <mark>salamanders</mark> are nocturnal, and hunt for insects, worms, and other small creatures.
@@ -1,145 +0,0 @@
---
-title: "Markdown syntax"
-date: 2020-08-14T13:30:29+05:30
-draft: false
-subtitle: "Javascript"
-author: "Gurusabarish"
-github_link: "https://github.com/gurusabarish/hugo-profile"
-tags:
-    - blog
-    - theme
-    - javascript
-bg_image: "/images/bg-image-5.jpg"
-description: "Markdown syntax"
---
-
-This article offers a sample of basic Markdown syntax that can be used in Hugo content files, also it shows whether basic HTML elements are decorated with CSS in a Hugo theme.
-<!--more-->
-
-## Headings
-
-The following HTML `<h1>`—`<h6>` elements represent six levels of section headings. `<h1>` is the highest section level while `<h6>` is the lowest.
-
-# H1
-## H2
-### H3
-#### H4
-##### H5
-###### H6
-
-## Paragraph
-
-Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.
-
-Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.
-
-
-## Blockquotes
-
-The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a `footer` or `cite` element, and optionally with in-line changes such as annotations and abbreviations.
-
-#### Blockquote without attribution
-
-
-> Tiam, ad mint andaepu dandae nostion secatur sequo quae.
-> **Note** that you can use *Markdown syntax* within a blockquote.
-
-
-#### Blockquote with attribution
-
-
-> Don't communicate by sharing memory, share memory by communicating.</p>
-> — <cite>Rob Pike[^1]</cite>
-
-
-[^1]: The above quote is excerpted from Rob Pike's [talk](https://www.youtube.com/watch?v=PAAkCSZUG1c) during Gopherfest, November 18, 2015.
-
-## Tables
-
-Tables aren't part of the core Markdown spec, but Hugo supports supports them out-of-the-box.
-
-   | Name  | Age |
-   | ----- | --- |
-   | Bob   | 27  |
-   | Alice | 23  |
-
-#### Inline Markdown within tables
-
-| Inline&nbsp;&nbsp;&nbsp; | Markdown&nbsp;&nbsp;&nbsp; | In&nbsp;&nbsp;&nbsp;                | Table  |
-| ------------------------ | -------------------------- | ----------------------------------- | ------ |
-| *italics*                | **bold**                   | ~~strikethrough~~&nbsp;&nbsp;&nbsp; | `code` |
-
-## Code Blocks
-
-#### Code block with backticks
-
-``` html
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <title>Example HTML5 Document</title>
-</head>
-<body>
-  <p>Test</p>
-</body>
-</html>
-```
-#### Code block indented with four spaces
-
-    <!DOCTYPE html>
-    <html lang="en">
-    <head>
-      <meta charset="UTF-8">
-      <title>Example HTML5 Document</title>
-    </head>
-    <body>
-      <p>Test</p>
-    </body>
-    </html>
-
-#### Code block with Hugo's internal highlight shortcode
-{{< highlight html >}}
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <title>Example HTML5 Document</title>
-</head>
-<body>
-  <p>Test</p>
-</body>
-</html>
-{{< /highlight >}}
-
-## List Types
-
-#### Ordered List
-
-1. First item
-2. Second item
-3. Third item
-
-#### Unordered List
-
-* List item
-* Another item
-* And another item
-
-#### Nested list
-
-* Item
-1. First Sub-item
-2. Second Sub-item
-
-## Other Elements — abbr, sub, sup, kbd, mark
-
-<abbr title="Graphics Interchange Format">GIF</abbr> is a bitmap image format.
-
-H<sub>2</sub>O
-
-X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup>
-
-Press <kbd><kbd>CTRL</kbd>+<kbd>ALT</kbd>+<kbd>Delete</kbd></kbd> to end the session.
-
-Most <mark>salamanders</mark> are nocturnal, and hunt for insects, worms, and other small creatures.
@@ -1,84 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 width="350px" height="302px" viewBox="0 0 350 302" style="enable-background:new 0 0 350 302;" xml:space="preserve">
-<style type="text/css">
-	.st0{fill:#F9C758;}
-	.st1{fill:#FAFAFA;}
-	.st2{fill:#9B9B9B;}
-	.st3{fill:#B3B3B3;}
-	.st4{fill:#CFCFCF;}
-	.st5{fill:#FFFFFF;}
-	.st6{fill:#464646;}
-	.st7{fill:#FC86B4;}
-	.st8{fill:#D66DF7;}
-	.st9{fill:#D3D2D1;}
-	.st10{fill:#FBC39D;}
-	.st11{fill:#9DF9E1;}
-	.st12{fill:#565656;}
-</style>
-<g>
-	<path class="st0" d="M288.9,160.7h-16.1c-0.3,0-0.5,0.2-0.5,0.5v12.2c0,3.6,2.9,6.4,6.4,6.4h4.3c3.6,0,6.4-2.9,6.4-6.4v-12.2
-		C289.4,161,289.2,160.7,288.9,160.7z"/>
-	<path class="st0" d="M287,177.8c3.6-2,9.9-8.1,8.8-12.4c-0.3-1.1-1-2-2-2.5c-2.4-1.1-5.8,0.2-6.2,0.4l1.1,2.4
-		c0.8-0.3,2.9-0.9,3.8-0.4c0.2,0.1,0.4,0.2,0.5,0.7c0.6,2.5-4.3,7.7-7.5,9.5L287,177.8z"/>
-</g>
-<path class="st1" d="M213.4,165.1H77.9c-1.8,0-3.3-1.5-3.3-3.3V83.5c0-1.8,1.5-3.3,3.3-3.3h135.5c1.8,0,3.3,1.5,3.3,3.3v78.3
-	C216.7,163.6,215.2,165.1,213.4,165.1z"/>
-<path class="st2" d="M161.7,176.2c-0.5-1.4-0.7-2.8-0.7-4.3v-6.8h-15.3H145h-13.7v6.8c0,1.5-0.2,2.9-0.7,4.3c-0.7,1.9-2.1,4-4.6,4
-	h19h0.7h20.6C163.8,180.2,162.4,178.1,161.7,176.2z"/>
-<path class="st3" d="M300.3,189.3H65.8c-1.2,0-2.1-0.9-2.1-2.1v-4.9c0-1.2,0.9-2.1,2.1-2.1h234.4c1.2,0,2.1,0.9,2.1,2.1v4.9
-	C302.4,188.4,301.5,189.3,300.3,189.3z"/>
-<path class="st4" d="M213.4,151.6H77.9c-1.8,0-3.3-1.5-3.3-3.3V70c0-1.8,1.5-3.3,3.3-3.3h135.5c1.8,0,3.3,1.5,3.3,3.3v78.3
-	C216.7,150.1,215.2,151.6,213.4,151.6z"/>
-<rect x="80.1" y="71.3" class="st5" width="131.3" height="74.7"/>
-<path class="st5" d="M280.4,156.1c0.5-0.2,1.1-0.5,1.5-0.8c0.5-0.3,0.9-0.8,1.1-1.2c0.2-0.5,0.2-0.9-0.1-1.3c-0.3-0.4-0.7-0.7-1.1-1
-	c-0.5-0.3-1-0.5-1.5-0.7c-0.2-0.1-0.6-0.2-0.9-0.3s-0.6-0.3-0.9-0.5c-1.2-0.7-2.3-1.6-3.2-2.8c-0.9-1.1-1.6-2.5-2-3.9
-	c-0.4-1.5-0.6-3-0.3-4.7c0.2-0.8,0.4-1.7,0.9-2.6c0.4-0.9,1.1-1.7,1.9-2.4s1.8-1.2,2.8-1.5s2-0.4,3-0.5h1c2.3,0,4.3,1.8,4.3,4.2
-	c0,2.3-1.8,4.3-4.2,4.3c-0.7,0-1.3-0.2-1.9-0.4c-0.5-0.2-0.8-0.4-1.1-0.4c-0.3,0-0.8,0.3-1.2,0.9c-0.4,0.6-0.6,1.5-0.6,2.4
-	s0.1,1.9,0.5,2.8c0.4,0.9,0.9,1.8,1.6,2.6c0.2,0.2,0.4,0.4,0.6,0.5c0.2,0.2,0.4,0.3,0.7,0.5c0.5,0.4,1,0.8,1.5,1.3s0.9,1,1.2,1.8
-	c0.1,0.4,0.2,0.8,0.1,1.1c-0.1,0.4-0.2,0.7-0.4,1c-0.4,0.6-0.9,0.9-1.4,1.3c-0.5,0.3-1.1,0.6-1.6,0.9c-0.1,0.1-0.3,0-0.3-0.1
-	C280.2,156.3,280.3,156.1,280.4,156.1L280.4,156.1L280.4,156.1z"/>
-<path class="st6" d="M108.6,132.2c0.1,0.1,0.3,0,0.4-0.1l2.5-2.5l1.8,3.6c0.1,0.1,0.2,0.2,0.3,0.2c0.1,0,0.1,0,0.2,0l1.5-0.8
-	c0.1,0,0.1-0.1,0.2-0.2c0-0.1,0-0.2,0-0.3l-1.7-3.3h3.3c0.1,0,0.3-0.1,0.3-0.2c0.1-0.1,0-0.3-0.1-0.4l-8.3-7.6
-	c-0.1-0.1-0.3-0.1-0.4-0.1c-0.1,0.1-0.2,0.2-0.2,0.3v11.1C108.4,132,108.5,132.1,108.6,132.2z"/>
-<rect x="92.8" y="87.5" class="st7" width="20.7" height="10.5"/>
-<rect x="118.5" y="87.5" class="st8" width="56.3" height="10.5"/>
-<rect x="92.8" y="105.4" class="st0" width="48.5" height="3"/>
-<rect x="92.8" y="113.2" class="st0" width="42.6" height="3"/>
-<g>
-	<path class="st9" d="M277,76.2c-13.7,0-24.8-11.1-24.8-24.8s11.1-24.8,24.8-24.8s24.8,11.1,24.8,24.8
-		C301.9,65.1,290.7,76.2,277,76.2z M277,30.1c-11.7,0-21.3,9.5-21.3,21.3s9.5,21.3,21.3,21.3s21.3-9.5,21.3-21.3
-		S288.7,30.1,277,30.1z"/>
-	<path class="st9" d="M277.6,52.9h-16.1c-0.5,0-0.9-0.4-0.9-0.9s0.4-0.9,0.9-0.9h15.2v-16c0-0.5,0.4-0.9,0.9-0.9s0.9,0.4,0.9,0.9
-		v16.8C278.5,52.4,278.1,52.9,277.6,52.9z"/>
-</g>
-<path class="st10" d="M186.1,176.2L111,181c-6.5,0.4-12-4.5-12.5-11l0,0c-0.4-6.5,4.5-12,11-12.5l75.1-4.8c3.9-0.3,7.3,2.7,7.6,6.7
-	l0.6,9.1C193,172.5,190,175.9,186.1,176.2z"/>
-<path class="st11" d="M138.2,131.5L101,157.7c-4.9,3.5-6.2,10.2-2.9,15.2l0,0c2.5,3.8,7.1,5.8,11.6,4.9c16.4-3.3,54-11,53.6-12.3
-	c-0.3-1-4.5-15.9-7.8-27.9C153.3,130.2,144.5,127.1,138.2,131.5z"/>
-<path class="st10" d="M163.4,176.2l75.1,4.8c6.5,0.4,12-4.5,12.5-11l0,0c0.4-6.5-4.5-12-11-12.5l-75.1-4.8c-3.9-0.3-7.3,2.7-7.6,6.7
-	l-0.6,9.1C156.5,172.5,159.5,175.9,163.4,176.2z"/>
-<path class="st11" d="M211.3,131.5l37.2,26.2c4.9,3.5,6.2,10.2,2.9,15.2l0,0c-2.5,3.8-7.1,5.8-11.6,4.9c-16.4-3.3-54-11-53.6-12.3
-	c0.3-1,4.5-15.9,7.8-27.9C196.2,130.2,205,127.1,211.3,131.5z"/>
-<g>
-	<ellipse class="st6" cx="145.6" cy="91.2" rx="7.3" ry="7.6"/>
-	<ellipse class="st6" cx="200.6" cy="91.2" rx="7.3" ry="7.6"/>
-	<path class="st6" d="M170.9,131.7L170.9,131.7c0.7,0.1,1.5,0.2,2.2,0.2l0,0c2.3,0,4.6-0.3,6.7-0.9c0,0,0,0,0-0.1
-		c11.9-3.1,20.7-14.3,20.7-27.7V69.8c0-15.8-12.3-13.3-27.5-13.3l0,0c-15.2,0-27.5-2.5-27.5,13.3v33.5
-		C145.6,118.2,156.7,130.5,170.9,131.7z"/>
-	<path class="st6" d="M195,92.2v9h-9.7c0,0-2.4-6.5-12.2-6.5s-12.2,6.5-12.2,6.5h-9.7v-9c0-3.6-3.3-4.7-5.5-5.1v16.1
-		c0,15,11.1,27.3,25.2,28.4l0,0c0.8,0.1,1.5,0.1,2.3,0.1s1.5,0,2.3-0.1l0,0c14.1-1.2,25.2-13.5,25.2-28.4V87.1
-		C198.4,87.5,195,88.7,195,92.2z"/>
-	<path class="st6" d="M193.3,45.5c-7.5-1.1-19.2-1.2-27.8,5.8c-0.2,0.2-0.4,0.4-0.5,0.5h-6.8c-7,0-12.6,4.9-12.6,11V69v14.2v17.4
-		c1.3,0,2.3-1.1,2.3-2.4V73.9c0,0,0.4-7.7,7.4-7.7h16h0.1h18.2c7.5,0,8.4,6.8,8.5,7.7v24.5c0,1.3,1,2.4,2.3,2.4V83.4V69.1v-5.5
-		l0.1-9.5C200.7,49.8,197.5,46.1,193.3,45.5z"/>
-</g>
-<rect x="147.1" y="62.1" class="st6" width="53.1" height="46"/>
-<path class="st12" d="M188,275.3h-30c-21,0-37.9-18.3-37.9-40.9l9.5-82c3.3-21.9,23.5-35.9,44-35.9l0,0c20.7,0,41.1,14.4,44.1,36.5
-	l8.3,81.4C226,256.9,209,275.3,188,275.3z"/>
-<path class="st4" d="M180,299.2h-13.6c-1.5,0-2.7-1.2-2.7-2.7V187.2c0-1.5,1.2-2.7,2.7-2.7H180c1.5,0,2.7,1.2,2.7,2.7v109.3
-	C182.7,298,181.5,299.2,180,299.2z"/>
-<path class="st6" d="M184.5,194.7H161c-2.9,0-5.2-2.3-5.2-5.2v-9.9c0-2.9,2.3-5.2,5.2-5.2h23.5c2.9,0,5.2,2.3,5.2,5.2v9.9
-	C189.8,192.4,187.4,194.7,184.5,194.7z"/>
-</svg>
@@ -1,33 +1,27 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    {{- partial "head.html" . -}}
-
-    <!-- stylesheets -->
-    <link rel="stylesheet" href="/css/bootstrap.min.css">
-</head>
-
-<body>
-
-    {{- partial "header.html" . -}}
-
-    <div class="bg-light row justify-centent-center py-5">
+{{ define "main" }}
+<style>
+    html {
+        scroll-behavior: smooth;
+    }

+    body {
+        font-family: "Roboto", sans-serif;
+        background-color: #0a192f;
+    }
+</style>
+<div class="container">
+    <div class="row justify-centent-center py-5">
        <div class="display-4 font-weight-bold text-center col p-5">
+            {{ if eq .Site.Params.version 3 }}
+            <span class="text-light">404 page not found</span>
+            {{ else }}
            404 page not found
+            {{ end }}
            <div class="text-center p-5">
-                <a href="{{ .Site.BaseURL }}" class="font-weight-bold btn btn-primary rounded-pill p-3 mb-2">Back to our
-                    site</a>
+                <a href="{{ .Site.BaseURL }}" class="font-weight-bold btn btn-primary rounded-pill p-3 mb-2">Back to
+                    Home</a>
            </div>
        </div>
-
    </div>
-    <div class="fixed-bottom">
-        {{- partial "footer.html" . -}}
-    </div>
-    </div>
-    {{- partial "scripts.html" . -}}
-</body>
-
-</html>
+</div>
+{{ end }}
@@ -2,23 +2,78 @@
 <html lang="en">

 <head>
-    {{- partial "head.html" . -}}
+  {{ if eq .Site.Params.version 1 }}
+  {{- partial "sections/v1/head.html" . -}}
+  <link href="/css/bootstrap.min.css" rel="stylesheet">
+  <link href="/css/v1/head_foot.css" rel="stylesheet">
  {{- block "head" . -}}{{- end }}

-    <!-- stylesheets -->
-    <link rel="stylesheet" href="/css/bootstrap.min.css">
-    <link rel="stylesheet" href="/css/blog.css">
+  {{ else if eq .Site.Params.version 2 }}
+  {{- partial "sections/v2/head.html" . -}}
+  {{- block "head" . -}}{{- end }}
+  {{ else if eq .Site.Params.version 3 }}
+  {{- partial "sections/v3/head.html" . -}}
+  <link rel="stylesheet" href="/css/v3/navbar-footer.css">
+  <link rel="preconnect" href="https://fonts.gstatic.com">
+  <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;1,100;1,300&display=swap"
+    rel="stylesheet">
+  {{- block "head" . -}}{{- end }}
+  {{ else }}
+  {{ end }}

-    <!-- Fonts -->
-    <link href="https://fonts.googleapis.com/css2?family=Peddana&display=swap" rel="stylesheet">
 </head>

-<body>
-    {{- partial "header.html" . -}}
-    {{- block "main" . -}}{{- end }}
-    {{- partial "footer.html" . -}}
-    {{- partial "scripts.html" . -}}
+{{ if eq .Site.Params.version 1 }}

+<body>
+  {{- partial "sections/v1/scripts.html" . -}}
+  {{- partial "sections/v1/header1.html" . -}}
+  {{- block "main" . -}}{{- end }}
+  {{- partial "sections/v1/footer.html" . -}}
 </body>
+{{ else if eq .Site.Params.version 2 }}
+
+<body>
+  {{- partial "sections/v2/scripts.html" . -}}
+  {{- partial "sections/v2/header.html" . -}}
+  {{- block "main" . -}}{{- end }}
+  {{- partial "sections/v2/footer.html" . -}}
+</body>
+{{ else if eq .Site.Params.version 3 }}
+
+<body class="text-dark">
+  {{- partial "sections/v3/scripts.html" . -}}
+  {{- partial "sections/v3/navbar.html" . -}}
+  {{- block "main" . -}}{{- end }}
+  {{- partial "sections/v3/footer.html" . -}}
+  <script>
+    $('.darkmode-label').click(function () {
+      $("body").toggleClass("darkmode");
+      $(".fa-moon").toggleClass("d-none");
+      $(".fa-sun").toggleClass("d-none");
+      $("nav").toggleClass("navbar-dark");
+      $("nav").toggleClass("navbar-light");
+      $('.text-dark').addClass('darkmode-text-dark').removeClass('text-dark');
+      $('.text-muted').addClass('darkmode-text-muted').removeClass('text-muted');
+      if ($('input.custom-control-input').is(':checked')) {
+        $('.darkmode-text-dark').addClass('text-dark').removeClass('darkmode-text-dark');
+        $('.darkmode-text-muted').addClass('text-muted').removeClass('darkmode-text-muted');
+      };
+    });
+    if ($('input.custom-control-input').is(':checked')) {
+      $("body").toggleClass("darkmode");
+      $(".fa-moon").addClass("d-none");
+      $(".fa-sun").removeClass("d-none");
+      $("nav").toggleClass("navbar-dark");
+      $("nav").toggleClass("navbar-light");
+      $('.text-dark').addClass('darkmode-text-dark').removeClass('text-dark');
+      $('.text-muted').addClass('darkmode-text-muted').removeClass('text-muted');
+    };
+  </script>
+</body>
+{{ else }}
+
+<body></body>
+{{ end }}

 </html>
@@ -1,34 +1,83 @@
 {{ define "head"}}
-<meta name="description" content="blog of {{ .Site.Title}}" />
-<title>blog</title>
+
+{{ if eq .Site.Params.version 3 }}
+<link rel="stylesheet" href="/css/v3/list.css" media="all">
+{{ else }}
+<!-- Fonts -->
+<link rel="preconnect" href="https://fonts.gstatic.com">
+<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;1,400&display=swap" rel="stylesheet"
+  media="all">
+{{ end }}
+
+<meta name="description" content="{{ .Title }}" />
+<title>{{ .Title }}</title>
 {{ end }}


 {{ define "main" }}
-<section class="bg-light">
-  <div class="container-fluid">
+{{ if eq .Site.Params.version 3 }}
+<section style="font-family: 'Roboto', sans-serif;5">
+  <div class="container pt-5">
+    <h3 class="text-center">{{.Title}}</h2>
+      <div class="row justify-content-center">
+        <div class="col-md-7 py-2">
+          <ol class="post-ol">
+            {{ range .Paginator.Pages }}
+            <li>

+              <h1 style="font-size: 25px;" class="font-weight-bold">
+                <a class="text-decoration-none" href="{{ .Permalink }}">
+                  {{ .Title }}
+                </a>
+              </h1>
+              <div class="post-sum">
+                {{- .Summary | truncate 150 | safeHTML -}}
+              </div>
+              {{ if .Params.tags }}
+              {{ range .Params.tags }}
+              <a href={{ "/tags/" | relLangURL }}{{ . | urlize }} class="text-info text-decoration-none m-1"
+                style="color: #8392a5">
+                <small># {{ . }}</small>
+              </a>
+              {{ end }}
+              {{ end }}
+            </li>
+            {{ end }}
+          </ol>
+          <div class="p-3">
+            {{ template "_internal/pagination.html" . }}
+          </div>
+        </div>
+      </div>
+  </div>
+</section>
+{{ else }}
+<section>
+  <div class="container-fluid">
    <div class="row pt-3 justify-content-center">
      <div class="col-lg-6 col-md-6">
        {{ range .Paginator.Pages }}
        <div class="mb-4">
-          <div class="card border-bottom-primary shadow pb-2">
+          <div class="card border-bottom-primary pb-2">
            {{ if .Params.tags }}
            <h5 class="card-header m-0">
              {{ if .Params.tags }}
-              {{ range $tags := .Params.tags }}
-              {{ with $.Site.GetPage (printf "/tags/%s" $tags) }}
-              <a href="{{ .RelPermalink }}" class="btn btn-info btn-rounded mb-2">{{ $tags }}</a>
-              {{ end }}
+              {{ range .Params.tags }}
+              <a href={{ "/tags/" | relLangURL }}{{ . | urlize }} class="btn btn-info btn-rounded mb-2">{{ . }}</a>
              {{ end }}
              {{ end }}
            </h5>
            {{ end }}
-
            <a class="text-decoration-none" href="{{ .Permalink }}">
              <div class="card-body">
                <div class="text-xs font-weight-bold text-primary text-uppercase mb-1">{{ .Title }}</div>
-                <div class="text-muted">
+                {{ if .Site.Params.showdescription }}
+                <div class="text-muted py-2">
+                  {{ .Params.description }}
+                </div>
+                {{ end }}
+                <div class="text-dark">
+                  <span class="px-1">
                    <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-calendar" fill="currentColor"
                      xmlns="http://www.w3.org/2000/svg">
                      <path fill-rule="evenodd"
@@ -36,14 +85,16 @@
                      <path fill-rule="evenodd"
                        d="M3.5 0a.5.5 0 0 1 .5.5V1a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 .5-.5zm9 0a.5.5 0 0 1 .5.5V1a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 .5-.5z" />
                    </svg>
+                  </span>
                  {{ dateFormat "Jan 2, 2006" .Date }}
-
                  {{ if .Params.author }}
+                  <span class="px-1">
                    <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-person-fill" fill="currentColor"
                      xmlns="http://www.w3.org/2000/svg">
                      <path fill-rule="evenodd"
                        d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6z" />
                    </svg>
+                  </span>
                  {{ .Params.author }}
                  {{ end }}
                </div>
@@ -53,16 +104,15 @@
        </div>
        {{ end }}
        {{ template "_internal/pagination.html" . }}
-
        <div class="row justify-content-center pt-3">
          <div class="col-lg-7 col-md-7">
            <div class=" mb-4">
-              <div class="card shadow p-0">
-                <h5 class="card-header m-0 bg-warning">Tags</h5>
+              <div class="card p-0">
+                <h5 class="card-header m-0 btn-outline-danger">Tags</h5>
                <div class=" card-body">
                  {{range $name, $taxonomy := .Site.Taxonomies.tags}}
                  {{ with $.Site.GetPage (printf "/tags/%s" $name) }}
-                  <a href="{{ .RelPermalink }}" class="btn btn-warning rounded-pill mb-2">{{$name}}</a>
+                  <a href="{{ .RelPermalink }}" class="btn btn-outline-danger rounded-pill mb-2">{{$name}}</a>
                  {{end}}
                  {{end}}
                </div>
@@ -70,12 +120,11 @@
            </div>
          </div>
        </div>
-
      </div>
    </div>
  </div>
-
-
-
 </section>
 {{ end }}
+
+
+{{ end }}
@@ -1,20 +1,84 @@
 {{ define "head"}}
 <meta name="description" content="{{ .Params.description }}" />
 <title>{{ .Title }}</title>
+{{ if eq .Site.Params.version 1 }}
+<link rel="preconnect" href="https://fonts.gstatic.com">
+<link href="https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1:wght@400;700&display=swap" rel="stylesheet">
+<link href="/css/v1/blog.css" rel="stylesheet">
+{{ else if eq .Site.Params.version 2 }}
+<link rel="preconnect" href="https://fonts.gstatic.com">
+<link href="https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1:wght@400;700&display=swap" rel="stylesheet">
+<link href="/css/v2/post.css" rel="stylesheet">
+{{ else if eq .Site.Params.version 3 }}
+<link href="/css/v3/post.css" rel="stylesheet">
+{{ else }}
+{{ end }}
 {{ end }}


 {{ define "main" }}

-<section class="bg-light">
+{{ if eq .Site.Params.version 3 }}
+<section style="font-family: 'Roboto', sans-serif;">
  <div class="container">
-    <div class="row justify-content-md-center">
-      <div class="col-md-8">
+    <div class="row blog-page-color">
+      <div class="col-md-9 py-4 px-0">
+        <div class="rounded shadow bg-light p-3 px-md-5 bg-light">
+          <h1 class="pb-2 text-center">{{ .Title }}</h1>
+          <article>
+            {{.Content}}
+          </article>
+        </div>
+      </div>
+      <div class="col-md-3 py-4">
+        <div class="bg-light shadow p-4 rounded mb-2 bg-light">
+          <h4>Table of content</h4>
+          {{.TableOfContents}}
+        </div>
+
+        <div class="bg-light shadow p-4 rounded mt-2 bg-light">
+          <h4>Share article with</h4>
+          <ul>
+            <li>
+              <a target="blank" class="text-info"
+                href="https://twitter.com/share?text={{ .Title }}&url={{ .Site.Params.hostName }}{{ .Permalink | absURL }}">
+                Twitter
+              </a>
+            </li>
+            <li>
+              <a target="blank" class="text-success"
+                href="https://api.whatsapp.com/send?text={{ .Title }}: {{ .Site.Params.hostName }}{{ .Permalink | absURL }}"
+                data-action="share/whatsapp/share">
+                Whatsapp
+              </a>
+            </li>
+            <li>
+              <a class="text-danger" target="blank"
+                href="mailto:?subject={{ .Title }}&amp;body=Check out this site {{ .Site.Params.hostName }}{{ .Permalink | absURL }}">
+                Email
+              </a>
+            </li>
+          </ul>
+
+
+
+        </div>
+      </div>
+      {{ template "_internal/disqus.html" . }}
+    </div>
+  </div>
+</section>
+{{ else }}
+
+
+<section class="mincho-font">
+  <div class="py-4 bg-info text-center">
+    <div class="container-fluid">
      <!-- title and date -->
-        <div class="p-2">
-          <h1>{{.Title}}</h1>
-          <div class="text-muted">
+      <h1 class="blog-title font-weight-bold">{{.Title}}</h1>
+      <div class="">
        <!-- Date -->
+        <span class="px-1">
          <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-calendar" fill="currentColor"
            xmlns="http://www.w3.org/2000/svg">
            <path fill-rule="evenodd"
@@ -22,74 +86,76 @@
            <path fill-rule="evenodd"
              d="M3.5 0a.5.5 0 0 1 .5.5V1a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 .5-.5zm9 0a.5.5 0 0 1 .5.5V1a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 .5-.5z" />
          </svg>
+        </span>
        {{ dateFormat "Jan 2, 2006" .Date }}

        <!-- Author -->
        {{ if .Params.author }}
+        <span class="px-1">
          <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-person-fill" fill="currentColor"
            xmlns="http://www.w3.org/2000/svg">
-              <path fill-rule="evenodd"
-                d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6z" />
+            <path fill-rule="evenodd" d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6z" />
          </svg>
+        </span>
        {{ .Params.author }}
        {{ end }}

-            <!-- Edit in Github -->
-            {{ if .Params.github_link }}
-            <a href="{{ .Params.github_link }}" target="_blank" title="Edit on github">
-              <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-pencil float-right" fill="currentColor"
-                xmlns="http://www.w3.org/2000/svg">
-                <path fill-rule="evenodd"
-                  d="M11.293 1.293a1 1 0 0 1 1.414 0l2 2a1 1 0 0 1 0 1.414l-9 9a1 1 0 0 1-.39.242l-3 1a1 1 0 0 1-1.266-1.265l1-3a1 1 0 0 1 .242-.391l9-9zM12 2l2 2-9 9-3 1 1-3 9-9z" />
-                <path fill-rule="evenodd"
-                  d="M12.146 6.354l-2.5-2.5.708-.708 2.5 2.5-.707.708zM3 10v.5a.5.5 0 0 0 .5.5H4v.5a.5.5 0 0 0 .5.5H5v.5a.5.5 0 0 0 .5.5H6v-1.5a.5.5 0 0 0-.5-.5H5v-.5a.5.5 0 0 0-.5-.5H3z" />
-              </svg>
-            </a>
-            {{ end}}
+        {{ if .Site.Params.tweet }}
+
+        <div class="pt-3">
+          <a href="https://twitter.com/share?ref_src=twsrc%5Etfw" data-size=large class="twitter-share-button"
+            data-show-count="false">Tweet my work</a>
+          <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
        </div>
+        {{ end }}
      </div>

-        {{ $url := replace .Permalink ( printf "%s" .Site.BaseURL) "" }}
-        {{ $.Scratch.Add "path" .Site.BaseURL }}
-        <nav aria-label="breadcrumb">
-          <ol class="breadcrumb">
-            <li class="breadcrumb-item" aria-current="page">
-              <a href="/">home</a>
-            </li>
-            {{ range $index, $element := split $url "/" }}
-            {{ $.Scratch.Add "path" $element }}
-            {{ if ne $element "" }}
-            <li class="breadcrumb-item" aria-current="page">
-              <a href='{{ $.Scratch.Get "path" }}'>{{ . }}</a>
-            </li>
-            {{ $.Scratch.Add "path" "/" }}
+      {{ if .Site.Params.showdescription }}
+      <div class="text-dark py-2">
+        {{ .Params.description }}
+      </div>
      {{ end }}
-            {{ end }}
-          </ol>
-        </nav>
-
+    </div>
+  </div>
+  <div class="container">
+    <div class="row justify-content-center ">
+      <div class="col-md-9">
+        <div class="">
          <!-- image -->
          <div class="py-2">
            {{ with .Params.bg_image }}
            <img class="img-fluid" src="{{ . }}">
            {{ end }}
          </div>
-
+          {{ if .Params.toc }}
+          <div class="row justify-content-center">
+            <div class="col-md-8 py-3 px-4">
+              <div class="card">
+                <button class="TOC btn btn-outline-info py-2 text-center">
+                  Table Of Contents
+                </button>
+                <div class="TOC-content d-none card-body">
+                  {{.TableOfContents}}
+                </div>
+              </div>
+            </div>
+          </div>
+          {{ end }}
          <!-- content -->
          <article>
            {{.Content}}
          </article>
-
+        </div>
        <!-- Tags -->
-        <div class="mb-4 p-5">
+        <div class="p-5">
          <div class="card">
-            <h5 class="card-header m-0">Tags</h5>
-            <div class=" card-body">
+            <h5 class="card-header text-center m-0">Tags</h5>
+            <div class="card-body">
              {{ if .Params.tags }}
-              {{ range $tags := .Params.tags }}
-              {{ with $.Site.GetPage (printf "/tags/%s" $tags) }}
-              <a href="{{ .RelPermalink }}" class="btn btn-info btn-rounded mb-2">{{ $tags }}</a>
-              {{ end }}
+              {{ range .Params.tags }}
+              <a href={{ "/tags/" | relLangURL }}{{ . | urlize }} class="btn btn-outline-danger btn-rounded mb-2">
+                {{ . }}
+              </a>
              {{ end }}
              {{ end }}
            </div>
@@ -97,11 +163,19 @@
          </div>
        </div>

-        
        {{ template "_internal/disqus.html" . }}

      </div>
    </div>
  </div>
 </section>
+
+<script>
+  $('.TOC').on('click', function () {
+    $('.TOC-content').removeClass('d-none');
+  });
+
+</script>
+{{ end }}
+
 {{ end }}
@@ -1,29 +1,161 @@
 <!DOCTYPE html>
 <html lang="en">
+{{ if eq .Site.Params.version 1 }}

 <head>
  <title>{{- .Site.Title -}}</title>
  <!-- stylesheets -->
  <link rel="stylesheet" href="/css/bootstrap.min.css">
-    <link rel="stylesheet" href="/css/index.css">
+  <link rel="stylesheet" href="/css/all.min.css" media="all">
+  <link rel="stylesheet" href="/css/fontawesome.min.css" media="all">
+  <link rel="stylesheet" href="/css/v1/v1.css">
  <!-- Fonts -->
  <link href="https://fonts.googleapis.com/css2?family=PT+Serif&display=swap" rel="stylesheet">
  <meta name="description" content="{{ .Site.Params.description }}">
  {{ template "_internal/google_analytics.html" . }}
-    {{- partial "head.html" . -}}    
+  {{- partial "sections/v1/head.html" . -}}
 </head>

 <body>
+  {{- partial "sections/v1/home.html" . -}}
+  {{- partial "sections/v1/blog.html" . -}}
+  {{- partial "sections/v1/about.html" . -}}
+  {{- partial "sections/v1/do_things.html" . -}}
+  {{- partial "sections/v1/projects.html" . -}}
+  {{- partial "sections/v1/contact.html" . -}}

-    {{- partial "sections/home.html" . -}}
-    {{- partial "sections/blog.html" . -}}
-    {{- partial "sections/about.html" . -}}
-    {{- partial "sections/do_things.html" . -}}
-    {{- partial "sections/projects.html" . -}}
-    {{- partial "sections/contact.html" . -}}
+  {{- partial "sections/v1/footer.html" . -}}
+  {{- partial "sections/v1/scripts.html" . -}}
+</body>
+{{ else if eq .Site.Params.version 2 }}

-    {{- partial "footer.html" . -}}
-    {{- partial "scripts.html" . -}}
+<head>
+  <title>{{- .Site.Title -}}</title>
+  <meta name="description" content="{{ .Site.Params.description }}">
+  <!-- Fonts -->
+  <link rel="preconnect" href="https://fonts.gstatic.com">
+  <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;1,400&display=swap" rel="stylesheet"
+    media="all">
+  {{ template "_internal/google_analytics.html" . }}
+  {{- partial "sections/v2/head.html" . -}}
+</head>
+
+<body>
+  {{- partial "sections/v2/header.html" . -}}
+  {{- partial "sections/v2/about.html" . -}}
+  {{- partial "sections/v2/do_things.html" . -}}
+  {{- partial "sections/v2/footer.html" . -}}
+  {{- partial "sections/v2/scripts.html" . -}}
 </body>

+{{ else if eq .Site.Params.version 3 }}
+
+<head>
+  <title>{{- .Site.Title -}}</title>
+  <meta name="description" content="{{ .Site.Params.description }}">
+  <!-- Fonts -->
+  <link rel="preconnect" href="https://fonts.gstatic.com">
+  <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;1,400&display=swap" rel="stylesheet"
+    media="all">
+  {{ template "_internal/google_analytics.html" . }}
+  {{- partial "sections/v3/head.html" . -}}
+  <link rel="stylesheet" href="/css/v3/v3.css" media="all">
+  <link rel="stylesheet" href="/css/v3/navbar-footer.css" media="all">
+  <link rel="stylesheet" href="/css/v3/loader.css" />
+
+  <!-- aos -->
+  <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
+</head>
+
+<body class="text-dark">
+  <!--<div id="loader" class="center"></div>-->
+  <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
+  <script>
+    AOS.init();
+  </script>
+  <div>
+    {{- partial "sections/v3/navbar.html" . -}}
+
+    {{ if .Site.Params.disable_home }}
+    {{ else }}
+    {{- partial "sections/v3/home.html" . -}}
+    {{ end }}
+
+    {{ if .Site.Params.disable_about }}
+    {{ else }}
+    {{- partial "sections/v3/about.html" . -}}
+    {{ end }}
+
+    {{ if .Site.Params.disable_experience }}
+    {{ else }}
+    {{- partial "sections/v3/experience.html" . -}}
+    {{ end }}
+
+    {{ if .Site.Params.disable_education }}
+    {{ else }}
+    {{- partial "sections/v3/education.html" . -}}
+    {{ end }}
+
+    {{ if .Site.Params.disable_projects }}
+    {{ else }}
+    {{- partial "sections/v3/projects.html" . -}}
+    {{ end }}
+
+    {{ if .Site.Params.disable_achievements }}
+    {{ else }}
+    {{- partial "sections/v3/achievements.html" . -}}
+    {{ end }}
+
+    {{ if .Site.Params.disable_contact }}
+    {{ else }}
+    {{- partial "sections/v3/contact.html" . -}}
+    {{ end }}
+
+    {{- partial "sections/v3/footer.html" . -}}
+    {{- partial "sections/v3/scripts.html" . -}}
+  </div>
+  <script>
+    /*
+    document.onreadystatechange = function () {
+      if (document.readyState !== "complete") {
+        document.querySelector(
+          "body").style.visibility = "hidden";
+        document.querySelector(
+          "#loader").style.visibility = "visible";
+      } else {
+        document.querySelector(
+          "#loader").style.display = "none";
+        document.querySelector(
+          "body").style.visibility = "visible";
+      }
+    };
+    */
+    $('.darkmode-label').click(function () {
+      $("body").toggleClass("darkmode");
+      $(".fa-moon").toggleClass("d-none");
+      $(".fa-sun").toggleClass("d-none");
+      $("nav").toggleClass("navbar-dark");
+      $("nav").toggleClass("navbar-light");
+      $('.text-dark').addClass('darkmode-text-dark').removeClass('text-dark');
+      $('.text-muted').addClass('darkmode-text-muted').removeClass('text-muted');
+      if ($('input.custom-control-input').is(':checked')) {
+        $('.darkmode-text-dark').addClass('text-dark').removeClass('darkmode-text-dark');
+        $('.darkmode-text-muted').addClass('text-muted').removeClass('darkmode-text-muted');
+      };
+    });
+    if ($('input.custom-control-input').is(':checked')) {
+      $("body").toggleClass("darkmode");
+      $(".fa-moon").addClass("d-none");
+      $(".fa-sun").removeClass("d-none");
+      $("nav").toggleClass("navbar-dark");
+      $("nav").toggleClass("navbar-light");
+      $('.text-dark').addClass('darkmode-text-dark').removeClass('text-dark');
+      $('.text-muted').addClass('darkmode-text-muted').removeClass('text-muted');
+    };
+  </script>
+</body>
+{{ else }}
+
+{{ end }}
+
 </html>
@@ -1,29 +0,0 @@
-<footer class="footer py-3 text-muted text-center">
-
-
-    <p>
-
-        <div class="footer-site text-uppercase pb-2 font-weight-bold"><a href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a></div>
-
-        &copy; {{ .Site.Params.copyright }} All Rights Reserved<br>
-
-        Made with
-        <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-heart" fill="currentColor"
-            xmlns="http://www.w3.org/2000/svg">
-            <path fill-rule="evenodd"
-                d="M8 2.748l-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z" />
-        </svg>
-        and
-        <a href="https://gohugo.io" aria-label="hugo">Hugo</a>
-
-        by
-        {{- if .Site.Author.name }}
-        {{- if .Site.Author.website }}
-        <a href="{{ .Site.Author.website }}" aria-label="github handle">{{ .Site.Author.name }}</a>
-        {{- else }}
-        {{ .Site.Author.name }}
-        {{- end }}
-        {{- end }}
-    </p>
-
-</footer>
@@ -1,23 +0,0 @@
-<section>
-    <div class="p-3 blog-back">
-        <div class="container">
-            <div class="text-center pb-3">
-                <div class="recent-posts">Recent posts</div>
-            </div>
-            <div class="container">
-                <div class="row">
-                    {{ range first 4 (where site.RegularPages.ByDate.Reverse "Type" "in" site.Params.mainSections )}}
-                    <div class="col-lg-3 col-md-5 pb-3 post-card">
-                        <a href="{{ .RelPermalink }}">
-                            <span class="text-secondary">{{ .Date.Format "January 2, 2006" }}</span>
-                            <div class="text-dark">
-                                {{ .Title }}
-                            </div>
-                        </a>
-                    </div>
-                    {{ end }}
-                </div>
-            </div>
-        </div>
-    </div>
-</section>
@@ -1,29 +0,0 @@
-{{ if .Site.Params.contact }}
-<section id="contact">
-    <div class="contact bg-danger text-white">
-        <div class="text-center p-3 font-weight-bold contact-head">Get In Tough</div>
-        <div class="p-3 container">
-            <div class="row justify-content-center">
-                <div class="col-lg-7">
-                    <form action="{{ .Site.Params.action }}" method="POST">
-                        <div class="form-group">
-                            <label for="exampleFormControlInput1">Email</label>
-                            <input type="email" class="form-control" id="exampleFormControlInput1"
-                                placeholder="example@gmail.com" name="{{ .Site.Params.emailname }}">
-                        </div>
-
-                        <div class="form-group">
-                            <label for="exampleFormControlTextarea1">Message</label>
-                            <textarea class="form-control" id="exampleFormControlTextarea1" rows="3"
-                                name="{{ .Site.Params.messagename }}" placeholder="Type something"></textarea>
-                        </div>
-                        <div class="text-center">
-                            <button type="submit" class="btn btn-primary">Submit</button>
-                        </div>
-                    </form>
-                </div>
-            </div>
-        </div>
-    </div>
-</section>
-{{ end }}
@@ -1,84 +0,0 @@
-{{ if .Site.Params.usedothings }}
-<section>
-    <div class="pt-3 do-things text-center" id="do-things">
-        <div class="container">
-            <div class="things-i-do text-primary font-weight-bold">
-                Things I do
-            </div>
-
-            <div class="do-things-card">
-                <div class="row pb-5 justify-content-center">
-                    <!-- Thing 1 -->
-                    <div class="col-lg-3">
-                        <div class="things shadow rounded p-4 mt-5 bg-warning">
-                            {{ if .Site.Params.usedefaultlogos }}
-                            <svg width="3em" height="3em" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512">
-                                <path
-                                    d="M255.03 261.65c6.25 6.25 16.38 6.25 22.63 0l11.31-11.31c6.25-6.25 6.25-16.38 0-22.63L253.25 192l35.71-35.72c6.25-6.25 6.25-16.38 0-22.63l-11.31-11.31c-6.25-6.25-16.38-6.25-22.63 0l-58.34 58.34c-6.25 6.25-6.25 16.38 0 22.63l58.35 58.34zm96.01-11.3l11.31 11.31c6.25 6.25 16.38 6.25 22.63 0l58.34-58.34c6.25-6.25 6.25-16.38 0-22.63l-58.34-58.34c-6.25-6.25-16.38-6.25-22.63 0l-11.31 11.31c-6.25 6.25-6.25 16.38 0 22.63L386.75 192l-35.71 35.72c-6.25 6.25-6.25 16.38 0 22.63zM624 416H381.54c-.74 19.81-14.71 32-32.74 32H288c-18.69 0-33.02-17.47-32.77-32H16c-8.8 0-16 7.2-16 16v16c0 35.2 28.8 64 64 64h512c35.2 0 64-28.8 64-64v-16c0-8.8-7.2-16-16-16zM576 48c0-26.4-21.6-48-48-48H112C85.6 0 64 21.6 64 48v336h512V48zm-64 272H128V64h384v256z" />
-                            </svg>
-                            {{ end }}
-                            
-                            <div class="p-2 font-weight-bold">
-                                {{ if .Site.Params.thing1 }}
-                                {{ .Site.Params.thing1 }}
-                                {{ end }}
-                            </div>
-                            <div class="py-4 things-text text-primary">
-                                {{ if .Site.Params.thing1_des }}
-                                {{ .Site.Params.thing1_des }}
-                                {{ end }}
-                            </div>
-                        </div>
-                    </div>
-
-                    <!-- Thing 2 -->
-                    <div class="col-lg-3">
-                        <div class="things shadow rounded p-4 mt-5 bg-warning">
-                            {{ if .Site.Params.usedefaultlogos }}
-                            <svg width="3em" height="3em" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512">
-                                <path
-                                    d="M32,224H64V416H32A31.96166,31.96166,0,0,1,0,384V256A31.96166,31.96166,0,0,1,32,224Zm512-48V448a64.06328,64.06328,0,0,1-64,64H160a64.06328,64.06328,0,0,1-64-64V176a79.974,79.974,0,0,1,80-80H288V32a32,32,0,0,1,64,0V96H464A79.974,79.974,0,0,1,544,176ZM264,256a40,40,0,1,0-40,40A39.997,39.997,0,0,0,264,256Zm-8,128H192v32h64Zm96,0H288v32h64ZM456,256a40,40,0,1,0-40,40A39.997,39.997,0,0,0,456,256Zm-8,128H384v32h64ZM640,256V384a31.96166,31.96166,0,0,1-32,32H576V224h32A31.96166,31.96166,0,0,1,640,256Z" />
-                            </svg>
-                            {{ end }}
-                            
-                            <div class="p-2 font-weight-bold">
-                                {{ if .Site.Params.thing2 }}
-                                {{ .Site.Params.thing2 }}
-                                {{ end }}
-                            </div>
-                            <div class="py-4 things-text text-primary">
-                                {{ if .Site.Params.thing2_des }}
-                                {{ .Site.Params.thing2_des }}
-                                {{ end }}
-                            </div>
-                        </div>
-                    </div>
-
-                    <!-- Thing 3 -->
-                    <div class="col-lg-3">
-                        <div class="things shadow rounded p-4 mt-5 bg-warning">
-                            {{ if .Site.Params.usedefaultlogos }}
-                            <svg width="3em" height="3em" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">
-                                <path
-                                    d="M0 32l34.9 395.8L191.5 480l157.6-52.2L384 32H0zm308.2 127.9H124.4l4.1 49.4h175.6l-13.6 148.4-97.9 27v.3h-1.1l-98.7-27.3-6-75.8h47.7L138 320l53.5 14.5 53.7-14.5 6-62.2H84.3L71.5 112.2h241.1l-4.4 47.7z" />
-                            </svg>
-                            {{ end }}
-                            
-                            <div class="p-2 font-weight-bold">
-                                {{ if .Site.Params.thing3 }}
-                                {{ .Site.Params.thing3 }}
-                                {{ end }}
-                            </div>
-                            <div class="py-4 things-text text-primary">
-                                {{ if .Site.Params.thing3_des }}
-                                {{ .Site.Params.thing3_des }}
-                                {{ end }}
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-</section>
-{{ end }}
@@ -1,122 +0,0 @@
-{{ $backgroundImage:= "images/background.png" }}
-{{ $backimg:= "images/guru.svg" }}
-
-{{ if .Site.Params.custombackground }}
-  {{ $backgroundImage = .Site.Params.background }}
-  {{ $backimg = .Site.Params.backimg }}
-{{ end }}
-
-<section>
-    <div class="home" style="background-image: url('{{ $backgroundImage | absURL }}');">
-        <nav class="navbar navbar-expand-lg navbar-light bg-transperant">
-            <div class="container">
-                <a class="navbar-brand text-dark" href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>
-                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown"
-                    aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
-                    <span class="navbar-toggler-icon"></span>
-                </button>
-
-                <div class="collapse navbar-collapse" id="navbarNavDropdown">
-                    <ul class="navbar-nav ml-auto">
-                        <li class="nav-item navbar-text">
-                            <a class="nav-link text-dark" href="{{ .Site.BaseURL }}#home" aria-label="home">Home</a>
-                        </li>
-                        <li class="nav-item navbar-text">
-                            <a class="nav-link text-dark" href="{{ .Site.BaseURL }}#about" aria-label="about">About</a>
-                        </li>
-                        <li class="nav-item navbar-text">
-                            <a class="nav-link text-dark" href="{{ .Site.BaseURL }}#projects" aria-label="projects">Projects</a>
-                        </li>
-                        {{ if .Site.Params.contact }}
-                        <li class="nav-item navbar-text">
-                            <a class="nav-link text-dark" href="{{ .Site.BaseURL }}#contact" aria-label="contact">Contact</a>
-                        </li>
-                        {{ end }}
-
-                        {{ range site.Params.customMenus }}
-                        <li class="nav-item navbar-text">
-                            <a class="nav-link text-dark" href="{{.Url}}" aria-label="{{ .name }}">{{ .name }}</a>
-                        </li>
-                        {{ end }}
-                    </ul>
-                </div>
-            </div>
-        </nav>
-
-        <div class="container">
-            <div class="row justify-content-center" id="home">
-                <div class="text-white col-lg-8">
-                    <div class="name-intro">
-                        Hi there, I'm
-                        <h1 class="name">{{ .Site.Params.name }}</h1>
-
-                        <!-- socialmedia -->
-                        <div class="social">
-                            {{ if .Site.Params.github }}
-                            <a class="text-white" href="{{ .Site.Params.github }}" aria-label="github">
-                                <svg width="1.1em" height="1.1em" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
-                                    viewBox="0 0 448 512">
-                                    <path
-                                        d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM277.3 415.7c-8.4 1.5-11.5-3.7-11.5-8 0-5.4.2-33 .2-55.3 0-15.6-5.2-25.5-11.3-30.7 37-4.1 76-9.2 76-73.1 0-18.2-6.5-27.3-17.1-39 1.7-4.3 7.4-22-1.7-45-13.9-4.3-45.7 17.9-45.7 17.9-13.2-3.7-27.5-5.6-41.6-5.6-14.1 0-28.4 1.9-41.6 5.6 0 0-31.8-22.2-45.7-17.9-9.1 22.9-3.5 40.6-1.7 45-10.6 11.7-15.6 20.8-15.6 39 0 63.6 37.3 69 74.3 73.1-4.8 4.3-9.1 11.7-10.6 22.3-9.5 4.3-33.8 11.7-48.3-13.9-9.1-15.8-25.5-17.1-25.5-17.1-16.2-.2-1.1 10.2-1.1 10.2 10.8 5 18.4 24.2 18.4 24.2 9.7 29.7 56.1 19.7 56.1 19.7 0 13.9.2 36.5.2 40.6 0 4.3-3 9.5-11.5 8-66-22.1-112.2-84.9-112.2-158.3 0-91.8 70.2-161.5 162-161.5S388 165.6 388 257.4c.1 73.4-44.7 136.3-110.7 158.3zm-98.1-61.1c-1.9.4-3.7-.4-3.9-1.7-.2-1.5 1.1-2.8 3-3.2 1.9-.2 3.7.6 3.9 1.9.3 1.3-1 2.6-3 3zm-9.5-.9c0 1.3-1.5 2.4-3.5 2.4-2.2.2-3.7-.9-3.7-2.4 0-1.3 1.5-2.4 3.5-2.4 1.9-.2 3.7.9 3.7 2.4zm-13.7-1.1c-.4 1.3-2.4 1.9-4.1 1.3-1.9-.4-3.2-1.9-2.8-3.2.4-1.3 2.4-1.9 4.1-1.5 2 .6 3.3 2.1 2.8 3.4zm-12.3-5.4c-.9 1.1-2.8.9-4.3-.6-1.5-1.3-1.9-3.2-.9-4.1.9-1.1 2.8-.9 4.3.6 1.3 1.3 1.8 3.3.9 4.1zm-9.1-9.1c-.9.6-2.6 0-3.7-1.5s-1.1-3.2 0-3.9c1.1-.9 2.8-.2 3.7 1.3 1.1 1.5 1.1 3.3 0 4.1zm-6.5-9.7c-.9.9-2.4.4-3.5-.6-1.1-1.3-1.3-2.8-.4-3.5.9-.9 2.4-.4 3.5.6 1.1 1.3 1.3 2.8.4 3.5zm-6.7-7.4c-.4.9-1.7 1.1-2.8.4-1.3-.6-1.9-1.7-1.5-2.6.4-.6 1.5-.9 2.8-.4 1.3.7 1.9 1.8 1.5 2.6z" />
-                                </svg>
-                            </a>
-                            {{ end }}
-
-                            {{ if .Site.Params.linkedin }}
-                            <a class="text-white" href="{{ .Site.Params.linkedin }}" aria-label="linkedin">
-                                <svg width="1.1em" height="1.1em" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
-                                    viewBox="0 0 448 512">
-                                    <path
-                                        d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z" />
-                                </svg>
-                            </a>
-                            {{ end }}
-
-                            {{ if .Site.Params.twitter }}
-                            <a class="text-white" href="{{ .Site.Params.twitter }}" aria-label="twitter">
-                                <svg width="1.1em" height="1.1em" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
-                                    viewBox="0 0 448 512">
-                                    <path
-                                        d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-48.9 158.8c.2 2.8.2 5.7.2 8.5 0 86.7-66 186.6-186.6 186.6-37.2 0-71.7-10.8-100.7-29.4 5.3.6 10.4.8 15.8.8 30.7 0 58.9-10.4 81.4-28-28.8-.6-53-19.5-61.3-45.5 10.1 1.5 19.2 1.5 29.6-1.2-30-6.1-52.5-32.5-52.5-64.4v-.8c8.7 4.9 18.9 7.9 29.6 8.3a65.447 65.447 0 0 1-29.2-54.6c0-12.2 3.2-23.4 8.9-33.1 32.3 39.8 80.8 65.8 135.2 68.6-9.3-44.5 24-80.6 64-80.6 18.9 0 35.9 7.9 47.9 20.7 14.8-2.8 29-8.3 41.6-15.8-4.9 15.2-15.2 28-28.8 36.1 13.2-1.4 26-5.1 37.8-10.2-8.9 13.1-20.1 24.7-32.9 34z" />
-                                </svg>
-                            </a>
-                            {{ end }}
-
-                            {{ if .Site.Params.instagram }}
-                            <a class="text-white" href="{{ .Site.Params.instagram }}" aria-label="instagram">
-                                <svg width="1.1em" height="1.1em" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
-                                    viewBox="0 0 448 512">
-                                    <path
-                                        d="M224,202.66A53.34,53.34,0,1,0,277.36,256,53.38,53.38,0,0,0,224,202.66Zm124.71-41a54,54,0,0,0-30.41-30.41c-21-8.29-71-6.43-94.3-6.43s-73.25-1.93-94.31,6.43a54,54,0,0,0-30.41,30.41c-8.28,21-6.43,71.05-6.43,94.33S91,329.26,99.32,350.33a54,54,0,0,0,30.41,30.41c21,8.29,71,6.43,94.31,6.43s73.24,1.93,94.3-6.43a54,54,0,0,0,30.41-30.41c8.35-21,6.43-71.05,6.43-94.33S357.1,182.74,348.75,161.67ZM224,338a82,82,0,1,1,82-82A81.9,81.9,0,0,1,224,338Zm85.38-148.3a19.14,19.14,0,1,1,19.13-19.14A19.1,19.1,0,0,1,309.42,189.74ZM400,32H48A48,48,0,0,0,0,80V432a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V80A48,48,0,0,0,400,32ZM382.88,322c-1.29,25.63-7.14,48.34-25.85,67s-41.4,24.63-67,25.85c-26.41,1.49-105.59,1.49-132,0-25.63-1.29-48.26-7.15-67-25.85s-24.63-41.42-25.85-67c-1.49-26.42-1.49-105.61,0-132,1.29-25.63,7.07-48.34,25.85-67s41.47-24.56,67-25.78c26.41-1.49,105.59-1.49,132,0,25.63,1.29,48.33,7.15,67,25.85s24.63,41.42,25.85,67.05C384.37,216.44,384.37,295.56,382.88,322Z" />
-                                </svg>
-                            </a>
-                            {{ end }}
-                        </div>
-                    </div>
-
-                    <!-- image -->
-                    <div class="row profile text-center">
-                        <br>
-                        <img src="{{ .Site.Params.profile | default "/images/avatar-370-456322.webp"}}" width="150px"
-                            class="rounded-circle img-fluid" alt="{{ .Site.Params.name }}">
-                    </div>
-                </div>
-
-                <div class="col-lg-3 home-content d-none d-md-block" style="background-image: url('{{ $backimg | absURL }}');"></div>
-            </div>
-            <div class="row know-more ">
-                <div class="container p-3 rounded text-center">
-                    <a href="#about" class="text-info">
-                        know more
-                        <br>
-                        <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-chevron-down" fill="currentColor"
-                            xmlns="http://www.w3.org/2000/svg">
-                            <path fill-rule="evenodd"
-                                d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z" />
-                        </svg>
-                    </a>
-                </div>
-            </div>
-        </div>
-    </div>
-</section>
@@ -0,0 +1,23 @@
+<section>
+  <div class="p-3 blog-back">
+    <div class="container">
+      <div class="text-center pb-3">
+        <div class="recent-posts">Recent posts</div>
+      </div>
+      <div class="container">
+        <div class="row">
+          {{ range first 4 (where site.RegularPages.ByDate.Reverse "Type" "in" site.Params.mainSections )}}
+          <div class="col-lg-3 col-md-5 pb-3 post-card text-center">
+            <a href="{{ .RelPermalink }}">
+              <span class="text-secondary">{{ .Date.Format "January 2, 2006" }}</span>
+              <div class="text-dark">
+                {{ .Title }}
+              </div>
+            </a>
+          </div>
+          {{ end }}
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
@@ -0,0 +1,31 @@
+{{ if .Site.Params.contact }}
+<section id="contact">
+  <div class="contact bg-danger text-white">
+    <div class="text-center p-3 font-weight-bold contact-head">Get In Tough</div>
+    <div class="p-3 container">
+      <div class="row justify-content-center">
+        <div class="col-lg-7">
+          <form action="{{ .Site.Params.action }}">
+            <div class="form-group">
+              <label for="name">Name</label>
+              <input type="text" class="form-control" id="name" placeholder="Your name" name="{{ .Site.Params.emailname }}">
+            </div>
+            <div class="form-group">
+              <label for="email">Email</label>
+              <input type="email" class="form-control" id="email" placeholder="example@gmail.com" name="{{ .Site.Params.emailname }}">
+            </div>
+
+            <div class="form-group">
+              <label for="message">Message</label>
+              <textarea class="form-control" id="message" rows="3" name="{{ .Site.Params.messagename }}" placeholder="Type something"></textarea>
+            </div>
+            <div class="text-center">
+              <button type="submit" class="btn btn-sm btn-primary">Submit</button>
+            </div>
+          </form>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+{{ end }}
@@ -0,0 +1,45 @@
+{{ if .Site.Params.usedothings }}
+<section>
+  <div class="pt-3 do-things text-center" id="do-things">
+    <div class="container">
+      <div class="things-i-do text-primary font-weight-bold">
+        Things I do
+      </div>
+
+      <div class="do-things-card">
+        <div class="row pb-2 justify-content-center">
+          {{ range .Site.Params.Things }}
+          {{ if .url }}
+          <div class="col-lg-3 col-md-4">
+            <a id="nothing" href={{ .url | default "#" }} class="">
+              <div class="things shadow rounded p-4 my-2 mb-4 card bg-primary text-light">
+                <i class="{{ .logo }} fa-3x" width="3em" height="3em"></i>
+                <div class="p-2 font-weight-bold">
+                  {{ .title }}
+                </div>
+                <div class="py-4 things-text">
+                  {{ .description }}
+                </div>
+              </div>
+            </a>
+          </div>
+          {{ else }}
+          <div class="col-lg-3 col-md-4">
+            <div class="things shadow rounded p-4 my-2 mb-4 card bg-primary text-light">
+              <i class="{{ .logo }} fa-3x" width="3em" height="3em"></i>
+              <div class="p-2 font-weight-bold">
+                {{ .title }}
+              </div>
+              <div class="py-4 things-text">
+                {{ .description }}
+              </div>
+            </div>
+          </div>
+          {{ end }}
+          {{ end }}
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+{{ end }}
@@ -0,0 +1,8 @@
+<footer class="footer py-3 text-muted text-center">
+  <div class="footer-site text-uppercase pb-2 font-weight-bold">
+    <a href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>
+  </div>
+  &copy; {{ dateFormat "2006" now }} All Rights Reserved<br>
+  Designed and Developed by
+  <a href="https://gurusabarish.tech" target="_blank">Gurusabarish</a>
+</footer>
@@ -2,8 +2,5 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
 <link rel="icon" href="{{ .Site.Params.favicon | default "/images/favicon.png"}}" type="image/gif">
-<!-- Header and Footer -->
-<link rel="stylesheet" href="/css/head_foot.css">
 <!-- Fonts -->
 <link href="https://fonts.googleapis.com/css2?family=Alata&display=swap" rel="stylesheet">
-
@@ -0,0 +1,39 @@
+<nav class="navbar navbar-expand-lg navbar-light shadow-sm bg-gradient-primary">
+  <div class="container">
+    <a class="navbar-brand font-weight-bold" href="{{ .Site.BaseURL | relURL }}">
+      {{ if .Site.Params.favicon }}
+      <img src="{{ .Site.Params.favicon }}" width="30" height="30" class="d-inline-block align-top">
+      {{ .Site.Title }}
+      {{ else }}
+      {{ .Site.Title }}
+      {{ end }}
+    </a>
+    <button class="navbar-toggler border-0" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
+
+    <div class="collapse navbar-collapse" id="navbarNavDropdown">
+      <ul class="navbar-nav ml-auto text-center">
+        <li class="nav-item navbar-text">
+          <a class="nav-link" href="{{ .Site.BaseURL }}#home">Home</a>
+        </li>
+        <li class="nav-item navbar-text">
+          <a class="nav-link" href="{{ .Site.BaseURL }}#about">About</a>
+        </li>
+        <li class="nav-item navbar-text">
+          <a class="nav-link" href="{{ .Site.BaseURL }}#projects">Projects</a>
+        </li>
+        {{ if .Site.Params.contact }}
+        <li class="nav-item navbar-text">
+          <a class="nav-link" href="{{ .Site.BaseURL }}#contact">Contact</a>
+        </li>
+        {{ end }}
+        {{ range site.Params.customMenus }}
+        <li class="nav-item navbar-text">
+          <a class="nav-link" href="{{.Url}}" aria-label="{{ .name }}">{{ .name }}</a>
+        </li>
+        {{ end }}
+      </ul>
+    </div>
+  </div>
+</nav>
@@ -0,0 +1,123 @@
+{{ $backgroundImage:= "https://i.ibb.co/w4HYQcH/background.png" }}
+{{ $backimg:= "https://i.ibb.co/P5wwmWK/back.png" }}
+
+{{ if .Site.Params.custombackground }}
+{{ $backgroundImage = .Site.Params.background }}
+{{ $backimg = .Site.Params.backimg }}
+{{ end }}
+
+<section>
+  <div class="home" style="background-image: url('{{ $backgroundImage | absURL }}');">
+    <nav class="navbar navbar-expand-lg navbar-light bg-transperant">
+      <div class="container">
+        <a class="navbar-brand text-dark" href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>
+        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown"
+          aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
+          <span class="navbar-toggler-icon"></span>
+        </button>
+
+        <div class="collapse navbar-collapse" id="navbarNavDropdown">
+          <ul class="navbar-nav ml-auto">
+            <li class="nav-item navbar-text">
+              <a class="nav-link text-dark" href="{{ .Site.BaseURL }}#home" aria-label="home">Home</a>
+            </li>
+            <li class="nav-item navbar-text">
+              <a class="nav-link text-dark" href="{{ .Site.BaseURL }}#about" aria-label="about">About</a>
+            </li>
+            <li class="nav-item navbar-text">
+              <a class="nav-link text-dark" href="{{ .Site.BaseURL }}#projects" aria-label="projects">Projects</a>
+            </li>
+            {{ if .Site.Params.contact }}
+            <li class="nav-item navbar-text">
+              <a class="nav-link text-dark" href="{{ .Site.BaseURL }}#contact" aria-label="contact">Contact</a>
+            </li>
+            {{ end }}
+
+            {{ range site.Params.customMenus }}
+            <li class="nav-item navbar-text">
+              <a class="nav-link text-dark" href="{{.Url}}" aria-label="{{ .name }}">{{ .name }}</a>
+            </li>
+            {{ end }}
+          </ul>
+        </div>
+      </div>
+    </nav>
+
+    <div class="container">
+      <div class="row justify-content-center" id="home">
+        <div class="text-white col-lg-8">
+          <div class="name-intro">
+            Hi there, I'm
+            <h1 class="name">{{ .Site.Params.name }}</h1>
+
+            <!-- socialmedia -->
+            <div class="social">
+              {{ if .Site.Params.github }}
+              <a class="text-white" href="{{ .Site.Params.github }}" aria-label="github">
+                <svg width="1.1em" height="1.1em" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
+                  viewBox="0 0 448 512">
+                  <path
+                    d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM277.3 415.7c-8.4 1.5-11.5-3.7-11.5-8 0-5.4.2-33 .2-55.3 0-15.6-5.2-25.5-11.3-30.7 37-4.1 76-9.2 76-73.1 0-18.2-6.5-27.3-17.1-39 1.7-4.3 7.4-22-1.7-45-13.9-4.3-45.7 17.9-45.7 17.9-13.2-3.7-27.5-5.6-41.6-5.6-14.1 0-28.4 1.9-41.6 5.6 0 0-31.8-22.2-45.7-17.9-9.1 22.9-3.5 40.6-1.7 45-10.6 11.7-15.6 20.8-15.6 39 0 63.6 37.3 69 74.3 73.1-4.8 4.3-9.1 11.7-10.6 22.3-9.5 4.3-33.8 11.7-48.3-13.9-9.1-15.8-25.5-17.1-25.5-17.1-16.2-.2-1.1 10.2-1.1 10.2 10.8 5 18.4 24.2 18.4 24.2 9.7 29.7 56.1 19.7 56.1 19.7 0 13.9.2 36.5.2 40.6 0 4.3-3 9.5-11.5 8-66-22.1-112.2-84.9-112.2-158.3 0-91.8 70.2-161.5 162-161.5S388 165.6 388 257.4c.1 73.4-44.7 136.3-110.7 158.3zm-98.1-61.1c-1.9.4-3.7-.4-3.9-1.7-.2-1.5 1.1-2.8 3-3.2 1.9-.2 3.7.6 3.9 1.9.3 1.3-1 2.6-3 3zm-9.5-.9c0 1.3-1.5 2.4-3.5 2.4-2.2.2-3.7-.9-3.7-2.4 0-1.3 1.5-2.4 3.5-2.4 1.9-.2 3.7.9 3.7 2.4zm-13.7-1.1c-.4 1.3-2.4 1.9-4.1 1.3-1.9-.4-3.2-1.9-2.8-3.2.4-1.3 2.4-1.9 4.1-1.5 2 .6 3.3 2.1 2.8 3.4zm-12.3-5.4c-.9 1.1-2.8.9-4.3-.6-1.5-1.3-1.9-3.2-.9-4.1.9-1.1 2.8-.9 4.3.6 1.3 1.3 1.8 3.3.9 4.1zm-9.1-9.1c-.9.6-2.6 0-3.7-1.5s-1.1-3.2 0-3.9c1.1-.9 2.8-.2 3.7 1.3 1.1 1.5 1.1 3.3 0 4.1zm-6.5-9.7c-.9.9-2.4.4-3.5-.6-1.1-1.3-1.3-2.8-.4-3.5.9-.9 2.4-.4 3.5.6 1.1 1.3 1.3 2.8.4 3.5zm-6.7-7.4c-.4.9-1.7 1.1-2.8.4-1.3-.6-1.9-1.7-1.5-2.6.4-.6 1.5-.9 2.8-.4 1.3.7 1.9 1.8 1.5 2.6z" />
+                </svg>
+              </a>
+              {{ end }}
+
+              {{ if .Site.Params.linkedin }}
+              <a class="text-white" href="{{ .Site.Params.linkedin }}" aria-label="linkedin">
+                <svg width="1.1em" height="1.1em" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
+                  viewBox="0 0 448 512">
+                  <path
+                    d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z" />
+                </svg>
+              </a>
+              {{ end }}
+
+              {{ if .Site.Params.twitter }}
+              <a class="text-white" href="{{ .Site.Params.twitter }}" aria-label="twitter">
+                <svg width="1.1em" height="1.1em" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
+                  viewBox="0 0 448 512">
+                  <path
+                    d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-48.9 158.8c.2 2.8.2 5.7.2 8.5 0 86.7-66 186.6-186.6 186.6-37.2 0-71.7-10.8-100.7-29.4 5.3.6 10.4.8 15.8.8 30.7 0 58.9-10.4 81.4-28-28.8-.6-53-19.5-61.3-45.5 10.1 1.5 19.2 1.5 29.6-1.2-30-6.1-52.5-32.5-52.5-64.4v-.8c8.7 4.9 18.9 7.9 29.6 8.3a65.447 65.447 0 0 1-29.2-54.6c0-12.2 3.2-23.4 8.9-33.1 32.3 39.8 80.8 65.8 135.2 68.6-9.3-44.5 24-80.6 64-80.6 18.9 0 35.9 7.9 47.9 20.7 14.8-2.8 29-8.3 41.6-15.8-4.9 15.2-15.2 28-28.8 36.1 13.2-1.4 26-5.1 37.8-10.2-8.9 13.1-20.1 24.7-32.9 34z" />
+                </svg>
+              </a>
+              {{ end }}
+
+              {{ if .Site.Params.instagram }}
+              <a class="text-white" href="{{ .Site.Params.instagram }}" aria-label="instagram">
+                <svg width="1.1em" height="1.1em" fill="currentColor" xmlns="http://www.w3.org/2000/svg"
+                  viewBox="0 0 448 512">
+                  <path
+                    d="M224,202.66A53.34,53.34,0,1,0,277.36,256,53.38,53.38,0,0,0,224,202.66Zm124.71-41a54,54,0,0,0-30.41-30.41c-21-8.29-71-6.43-94.3-6.43s-73.25-1.93-94.31,6.43a54,54,0,0,0-30.41,30.41c-8.28,21-6.43,71.05-6.43,94.33S91,329.26,99.32,350.33a54,54,0,0,0,30.41,30.41c21,8.29,71,6.43,94.31,6.43s73.24,1.93,94.3-6.43a54,54,0,0,0,30.41-30.41c8.35-21,6.43-71.05,6.43-94.33S357.1,182.74,348.75,161.67ZM224,338a82,82,0,1,1,82-82A81.9,81.9,0,0,1,224,338Zm85.38-148.3a19.14,19.14,0,1,1,19.13-19.14A19.1,19.1,0,0,1,309.42,189.74ZM400,32H48A48,48,0,0,0,0,80V432a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V80A48,48,0,0,0,400,32ZM382.88,322c-1.29,25.63-7.14,48.34-25.85,67s-41.4,24.63-67,25.85c-26.41,1.49-105.59,1.49-132,0-25.63-1.29-48.26-7.15-67-25.85s-24.63-41.42-25.85-67c-1.49-26.42-1.49-105.61,0-132,1.29-25.63,7.07-48.34,25.85-67s41.47-24.56,67-25.78c26.41-1.49,105.59-1.49,132,0,25.63,1.29,48.33,7.15,67,25.85s24.63,41.42,25.85,67.05C384.37,216.44,384.37,295.56,382.88,322Z" />
+                </svg>
+              </a>
+              {{ end }}
+            </div>
+          </div>
+
+          <!-- image -->
+          <div class="row profile text-center">
+            <br>
+            <img src="{{ .Site.Params.profile | default " /images/v1/avatar.webp"}}" width="150px"
+              class="rounded-circle img-fluid" alt="{{ .Site.Params.name }}">
+          </div>
+        </div>
+
+        <div class="col-lg-3 home-content d-none d-md-block" style="background-image: url('{{ $backimg | absURL }}');">
+        </div>
+      </div>
+      <div class="row know-more ">
+        <div class="container p-3 rounded text-center">
+          <a href="#about" class="text-info">
+            know more
+            <br>
+            <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-chevron-down" fill="currentColor"
+              xmlns="http://www.w3.org/2000/svg">
+              <path fill-rule="evenodd"
+                d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z" />
+            </svg>
+          </a>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
@@ -0,0 +1,133 @@
+<section>
+  <div class="about pt-4">
+    <div class="container">
+
+      <div class="row justify-content-center ">
+        <div class="col-lg-3 pt-3 text-center">
+          {{ if .Site.Params.profile_image }}
+          <img src="{{ .Site.Params.profile_image }}" width="200" height="200" alt="{{ .Site.Params.name }}" class="rounded">
+          {{ end }}
+          <div class="about-me jop font-weight-bold text-secondary">
+            {{ if .Site.Params.name }}
+            {{ .Site.Params.name }}
+            {{ end }}
+          </div>
+        </div>
+      </div>
+
+      {{ if .Site.Params.socialicontop }}
+      <div class="text-center">
+        {{ if .Site.Params.github }}
+        <span class="px-1">
+          <a class="text-dark" href="{{ .Site.Params.github }}" aria-label="github">
+            <svg xmlns="http://www.w3.org/2000/svg" width="2.7em" height="2.7em" viewBox="0 0 1792 1792">
+              <path
+                d="M522 1352q-8 9-20-3-13-11-4-19 8-9 20 3 12 11 4 19zm-42-61q9 12 0 19-8 6-17-7t0-18q9-7 17 6zm-61-60q-5 7-13 2-10-5-7-12 3-5 13-2 10 5 7 12zm31 34q-6 7-16-3-9-11-2-16 6-6 16 3 9 11 2 16zm129 112q-4 12-19 6-17-4-13-15t19-7q16 5 13 16zm63 5q0 11-16 11-17 2-17-11 0-11 16-11 17-2 17 11zm58-10q2 10-14 14t-18-8 14-15q16-2 18 9zm964-956v960q0 119-84.5 203.5t-203.5 84.5h-224q-16 0-24.5-1t-19.5-5-16-14.5-5-27.5v-239q0-97-52-142 57-6 102.5-18t94-39 81-66.5 53-105 20.5-150.5q0-121-79-206 37-91-8-204-28-9-81 11t-92 44l-38 24q-93-26-192-26t-192 26q-16-11-42.5-27t-83.5-38.5-86-13.5q-44 113-7 204-79 85-79 206 0 85 20.5 150t52.5 105 80.5 67 94 39 102.5 18q-40 36-49 103-21 10-45 15t-57 5-65.5-21.5-55.5-62.5q-19-32-48.5-52t-49.5-24l-20-3q-21 0-29 4.5t-5 11.5 9 14 13 12l7 5q22 10 43.5 38t31.5 51l10 23q13 38 44 61.5t67 30 69.5 7 55.5-3.5l23-4q0 38 .5 103t.5 68q0 22-11 33.5t-22 13-33 1.5h-224q-119 0-203.5-84.5t-84.5-203.5v-960q0-119 84.5-203.5t203.5-84.5h960q119 0 203.5 84.5t84.5 203.5z" />
+
+              <metadata>
+                <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#" xmlns:dc="http://purl.org/dc/elements/1.1/">
+                  <rdf:Description about="https://iconscout.com/legal#licenses" dc:title="Github, Online, Project, Hosting, Square" dc:description="Github, Online, Project, Hosting, Square" dc:publisher="Iconscout" dc:date="2016-12-14"
+                    dc:format="image/svg+xml" dc:language="en">
+                    <dc:creator>
+                      <rdf:Bag>
+                        <rdf:li>Font Awesome</rdf:li>
+                      </rdf:Bag>
+                    </dc:creator>
+                  </rdf:Description>
+                </rdf:RDF>
+              </metadata>
+            </svg>
+          </a>
+        </span>
+        {{ end }}
+
+        {{ if .Site.Params.linkedin }}
+        <span class="px-1">
+          <a class="text-white" href="{{ .Site.Params.linkedin }}" aria-label="linkedin">
+            <svg xmlns="http://www.w3.org/2000/svg" width='2.4em' height='2.4em' fill="#fff" aria-label="LinkedIn" viewBox="0 0 512 512">
+              <rect width="512" height="512" fill="#0077b5" rx="15%" />
+              <circle cx="142" cy="138" r="37" />
+              <path stroke="#fff" stroke-width="66" d="M244 194v198M142 194v198" />
+              <path d="M276 282c0-20 13-40 36-40 24 0 33 18 33 45v105h66V279c0-61-32-89-76-89-34 0-51 19-59 32" />
+            </svg>
+          </a>
+        </span>
+        {{ end }}
+
+        {{ if .Site.Params.twitter }}
+        <a class="text-info" href="{{ .Site.Params.twitter }}" aria-label="twitter">
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px">
+            <path fill="#03a9f4" d="M42,37c0,2.762-2.239,5-5,5H11c-2.762,0-5-2.238-5-5V11c0-2.762,2.238-5,5-5h26c2.761,0,5,2.238,5,5 V37z" />
+            <path fill="#fff"
+              d="M36,17.12c-0.882,0.391-1.999,0.758-3,0.88c1.018-0.604,2.633-1.862,3-3 c-0.951,0.559-2.671,1.156-3.793,1.372C31.311,15.422,30.033,15,28.617,15C25.897,15,24,17.305,24,20v2c-4,0-7.9-3.047-10.327-6 c-0.427,0.721-0.667,1.565-0.667,2.457c0,1.819,1.671,3.665,2.994,4.543c-0.807-0.025-2.335-0.641-3-1c0,0.016,0,0.036,0,0.057 c0,2.367,1.661,3.974,3.912,4.422C16.501,26.592,16,27,14.072,27c0.626,1.935,3.773,2.958,5.928,3c-1.686,1.307-4.692,2-7,2 c-0.399,0-0.615,0.022-1-0.023C14.178,33.357,17.22,34,20,34c9.057,0,14-6.918,14-13.37c0-0.212-0.007-0.922-0.018-1.13 C34.95,18.818,35.342,18.104,36,17.12" />
+          </svg>
+        </a>
+        {{ end }}
+
+        {{ if .Site.Params.instagram }}
+        <a class="text-danger" href="{{ .Site.Params.instagram }}" aria-label="instagram">
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px">
+            <radialGradient id="yOrnnhliCrdS2gy~4tD8ma" cx="19.38" cy="42.035" r="44.899" gradientUnits="userSpaceOnUse">
+              <stop offset="0" stop-color="#fd5" />
+              <stop offset=".328" stop-color="#ff543f" />
+              <stop offset=".348" stop-color="#fc5245" />
+              <stop offset=".504" stop-color="#e64771" />
+              <stop offset=".643" stop-color="#d53e91" />
+              <stop offset=".761" stop-color="#cc39a4" />
+              <stop offset=".841" stop-color="#c837ab" />
+            </radialGradient>
+            <path fill="url(#yOrnnhliCrdS2gy~4tD8ma)"
+              d="M34.017,41.99l-20,0.019c-4.4,0.004-8.003-3.592-8.008-7.992l-0.019-20	c-0.004-4.4,3.592-8.003,7.992-8.008l20-0.019c4.4-0.004,8.003,3.592,8.008,7.992l0.019,20	C42.014,38.383,38.417,41.986,34.017,41.99z" />
+            <radialGradient id="yOrnnhliCrdS2gy~4tD8mb" cx="11.786" cy="5.54" r="29.813" gradientTransform="matrix(1 0 0 .6663 0 1.849)" gradientUnits="userSpaceOnUse">
+              <stop offset="0" stop-color="#4168c9" />
+              <stop offset=".999" stop-color="#4168c9" stop-opacity="0" />
+            </radialGradient>
+            <path fill="url(#yOrnnhliCrdS2gy~4tD8mb)"
+              d="M34.017,41.99l-20,0.019c-4.4,0.004-8.003-3.592-8.008-7.992l-0.019-20	c-0.004-4.4,3.592-8.003,7.992-8.008l20-0.019c4.4-0.004,8.003,3.592,8.008,7.992l0.019,20	C42.014,38.383,38.417,41.986,34.017,41.99z" />
+            <path fill="#fff" d="M24,31c-3.859,0-7-3.14-7-7s3.141-7,7-7s7,3.14,7,7S27.859,31,24,31z M24,19c-2.757,0-5,2.243-5,5	s2.243,5,5,5s5-2.243,5-5S26.757,19,24,19z" />
+            <circle cx="31.5" cy="16.5" r="1.5" fill="#fff" />
+            <path fill="#fff" d="M30,37H18c-3.859,0-7-3.14-7-7V18c0-3.86,3.141-7,7-7h12c3.859,0,7,3.14,7,7v12	C37,33.86,33.859,37,30,37z M18,13c-2.757,0-5,2.243-5,5v12c0,2.757,2.243,5,5,5h12c2.757,0,5-2.243,5-5V18c0-2.757-2.243-5-5-5H18z" />
+          </svg>
+        </a>
+        {{ end }}
+
+        {{ if .Site.Params.facebook }}
+        <a class="text-info" href="{{ .Site.Params.facebook }}" aria-label="facebook">
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px">
+            <path fill="#3F51B5" d="M42,37c0,2.762-2.238,5-5,5H11c-2.761,0-5-2.238-5-5V11c0-2.762,2.239-5,5-5h26c2.762,0,5,2.238,5,5V37z" />
+            <path fill="#FFF" d="M34.368,25H31v13h-5V25h-3v-4h3v-2.41c0.002-3.508,1.459-5.59,5.592-5.59H35v4h-2.287C31.104,17,31,17.6,31,18.723V21h4L34.368,25z" />
+          </svg>
+        </a>
+        {{ end }}
+      </div>
+      {{ end }}
+
+      <div class="row justify-content-center ">
+        <div class="col-md-8 text-center">
+          <div class="about-content text-dark p-3">
+            {{ if .Site.Params.descripe_l1_person }}
+            {{ .Site.Params.descripe_l1_person | markdownify }}
+            {{ end }}
+
+            {{ if .Site.Params.descripe_l2_person }}
+            <br><br>
+            {{ .Site.Params.descripe_l2_person | markdownify }}
+            {{ end }}
+          </div>
+          <div class="social px-3 text-center pb-4">
+            {{ if .Site.Params.useresume }}
+            <a href={{ .Site.Params.resumelink | default "#" }} class="btn btn-outline-danger" role="button" aria-pressed="true">
+              {{ if .Site.Params.customname }}
+              {{ .Site.Params.customname }}
+              {{ else }}
+              Resume
+              {{ end }}
+
+            </a>
+            {{ end }}
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
@@ -0,0 +1,45 @@
+{{ if .Site.Params.usedothings }}
+<section>
+  <div class="do-things text-center" id="do-things">
+    <div class="container">
+      <div class="things-i-do text-primary py-3 font-weight-bold">
+        Things I do
+      </div>
+
+      <div class="do-things-card">
+        <div class="row pb-2 justify-content-center">
+          {{ range .Site.Params.Things }}
+          {{ if .url }}
+          <div class="col-lg-3 col-md-4">
+            <a id="nothing" href={{ .url | default "#" }} class="">
+              <div class="things shadow rounded p-4 my-2 mb-4 card btn-outline-primary">
+                <i class="{{ .logo }} fa-3x" width="3em" height="3em"></i>
+                <div class="p-2 font-weight-bold">
+                  {{ .title }}
+                </div>
+                <div class="py-4 things-text">
+                  {{ .description }}
+                </div>
+              </div>
+            </a>
+          </div>
+          {{ else }}
+          <div class="col-lg-3 col-md-4">
+            <div class="things shadow rounded p-4 my-2 mb-4 card btn-outline-primary">
+              <i class="{{ .logo }} fa-3x" width="3em" height="3em"></i>
+              <div class="p-2 font-weight-bold">
+                {{ .title }}
+              </div>
+              <div class="py-4 things-text">
+                {{ .description }}
+              </div>
+            </div>
+          </div>
+          {{ end }}
+          {{ end }}
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+{{ end }}
@@ -0,0 +1,140 @@
+<footer>
+  <!-- recent posts -->
+  <div class="news container py-3">
+    {{ if .Site.Params.recentposts }}
+    <div class="h3 text-center text-light py-3 font-weight-bold">Recent posts</div>
+    <div class="row justify-content-center">
+      {{ range ( where .Site.RegularPages "Type" "blog" | first 3 ) }}
+      <div class="col-lg-4 col-md-6 pt-2">
+        <a href="{{ .RelPermalink }}" class="post-card-link">
+          <div class="card px-2 h-100">
+            <div class="card-head py-3">
+              <h5 class="card-title font-weight-bold px-2">{{ .Title }}</h5>
+              <p class="card-text px-2"> {{ .Summary | truncate 300}}</p>
+            </div>
+            <div class="mt-auto card-footer">
+              <span class="float-left">{{ .Date.Format "January 2, 2006" }}</span>
+              <a href="{{ .RelPermalink }}" class="float-right btn btn-outline-info btn-sm">Read</a>
+            </div>
+          </div>
+        </a>
+      </div>
+      {{ end }}
+    </div>
+    {{ end }}
+  </div>
+  {{ if .Site.Params.socialiconfooter }}
+
+  <div class="text-center">
+    {{ if .Site.Params.github }}
+    <span class="px-1">
+      <a class="text-dark" href="{{ .Site.Params.github }}" aria-label="github">
+        <svg xmlns="http://www.w3.org/2000/svg" width="2.7em" height="2.7em" viewBox="0 0 1792 1792">
+          <path
+            d="M522 1352q-8 9-20-3-13-11-4-19 8-9 20 3 12 11 4 19zm-42-61q9 12 0 19-8 6-17-7t0-18q9-7 17 6zm-61-60q-5 7-13 2-10-5-7-12 3-5 13-2 10 5 7 12zm31 34q-6 7-16-3-9-11-2-16 6-6 16 3 9 11 2 16zm129 112q-4 12-19 6-17-4-13-15t19-7q16 5 13 16zm63 5q0 11-16 11-17 2-17-11 0-11 16-11 17-2 17 11zm58-10q2 10-14 14t-18-8 14-15q16-2 18 9zm964-956v960q0 119-84.5 203.5t-203.5 84.5h-224q-16 0-24.5-1t-19.5-5-16-14.5-5-27.5v-239q0-97-52-142 57-6 102.5-18t94-39 81-66.5 53-105 20.5-150.5q0-121-79-206 37-91-8-204-28-9-81 11t-92 44l-38 24q-93-26-192-26t-192 26q-16-11-42.5-27t-83.5-38.5-86-13.5q-44 113-7 204-79 85-79 206 0 85 20.5 150t52.5 105 80.5 67 94 39 102.5 18q-40 36-49 103-21 10-45 15t-57 5-65.5-21.5-55.5-62.5q-19-32-48.5-52t-49.5-24l-20-3q-21 0-29 4.5t-5 11.5 9 14 13 12l7 5q22 10 43.5 38t31.5 51l10 23q13 38 44 61.5t67 30 69.5 7 55.5-3.5l23-4q0 38 .5 103t.5 68q0 22-11 33.5t-22 13-33 1.5h-224q-119 0-203.5-84.5t-84.5-203.5v-960q0-119 84.5-203.5t203.5-84.5h960q119 0 203.5 84.5t84.5 203.5z" />
+
+          <metadata>
+            <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+              xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#" xmlns:dc="http://purl.org/dc/elements/1.1/">
+              <rdf:Description about="https://iconscout.com/legal#licenses"
+                dc:title="Github, Online, Project, Hosting, Square"
+                dc:description="Github, Online, Project, Hosting, Square" dc:publisher="Iconscout" dc:date="2016-12-14"
+                dc:format="image/svg+xml" dc:language="en">
+                <dc:creator>
+                  <rdf:Bag>
+                    <rdf:li>Font Awesome</rdf:li>
+                  </rdf:Bag>
+                </dc:creator>
+              </rdf:Description>
+            </rdf:RDF>
+          </metadata>
+        </svg>
+      </a>
+    </span>
+    {{ end }}
+
+    {{ if .Site.Params.linkedin }}
+    <span class="px-1">
+      <a class="text-white" href="{{ .Site.Params.linkedin }}" aria-label="linkedin">
+        <svg xmlns="http://www.w3.org/2000/svg" width='2.4em' height='2.4em' fill="#fff" aria-label="LinkedIn"
+          viewBox="0 0 512 512">
+          <rect width="512" height="512" fill="#0077b5" rx="15%" />
+          <circle cx="142" cy="138" r="37" />
+          <path stroke="#fff" stroke-width="66" d="M244 194v198M142 194v198" />
+          <path d="M276 282c0-20 13-40 36-40 24 0 33 18 33 45v105h66V279c0-61-32-89-76-89-34 0-51 19-59 32" />
+        </svg>
+      </a>
+    </span>
+    {{ end }}
+
+    {{ if .Site.Params.twitter }}
+    <a class="text-info" href="{{ .Site.Params.twitter }}" aria-label="twitter">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px">
+        <path fill="#03a9f4"
+          d="M42,37c0,2.762-2.239,5-5,5H11c-2.762,0-5-2.238-5-5V11c0-2.762,2.238-5,5-5h26c2.761,0,5,2.238,5,5 V37z" />
+        <path fill="#fff"
+          d="M36,17.12c-0.882,0.391-1.999,0.758-3,0.88c1.018-0.604,2.633-1.862,3-3 c-0.951,0.559-2.671,1.156-3.793,1.372C31.311,15.422,30.033,15,28.617,15C25.897,15,24,17.305,24,20v2c-4,0-7.9-3.047-10.327-6 c-0.427,0.721-0.667,1.565-0.667,2.457c0,1.819,1.671,3.665,2.994,4.543c-0.807-0.025-2.335-0.641-3-1c0,0.016,0,0.036,0,0.057 c0,2.367,1.661,3.974,3.912,4.422C16.501,26.592,16,27,14.072,27c0.626,1.935,3.773,2.958,5.928,3c-1.686,1.307-4.692,2-7,2 c-0.399,0-0.615,0.022-1-0.023C14.178,33.357,17.22,34,20,34c9.057,0,14-6.918,14-13.37c0-0.212-0.007-0.922-0.018-1.13 C34.95,18.818,35.342,18.104,36,17.12" />
+      </svg>
+    </a>
+    {{ end }}
+
+    {{ if .Site.Params.instagram }}
+    <a class="text-danger" href="{{ .Site.Params.instagram }}" aria-label="instagram">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px">
+        <radialGradient id="yOrnnhliCrdS2gy~4tD8ma" cx="19.38" cy="42.035" r="44.899" gradientUnits="userSpaceOnUse">
+          <stop offset="0" stop-color="#fd5" />
+          <stop offset=".328" stop-color="#ff543f" />
+          <stop offset=".348" stop-color="#fc5245" />
+          <stop offset=".504" stop-color="#e64771" />
+          <stop offset=".643" stop-color="#d53e91" />
+          <stop offset=".761" stop-color="#cc39a4" />
+          <stop offset=".841" stop-color="#c837ab" />
+        </radialGradient>
+        <path fill="url(#yOrnnhliCrdS2gy~4tD8ma)"
+          d="M34.017,41.99l-20,0.019c-4.4,0.004-8.003-3.592-8.008-7.992l-0.019-20	c-0.004-4.4,3.592-8.003,7.992-8.008l20-0.019c4.4-0.004,8.003,3.592,8.008,7.992l0.019,20	C42.014,38.383,38.417,41.986,34.017,41.99z" />
+        <radialGradient id="yOrnnhliCrdS2gy~4tD8mb" cx="11.786" cy="5.54" r="29.813"
+          gradientTransform="matrix(1 0 0 .6663 0 1.849)" gradientUnits="userSpaceOnUse">
+          <stop offset="0" stop-color="#4168c9" />
+          <stop offset=".999" stop-color="#4168c9" stop-opacity="0" />
+        </radialGradient>
+        <path fill="url(#yOrnnhliCrdS2gy~4tD8mb)"
+          d="M34.017,41.99l-20,0.019c-4.4,0.004-8.003-3.592-8.008-7.992l-0.019-20	c-0.004-4.4,3.592-8.003,7.992-8.008l20-0.019c4.4-0.004,8.003,3.592,8.008,7.992l0.019,20	C42.014,38.383,38.417,41.986,34.017,41.99z" />
+        <path fill="#fff"
+          d="M24,31c-3.859,0-7-3.14-7-7s3.141-7,7-7s7,3.14,7,7S27.859,31,24,31z M24,19c-2.757,0-5,2.243-5,5	s2.243,5,5,5s5-2.243,5-5S26.757,19,24,19z" />
+        <circle cx="31.5" cy="16.5" r="1.5" fill="#fff" />
+        <path fill="#fff"
+          d="M30,37H18c-3.859,0-7-3.14-7-7V18c0-3.86,3.141-7,7-7h12c3.859,0,7,3.14,7,7v12	C37,33.86,33.859,37,30,37z M18,13c-2.757,0-5,2.243-5,5v12c0,2.757,2.243,5,5,5h12c2.757,0,5-2.243,5-5V18c0-2.757-2.243-5-5-5H18z" />
+      </svg>
+    </a>
+    {{ end }}
+
+    {{ if .Site.Params.facebook }}
+    <a class="text-info" href="{{ .Site.Params.facebook }}" aria-label="facebook">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px">
+        <path fill="#3F51B5"
+          d="M42,37c0,2.762-2.238,5-5,5H11c-2.761,0-5-2.238-5-5V11c0-2.762,2.239-5,5-5h26c2.762,0,5,2.238,5,5V37z" />
+        <path fill="#FFF"
+          d="M34.368,25H31v13h-5V25h-3v-4h3v-2.41c0.002-3.508,1.459-5.59,5.592-5.59H35v4h-2.287C31.104,17,31,17.6,31,18.723V21h4L34.368,25z" />
+      </svg>
+    </a>
+    {{ end }}
+  </div>
+  {{ end }}
+  <div class="container bg-transparent py-4">
+    <div class="row justify-content-center">
+      <div class="col-md-4 text-center order-2 order-lg-1 order-md-1">
+        <div class="pb-2">
+          <a href="{{ .Site.BaseURL }}">
+            <img alt="Footer logo" src="{{ .Site.Params.favicon | default " /images/favicon.png"}}" height="40px"
+              width="40px">
+          </a>
+        </div>
+        &copy; {{ .Site.Params.copyright }} All Rights Reserved
+        <div class="text-secondary">
+          Designed and Developed by
+          <a class="text-secondary" href="https://gurusabarish.tech">Gurusabarish</a>
+        </div>
+      </div>
+    </div>
+  </div>
+</footer>
@@ -0,0 +1,10 @@
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta http-equiv="X-UA-Compatible" content="ie=edge">
+<link rel="icon" href="{{ .Site.Params.favicon | default " /images/favicon.png"}}" type="image/gif">
+
+<!-- stylesheets -->
+<link rel="stylesheet" href="/css/bootstrap.min.css" media="all">
+<link rel="stylesheet" href="/css/all.min.css" media="all">
+<link rel="stylesheet" href="/css/fontawesome.min.css" media="all">
+<link rel="stylesheet" href="/css/v2/v2.css" media="all">
@@ -0,0 +1,26 @@
+<nav class="navbar navbar-expand-lg navbar-light shadow-sm bg-gradient-primary">
+	<div class="container">
+		<a class="navbar-brand font-weight-bold" href="{{ .Site.BaseURL | relURL }}">
+			{{ if .Site.Params.favicon }}
+			<img src="{{ .Site.Params.favicon }}" width="30" height="30" class="d-inline-block align-top">
+			{{ .Site.Title }}
+			{{ else }}
+			{{ .Site.Title }}
+			{{ end }}
+		</a>
+		<button class="navbar-toggler border-0" type="button" data-toggle="collapse" data-target="#navbarNavDropdown"
+			aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
+			<span class="navbar-toggler-icon"></span>
+		</button>
+
+		<div class="collapse navbar-collapse" id="navbarNavDropdown">
+			<ul class="navbar-nav ml-auto text-center">
+				{{ range site.Params.customMenus }}
+				<li class="nav-item  navbar-text">
+					<a class="nav-link" href="{{.Url}}" aria-label="{{ .name }}">{{ .name }}</a>
+				</li>
+				{{ end }}
+			</ul>
+		</div>
+	</div>
+</nav>
@@ -0,0 +1,3 @@
+<!-- javascripts -->
+<script src="/js/jquery.slim.min.js"></script>
+<script src="/js/bootstrap.min.js"></script>
@@ -0,0 +1,46 @@
+<section id="about" class="pt-3">
+  <div class="container-fluid" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="600" data-aos-once="true">
+    <div class="text-dark text-center h3">About Me</div>
+    <div class="row justify-content-center about">
+      <div class="col-md-6 about-content">
+        <div data-aos="zoom-in-up" data-aos-offset="50" data-aos-delay="50" data-aos-once="true"
+          data-aos-duration="900">
+          <div class="px-2">
+            {{ .Site.Params.descripe_l1_person | markdownify }}
+            <br>
+            <br>
+            {{ .Site.Params.descripe_l2_person | markdownify }}
+          </div>
+          {{ if .Site.Params.email }}
+          <div class="py-3 pl-2">
+            <a href="mailto:{{ .Site.Params.email }}?subject=Say hi!" target="_blank"
+              class="contact-btn btn text-muted">
+              Get In Touch
+            </a>
+          </div>
+          {{ end }}
+        </div>
+
+      </div>
+      <div class="col-md-5 about-skill">
+        <div data-aos="zoom-in-down" data-aos-offset="50" data-aos-delay="50" data-aos-once="true"
+          data-aos-duration="1000">
+          <div class="text-secondary text-center h4">Skills</div>
+          {{ range .Site.Params.skills }}
+          <div>
+            <div>
+              {{ .name }}
+            </div>
+            <div class="progress mb-4">
+              <div class="progress-bar" role="progressbar" style="width: {{ .percentage }}%;" aria-valuemin="0"
+                aria-valuemax="100"></div>
+            </div>
+          </div>
+          {{ end }}
+        </div>
+      </div>
+
+
+    </div>
+  </div>
+</section>
@@ -0,0 +1,29 @@
+{{ $img:= "images/v1/background.png" }}
+
+<section class="py-3 pt-5" id="achievements" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="600"
+  data-aos-once="true">
+  <div class="container-fluid">
+    <div class="text-dark text-center h3">Achievements</div>
+    <div class="row justify-content-center py-3 mx-2">
+      {{ range .Site.Params.achievements }}
+      {{ if .img }}
+      {{ $img = .img }}
+      {{ end }}
+      <div class="col-md-5 achiv-out px-4 px-md-2 my-2" data-aos="fade-up" data-aos-easing="linear"
+        data-aos-duration="600" data-aos-once="true">
+        <div class="achiv-card d-flex align-items-end shadow-lg rounded" style="background-image: url({{ .img }});">
+          <div class="p-3 w-100 achiv overflow-hidden">
+            <h4 class="text-center achiv-head">
+              {{ .title }}
+            </h4>
+            <div class="text-secondary">
+              {{ .description }}
+            </div>
+          </div>
+        </div>
+      </div>
+      {{ end }}
+    </div>
+  </div>
+
+</section>
@@ -0,0 +1,20 @@
+<section id="contact" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="600" data-aos-once="true">
+  <div class="container-fluid py-3">
+    <div class="text-right text-center h3">Get In Touch</div>
+    <div class="row justify-content-center px-md-5">
+      <div class="col-md-6 py-3">
+        <div class=" text-center">
+          {{ .Site.Params.contact_content }}
+        </div>
+        {{ if .Site.Params.email }}
+        <div class="text-center pt-3">
+          <a href="mailto:{{ .Site.Params.email }}?subject=Say hi!" class="contact-btn btn text-muted">
+            Get In Touch
+          </a>
+        </div>
+        {{ end }}
+      </div>
+
+    </div>
+  </div>
+</section>
@@ -0,0 +1,88 @@
+<section id="experience" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="600" data-aos-once="true">
+  <div class="container-fluid pt-5">
+    <div class="text-dark text-center h3">Experience</div>
+
+    <div class="row justify-content-center py-md-5">
+      <div class="d-md-none d-lg-none d-sm-block">
+        <ol class="ex-ol pl-5 pr-3">
+          {{ range .Site.Params.experience }}
+          <li class="ex-ol-li" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="600" data-aos-once="true">
+            <h4 class="text-muted">
+              <span class="text-primary">{{ .company }}</span> - {{ .role }}
+            </h4>
+            <div>
+              <small>{{ .startdate}}</small>
+              -
+              <small>{{ .enddate }}</small>
+            </div>
+            <ul class="py-2 ex-ol-ul">
+              {{ range .featuredpoints }}
+              <li class="ex-ol-item">{{ .point }}</li>
+              {{ end }}
+            </ul>
+          </li>
+          {{ end }}
+
+        </ol>
+      </div>
+
+      <div id="nav-pills-out" class="d-none d-md-block nav flex-column nav-pills col-md-2" id="v-pills-tab"
+        role="tablist" aria-orientation="vertical">
+        {{ range $index, $element := .Site.Params.experience }}
+        {{ if (eq $index 0) }}
+        <a class="nav-link active" id="{{ .company }}-tab" data-toggle="pill" href="#{{ .company }}" role="tab"
+          aria-controls="{{ .company }}" aria-selected="true">
+          {{ .company }}
+        </a>
+        {{ else }}
+        <a class="nav-link" id="{{ .company }}-tab" data-toggle="pill" href="#{{ .company }}" role="tab"
+          aria-controls="{{ .company }}" aria-selected="false">
+          {{ .company }}
+        </a>
+        {{ end }}
+        {{ end }}
+      </div>
+
+      <div class="tab-content col-md-4 d-none d-md-block" id="v-pills-tabContent">
+        {{ range $index, $element := .Site.Params.experience }}
+        {{ if (eq $index 0) }}
+        <div class="tab-pane fade show active" id="{{ .company }}" role="tabpanel" aria-labelledby="{{ .company }}-tab">
+          <div class="h4 text-muted">
+            <span class="text-primary">{{ .company }}</span> - {{ .role }}
+          </div>
+          <div>
+            <small>{{ .startdate }}</small>
+            -
+            <small>{{ .enddate }}</small>
+          </div>
+          <ul class="py-2 ex">
+            {{ range .featuredpoints }}
+            <li class="ex-item">{{ .point }}</li>
+            {{ end }}
+          </ul>
+        </div>
+        {{ else }}
+        <div class="tab-pane fade" id="{{ .company }}" role="tabpanel" aria-labelledby="{{ .company }}-tab">
+          <div class="h4 text-muted">
+            <span class="text-primary">{{ .company }}</span> - {{ .role }}
+          </div>
+          <div>
+            <small>{{ .startdate }}</small>
+            -
+            <small>{{ .enddate }}</small>
+          </div>
+          <ul class="py-2 ex">
+            {{ range .featuredpoints }}
+            <li class="ex-item">{{ .point }}</li>
+            {{ end }}
+          </ul>
+        </div>
+        {{ end }}
+
+        {{ end }}
+      </div>
+
+    </div>
+
+  </div>
+</section>
@@ -0,0 +1,140 @@
+<footer>
+  <!-- recent posts -->
+  <div class="news container py-3" data-aos="fade-up" data-aos-easing="linear" data-aos-once="true">
+    {{ if .Site.Params.recentposts }}
+    <div class="h3 text-center text-dark py-3 font-weight-bold">Recent posts</div>
+    <div class="row justify-content-center">
+      {{ range ( where .Site.RegularPages "Type" "blog" | first 3 ) }}
+      <div class="col-lg-4 col-md-6 pt-2">
+        <a href="{{ .RelPermalink }}" class="post-card-link">
+          <div class="card px-2 h-100">
+            <div class="card-head py-3">
+              <h5 class="card-title font-weight-bold px-2">{{ .Title }}</h5>
+              <div class="px-2">{{ .Summary | truncate 300}}</div>
+            </div>
+            <div class="mt-auto card-footer">
+              <span class="float-left">{{ .Date.Format "January 2, 2006" }}</span>
+              <a href="{{ .RelPermalink }}" class="float-right btn btn-outline-info btn-sm">Read</a>
+            </div>
+          </div>
+        </a>
+      </div>
+      {{ end }}
+    </div>
+    {{ end }}
+  </div>
+  {{ if .Site.Params.socialiconfooter }}
+
+  <div class="text-center">
+    {{ if .Site.Params.github }}
+    <span class="px-1">
+      <a class="text-dark text-decoration-none" href="{{ .Site.Params.github }}" aria-label="github">
+        <svg xmlns="http://www.w3.org/2000/svg" width="2.7em" height="2.7em" viewBox="0 0 1792 1792">
+          <path
+            d="M522 1352q-8 9-20-3-13-11-4-19 8-9 20 3 12 11 4 19zm-42-61q9 12 0 19-8 6-17-7t0-18q9-7 17 6zm-61-60q-5 7-13 2-10-5-7-12 3-5 13-2 10 5 7 12zm31 34q-6 7-16-3-9-11-2-16 6-6 16 3 9 11 2 16zm129 112q-4 12-19 6-17-4-13-15t19-7q16 5 13 16zm63 5q0 11-16 11-17 2-17-11 0-11 16-11 17-2 17 11zm58-10q2 10-14 14t-18-8 14-15q16-2 18 9zm964-956v960q0 119-84.5 203.5t-203.5 84.5h-224q-16 0-24.5-1t-19.5-5-16-14.5-5-27.5v-239q0-97-52-142 57-6 102.5-18t94-39 81-66.5 53-105 20.5-150.5q0-121-79-206 37-91-8-204-28-9-81 11t-92 44l-38 24q-93-26-192-26t-192 26q-16-11-42.5-27t-83.5-38.5-86-13.5q-44 113-7 204-79 85-79 206 0 85 20.5 150t52.5 105 80.5 67 94 39 102.5 18q-40 36-49 103-21 10-45 15t-57 5-65.5-21.5-55.5-62.5q-19-32-48.5-52t-49.5-24l-20-3q-21 0-29 4.5t-5 11.5 9 14 13 12l7 5q22 10 43.5 38t31.5 51l10 23q13 38 44 61.5t67 30 69.5 7 55.5-3.5l23-4q0 38 .5 103t.5 68q0 22-11 33.5t-22 13-33 1.5h-224q-119 0-203.5-84.5t-84.5-203.5v-960q0-119 84.5-203.5t203.5-84.5h960q119 0 203.5 84.5t84.5 203.5z" />
+
+          <metadata>
+            <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+              xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#" xmlns:dc="http://purl.org/dc/elements/1.1/">
+              <rdf:Description about="https://iconscout.com/legal#licenses"
+                dc:title="Github, Online, Project, Hosting, Square"
+                dc:description="Github, Online, Project, Hosting, Square" dc:publisher="Iconscout" dc:date="2016-12-14"
+                dc:format="image/svg+xml" dc:language="en">
+                <dc:creator>
+                  <rdf:Bag>
+                    <rdf:li>Font Awesome</rdf:li>
+                  </rdf:Bag>
+                </dc:creator>
+              </rdf:Description>
+            </rdf:RDF>
+          </metadata>
+        </svg>
+      </a>
+    </span>
+    {{ end }}
+
+    {{ if .Site.Params.linkedin }}
+    <span class="px-1">
+      <a class="text-white text-decoration-none" href="{{ .Site.Params.linkedin }}" aria-label="linkedin">
+        <svg xmlns="http://www.w3.org/2000/svg" width='2.4em' height='2.4em' fill="#fff" aria-label="LinkedIn"
+          viewBox="0 0 512 512">
+          <rect width="512" height="512" fill="#0077b5" rx="15%" />
+          <circle cx="142" cy="138" r="37" />
+          <path stroke="#fff" stroke-width="66" d="M244 194v198M142 194v198" />
+          <path d="M276 282c0-20 13-40 36-40 24 0 33 18 33 45v105h66V279c0-61-32-89-76-89-34 0-51 19-59 32" />
+        </svg>
+      </a>
+    </span>
+    {{ end }}
+
+    {{ if .Site.Params.twitter }}
+    <a class="text-info text-decoration-none" href="{{ .Site.Params.twitter }}" aria-label="twitter">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px">
+        <path fill="#03a9f4"
+          d="M42,37c0,2.762-2.239,5-5,5H11c-2.762,0-5-2.238-5-5V11c0-2.762,2.238-5,5-5h26c2.761,0,5,2.238,5,5 V37z" />
+        <path fill="#fff"
+          d="M36,17.12c-0.882,0.391-1.999,0.758-3,0.88c1.018-0.604,2.633-1.862,3-3 c-0.951,0.559-2.671,1.156-3.793,1.372C31.311,15.422,30.033,15,28.617,15C25.897,15,24,17.305,24,20v2c-4,0-7.9-3.047-10.327-6 c-0.427,0.721-0.667,1.565-0.667,2.457c0,1.819,1.671,3.665,2.994,4.543c-0.807-0.025-2.335-0.641-3-1c0,0.016,0,0.036,0,0.057 c0,2.367,1.661,3.974,3.912,4.422C16.501,26.592,16,27,14.072,27c0.626,1.935,3.773,2.958,5.928,3c-1.686,1.307-4.692,2-7,2 c-0.399,0-0.615,0.022-1-0.023C14.178,33.357,17.22,34,20,34c9.057,0,14-6.918,14-13.37c0-0.212-0.007-0.922-0.018-1.13 C34.95,18.818,35.342,18.104,36,17.12" />
+      </svg>
+    </a>
+    {{ end }}
+
+    {{ if .Site.Params.instagram }}
+    <a class="text-danger text-decoration-none" href="{{ .Site.Params.instagram }}" aria-label="instagram">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px">
+        <radialGradient id="yOrnnhliCrdS2gy~4tD8ma" cx="19.38" cy="42.035" r="44.899" gradientUnits="userSpaceOnUse">
+          <stop offset="0" stop-color="#fd5" />
+          <stop offset=".328" stop-color="#ff543f" />
+          <stop offset=".348" stop-color="#fc5245" />
+          <stop offset=".504" stop-color="#e64771" />
+          <stop offset=".643" stop-color="#d53e91" />
+          <stop offset=".761" stop-color="#cc39a4" />
+          <stop offset=".841" stop-color="#c837ab" />
+        </radialGradient>
+        <path fill="url(#yOrnnhliCrdS2gy~4tD8ma)"
+          d="M34.017,41.99l-20,0.019c-4.4,0.004-8.003-3.592-8.008-7.992l-0.019-20	c-0.004-4.4,3.592-8.003,7.992-8.008l20-0.019c4.4-0.004,8.003,3.592,8.008,7.992l0.019,20	C42.014,38.383,38.417,41.986,34.017,41.99z" />
+        <radialGradient id="yOrnnhliCrdS2gy~4tD8mb" cx="11.786" cy="5.54" r="29.813"
+          gradientTransform="matrix(1 0 0 .6663 0 1.849)" gradientUnits="userSpaceOnUse">
+          <stop offset="0" stop-color="#4168c9" />
+          <stop offset=".999" stop-color="#4168c9" stop-opacity="0" />
+        </radialGradient>
+        <path fill="url(#yOrnnhliCrdS2gy~4tD8mb)"
+          d="M34.017,41.99l-20,0.019c-4.4,0.004-8.003-3.592-8.008-7.992l-0.019-20	c-0.004-4.4,3.592-8.003,7.992-8.008l20-0.019c4.4-0.004,8.003,3.592,8.008,7.992l0.019,20	C42.014,38.383,38.417,41.986,34.017,41.99z" />
+        <path fill="#fff"
+          d="M24,31c-3.859,0-7-3.14-7-7s3.141-7,7-7s7,3.14,7,7S27.859,31,24,31z M24,19c-2.757,0-5,2.243-5,5	s2.243,5,5,5s5-2.243,5-5S26.757,19,24,19z" />
+        <circle cx="31.5" cy="16.5" r="1.5" fill="#fff" />
+        <path fill="#fff"
+          d="M30,37H18c-3.859,0-7-3.14-7-7V18c0-3.86,3.141-7,7-7h12c3.859,0,7,3.14,7,7v12	C37,33.86,33.859,37,30,37z M18,13c-2.757,0-5,2.243-5,5v12c0,2.757,2.243,5,5,5h12c2.757,0,5-2.243,5-5V18c0-2.757-2.243-5-5-5H18z" />
+      </svg>
+    </a>
+    {{ end }}
+
+    {{ if .Site.Params.facebook }}
+    <a class="text-info text-decoration-none" href="{{ .Site.Params.facebook }}" aria-label="facebook">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px">
+        <path fill="#3F51B5"
+          d="M42,37c0,2.762-2.238,5-5,5H11c-2.761,0-5-2.238-5-5V11c0-2.762,2.239-5,5-5h26c2.762,0,5,2.238,5,5V37z" />
+        <path fill="#FFF"
+          d="M34.368,25H31v13h-5V25h-3v-4h3v-2.41c0.002-3.508,1.459-5.59,5.592-5.59H35v4h-2.287C31.104,17,31,17.6,31,18.723V21h4L34.368,25z" />
+      </svg>
+    </a>
+    {{ end }}
+  </div>
+  {{ end }}
+  <div class="container bg-transparent py-4">
+    <div class="row justify-content-center">
+      <div class="col-md-4 text-center order-2 order-lg-1 order-md-1">
+        <div class="pb-2">
+          <a href="{{ .Site.BaseURL }}">
+            <img alt="Footer logo" src="{{ .Site.Params.favicon | default " /images/favicon.png"}}" height="40px"
+              width="40px">
+          </a>
+        </div>
+        &copy; {{ dateFormat "2006" now }} All Rights Reserved
+        <div>
+          Designed and Developed by
+          <a href="https://gurusabarish.tech" target="_blank">Gurusabarish</a>
+        </div>
+      </div>
+    </div>
+  </div>
+</footer>
@@ -0,0 +1,29 @@
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta http-equiv="X-UA-Compatible" content="ie=edge">
+<link rel="icon" href="{{ .Site.Params.favicon | default " /images/favicon.png"}}" type="image/gif">
+
+<!-- stylesheets -->
+<link rel="stylesheet" href="/css/bootstrap.min.css" media="all">
+<link rel="stylesheet" href="/css/all.min.css" media="all">
+<link rel="stylesheet" href="/css/fontawesome.min.css" media="all">
+<link rel="stylesheet" href="/css/v3/darkmode.css" media="all">
+
+<style>
+    html {
+        scrollbar-width: thin;
+        scrollbar-color: #6c757d transparent;
+    }
+
+    ::-webkit-scrollbar {
+        width: 5px;
+    }
+
+    ::-webkit-scrollbar-track {
+        background: transparent;
+    }
+
+    ::-webkit-scrollbar-thumb {
+        background: #6c757d;
+    }
+</style>
@@ -0,0 +1,67 @@
+<div class="container-fluid home">
+  <div class="pt-5 pb-3 pt-md-0">
+    <div class="row justify-content-center intro" data-aos="fade-down" data-aos-easing="linear"
+      data-aos-duration="1000">
+      <div class="col-md-7 pb-2 name-container">
+        <div class="name" data-aos="fade-up" data-aos-offset="200" data-aos-delay="50" data-aos-duration="1000"
+          data-aos-once="true">
+          <div class="text-warning hi-text" data-aos="fade-up" data-aos-offset="50" data-aos-delay="50"
+            data-aos-once="true" data-aos-duration="900">
+            Hi there, I'm
+          </div>
+          <h1 class="text-primary name-text" data-aos="fade-up" data-aos-offset="200" data-aos-delay="50"
+            data-aos-duration="900" data-aos-once="true">
+            {{ .Site.Params.name }}
+          </h1>
+          <h5 class="text-muted pro-text" data-aos="fade-up" data-aos-offset="200" data-aos-delay="50"
+            data-aos-duration="900" data-aos-once="true">
+            {{ .Site.Params.profession }}
+          </h5>
+        </div>
+        <div class="row social pt-4" data-aos="fade-up" data-aos-offset="50" data-aos-delay="50" data-aos-duration="900"
+          data-aos-once="true">
+          {{ if .Site.Params.github }}
+          <a href="{{ .Site.Params.github }}" class="social-icon">
+            <i class="fab fa-lg fa-github"></i>
+          </a>
+          <span class="px-1"></span>
+          {{ end }}
+
+          {{ if .Site.Params.twitter }}
+          <a href="{{ .Site.Params.twitter }}" class="social-icon">
+            <i class="fab fa-lg fa-twitter"></i>
+          </a>
+          <span class="px-1"></span>
+          {{ end }}
+
+          {{ if .Site.Params.linkedin }}
+          <a href="{{ .Site.Params.linkedin }}" class="social-icon">
+            <i class="fab fa-lg fa-linkedin"></i>
+          </a>
+          <span class="px-1"></span>
+          {{ end }}
+
+          {{ if .Site.Params.facebook }}
+          <a href="{{ .Site.Params.facebook }}" class="social-icon">
+            <i class="fab fa-lg fa-facebook"></i>
+          </a>
+          {{ end }}
+        </div>
+        <div class="pt-4 btn-intro">
+          <a href="#about" class="btn-know btn btn-outline-info" data-aos="zoom-in" data-aos-offset="50"
+            data-aos-delay="50" data-aos-duration="900" data-aos-once="true">
+            About me
+          </a>
+        </div>
+
+      </div>
+      <div class="col-md-5 text-center pt-2 pt-md-0 position-relative">
+        {{ if .Site.Params.profile_image }}
+        <img class="profile rounded shadow-lg" data-aos="zoom-in" data-aos-once="true" data-aos-duration="1000"
+          src="{{ .Site.Params.profile_image }}" alt="{{ .Site.Params.name }}" class="rounded">
+        {{ end }}
+      </div>
+
+    </div>
+  </div>
+</div>
@@ -0,0 +1,84 @@
+<div class="container">
+  <nav class="pt-3 navbar navbar-expand-lg navbar-light" data-aos="fade-down" data-aos-easing="linear"
+    data-aos-duration="500">
+    <a class="navbar-brand" href="{{ .Site.BaseURL | relURL }}">
+      {{ if .Site.Params.favicon }}
+      <img src="{{ .Site.Params.favicon }}" width="30" height="30" class="d-inline-block align-top">
+      {{ .Site.Title }}
+      {{ else }}
+      {{ .Site.Title }}
+      {{ end }}
+    </a>
+
+
+    <button class="navbar-toggler border-0" type="button" data-toggle="collapse" data-target="#navbarNavDropdown"
+      aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
+
+    <div class="collapse navbar-collapse" id="navbarNavDropdown">
+      <ul class="navbar-nav ml-auto text-center">
+
+        {{ if .Site.Params.disable_about }}
+        {{ else }}
+        <li class="nav-item navbar-text">
+          <a class="nav-link text-dark" href="{{ .Site.BaseURL | relURL }}#about" aria-label="about">About</a>
+        </li>
+        {{ end }}
+
+        {{ if .Site.Params.disable_experience }}
+        {{ else }}
+        <li class="nav-item navbar-text">
+          <a class="nav-link text-dark" href="{{ .Site.BaseURL | relURL }}#experience"
+            aria-label="experience">Experience</a>
+        </li>
+        {{ end }}
+
+        {{ if .Site.Params.disable_education }}
+        {{ else }}
+        <li class="nav-item navbar-text">
+          <a class="nav-link text-dark" href="{{ .Site.BaseURL | relURL }}#education"
+            aria-label="education">Education</a>
+        </li>
+        {{ end }}
+
+        {{ if .Site.Params.disable_projects }}
+        {{ else }}
+        <li class="nav-item navbar-text">
+          <a class="nav-link text-dark" href="{{ .Site.BaseURL | relURL }}#projects" aria-label="projects">Projects</a>
+        </li>
+        {{ end }}
+
+        {{ if .Site.Params.disable_achievements }}
+        {{ else }}
+        <li class="nav-item navbar-text">
+          <a class="nav-link text-dark" href="{{ .Site.BaseURL | relURL }}#achievements"
+            aria-label="achievements">Achievements</a>
+        </li>
+        {{ end }}
+
+        {{ if .Site.Params.disable_contact }}
+        {{ else }}
+        <li class="nav-item navbar-text">
+          <a class="nav-link text-dark" href="{{ .Site.BaseURL | relURL }}#contact" aria-label="contact">Contact</a>
+        </li>
+        {{ end }}
+
+        {{ range site.Params.customMenus }}
+        <li class="nav-item navbar-text">
+          <a class="nav-link text-dark" href="{{.Url}}" aria-label="{{ .name }}">{{ .name }}</a>
+        </li>
+        {{ end }}
+        <li class="nav-item navbar-text">
+          <div class="custom-control custom-switch">
+            <input type="checkbox" class="custom-control-input" id="customSwitch1" autocomplete="on">
+            <label class="pt-2 darkmode-label" for="customSwitch1" style="cursor: pointer;">
+              <i class="fas fa-lg fa-moon"></i>
+              <i class="fas fa-lg fa-sun d-none text-warning"></i>
+            </label>
+          </div>
+        </li>
+      </ul>
+    </div>
+  </nav>
+</div>
@@ -0,0 +1,115 @@
+<section id="projects">
+  <div class="container-fluid py-3 pt-5" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="600"
+    data-aos-once="true">
+    <div class="text-dark text-center h3">Projects</div>
+    <div class="row justify-content-center pt-2">
+      {{ range ( where .Site.RegularPages "Type" "project" ) }}
+      <div class="col-md-8 pro m-3 shadow" data-aos="fade-up" data-aos-duration="1500" data-aos-once="true">
+        <div class="row">
+          <div class="col-md-6 bg-pro">
+            <img src='{{ .Params.img }}' alt="{{ .Title }}">
+          </div>
+          <div class="col-md-6 content-pro p-3 bg-light">
+            <div class="content-pro-top">
+              <h2>{{ .Title }}</h2>
+              <p class="card-text pt-2">
+                {{ .Params.description }}
+              </p>
+            </div>
+            <span class="float-right">
+              {{ if .Params.featured }}
+              <a href="{{ .Params.featured }}" class="px-1">
+                <i class="fas text-info fa-link"></i>
+              </a>
+              {{ end }}
+              {{ if .Params.github }}
+              <a href="{{ .Params.github }}" class="px-1 pr-2">
+                <i class="fab text-dark fa-lg fa-github pro-github"></i>
+              </a>
+              {{ end }}
+              <a class="btn btn-sm pro-btn btn-outline-info" target="_blank" href="{{ .Permalink }}">
+                Know more...
+              </a>
+            </span>
+          </div>
+        </div>
+      </div>
+      {{ end }}
+      {{ range .Site.Params.projects }}
+      <div class="col-md-8 pro m-3 shadow" data-aos="fade-up" data-aos-duration="1500" data-aos-once="true">
+        <div class="row">
+          <div class="col-md-6 bg-pro">
+            <img src='{{ .img }}' alt="{{ .name }}">
+          </div>
+          <div class="col-md-6 content-pro p-3 bg-light">
+            <div class="content-pro-top">
+              <h2>{{ .name }}</h2>
+              <p class="card-text pt-2">
+                {{ .description }}
+              </p>
+            </div>
+            <span class="float-right">
+              {{ if .featuredlink }}
+              <a href="{{ .featuredlink }}" class="px-1">
+                <i class="fas text-info fa-link"></i>
+              </a>
+              {{ end }}
+              {{ if .githublink }}
+              <a href="{{ .githublink }}" class="px-1 pr-2">
+                <i class="fab text-dark fa-lg fa-github pro-github"></i>
+              </a>
+              {{ end }}
+
+            </span>
+          </div>
+        </div>
+      </div>
+      {{ end }}
+    </div>
+  </div>
+</section>
+
+<!--
+  {{ range ( where .Site.RegularPages "Type" "project" ) }}
+  <div class="col-md-5 py-2">
+    <div class="pb-2">
+      <div class="card border-r border-0 shadow h-100 m-2">
+        <a class="text-decoration-none" target="_blank" href="{{ .Permalink }}">
+          <img src='{{ .Params.img }}' class="card-img-top" height="250" alt="{{ .Title }}">
+        </a>
+        <div class="card-body pt-2 ">
+          <h2>{{ .Title }}</h2>
+          <p class="card-text pt-2">
+            <span class="">
+              Build your website with “Hugo” comment Go to the terminal and type “hugo” …
+            </span>
+
+          </p>
+          <span class="float-right">
+            {{ if .Params.featured }}
+            <a href="{{ .Params.featured }}" class="px-1">
+              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+                <path
+                  d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm10 12c0 .685-.07 1.354-.202 2h-3.853c.121-1.283.129-2.621 0-4h3.853c.132.646.202 1.315.202 2zm-.841-4h-3.5c-.383-1.96-1.052-3.751-1.948-5.278 2.435.977 4.397 2.882 5.448 5.278zm-5.554 0h-2.605v-5.658c1.215 1.46 2.117 3.41 2.605 5.658zm-4.605-5.658v5.658h-2.605c.488-2.248 1.39-4.198 2.605-5.658zm0 7.658v4h-2.93c-.146-1.421-.146-2.577 0-4h2.93zm0 6v5.658c-1.215-1.46-2.117-3.41-2.605-5.658h2.605zm2 5.658v-5.658h2.605c-.488 2.248-1.39 4.198-2.605 5.658zm0-7.658v-4h2.93c.146 1.421.146 2.577 0 4h-2.93zm-4.711-11.278c-.896 1.527-1.565 3.318-1.948 5.278h-3.5c1.051-2.396 3.013-4.301 5.448-5.278zm-6.087 7.278h3.853c-.121 1.283-.129 2.621 0 4h-3.853c-.132-.646-.202-1.315-.202-2s.07-1.354.202-2zm.639 6h3.5c.383 1.96 1.052 3.751 1.948 5.278-2.435-.977-4.397-2.882-5.448-5.278zm12.87 5.278c.896-1.527 1.565-3.318 1.948-5.278h3.5c-1.051 2.396-3.013 4.301-5.448 5.278z" />
+              </svg>
+            </a>
+            {{ end }}
+            {{ if .Params.github }}
+            <a href="{{ .Params.github }}" class="px-1 pr-2">
+              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+                <path
+                  d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" />
+              </svg>
+            </a>
+            {{ end }}
+            <a class="btn btn-sm btn-outline-info" target="_blank" href="{{ .Permalink }}">Read
+              more...</a>
+          </span>
+        </div>
+
+      </div>
+    </div>
+  </div>
+
+  {{ end }}
+-->
@@ -0,0 +1,3 @@
+<!-- javascripts -->
+<script src="/js/jquery.slim.min.js"></script>
+<script src="/js/bootstrap.min.js"></script>
@@ -0,0 +1,33 @@
+[build]
+publish = "website/public"
+command = "cd website && hugo --gc --minify --themesDir ../.."
+
+[context.production.environment]
+HUGO_VERSION = "0.76.5"
+HUGO_ENV = "production"
+HUGO_ENABLEGITINFO = "true"
+HUGO_THEME = "repo"
+
+[context.split1]
+command = "cd website && hugo --gc --minify --enableGitInfo --themesDir ../.."
+
+[context.split1.environment]
+HUGO_VERSION = "0.76.5"
+HUGO_ENV = "production"
+HUGO_THEME = "repo"
+
+[context.deploy-preview]
+command = "cd website && hugo --gc --minify --buildFuture --themesDir ../.. -b $DEPLOY_PRIME_URL"
+
+[context.deploy-preview.environment]
+HUGO_VERSION = "0.76.5"
+HUGO_THEME = "repo"
+
+[context.branch-deploy]
+command = "cd website && hugo --gc --minify --themesDir ../.. -b $DEPLOY_PRIME_URL"
+
+[context.branch-deploy.environment]
+HUGO_VERSION = "0.76.5"
+
+[context.next.environment]
+HUGO_ENABLEGITINFO = "true"
@@ -1,121 +0,0 @@
-article {
-    font-family: 'Peddana', serif;
-    line-height: 1.3;
-    font-size: 27px;
-}
-
-article blockquote {
-    margin: 0 !;
-    border-left: 4px solid #248aaa !important;
-    background-color: #248baa15 !important;
-    padding: 0.3rem !important;
-    padding-left: 1rem !important;
-}
-
-article blockquote>p {
-    color: #3c4858 !important;
-    margin-top: 0.5rem !important;
-    margin-bottom: 0.5rem !important;
-}
-
-article h1,
-h2 {
-    margin-top: 1.4rem;
-    font-size: 32px;
-    border-left: 4px solid #77ace9 !important;
-    background-color: #b2cad43a !important;
-    padding: 0.3rem !important;
-    padding-left: 1rem !important;
-}
-
-article h3,
-h4,
-h5,
-h6 {
-    margin-top: 1.3rem;
-}
-
-article table {
-    border-radius: 0.1rem;
-    background: #e5e9f2;
-    border: 1px solid #c0ccda;
-    padding: 0.1rem;
-}
-
-article table tr {
-    height: 40px !important;
-}
-
-article table th,
-td {
-    padding: 0.5rem;
-    border-left: 1px solid #8392a5;
-    border-bottom: 1px solid #8392a5;
-}
-
-article table thead tr {
-    background: #248aaa;
-    color: #e5e9f2;
-}
-
-article tbody tr:nth-child(odd) {
-    background-color: #e5e9f2;
-}
-
-article tbody tr:hover {
-    background: #c0ccda;
-}
-
-article img {
-    width: 100%;
-}
-
-article caption,
-figcaption {
-    caption-side: bottom;
-    text-align: center;
-    color: #8392a5;
-}
-
-article pre {
-    margin: 5px;
-    padding: 5%;
-    font-size: 18px;
-    max-height: 400px;
-    border-radius: 2%;
-    background-color: #1f618d !important;
-    color: white;
-}
-
-article pre>code {
-    padding: 10px !important;
-}
-
-article a.header-anchor {
-    text-decoration: none;
-    color: #1c2d41;
-}
-
-article a.header-anchor i {
-    font-size: 10pt;
-    color: #3c4858;
-    display: none;
-    margin-left: 0.5rem;
-}
-
-article a.header-anchor:hover i {
-    display: inline-block;
-}
-
-article a.header-anchor code {
-    color: #e83e8c;
-}
-
-article kbd {
-    background-color: #248aaa !important;
-    color: #f9fafc;
-}
-
-article mark {
-    background-color: #ffc21280;
-}
@@ -1,13 +0,0 @@
-/*footer*/
-.footer {
-    background: #f2f2f2;
-}
-
-.navbar-text {
-    font-size: 17px;
-}
-
-.footer-site {
-    font-family: 'Alata', sans-serif;
-    font-size: 25px;
-}
@@ -1,202 +0,0 @@
-/*home*/
-
-.home {
-    height: auto;
-    padding: 0;
-    padding-bottom: 0;
-    margin: 0;
-    background-size: cover;
-    background-repeat: no-repeat;
-}
-
-.name {
-    font-family: 'Alata', sans-serif;
-}
-
-.name-intro {
-    font-size: 20PX;
-    padding-top: 10%;
-    padding-left: 17%;
-}
-
-.profile {
-    float: right;
-    padding-right: 22%;
-    padding-bottom: 10%;
-}
-
-.know-more {
-    padding-bottom: 15%;
-    font-family: cursive;
-}
-
-.know-more a:hover {
-    text-decoration-line: none;
-    color: black;
-}
-
-.home-content {
-    padding-top: 0;
-    padding-left: 18%;
-    padding-right: 5%;
-    background-repeat: no-repeat;
-    background-position: bottom;
-}
-
-.social a:hover {
-    text-decoration-line: none;
-}
-
-@media only screen and (max-width: 992px) {
-    .profile {
-        padding-right: 35%;
-        text-align: center !important;
-    }
-}
-
-@media only screen and (max-width: 768px) {
-    .home {
-        height: auto;
-        background-position: left bottom;
-    }
-
-    .name-intro {
-        height: 200px;
-        padding-left: 10%;
-    }
-
-    .home-content {
-        height: 30%;
-        background: none;
-    }
-
-    .know-more {
-        padding-top: 10%;
-        padding-left: 20%;
-        padding-right: 20%;
-        padding-bottom: 10%;
-    }
-
-    .know-more a {
-        color: black;
-    }
-}
-
-
-/* recent posts */
-.recent-posts {
-    font-family: 'Alata', sans-serif;
-    font-size: 25px;
-}
-
-/* do things */
-
-.do-things {
-    background-color: #e5e9f2;
-    height: auto;
-    padding: 0;
-    padding-bottom: 0;
-    margin: 0;
-}
-
-.things-i-do {
-    font-family: 'Alata', sans-serif;
-    font-size: 25px;
-}
-
-.things {
-    height: auto;
-}
-
-.things-text {
-    height: 100px;
-    overflow: hidden;
-}
-
-@media only screen and (max-width: 768px) {
-    .do-things-card {
-        padding-left: 15%;
-        padding-right: 15%;
-        padding-bottom: 15%;
-        padding-top: 0%;
-    }
-}
-
-/* about */
-
-.about {
-    height: auto;
-    background-color: #e5e9f2;
-}
-
-.jop {
-    font-size: 30px;
-}
-
-.about-me {
-    font-family: 'Alata', sans-serif;
-    font-size: 25px;
-}
-
-.about-content {
-    font-size: 20px;
-}
-
-.about-content a:hover {
-    text-decoration-line: none;
-    color: black;
-}
-
-@media only screen and (max-width: 768px) {
-    .about {
-        height: auto;
-    }
-}
-
-
-/* Skill 
-.skill {
-    height: 80vh;
-    background-color: #e5e9f2;
-}
-
-.skill-heading {
-    font-family: 'Alata', sans-serif;
-    font-size: 25px;
-}
-*/
-
-/* Projects */
-.projects {
-    height: auto;
-    background-color: #A89C94FF;
-}
-
-.project-heading {
-    font-family: 'Alata', sans-serif;
-    font-size: 25px;
-}
-
-.card-title {
-    font-family: 'Alata', sans-serif;
-    font-size: 28px;
-}
-
-/* recent posts */
-.blog-back {
-    background-color: #ebb951;
-}
-
-.post-card a:hover {
-    text-decoration-line: none;
-}
-
-.post-hover :hover {
-    background-color: #17a2b8;
-}
-
-/* contact */
-.contact-head {
-    font-family: 'Alata', sans-serif;
-    font-size: 25px;
-}
@@ -0,0 +1,115 @@
+article blockquote {
+  margin: 0 !;
+  border-left: 4px solid #248aaa !important;
+  background-color: #248baa15 !important;
+  padding: 0.3rem !important;
+  padding-left: 1rem !important;
+}
+
+article blockquote > p {
+  color: #3c4858 !important;
+  margin-top: 0.5rem !important;
+  margin-bottom: 0.5rem !important;
+}
+
+article h1,
+h2 {
+  margin-top: 1.4rem;
+  font-size: 32px;
+  border-left: 4px solid #77ace9 !important;
+  background-color: #b2cad43a !important;
+  padding: 0.3rem !important;
+  padding-left: 1rem !important;
+}
+
+article h3,
+h4,
+h5,
+h6 {
+  margin-top: 1.3rem;
+}
+
+article table {
+  border-radius: 0.1rem;
+  background: #e5e9f2;
+  border: 1px solid #c0ccda;
+  padding: 0.1rem;
+}
+
+article table tr {
+  height: 40px !important;
+}
+
+article table th,
+td {
+  padding: 0.5rem;
+  border-left: 1px solid #8392a5;
+  border-bottom: 1px solid #8392a5;
+}
+
+article table thead tr {
+  background: #248aaa;
+  color: #e5e9f2;
+}
+
+article tbody tr:nth-child(odd) {
+  background-color: #e5e9f2;
+}
+
+article tbody tr:hover {
+  background: #c0ccda;
+}
+
+article img {
+  width: 100%;
+}
+
+article caption,
+figcaption {
+  caption-side: bottom;
+  text-align: center;
+  color: #8392a5;
+}
+
+article pre {
+  margin: 5px;
+  padding: 5%;
+  font-size: 18px;
+  max-height: 400px;
+  border-radius: 2%;
+  background-color: #1f618d !important;
+  color: white;
+}
+
+article pre > code {
+  padding: 10px !important;
+}
+
+article a.header-anchor {
+  text-decoration: none;
+  color: #1c2d41;
+}
+
+article a.header-anchor i {
+  font-size: 10pt;
+  color: #3c4858;
+  display: none;
+  margin-left: 0.5rem;
+}
+
+article a.header-anchor:hover i {
+  display: inline-block;
+}
+
+article a.header-anchor code {
+  color: #e83e8c;
+}
+
+article kbd {
+  background-color: #248aaa !important;
+  color: #f9fafc;
+}
+
+article mark {
+  background-color: #ffc21280;
+}
@@ -0,0 +1,13 @@
+/*footer*/
+.footer {
+  background: #f2f2f2;
+}
+
+.navbar-text {
+  font-size: 17px;
+}
+
+.footer-site {
+  font-family: "Alata", sans-serif;
+  font-size: 25px;
+}
@@ -0,0 +1,203 @@
+a:hover {
+  text-decoration: none !important;
+}
+
+/*home*/
+
+.home {
+  height: auto;
+  padding: 0;
+  padding-bottom: 0;
+  margin: 0;
+  background-size: cover;
+  background-repeat: no-repeat;
+}
+
+.name {
+  font-family: "Alata", sans-serif;
+}
+
+.name-intro {
+  font-size: 20px;
+  padding-top: 10%;
+  padding-left: 17%;
+}
+
+.profile {
+  float: right;
+  padding-right: 22%;
+  padding-bottom: 10%;
+}
+
+.know-more {
+  padding-bottom: 15%;
+  font-family: cursive;
+}
+
+.know-more a:hover {
+  text-decoration-line: none;
+  color: black;
+}
+
+.home-content {
+  padding-top: 0;
+  padding-left: 18%;
+  padding-right: 5%;
+  background-repeat: no-repeat;
+  background-position: bottom;
+}
+
+.social a:hover {
+  text-decoration-line: none;
+}
+
+@media only screen and (max-width: 992px) {
+  .profile {
+    padding-right: 35%;
+    text-align: center !important;
+  }
+}
+
+@media only screen and (max-width: 768px) {
+  .home {
+    height: auto;
+    background-position: left bottom;
+  }
+
+  .name-intro {
+    height: 200px;
+    padding-left: 10%;
+  }
+
+  .home-content {
+    height: 30%;
+    background: none;
+  }
+
+  .know-more {
+    padding-top: 10%;
+    padding-left: 20%;
+    padding-right: 20%;
+    padding-bottom: 10%;
+  }
+
+  .know-more a {
+    color: black;
+  }
+}
+
+/* recent posts */
+.recent-posts {
+  font-family: "Alata", sans-serif;
+  font-size: 25px;
+}
+
+/* do things */
+
+.do-things {
+  background-color: #e5e9f2;
+  height: auto;
+  padding: 0;
+  padding-bottom: 0;
+  margin: 0;
+}
+
+.things-i-do {
+  font-family: "Alata", sans-serif;
+  font-size: 25px;
+}
+
+.things {
+  height: auto;
+}
+
+.things-text {
+  height: 100px;
+  overflow: hidden;
+}
+
+@media only screen and (max-width: 768px) {
+  .do-things-card {
+    padding-left: 15%;
+    padding-right: 15%;
+    padding-bottom: 15%;
+    padding-top: 0%;
+  }
+}
+
+/* about */
+
+.about {
+  height: auto;
+  background-color: #e5e9f2;
+}
+
+.jop {
+  font-size: 30px;
+}
+
+.about-me {
+  font-family: "Alata", sans-serif;
+  font-size: 25px;
+}
+
+.about-content {
+  font-size: 20px;
+}
+
+.about-content a:hover {
+  text-decoration-line: none;
+  color: black;
+}
+
+@media only screen and (max-width: 768px) {
+  .about {
+    height: auto;
+  }
+}
+
+/* Skill
+.skill {
+    height: 80vh;
+    background-color: #e5e9f2;
+}
+.skill-heading {
+    font-family: 'Alata', sans-serif;
+    font-size: 25px;
+}
+*/
+
+/* Projects */
+.projects {
+  height: auto;
+  background-color: #bd8338;
+}
+
+.project-heading {
+  font-family: "Alata", sans-serif;
+  font-size: 25px;
+}
+
+.card-title {
+  font-family: "Alata", sans-serif;
+  font-size: 28px;
+}
+
+/* recent posts */
+.blog-back {
+  background-color: #ebb951;
+}
+
+.post-card a:hover {
+  text-decoration-line: none;
+}
+
+.post-hover :hover {
+  background-color: #17a2b8;
+}
+
+/* contact */
+.contact-head {
+  font-family: "Alata", sans-serif;
+  font-size: 25px;
+}
@@ -0,0 +1,143 @@
+.blog-title {
+  font-size: 48px;
+}
+
+#TableOfContents > ul li {
+  list-style-type: none;
+  font-size: 15px;
+}
+
+#TableOfContents > ul li a {
+  text-decoration: none;
+}
+
+.mincho-font {
+  font-family: "Shippori Mincho B1", serif;
+}
+
+article {
+  line-height: 1.756;
+  font-size: 18px;
+}
+
+article blockquote {
+  margin: 0 !;
+  border-left: 4px solid #248aaa !important;
+  background-color: #248baa15 !important;
+  padding: 0.3rem !important;
+  padding-left: 1rem !important;
+}
+
+article blockquote > p {
+  color: #3c4858 !important;
+  margin-top: 0.5rem !important;
+  margin-bottom: 0.5rem !important;
+}
+
+article h1 {
+  font-size: 52px !important;
+  line-height: 1.15;
+}
+
+article h2 {
+  font-size: 32px;
+  line-height: 1.333;
+}
+
+article h3 {
+  font-size: 24px;
+  line-height: 1.45;
+}
+
+article h4,
+h5,
+h6 {
+  font-size: 18px;
+  line-height: 1.45;
+}
+
+article > table {
+  border-radius: 0.1rem;
+  background: #e5e9f2;
+  border: 1px solid #c0ccda;
+  padding: 0.1rem;
+}
+
+article > table > tr {
+  height: 40px !important;
+}
+
+article > table > thead > tr > th {
+  padding: 0.5rem !important;
+  border-left: 1px solid #8392a5;
+  border-bottom: 1px solid #8392a5;
+}
+article > table > tbody > tr > td {
+  padding: 0.5rem !important;
+  border-left: 1px solid #8392a5;
+  border-bottom: 1px solid #8392a5;
+}
+
+article > table > thead > tr {
+  background: #248aaa;
+  color: #e5e9f2;
+}
+
+article > tbody > tr:nth-child(odd) {
+  background-color: #e5e9f2;
+}
+
+article > tbody > tr:hover {
+  background: #c0ccda;
+}
+
+article img {
+  width: 100%;
+}
+
+article caption,
+figcaption {
+  caption-side: bottom;
+  text-align: center;
+  color: #8392a5;
+}
+
+article pre {
+  margin: 5px;
+  padding: 2%;
+  background-color: #1f618d !important;
+  color: white;
+}
+
+article pre > code {
+  color: white;
+}
+
+article a.header-anchor {
+  text-decoration: none;
+  color: #1c2d41;
+}
+
+article a.header-anchor i {
+  font-size: 10pt;
+  color: #3c4858;
+  display: none;
+  margin-left: 0.5rem;
+}
+
+article a.header-anchor:hover i {
+  display: inline-block;
+}
+
+article a.header-anchor code {
+  color: #e83e8c;
+}
+
+article kbd {
+  background-color: #248aaa !important;
+  color: #f9fafc;
+}
+
+article mark {
+  background-color: #ffc21280;
+}
@@ -0,0 +1,85 @@
+/* v2 and v3 footer */
+footer {
+  background-color: #1c2d41;
+  color: #8392a5;
+  border-top-width: 1px !important;
+  border-color: #8392a5;
+}
+
+footer a {
+  color: #8392a5;
+  text-decoration: none;
+}
+footer a:hover {
+  text-decoration: none;
+}
+
+/* v2 and v3 news */
+.news a {
+  color: #1c2d41;
+  text-decoration: none;
+}
+
+/* v2 do things */
+.do-things {
+  height: auto;
+  padding: 0;
+  padding-bottom: 0;
+  margin: 0;
+}
+
+.things-i-do {
+  font-family: "Alata", sans-serif;
+  font-size: 25px;
+}
+
+.things {
+  height: auto;
+}
+
+.things-text {
+  height: 100px;
+  overflow: hidden;
+}
+
+@media only screen and (max-width: 768px) {
+  .things-i-do {
+    padding-top: 7% !important;
+  }
+
+  .do-things-card {
+    padding-left: 15%;
+    padding-right: 15%;
+    padding-bottom: 0%;
+    padding-top: 0%;
+  }
+}
+
+/* v2 about */
+.about {
+  height: auto;
+}
+
+.jop {
+  font-size: 30px;
+}
+
+.about-me {
+  font-family: "Alata", sans-serif;
+  font-size: 27px;
+}
+
+.about-content {
+  font-size: 20px;
+}
+
+.about-content a:hover {
+  text-decoration-line: none;
+  color: black;
+}
+
+@media only screen and (max-width: 768px) {
+  .about {
+    height: auto;
+  }
+}
@@ -0,0 +1,14 @@
+.darkmode {
+  background-color: #18191a;
+}
+
+.darkmode-text-dark {
+  color: #e4e6eb !important;
+}
+
+.darkmode-text-muted {
+  color: #b0b3b8 !important;
+}
+
+
+
@@ -0,0 +1,17 @@
+html {
+  scroll-behavior: smooth;
+}
+body {
+  font-family: "Roboto", sans-serif;
+  background-color: #eaedf0;
+}
+.post-ol {
+  list-style-type: decimal-leading-zero;
+  padding-top: 1%;
+}
+.post-ol li {
+  padding-top: 3%;
+}
+.post-sum p {
+  margin: 0;
+}
@@ -0,0 +1,26 @@
+#loader {
+  position: fixed;
+  border: 5px solid #007bff;
+  border-radius: 50%;
+  border-top: 5px solid #444444;
+  border-bottom: 5px solid #444444;
+  border-right: 5px solid #444444;
+  width: 50px;
+  height: 50px;
+  animation: spin 1s linear infinite;
+}
+
+@keyframes spin {
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
+.center {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  margin: auto;
+}
@@ -0,0 +1,28 @@
+/* v3 navbar */
+.navbar-brand {
+  color: #007bff !important;
+}
+
+.navbar .nav-link:hover {
+  color: #007bff !important;
+}
+.navbar-text {
+  font-size: 16px !important;
+}
+
+/* v2 and v3 footer */
+footer {
+  color: #8392a5;
+  border-top-width: 1px !important;
+  border-color: #8392a5;
+}
+
+footer a {
+  color: #8392a5;
+}
+
+/* v2 and v3 news */
+.news a {
+  color: #1c2d41;
+  text-decoration: none;
+}
@@ -0,0 +1,124 @@
+html {
+  scroll-behavior: smooth;
+}
+body {
+  font-family: "Roboto", sans-serif;
+  background-color: #eaedf0;
+}
+.blog-page-color{
+  color: #3a3b3c !important;
+}
+#TableOfContents {
+  padding: 3%;
+}
+#TableOfContents > ul > li > ul {
+  display: none;
+}
+
+#TableOfContents > ul {
+  padding-left: 7%;
+}
+article {
+  line-height: 1.756;
+  font-size: 18px;
+}
+
+article blockquote {
+  margin: 0 !;
+  border-left: 4px solid #248aaa !important;
+  background-color: #248baa15 !important;
+  padding: 0.3rem !important;
+  padding-left: 1rem !important;
+}
+
+article blockquote > p {
+  margin-top: 0.5rem !important;
+  margin-bottom: 0.5rem !important;
+}
+
+article > table {
+  border-radius: 0.1rem;
+  background: #e5e9f2;
+  border: 1px solid #c0ccda;
+  padding: 0.1rem;
+}
+
+article > table > tr {
+  height: 40px !important;
+}
+
+article > table > thead > tr > th {
+  padding: 0.5rem !important;
+  border-left: 1px solid #8392a5;
+  border-bottom: 1px solid #8392a5;
+}
+article > table > tbody > tr > td {
+  padding: 0.5rem !important;
+  border-left: 1px solid #8392a5;
+  border-bottom: 1px solid #8392a5;
+}
+
+article > table > thead > tr {
+  background: #248aaa;
+  color: #e5e9f2;
+}
+
+article > tbody > tr:nth-child(odd) {
+  background-color: #e5e9f2;
+}
+
+article > tbody > tr:hover {
+  background: #c0ccda;
+}
+
+article img {
+  width: 100%;
+}
+
+article caption,
+figcaption {
+  caption-side: bottom;
+  text-align: center;
+  color: #8392a5;
+}
+
+article pre {
+  border-radius: 0.5rem !important;
+  margin: 5px;
+  padding: 2%;
+  background-color: #1f618d !important;
+  color: white;
+}
+
+article pre > code {
+  color: white;
+}
+
+article a.header-anchor {
+  text-decoration: none;
+  color: #1c2d41;
+}
+
+article a.header-anchor i {
+  font-size: 10pt;
+  color: #3c4858;
+  display: none;
+  margin-left: 0.5rem;
+}
+
+article a.header-anchor:hover i {
+  display: inline-block;
+}
+
+article a.header-anchor code {
+  color: #e83e8c;
+}
+
+article kbd {
+  background-color: #248aaa !important;
+  color: #f9fafc;
+}
+
+article mark {
+  background-color: #ffc21280;
+}
@@ -0,0 +1,361 @@
+html {
+  scroll-behavior: smooth;
+}
+body {
+  font-family: "Roboto", sans-serif;
+  background-color: #eaedf0;
+}
+a:hover {
+  text-decoration: none;
+}
+
+/* v3 home */
+.name {
+  padding-left: 3%;
+  border-left: 1.2px solid #007bff;
+}
+.hi-text {
+  font-size: 20px;
+}
+.name-text {
+  font-size: 70px;
+}
+.pro-text {
+  font-size: 30px;
+}
+.btn-intro {
+  padding-left: 3%;
+  padding-bottom: 10%;
+}
+.social {
+  padding-left: 5%;
+}
+.btn-know {
+  padding: 2% 5% 2% 5%;
+  border-radius: 50px !important;
+  cursor: pointer;
+  font-size: 18px;
+}
+.social-icon {
+  padding: 2%;
+  background-color: #007bff;
+  color: #f9fafc !important;
+  border-radius: 50%;
+  transition: 0.3s;
+  border: 1px solid;
+}
+.social-icon:hover {
+  background-color: #f9fafc !important;
+  color: #007bff !important;
+  border: 1px solid #007bff;
+}
+.intro {
+  padding: 8% 0 8% 0;
+}
+.name-container {
+  padding-left: 15%;
+}
+.profile {
+  padding: 1%;
+  border: 1px solid #f9fafc;
+  width: 300px;
+  height: 300px;
+}
+.profile:hover {
+  -webkit-filter: grayscale(0);
+  filter: none;
+}
+@media only screen and (max-width: 768px) {
+  .name-container {
+    padding-left: 10%;
+  }
+  .profile {
+    width: 220px;
+    height: 220px;
+  }
+  .hi-text {
+    font-size: 15px;
+  }
+  .name-text {
+    font-size: 2.5rem;
+  }
+  .pro-text {
+    font-size: 1.25rem;
+  }
+}
+@media only screen and (max-width: 768px) and (orientation: landscape) {
+  .name-container {
+    padding-left: 20%;
+  }
+}
+
+/* v3 about */
+.about {
+  padding-top: 3% !important;
+  padding-bottom: 3% !important;
+}
+.about-content {
+  padding-left: 10% !important;
+  font-size: 17px;
+}
+.about-skill {
+  padding-right: 10% !important;
+}
+.contact-btn {
+  padding: 1.5%;
+  padding-left: 2%;
+  padding-right: 2%;
+  font-size: 17px;
+  border: 1px solid #007bff;
+}
+.contact-btn:hover {
+  color: #007bff !important;
+}
+.progress {
+  background-color: #f9fafc !important;
+}
+@media only screen and (max-width: 768px) {
+  .about-content {
+    padding-left: 5% !important;
+    padding-right: 5% !important;
+  }
+  .about-skill {
+    padding-left: 5% !important;
+    padding-right: 5% !important;
+  }
+  .about {
+    padding-top: 5% !important;
+    padding-bottom: 5% !important;
+  }
+}
+
+/* v3 projects */
+.bg-pro {
+  padding: 0 !important;
+  opacity: 0.9;
+}
+.bg-pro img {
+  height: 250px;
+  width: 100%;
+  border-radius: 0.5rem !important;
+  border-top-right-radius: 0 !important;
+  border-bottom-right-radius: 0 !important;
+}
+.content-pro {
+  height: 250px;
+  background-color: #e5e4e2 !important;
+  border-top-right-radius: 0.5rem !important;
+  border-bottom-right-radius: 0.5rem !important;
+}
+.content-pro-top {
+  color: #3a3b3c !important;
+  height: 80%;
+}
+.pro-github{
+  color: #3a3b3c !important;
+
+}
+.pro:hover .pro-btn {
+  background-color: #3498db !important;
+  color: #f9fafc;
+}
+@media only screen and (max-width: 767px) {
+  .bg-pro {
+    opacity: 0.3;
+    position: relative;
+  }
+  .pro {
+    margin-left: 10% !important;
+    margin-right: 10% !important;
+  }
+  .bg-pro img {
+    border-radius: 0.5rem !important;
+  }
+  .content-pro {
+    background-color: transparent !important;
+    position: absolute;
+    top: 8px;
+  }
+  .content-pro-top {
+    height: 80%;
+    color: #6c757d;
+  }
+  .card-text {
+    color: #343a40;
+  }
+  .pro:hover .content-pro {
+    background-color: transparent !important;
+    color: #f9fafc;
+  }
+  .pro:hover .pro-btn {
+    color: #f9fafc;
+  }
+  .pro:hover .bg-pro {
+    opacity: 0.3;
+  }
+}
+
+/* v3 experience */
+#experience {
+}
+#nav-pills-out {
+  border-left: 1px solid #007bff;
+}
+.nav-pills .nav-link {
+}
+.nav-pills .active {
+  padding-left: 20%;
+  color: #818181 !important;
+  background-color: transparent !important;
+}
+.nav-pills .active::before {
+  padding-left: 8%;
+  content: "▹";
+  position: absolute;
+  left: 0px;
+  color: #007bff;
+}
+.tab-pane {
+}
+.ex {
+  list-style-type: none;
+}
+.ex .ex-item {
+  padding-left: 30px;
+}
+.ex-item::before {
+  padding-left: 8%;
+  content: "▹";
+  position: absolute;
+  left: 0px;
+  color: #007bff;
+}
+.ex-ol {
+  list-style-type: decimal-leading-zero;
+  padding-top: 7%;
+}
+.ex-ol .ex-ol-li {
+  padding-bottom: 3%;
+}
+.ex-ol-ul {
+  max-width: 100%;
+  list-style-type: none;
+  padding-left: 0;
+}
+.ex-ol-ul li {
+  max-width: 100%;
+  padding-left: 10%;
+}
+.ex-ol-item::before {
+  padding-left: 15%;
+  content: "▹";
+  position: absolute;
+  left: 0px;
+  color: #007bff;
+}
+@media only screen and (max-width: 768px) and (orientation: landscape) {
+  .ex-ol {
+    list-style-type: decimal-leading-zero;
+    padding-left: 15% !important;
+    padding-right: 15% !important;
+  }
+  .ex-ol-item::before {
+    padding-left: 17%;
+    content: "▹";
+  }
+}
+
+/* v3 education */
+#education {
+}
+.v-center {
+  display: flex;
+  align-items: center;
+}
+.edu {
+  width: 100%;
+  padding: 0;
+}
+.edu-item {
+  padding-right: 8%;
+  list-style: none;
+}
+.edu-item::before {
+  content: "\25C3";
+  position: absolute;
+  right: 0px;
+}
+.edu-img {
+  width: 100%;
+}
+@media only screen and (max-width: 768px) {
+  .edu-item::before {
+    padding: 0%;
+    content: "▹";
+    position: absolute;
+    left: 0px;
+  }
+  .edu-item {
+    padding-left: 5%;
+    list-style: none;
+    padding-right: 2%;
+  }
+  .edu-img {
+    width: 100%;
+    height: 400px;
+  }
+}
+@media only screen and (max-width: 1024px) and (orientation: landscape) {
+  .edu-item::before {
+    padding: 0%;
+    padding-left: 18%;
+    content: "▹";
+    position: absolute;
+    left: 0px;
+  }
+  .edu-item {
+    padding-right: 18%;
+    padding-left: 18%;
+    list-style: none;
+  }
+  .edu-img {
+    width: 100%;
+    height: 400px;
+  }
+}
+
+/* v3 Achievements */
+.achiv-card:hover {
+  filter: grayscale(100%);
+}
+.achiv-card {
+  height: 300px;
+  width: 100%;
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-position: center center;
+}
+.achiv {
+  min-height: 40%;
+  background: rgba(255, 255, 255, 0.9);
+  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
+  transition: 0.3s;
+  transition: ease-in-out 0.4s;
+  border-radius: 0.25rem !important;
+}
+.achiv-out {
+  max-width: 35% !important;
+}
+.achiv-head {
+  color: #3a3b3c !important;
+}
+@media only screen and (max-width: 768px) {
+  .achiv-out {
+    max-width: 100% !important;
+  }
+}
+
+/* v3 contact */
+#contact {
+  font-size: 17px;
+}
@@ -1,84 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 width="350px" height="302px" viewBox="0 0 350 302" style="enable-background:new 0 0 350 302;" xml:space="preserve">
-<style type="text/css">
-	.st0{fill:#F9C758;}
-	.st1{fill:#FAFAFA;}
-	.st2{fill:#9B9B9B;}
-	.st3{fill:#B3B3B3;}
-	.st4{fill:#CFCFCF;}
-	.st5{fill:#FFFFFF;}
-	.st6{fill:#464646;}
-	.st7{fill:#FC86B4;}
-	.st8{fill:#D66DF7;}
-	.st9{fill:#D3D2D1;}
-	.st10{fill:#FBC39D;}
-	.st11{fill:#9DF9E1;}
-	.st12{fill:#565656;}
-</style>
-<g>
-	<path class="st0" d="M288.9,160.7h-16.1c-0.3,0-0.5,0.2-0.5,0.5v12.2c0,3.6,2.9,6.4,6.4,6.4h4.3c3.6,0,6.4-2.9,6.4-6.4v-12.2
-		C289.4,161,289.2,160.7,288.9,160.7z"/>
-	<path class="st0" d="M287,177.8c3.6-2,9.9-8.1,8.8-12.4c-0.3-1.1-1-2-2-2.5c-2.4-1.1-5.8,0.2-6.2,0.4l1.1,2.4
-		c0.8-0.3,2.9-0.9,3.8-0.4c0.2,0.1,0.4,0.2,0.5,0.7c0.6,2.5-4.3,7.7-7.5,9.5L287,177.8z"/>
-</g>
-<path class="st1" d="M213.4,165.1H77.9c-1.8,0-3.3-1.5-3.3-3.3V83.5c0-1.8,1.5-3.3,3.3-3.3h135.5c1.8,0,3.3,1.5,3.3,3.3v78.3
-	C216.7,163.6,215.2,165.1,213.4,165.1z"/>
-<path class="st2" d="M161.7,176.2c-0.5-1.4-0.7-2.8-0.7-4.3v-6.8h-15.3H145h-13.7v6.8c0,1.5-0.2,2.9-0.7,4.3c-0.7,1.9-2.1,4-4.6,4
-	h19h0.7h20.6C163.8,180.2,162.4,178.1,161.7,176.2z"/>
-<path class="st3" d="M300.3,189.3H65.8c-1.2,0-2.1-0.9-2.1-2.1v-4.9c0-1.2,0.9-2.1,2.1-2.1h234.4c1.2,0,2.1,0.9,2.1,2.1v4.9
-	C302.4,188.4,301.5,189.3,300.3,189.3z"/>
-<path class="st4" d="M213.4,151.6H77.9c-1.8,0-3.3-1.5-3.3-3.3V70c0-1.8,1.5-3.3,3.3-3.3h135.5c1.8,0,3.3,1.5,3.3,3.3v78.3
-	C216.7,150.1,215.2,151.6,213.4,151.6z"/>
-<rect x="80.1" y="71.3" class="st5" width="131.3" height="74.7"/>
-<path class="st5" d="M280.4,156.1c0.5-0.2,1.1-0.5,1.5-0.8c0.5-0.3,0.9-0.8,1.1-1.2c0.2-0.5,0.2-0.9-0.1-1.3c-0.3-0.4-0.7-0.7-1.1-1
-	c-0.5-0.3-1-0.5-1.5-0.7c-0.2-0.1-0.6-0.2-0.9-0.3s-0.6-0.3-0.9-0.5c-1.2-0.7-2.3-1.6-3.2-2.8c-0.9-1.1-1.6-2.5-2-3.9
-	c-0.4-1.5-0.6-3-0.3-4.7c0.2-0.8,0.4-1.7,0.9-2.6c0.4-0.9,1.1-1.7,1.9-2.4s1.8-1.2,2.8-1.5s2-0.4,3-0.5h1c2.3,0,4.3,1.8,4.3,4.2
-	c0,2.3-1.8,4.3-4.2,4.3c-0.7,0-1.3-0.2-1.9-0.4c-0.5-0.2-0.8-0.4-1.1-0.4c-0.3,0-0.8,0.3-1.2,0.9c-0.4,0.6-0.6,1.5-0.6,2.4
-	s0.1,1.9,0.5,2.8c0.4,0.9,0.9,1.8,1.6,2.6c0.2,0.2,0.4,0.4,0.6,0.5c0.2,0.2,0.4,0.3,0.7,0.5c0.5,0.4,1,0.8,1.5,1.3s0.9,1,1.2,1.8
-	c0.1,0.4,0.2,0.8,0.1,1.1c-0.1,0.4-0.2,0.7-0.4,1c-0.4,0.6-0.9,0.9-1.4,1.3c-0.5,0.3-1.1,0.6-1.6,0.9c-0.1,0.1-0.3,0-0.3-0.1
-	C280.2,156.3,280.3,156.1,280.4,156.1L280.4,156.1L280.4,156.1z"/>
-<path class="st6" d="M108.6,132.2c0.1,0.1,0.3,0,0.4-0.1l2.5-2.5l1.8,3.6c0.1,0.1,0.2,0.2,0.3,0.2c0.1,0,0.1,0,0.2,0l1.5-0.8
-	c0.1,0,0.1-0.1,0.2-0.2c0-0.1,0-0.2,0-0.3l-1.7-3.3h3.3c0.1,0,0.3-0.1,0.3-0.2c0.1-0.1,0-0.3-0.1-0.4l-8.3-7.6
-	c-0.1-0.1-0.3-0.1-0.4-0.1c-0.1,0.1-0.2,0.2-0.2,0.3v11.1C108.4,132,108.5,132.1,108.6,132.2z"/>
-<rect x="92.8" y="87.5" class="st7" width="20.7" height="10.5"/>
-<rect x="118.5" y="87.5" class="st8" width="56.3" height="10.5"/>
-<rect x="92.8" y="105.4" class="st0" width="48.5" height="3"/>
-<rect x="92.8" y="113.2" class="st0" width="42.6" height="3"/>
-<g>
-	<path class="st9" d="M277,76.2c-13.7,0-24.8-11.1-24.8-24.8s11.1-24.8,24.8-24.8s24.8,11.1,24.8,24.8
-		C301.9,65.1,290.7,76.2,277,76.2z M277,30.1c-11.7,0-21.3,9.5-21.3,21.3s9.5,21.3,21.3,21.3s21.3-9.5,21.3-21.3
-		S288.7,30.1,277,30.1z"/>
-	<path class="st9" d="M277.6,52.9h-16.1c-0.5,0-0.9-0.4-0.9-0.9s0.4-0.9,0.9-0.9h15.2v-16c0-0.5,0.4-0.9,0.9-0.9s0.9,0.4,0.9,0.9
-		v16.8C278.5,52.4,278.1,52.9,277.6,52.9z"/>
-</g>
-<path class="st10" d="M186.1,176.2L111,181c-6.5,0.4-12-4.5-12.5-11l0,0c-0.4-6.5,4.5-12,11-12.5l75.1-4.8c3.9-0.3,7.3,2.7,7.6,6.7
-	l0.6,9.1C193,172.5,190,175.9,186.1,176.2z"/>
-<path class="st11" d="M138.2,131.5L101,157.7c-4.9,3.5-6.2,10.2-2.9,15.2l0,0c2.5,3.8,7.1,5.8,11.6,4.9c16.4-3.3,54-11,53.6-12.3
-	c-0.3-1-4.5-15.9-7.8-27.9C153.3,130.2,144.5,127.1,138.2,131.5z"/>
-<path class="st10" d="M163.4,176.2l75.1,4.8c6.5,0.4,12-4.5,12.5-11l0,0c0.4-6.5-4.5-12-11-12.5l-75.1-4.8c-3.9-0.3-7.3,2.7-7.6,6.7
-	l-0.6,9.1C156.5,172.5,159.5,175.9,163.4,176.2z"/>
-<path class="st11" d="M211.3,131.5l37.2,26.2c4.9,3.5,6.2,10.2,2.9,15.2l0,0c-2.5,3.8-7.1,5.8-11.6,4.9c-16.4-3.3-54-11-53.6-12.3
-	c0.3-1,4.5-15.9,7.8-27.9C196.2,130.2,205,127.1,211.3,131.5z"/>
-<g>
-	<ellipse class="st6" cx="145.6" cy="91.2" rx="7.3" ry="7.6"/>
-	<ellipse class="st6" cx="200.6" cy="91.2" rx="7.3" ry="7.6"/>
-	<path class="st6" d="M170.9,131.7L170.9,131.7c0.7,0.1,1.5,0.2,2.2,0.2l0,0c2.3,0,4.6-0.3,6.7-0.9c0,0,0,0,0-0.1
-		c11.9-3.1,20.7-14.3,20.7-27.7V69.8c0-15.8-12.3-13.3-27.5-13.3l0,0c-15.2,0-27.5-2.5-27.5,13.3v33.5
-		C145.6,118.2,156.7,130.5,170.9,131.7z"/>
-	<path class="st6" d="M195,92.2v9h-9.7c0,0-2.4-6.5-12.2-6.5s-12.2,6.5-12.2,6.5h-9.7v-9c0-3.6-3.3-4.7-5.5-5.1v16.1
-		c0,15,11.1,27.3,25.2,28.4l0,0c0.8,0.1,1.5,0.1,2.3,0.1s1.5,0,2.3-0.1l0,0c14.1-1.2,25.2-13.5,25.2-28.4V87.1
-		C198.4,87.5,195,88.7,195,92.2z"/>
-	<path class="st6" d="M193.3,45.5c-7.5-1.1-19.2-1.2-27.8,5.8c-0.2,0.2-0.4,0.4-0.5,0.5h-6.8c-7,0-12.6,4.9-12.6,11V69v14.2v17.4
-		c1.3,0,2.3-1.1,2.3-2.4V73.9c0,0,0.4-7.7,7.4-7.7h16h0.1h18.2c7.5,0,8.4,6.8,8.5,7.7v24.5c0,1.3,1,2.4,2.3,2.4V83.4V69.1v-5.5
-		l0.1-9.5C200.7,49.8,197.5,46.1,193.3,45.5z"/>
-</g>
-<rect x="147.1" y="62.1" class="st6" width="53.1" height="46"/>
-<path class="st12" d="M188,275.3h-30c-21,0-37.9-18.3-37.9-40.9l9.5-82c3.3-21.9,23.5-35.9,44-35.9l0,0c20.7,0,41.1,14.4,44.1,36.5
-	l8.3,81.4C226,256.9,209,275.3,188,275.3z"/>
-<path class="st4" d="M180,299.2h-13.6c-1.5,0-2.7-1.2-2.7-2.7V187.2c0-1.5,1.2-2.7,2.7-2.7H180c1.5,0,2.7,1.2,2.7,2.7v109.3
-	C182.7,298,181.5,299.2,180,299.2z"/>
-<path class="st6" d="M184.5,194.7H161c-2.9,0-5.2-2.3-5.2-5.2v-9.9c0-2.9,2.3-5.2,5.2-5.2h23.5c2.9,0,5.2,2.3,5.2,5.2v9.9
-	C189.8,192.4,187.4,194.7,184.5,194.7z"/>
-</svg>
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
Guru Sabarish	2c58f2e15f	Update config.yaml	2021-06-26 08:32:16 +05:30
gurusabarish	5b5936c31d	Removed example site and added some content in website	2021-06-26 08:22:34 +05:30
Guru Sabarish	5475e10ef1	Merge pull request #18 from gurusabarish/imgbot [ImgBot] Optimize images	2021-06-21 21:58:59 +05:30
ImgBotApp	00ea239224	[ImgBot] Optimize images *Total -- 2,653.13kb -> 2,524.57kb (4.85%) /images/v2-demo.png -- 105.51kb -> 89.40kb (15.27%) /images/v1-demo.png -- 224.16kb -> 190.78kb (14.89%) /images/v3-demo.png -- 556.04kb -> 497.06kb (10.61%) /static/webfonts/fa-regular-400.svg -- 141.32kb -> 139.15kb (1.54%) /static/webfonts/fa-solid-900.svg -- 896.07kb -> 883.93kb (1.35%) /static/webfonts/fa-brands-400.svg -- 730.02kb -> 724.26kb (0.79%) Signed-off-by: ImgBotApp <ImgBotHelp@gmail.com>	2021-06-21 16:24:52 +00:00
Guru Sabarish	d4e24e2634	Merge pull request #17 from gurusabarish/dev Dev	2021-06-21 21:54:19 +05:30
gurusabarish	60767edc93	dark mode	2021-06-21 15:34:43 +05:30
gurusabarish	fd2b79bc98	darkmode initial commit	2021-06-17 22:00:17 +05:30
gurusabarish	758e0f7ad2	Merge branch 'master' of https://github.com/gurusabarish/hugo-profile	2021-06-17 11:25:49 +05:30
gurusabarish	a5a500ba91	v3 light theme	2021-06-17 11:25:30 +05:30
Guru Sabarish	51e118aa42	Create autoapprove.yml	2021-06-14 11:42:09 +05:30
Guru Sabarish	ea88b4e633	Create greetings.yml	2021-06-14 11:33:32 +05:30
Guru Sabarish	f364a2a16c	Delete .mergify.yml	2021-06-14 11:23:37 +05:30
mergify[bot]	43366861bd	Merge pull request #15 from gurusabarish/imgbot [ImgBot] Optimize images	2021-06-14 05:46:24 +00:00
Guru Sabarish	081014d43d	Merge pull request #16 from gurusabarish/mergify/gurusabarish/config-update Mergify: configuration update	2021-06-14 11:13:43 +05:30
Guru Sabarish	48dacecaf4	Mergify: configuration update	2021-06-14 11:12:45 +05:30
Guru Sabarish	c42245ab74	Update README.md	2021-06-14 10:55:29 +05:30
ImgBotApp	e44df55622	[ImgBot] Optimize images *Total -- 988.21kb -> 893.26kb (9.61%) /images/tn.png -- 139.04kb -> 122.04kb (12.23%) /images/screenshot.png -- 312.43kb -> 274.73kb (12.07%) /exampleSite/static/images/project.jpg -- 268.37kb -> 248.25kb (7.5%) /netlifysite/static/images/project.jpg -- 268.37kb -> 248.25kb (7.5%) Signed-off-by: ImgBotApp <ImgBotHelp@gmail.com>	2021-06-14 05:19:33 +00:00
Guru Sabarish	dc4988ce80	Update README.md	2021-06-14 01:27:39 +05:30
gurusabarish	9ef2450335	demos	2021-06-14 00:54:58 +05:30
gurusabarish	e29b979d57	demos	2021-06-14 00:51:00 +05:30
Guru Sabarish	05404689aa	Merge pull request #14 from gurusabarish/development v3 upgrade	2021-06-13 23:37:31 +05:30
gurusabarish	69091d3c6a	V3	2021-06-13 23:31:04 +05:30
gurusabarish	9b47e835d4	basic single page	2021-06-12 23:49:09 +05:30
gurusabarish	0cf404308f	list view	2021-06-08 16:16:14 +05:30
gurusabarish	6fb96c3864	demo web for all vertions	2021-06-05 11:49:11 +05:30
gurusabarish	a856084d34	demo web for all vertions	2021-06-05 11:47:40 +05:30
gurusabarish	0d77e9d032	loading icon on page loading	2021-06-04 19:29:24 +05:30
gurusabarish	63454f7c31	on scroll reveal	2021-06-03 14:13:19 +05:30
gurusabarish	e7426eb34a	contact ✨	2021-05-17 12:10:06 +05:30
gurusabarish	54bcff5142	v3 development	2021-05-13 22:48:06 +05:30
GURU SABARISH	14d16483be	Update config.yaml	2021-04-15 15:50:45 +05:30
gurusabarish	53660d85fc	remove about in navbar	2021-04-08 22:54:46 +05:30
gurusabarish	d01692063b	added exampleSite	2021-04-04 09:23:27 +05:30
gurusabarish	816afa6e68	added blog content and readme update	2021-04-04 00:30:30 +05:30
gurusabarish	a538686d65	added blog content and readme update	2021-04-04 00:29:27 +05:30
gurusabarish	4fee8dbb83	removed example site and fixed the recent post height	2021-04-04 00:18:55 +05:30
gurusabarish	31ca80f694	added hyperlink in things-i-do and markdown support in description	2021-04-03 11:39:59 +05:30
gurusabarish	679ae1b1a0	added social icons in top and table of centents in blog	2021-04-03 00:40:10 +05:30
gurusabarish	17bd78c171	updated the config file	2021-03-31 20:41:59 +05:30
gurusabarish	5cf6c5474b	Seperate netlify site	2021-03-31 20:38:32 +05:30
gurusabarish	076e47e612	custom resume button name	2021-03-31 19:53:29 +05:30
gurusabarish	4aa090c456	tweet button and recent posts remove option	2021-03-31 18:48:02 +05:30
gurusabarish	c5578135fe	404 page update	2021-03-20 08:06:58 +05:30
gurusabarish	16685c0121	netlify deployment	2021-03-20 07:56:31 +05:30
gurusabarish	c29489775b	netlify deployment	2021-03-20 07:43:47 +05:30
gurusabarish	252ec5277f	theme.toml update	2021-03-16 20:15:17 +05:30
gurusabarish	6cd2d85086	readme update	2021-03-16 20:07:32 +05:30
gurusabarish	98ca5e1afa	blog post mobile view update	2021-03-15 13:10:58 +05:30
gurusabarish	a19418481d	blog style update	2021-03-14 22:39:38 +05:30
gurusabarish	ea8fabe68e	authour and date icon update	2021-03-14 01:46:40 +05:30
gurusabarish	bdfa43b9c1	version 2.10	2021-03-14 01:32:57 +05:30
gurusabarish	49ed7008b8	blog layout update	2021-01-23 09:54:42 +05:30
GURU SABARISH	40aa344d36	Update config.yaml	2020-12-26 11:59:50 +05:30
GURU SABARISH	d587080f99	Update footer.html	2020-11-27 20:44:50 +05:30
gurusabarish	c18d6a1fd9	setup fontawesome, footer update	2020-11-27 20:38:13 +05:30
GURU SABARISH	1f9957e1a9	Update config.yaml	2020-11-07 11:01:32 +05:30
GURU SABARISH	96a810d755	Update config.yaml	2020-10-29 22:42:28 +05:30
GURU SABARISH	97029e59e6	Update README.md	2020-10-27 11:22:37 +05:30
gurusabarish	3ac0329f71	Navbar and Breadcrumbs URL fix	2020-10-26 23:11:53 +05:30
GURU SABARISH	4ecce56055	Update README.md	2020-10-26 20:35:34 +05:30
gurusabarish	544bfb587d	website look and description	2020-10-26 09:56:35 +05:30
gurusabarish	4c185424bd	update	2020-10-24 23:30:15 +05:30
GURU SABARISH	65f21f3f57	Delete main.yml	2020-10-24 10:57:47 +05:30
GURU SABARISH	71861099bf	Update main.yml	2020-10-24 10:44:55 +05:30
GURU SABARISH	607e9c5d42	Update main.yml	2020-10-24 10:26:16 +05:30
GURU SABARISH	1aa68791d7	Update main.yml	2020-10-24 10:24:46 +05:30
GURU SABARISH	345341dd3b	Update and rename hugo.yml to main.yml	2020-10-24 10:19:26 +05:30
GURU SABARISH	037ec98b51	Create hugo.yml	2020-10-24 10:00:57 +05:30
GURU SABARISH	6d50a08863	Update README.md	2020-10-24 01:20:42 +05:30
GURU SABARISH	f8a436d5c3	Update config.yaml	2020-10-24 01:14:33 +05:30
GURU SABARISH	1b839c8803	Create netlify.toml	2020-10-24 01:05:29 +05:30
gurusabarish	e533f2343b	update	2020-10-24 01:01:41 +05:30
GURU SABARISH	ecbb186f72	Update theme.toml	2020-10-21 12:28:33 +05:30
GURU SABARISH	9d0a34a1b8	Create .gitignore	2020-10-19 23:14:23 +05:30
gurusabarish	5a26fe98e0	to get a basic	2020-10-19 23:10:15 +05:30
GURU SABARISH	f83ec679da	Update README.md	2020-10-19 07:57:40 +05:30
GURU SABARISH	0c415f9fcc	Update README.md	2020-10-18 22:37:37 +05:30
GURU SABARISH	56494102bd	Update README.md	2020-10-18 22:35:46 +05:30
GURU SABARISH	2f8bff817c	Update README.md	2020-10-18 10:54:27 +05:30
GURU SABARISH	1ad442ec67	Update README.md	2020-10-18 10:40:09 +05:30
GURU SABARISH	f1cda0d4e7	Update README.md	2020-10-17 19:16:43 +05:30
GURU SABARISH	e0d6e36e14	line2 bug fix	2020-10-17 15:43:31 +05:30
GURU SABARISH	748a8e63b2	Update README.md	2020-10-17 14:50:36 +05:30
GURU SABARISH	01f30297bd	Update README.md	2020-10-17 14:46:49 +05:30
GURU SABARISH	3eec48770f	Update README.md	2020-10-17 10:47:02 +05:30
GURU SABARISH	38e622a8c3	Update README.md	2020-10-17 10:36:59 +05:30
GURU SABARISH	5af2b5a1b2	Update theme.toml	2020-10-17 09:05:51 +05:30
GURU SABARISH	c4d547c728	Update README.md	2020-10-17 09:03:51 +05:30
GURU SABARISH	2725382348	Update README.md	2020-10-17 09:02:56 +05:30
GURU SABARISH	8a2ff2bdce	Update README.md	2020-10-17 09:01:38 +05:30
GURU SABARISH	79f9f5d802	100 performance	2020-10-17 08:45:48 +05:30
GURU SABARISH	ac5b482952	Update README.md	2020-10-17 08:44:18 +05:30
GURU SABARISH	a10ae3a5e3	description update	2020-10-17 08:37:43 +05:30
GURU SABARISH	4eb43528ac	Update README.md	2020-10-17 08:19:02 +05:30
GURU SABARISH	aed0e699b6	Update README.md	2020-10-17 08:17:56 +05:30
GURU SABARISH	1948fcbaa4	Update README.md	2020-10-17 00:01:06 +05:30
gurusabarish	fb55563b33	V2.00 upgrade	2020-10-16 23:47:58 +05:30
GURU SABARISH	ca269b37bf	project background color update	2020-10-14 11:17:34 +05:30
GURU SABARISH	c91f4b5a21	Update README.md	2020-10-13 07:08:48 +05:30
gurusabarish	5224fc0efb	performance update	2020-10-12 22:42:39 +05:30