diff --git a/layouts/partials/about.html b/layouts/partials/about.html
index f0ea404..c59fba9 100644
--- a/layouts/partials/about.html
+++ b/layouts/partials/about.html
@@ -1,5 +1,5 @@
 <div class="container anchor p-md-5" id="{{ replace (lower .section.name) " " "-" }}">
-  <div id="about-template">
+  <div id="about-section">
     <div class="row pt-sm-2 pt-md-4 align-self-center">
       <!-- summary -->
       <div class="col-md-6">
diff --git a/layouts/partials/achievements.html b/layouts/partials/achievements.html
index c86577c..dd26c52 100644
--- a/layouts/partials/achievements.html
+++ b/layouts/partials/achievements.html
@@ -1,5 +1,5 @@
 <div class="container-fluid anchor pb-5" id="{{ replace (lower .section.name) " " "-" }}">
-  <div id="achievements-template">
+  <div id="achievements-section">
     <h1 class="text-center">{{ .section.name }}</h1>
     <div class="container">
       <div class="row" id="gallery">
diff --git a/layouts/partials/experiences.html b/layouts/partials/experiences.html
index 2110004..53e0b29 100644
--- a/layouts/partials/experiences.html
+++ b/layouts/partials/experiences.html
@@ -1,5 +1,5 @@
 <div class="container-fluid anchor pb-5" id="{{ replace (lower .section.name) " " "-" }}">
-  <div id="experiences-template">
+  <div id="experiences-section">
     <h1 class="text-center">{{ .section.name }}</h1>
 
     <div class="container timeline text-justify">
diff --git a/layouts/partials/projects.html b/layouts/partials/projects.html
index 1dbb494..9ef2c71 100644
--- a/layouts/partials/projects.html
+++ b/layouts/partials/projects.html
@@ -1,5 +1,5 @@
 <div class="container-fluid anchor pb-5" id="{{ replace (lower .section.name) " " "-" }}">
-  <div id="projects-template">
+  <div id="projects-section">
     <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">
diff --git a/layouts/partials/recent-posts.html b/layouts/partials/recent-posts.html
index b7d4e42..d22d15d 100644
--- a/layouts/partials/recent-posts.html
+++ b/layouts/partials/recent-posts.html
@@ -1,5 +1,5 @@
 <div class="container-fluid anchor pb-5" id="{{ replace (lower .section.name) " " "-" }}">
-  <div id="recent-posts-template">
+  <div id="recent-posts-section">
     <h1 class="text-center">{{ .section.name }}</h1>
     <div class="container">
       <div class="row" id="recent-post-cards">
diff --git a/layouts/partials/skills.html b/layouts/partials/skills.html
index 205bb60..337b445 100644
--- a/layouts/partials/skills.html
+++ b/layouts/partials/skills.html
@@ -1,5 +1,5 @@
 <div class="container-fluid anchor pb-5" id="{{ replace (lower .section.name) " " "-" }}">
-  <div id="skills-template">
+  <div id="skills-section">
     <h1 class="text-center">{{ .section.name }}</h1>
     <div class="container d-flex-block">
       <div class="row" id="primary-skills">
diff --git a/static/assets/css/achievements.css b/static/assets/css/achievements.css
index 9745e49..42f4f33 100644
--- a/static/assets/css/achievements.css
+++ b/static/assets/css/achievements.css
@@ -1,4 +1,4 @@
-#achievements-template .container {
+#achievements-section .container {
   padding-top: 0.5rem;
 }
 
diff --git a/static/assets/css/projects.css b/static/assets/css/projects.css
index 86deda9..378dbdf 100644
--- a/static/assets/css/projects.css
+++ b/static/assets/css/projects.css
@@ -1,10 +1,10 @@
-#projects-template .card .card-header {
+#projects-section .card .card-header {
   background-color: #f9fafc;
   padding: 0.7rem;
   padding-bottom: 0rem;
 }
 
-#projects-template .card .card-img-xs {
+#projects-section .card .card-img-xs {
   margin-right: 0.5rem;
 }
 
@@ -15,11 +15,11 @@
   float: right;
 }
 
-#projects-template .card .card-body {
+#projects-section .card .card-body {
   padding: 0.7rem;
 }
 
-#projects-template .card .card-header .sub-title {
+#projects-section .card .card-header .sub-title {
   color: #8392a5;
   margin-top: 0.4rem;
 }
@@ -55,7 +55,7 @@
 /* Small devices (landscape phones, 576px and up) */
 
 @media only screen and (max-width: 576px) {
-  #projects-template .btn {
+  #projects-section .btn {
     margin-top: 0.3125rem;
   }
 }
diff --git a/static/assets/css/recent-posts.css b/static/assets/css/recent-posts.css
index 3243929..ef233c4 100644
--- a/static/assets/css/recent-posts.css
+++ b/static/assets/css/recent-posts.css
@@ -1,19 +1,19 @@
-#recent-posts-template .container{
+#recent-posts-section .container{
   padding-top: 1rem;
 }
 
-#recent-posts-template .card .card-footer span {
+#recent-posts-section .card .card-footer span {
   font-size: 10pt;
   color: #6c757d !important;
   padding-top: 5px;
 }
 
-#recent-posts-template .card .card-footer {
+#recent-posts-section .card .card-footer {
   background: #fff;
   margin-top: auto;
 }
 
-#recent-posts-template .post-card-link{
+#recent-posts-section .post-card-link{
   text-decoration: none;
 }
 
diff --git a/static/assets/css/skills.css b/static/assets/css/skills.css
index d3dae1f..59d0794 100644
--- a/static/assets/css/skills.css
+++ b/static/assets/css/skills.css
@@ -1,4 +1,4 @@
-#skills-template .card .card-head {
+#skills-section .card .card-head {
   background-color: #f9fafc;
   height: fit-content;
   padding: 0.7rem;
@@ -6,16 +6,16 @@
   border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.125);
 }
 
-#skills-template .card .card-img-xs {
+#skills-section .card .card-img-xs {
   margin-right: 0.5rem;
 }
 
-#skills-template .card {
+#skills-section .card {
   margin-top: 0.5rem;
   margin-bottom: 0.5rem;
 }
 
-#skills-template .card .card-body {
+#skills-section .card .card-body {
   padding-top: 0.2rem;
   padding-left: 0.7rem;
 }
diff --git a/static/assets/css/style.css b/static/assets/css/style.css
index 1662e09..523ac99 100644
--- a/static/assets/css/style.css
+++ b/static/assets/css/style.css
@@ -250,10 +250,10 @@ img.right{
     padding-right: 5px;
   }
 
-  #skills-template,
-  #projects-template,
-  #recent-posts-template,
-  #achievements-template{
+  #skills-section,
+  #projects-section,
+  #recent-posts-section,
+  #achievements-section{
     padding-left: 0;
     padding-right: 0;
   }