diff --git a/layouts/index.html b/layouts/index.html
index 507e1a8..a7f621c 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -33,7 +33,11 @@
       {{ range sort .Site.Data.sections "section.weight" }}
         {{ if .section.enable }}
           <div class="container-fluid section-holder d-flex {{ $background }}">
-            {{- partial (printf "%s.html" (replace (lower .section.name) " " "-")) . -}}
+            {{ if .section.template }}
+              {{- partial .section.template . -}}
+            {{ else }}
+              {{- partial (printf "%s.html" (replace (lower .section.name) " " "-")) . -}}
+            {{ end }}
           </div>
           <!--- alter background color for next section --->
           {{ if eq $background "bg-white" }}
diff --git a/layouts/partials/about.html b/layouts/partials/about.html
index 2af5476..f4f542b 100644
--- a/layouts/partials/about.html
+++ b/layouts/partials/about.html
@@ -1,44 +1,46 @@
-<div class="container anchor p-md-5" id="about">
-  <div class="row pt-sm-2 pt-md-4 align-self-center">
-    <!-- summery -->
-    <div class="col-md-6">
+<div class="container anchor p-md-5" id="{{ replace (lower .section.name) " " "-" }}">
+  <div id="about">
+    <div class="row pt-sm-2 pt-md-4 align-self-center">
+      <!-- summery -->
+      <div class="col-md-6">
       <h3 class="p-1">{{ site.Params.author.name }}</h3>
-      {{ if .designation }}
-      <h5 class="p-1">
-        {{ .designation }}
-        {{ if .company }}
-          at <a href="{{ .company.url }}">{{ .company.name }}</a>
-        {{ end }}
-      </h5>
-      {{ end }}
-      <p class="p-1 text-justify">
-        {{ .summary | markdownify }}
-      </p>
-      <div class="text-container ml-auto">
-        <ul class="social-link d-flex">
-          {{ range .socialLinks }}
-          <li>
-            {{ if eq .name "Email" }}
-              <a href="mailto:{{ .url }}" target="/"><i class="{{ .icon }}"></i></a>
-            {{ else }}
-              <a href="{{ .url }}" target="/"><i class="{{ .icon }}"></i></a>
-            {{ end }}
-          </li>
+        {{ if .designation }}
+        <h5 class="p-1">
+          {{ .designation }}
+          {{ if .company }}
+            at <a href="{{ .company.url }}">{{ .company.name }}</a>
           {{ end }}
-        </ul>
-      </div>
-      {{ if .resume }}
-      <a href="{{ .resume }}" target="#"
-        ><button class="btn btn-dark">My Resume</button></a
-      >
-      {{ end }}
-    </div>
-    <!-- soft skills circular-progressbar -->
-    <div class="col-md-6 pt-5 pl-md-4 pl-sm-3 pt-md-0">
-      <div class="row">
-        {{ range .softSkills }}
-          {{ partial "progress/soft-skills" . }}
+        </h5>
         {{ end }}
+        <p class="p-1 text-justify">
+          {{ .summary | markdownify }}
+        </p>
+        <div class="text-container ml-auto">
+          <ul class="social-link d-flex">
+            {{ range .socialLinks }}
+            <li>
+              {{ if eq .name "Email" }}
+                <a href="mailto:{{ .url }}" target="/"><i class="{{ .icon }}"></i></a>
+              {{ else }}
+                <a href="{{ .url }}" target="/"><i class="{{ .icon }}"></i></a>
+              {{ end }}
+            </li>
+            {{ end }}
+          </ul>
+        </div>
+        {{ if .resume }}
+        <a href="{{ .resume }}" target="#"
+          ><button class="btn btn-dark">My Resume</button></a
+        >
+        {{ end }}
+      </div>
+      <!-- soft skills circular-progressbar -->
+      <div class="col-md-6 pt-5 pl-md-4 pl-sm-3 pt-md-0">
+        <div class="row">
+          {{ range .softSkills }}
+            {{ partial "progress/soft-skills" . }}
+          {{ end }}
+        </div>
       </div>
     </div>
   </div>
diff --git a/layouts/partials/achievements.html b/layouts/partials/achievements.html
index 49b3ce9..599d6cf 100644
--- a/layouts/partials/achievements.html
+++ b/layouts/partials/achievements.html
@@ -1,13 +1,15 @@
-<div class="container-fluid anchor pb-5" id="achievements">
-  <h1 class="text-center">{{ .section.name }}</h1>
-  <div class="container">
-    <div class="row" id="gallery">
+<div class="container-fluid anchor pb-5" id="{{ replace (lower .section.name) " " "-" }}">
+  <div id="achievements">
+    <h1 class="text-center">{{ .section.name }}</h1>
+    <div class="container">
+      <div class="row" id="gallery">
+      </div>
+    </div>
+    <!-- achievements-holder holds achievement-entry -->
+    <div class="d-none" id="achievements-holder">
+      {{ range .achievements }}
+        {{ partial "misc/achievement.html" . }}
+      {{ end }}
     </div>
   </div>
-  <!-- achievements-holder holds achievement-entry -->
-  <div class="d-none" id="achievements-holder">
-    {{ range .achievements }}
-      {{ partial "misc/achievement.html" . }}
-    {{ end }}
-  </div>
 </div>
diff --git a/layouts/partials/experiences.html b/layouts/partials/experiences.html
index 1c24938..2ae5a93 100644
--- a/layouts/partials/experiences.html
+++ b/layouts/partials/experiences.html
@@ -1,23 +1,25 @@
-<div class="container-fluid anchor" id="experiences">
-  <h1 class="text-center">{{ .section.name }}</h1>
+<div class="container-fluid anchor pb-5" id="{{ replace (lower .section.name) " " "-" }}">
+  <div id="experiences">
+    <h1 class="text-center">{{ .section.name }}</h1>
 
-  <div class="container timeline text-justify">
-    {{ $totalExperiences:= len .experiences }}
-    {{ range $index,$experience:= .experiences }}
-      {{ if eq (mod $index 2) 0 }}
-        <div class="row align-items-center  d-flex">
-          {{ partial "experiences/vertical-line.html" $index }}
-          {{ partial "experiences/experience-info.html" $experience }}
-        </div>
-      {{else}}
-        <div class="row align-items-center justify-content-end d-flex">
-          {{ partial "experiences/experience-info.html" $experience }}
-          {{ partial "experiences/vertical-line.html" $index }}
-        </div>
-      {{ end }}
-      {{ if lt $index (sub $totalExperiences 1) }}
-        {{ partial "experiences/horizontal-line.html" $index }}
-      {{ end }}
-    {{ end }}
+    <div class="container timeline text-justify">
+     {{ $totalExperiences:= len .experiences }}
+     {{ range $index,$experience:= .experiences }}
+       {{ if eq (mod $index 2) 0 }}
+         <div class="row align-items-center  d-flex">
+           {{ partial "experiences/vertical-line.html" $index }}
+           {{ partial "experiences/experience-info.html" $experience }}
+         </div>
+       {{else}}
+         <div class="row align-items-center justify-content-end d-flex">
+           {{ partial "experiences/experience-info.html" $experience }}
+           {{ partial "experiences/vertical-line.html" $index }}
+         </div>
+       {{ end }}
+       {{ if lt $index (sub $totalExperiences 1) }}
+         {{ partial "experiences/horizontal-line.html" $index }}
+       {{ end }}
+     {{ end }}
+    </div>
   </div>
 </div>
diff --git a/layouts/partials/projects.html b/layouts/partials/projects.html
index 3d2bcd4..4057efe 100644
--- a/layouts/partials/projects.html
+++ b/layouts/partials/projects.html
@@ -1,19 +1,21 @@
-<div class="container-fluid anchor pb-5" id="projects">
-  <h1 class="text-center">{{ .section.name }}</h1>
-  <div class="container ml-auto text-center">
-    <div class="btn-group flex-wrap" role="group" id="project-filter-buttons">
-      {{ range .buttons }}
-      <button type="button" class="btn btn-dark" data-filter="{{ .filter }}">
-        {{ .name }}
-      </button>
-      {{ end }}
+<div class="container-fluid anchor pb-5" id="{{ replace (lower .section.name) " " "-" }}">
+  <div id="projects">
+    <h1 class="text-center">{{ .section.name }}</h1>
+    <div class="container ml-auto text-center">
+      <div class="btn-group flex-wrap" role="group" id="project-filter-buttons">
+        {{ range .buttons }}
+        <button type="button" class="btn btn-dark" data-filter="{{ .filter }}">
+          {{ .name }}
+        </button>
+        {{ end }}
+      </div>
     </div>
-  </div>
-  <div class="container filtr-projects">
-    <div class="row" id="project-card-holder">
-      {{ range .projects }}
-        {{ partial "cards/project" . }}
-      {{ end }}
+    <div class="container filtr-projects">
+      <div class="row" id="project-card-holder">
+        {{ range .projects }}
+          {{ partial "cards/project" . }}
+        {{ end }}
+      </div>
     </div>
   </div>
 </div>
diff --git a/layouts/partials/recent-posts.html b/layouts/partials/recent-posts.html
index a69cc05..649a20f 100644
--- a/layouts/partials/recent-posts.html
+++ b/layouts/partials/recent-posts.html
@@ -1,10 +1,12 @@
-<div class="container-fluid anchor pb-5" id="recent-posts">
-  <h1 class="text-center">{{ .section.name }}</h1>
-  <div class="container">
-    <div class="row" id="recent-post-cards">
-      {{ range first 3 (where site.RegularPages.ByDate.Reverse "Type" "in" site.Params.mainSections )}}
-        {{ partial "cards/recent-post.html" . }}
-      {{ end }}
+<div class="container-fluid anchor pb-5" id="{{ replace (lower .section.name) " " "-" }}">
+  <div id="recent-posts">
+    <h1 class="text-center">{{ .section.name }}</h1>
+    <div class="container">
+      <div class="row" id="recent-post-cards">
+        {{ range first 3 (where site.RegularPages.ByDate.Reverse "Type" "in" site.Params.mainSections )}}
+          {{ partial "cards/recent-post.html" . }}
+        {{ end }}
+      </div>
     </div>
   </div>
 </div>
diff --git a/layouts/partials/skills.html b/layouts/partials/skills.html
index 58b1f44..b762052 100644
--- a/layouts/partials/skills.html
+++ b/layouts/partials/skills.html
@@ -1,11 +1,12 @@
-<div class="container-fluid anchor pb-5" id="skills">
-  <h1 class="text-center">{{ .section.name }}</h1>
-
-  <div class="container d-flex-block">
-    <div class="row" id="primary-skills">
-      {{ range .skills }}
-        {{ partial "cards/skill.html" . }}
-      {{ end }}
+<div class="container-fluid anchor pb-5" id="{{ replace (lower .section.name) " " "-" }}">
+  <div id="skills">
+    <h1 class="text-center">{{ .section.name }}</h1>
+    <div class="container d-flex-block">
+      <div class="row" id="primary-skills">
+        {{ range .skills }}
+          {{ partial "cards/skill.html" . }}
+        {{ end }}
+      </div>
     </div>
   </div>
 </div>