Allow section titles to be configured to match menu items

exampleSite/data/achievements.yaml

@@ -1,4 +1,5 @@
 # Your achievements achievements
+title: Achievements
 achievements:
   - title: Best Presenter
     image: images/achievements/presenter.jpg

exampleSite/data/experiences.yaml

@@ -1,4 +1,5 @@
 # Your experiences
+title: Experience
 experiences:
   - designation: Software Engineer
     company:

exampleSite/data/projects.yaml

@@ -1,4 +1,6 @@
 # filter buttons
+title: Projects
+
 buttons:
   - name: All
     filter: "all"

exampleSite/data/site.yaml

@@ -26,7 +26,7 @@ menus:
 - name: Skills
   url: "#skills"
   weight: 3
-- name: Experiences
+- name: Experience
   url: "#experiences"
   weight: 4
 - name: Projects

layouts/partials/achievements.html

@@ -1,6 +1,6 @@
 <div class="container-fluid achievements bg-dimmed anchor pb-5" id="achievements">
   {{ if .Site.Data.achievements }}
-    <h1 class="text-center">Achievements</h1>
+    <h1 class="text-center">{{ .Site.Data.achievement.title }}</h1>
 
     <div class="container">
       <div class="row" id="gallery">

layouts/partials/experiences.html

@@ -1,6 +1,6 @@
 <div class="container-fluid experiences bg-white anchor" id="experiences">
   {{ if .Site.Data.experiences }}
-    <h1 class="text-center">Experiences</h1>
+    <h1 class="text-center">{{ .Site.Data.experiences.title }}</h1>
 
     <div class="container timeline text-justify">
       {{ $totalExperiences:= len .Site.Data.experiences.experiences }}

layouts/partials/projects.html

@@ -1,6 +1,6 @@
 <div class="container-fluid projects bg-dimmed anchor pb-5" id="projects">
   {{ if .Site.Data.projects }}
-    <h1 class="text-center">Projects</h1>
+    <h1 class="text-center">{{ .Site.Data.projects.title }}</h1>
     <div class="container ml-auto text-center">
       <div class="btn-group flex-wrap" role="group" id="project-filter-buttons">
         {{ range .Site.Data.projects.buttons }}

layouts/partials/skills.html

@@ -1,6 +1,6 @@
 <div class="container-fluid skills bg-dimmed anchor pb-5" id="skills">
   {{ if .Site.Data.skills }}
-    <h1 class="text-center">Skills</h1>
+    <h1 class="text-center">{{ .Site.Data.skills.title }}</h1>
 
     <div class="container d-flex-block">
       <div class="row" id="primary-skills">