diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
new file mode 100644
index 0000000..483938e
--- /dev/null
+++ b/layouts/partials/footer.html
@@ -0,0 +1,118 @@
+{{ $data := index site.Data site.Language.Lang }}
+
+<!-- start footer -->
+<footer class="bg-light-gray has-shapes has-bg-brash bg-brash-top "
+  style="background-image: url('{{`images/brushes/footer.svg` | absURL}}')">
+  <div class="container">
+    {{ if $data.homepage.call_to_action.enable }}
+    {{ with $data.homepage.call_to_action }}
+    <div class="row justify-content-center">
+      <div class="col-lg-7 col-md-12">
+        <div class="text-center pb-60">
+          <h2 class="section-title">{{ .title | markdownify }}</h2>
+          {{ with .content}}<p>{{. | markdownify}}</p>{{end}}
+          {{if .button.enable }}
+          {{with .button }}
+          <a href="{{ .link | absLangURL }}" class="btn btn-primary has-icon">{{.label}}
+            <span class="icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none"
+                xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M12.5522 6.66669L20.5522 14.6667C21.0329 15.1473 21.0699 15.9036 20.6632 16.4267L20.5522 16.5523L12.5522 24.5523L10.6666 22.6667L17.7228 15.6095L10.6666 8.55231L12.5522 6.66669Z"
+                  fill="currentColor" /></svg></span>
+          </a>
+          {{ end }}
+          {{ end }}
+        </div>
+      </div>
+      <div class="col-12">
+        <div class="border-bottom"></div>
+      </div>
+    </div>
+    {{ end }}
+    {{ end }}
+    <div class="row pt-60 pb-60">
+      <div class="col-lg-4 col-md-6">
+        <div class="pr-0 pr-lg-4">
+          <a class="mb-4 d-block" href="{{ site.BaseURL }}">
+            {{ with site.Params.logo }}
+            <img loading="lazy" class="img-fluid" src="{{ . | absURL }}" alt="{{ site.Title }}">
+            {{ else }}{{ site.Title }}{{ end }}
+          </a>
+          <p>{{ site.Params.footer_content | markdownify }}</p>
+        </div>
+      </div>
+      <div class="col-lg-2 col-md col-sm-6">
+        <div class="pl-0 pl-md-3 mt-5 mt-md-0">
+          <h5 class="font-weight-600 mb-20">{{ i18n "quick_links"}}</h5>
+          <ul class="list-unstyled footer-links">
+            {{ range site.Menus.footer }}
+            <li><a href="{{ .URL | absLangURL }}">{{.Name}}</a></li>
+            {{ end }}
+          </ul>
+        </div>
+      </div>
+      <div class="col-lg-2 col-md col-sm-6">
+        <div class="pl-0 pl-md-3 mt-5 mt-md-0">
+          <h5 class="font-weight-600 mb-20">{{i18n "social_links"}}</h5>
+          <ul class="list-unstyled footer-links">
+            {{ range site.Params.social }}
+            <li><a href="{{ .link | safeURL }}">{{ .name }}</a></li>
+            {{end }}
+          </ul>
+        </div>
+      </div>
+      {{ if site.Params.subscription.enable }}
+      {{ with site.Params.subscription }}
+      <div class="col-lg-4 col-md-6">
+        <div class="pl-0 pl-lg-4 mt-5 mt-lg-0">
+          <h5 class="font-weight-600">{{ i18n "subscribe"}}</h5>
+          <form action="{{ .mailchimp_form_action }}" method="post" name="mc-embedded-subscribe-form" target="_blank" class="needs-validation mt-30">
+            <div class="input-group">
+              <input type="email" class="form-control bg-gray" placeholder="Your email address" required>
+              <div class="input-group-append ml-0">
+                <button type="submit" class="btn btn-primary" name="subscribe"><svg width="31" height="16" viewBox="0 0 31 16"
+                    fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path
+                      d="M30.7071 8.70808C31.0976 8.31756 31.0976 7.68439 30.7071 7.29387L24.3431 0.929909C23.9526 0.539384 23.3195 0.539384 22.9289 0.929909C22.5384 1.32043 22.5384 1.9536 22.9289 2.34412L28.5858 8.00098L22.9289 13.6578C22.5384 14.0484 22.5384 14.6815 22.9289 15.072C23.3195 15.4626 23.9526 15.4626 24.3431 15.072L30.7071 8.70808ZM0 9.00098H30V7.00098H0V9.00098Z"
+                      fill="white" /></svg></button>
+              </div>
+            </div>
+            <div style="position: absolute; left: -5000px;" aria-hidden="true">
+              <input type="text" name="{{ .mailchimp_form_name }}" tabindex="-1">
+            </div>
+          </form>
+        </div>
+      </div>
+      {{ end }}
+      {{ end }}
+    </div>
+  </div>
+  <div class="footer-bottom">
+    <div class="container">
+      <div class="row">
+        <div class="col-12">
+          <div class="block border-top text-center content">{{site.Params.copyright | markdownify}}</a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</footer>
+<!-- end footer -->
+
+<!-- strat scroll to top -->
+<a href="#top" class="btn btn-primary scroll-to-top-btn smooth-scroll position-fixed"><svg
+    xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32">
+    <path id="Layer" fill="currentColor"
+      d="M7.2 19.2L15.2 11.2C15.68 10.71 16.43 10.68 16.96 11.08L17.08 11.2L25.08 19.2L23.2 21.08L16.14 14.02L9.08 21.08L7.2 19.2Z" />
+    </svg></a>
+<!-- end scroll to top -->
+
+{{ "<!-- JS Plugins -->" | safeHTML }}
+{{ range site.Params.plugins.js}}
+<script src="{{ .link | absURL }}"></script>
+{{ end }}
+
+{{ "<!-- Main Script -->" | safeHTML }}
+{{ $script := resources.Get "js/script.js" | minify}}
+<script src="{{ $script.Permalink }}"></script>
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
new file mode 100644
index 0000000..356d041
--- /dev/null
+++ b/layouts/partials/header.html
@@ -0,0 +1,173 @@
+{{ "<!-- navigation -->" | safeHTML }}
+<header class="header-nav position-relative {{.Scratch.Get `bg`}}">
+  <div class="container">
+    <nav class="navbar navbar-expand-xl navbar-light px-0">
+      <a class="navbar-brand p-0" href="{{ site.BaseURL }}">
+        {{ with site.Params.logo }}
+        <img loading="lazy" class="img-fluid" src="{{ . | absURL }}" alt="{{ site.Title }}">
+        {{ else }}{{ site.Title }}{{ end }}
+      </a>
+
+      <button class="navbar-toggler bg-white rounded-0 p-0" type="button" data-toggle="collapse" data-target="#navlinks"
+        aria-controls="navlinks" aria-expanded="false" aria-label="Toggle navigation">
+        <svg class="nav-toggle-icon" viewBox="0 0 100 100" width="40" onclick="this.classList.toggle('active')">
+          <path class="line top"
+            d="m 70,33 h -40 c 0,0 -8.5,-0.149796 -8.5,8.5 0,8.649796 8.5,8.5 8.5,8.5 h 20 v -20" />
+          <path class="line middle" d="m 70,50 h -40" />
+          <path class="line bottom"
+            d="m 30,67 h 40 c 0,0 8.5,0.149796 8.5,-8.5 0,-8.649796 -8.5,-8.5 -8.5,-8.5 h -20 v 20" /></svg>
+      </button>
+      <!-- mobile-nav control button -->
+
+      <div class="collapse navbar-collapse" id="navlinks">
+        <ul class="navbar-nav mx-auto">
+          {{ range site.Menus.main }}
+          {{ if .HasChildren }}
+
+          <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle d-flex justify-content-between align-items-center" href="#"
+              id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+              <span class="mr-1">{{ .Name }}</span>
+              <svg width="9" height="6" viewBox="0 0 9 6" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M9 1.06L7.94 0L4.5 3.44L1.06 0L0 1.06L4.5 5.56L9 1.06Z" fill="currentColor" /></svg>
+            </a>
+            <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
+              {{ range .Children }}
+              <li><a class="dropdown-item" href="{{ .URL | absURL }}">{{ .Name }}</a></li>
+              {{ end }}
+            </ul>
+          </li>
+          {{ else }}
+          <li class="nav-item">
+            <a class="nav-link" href="{{ .URL | absURL }}">{{ .Name }}</a>
+          </li>
+          {{ end }}
+          {{ end }}
+          <li class="nav-link">
+            <!-- Language List -->
+            {{ if .IsTranslated }}
+            <select class="border-0" id="select-language" onchange="location = this.value;">
+              {{ $siteLanguages := site.Languages}}
+              {{ $pageLang := .Page.Lang}}
+              {{ range .Page.AllTranslations }}
+              {{ $translation := .}}
+              {{ range $siteLanguages }}
+              {{ if eq $translation.Lang .Lang }}
+              {{ $selected := false }}
+              {{ if eq $pageLang .Lang}}
+              <option id="{{ $translation.Language }}" value="{{ $translation.Permalink }}" selected>{{ .LanguageName }}
+              </option>
+              {{ else }}
+              <option id="{{ $translation.Language }}" value="{{ $translation.Permalink }}">{{ .LanguageName }}</option>
+              {{ end }}
+              {{ end }}
+              {{ end }}
+              {{ end }}
+            </select>
+            {{ end }}
+          </li>
+        </ul>
+
+        <div class="navbar-button">
+          {{ with site.Params.navigation_button_bordered}}
+          {{ if .enable }}
+          <a {{if .link}}href="#!"{{else}} data-toggle="modal" data-target="#signup-modal"{{end}} class="btn btn-sm btn-outline-primary">{{ .label }}</a>
+          {{ end }}
+          {{ end }}
+
+          {{ with site.Params.navigation_button_linked}}
+          {{ if .enable }}
+          <a {{if .link}}href="#!"{{else}} data-toggle="modal" data-target="#signin-modal"{{end}} class="btn btn-sm btn-link pr-xl-0">{{ .label }}<svg width="1.5em" height="1.5em" viewBox="0 0 16 16" class="bi bi-arrow-right-short" fill="currentColor"
+              xmlns="http://www.w3.org/2000/svg">
+              <path fill-rule="evenodd"
+                d="M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8z" />
+            </svg></a>
+            {{ end }}
+            {{ end }}
+        </div>
+      </div>
+      <!-- nav links -->
+    </nav>
+  </div>
+</header>
+{{ "<!-- /navigation -->" | safeHTML }}
+
+
+<!-- signup-modal -->
+<div class="modal fade rounded" id="signup-modal" tabindex="-1" aria-hidden="true">
+  <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h4 class="modal-title font-weight-bold">Sign up now</h4>
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+          <span aria-hidden="true">&times;</span>
+        </button>
+      </div>
+      <div class="modal-body p-3 p-sm-4">
+        <form method="POST" class="needs-validation row" novalidate>
+          <div class="form-group mb-20 col-md-6">
+            <label class="text-black-200 h6 font-weight-600 mb-2" for="fname">First Name*</label>
+            <input class="form-control shadow-none" type="text" placeholder="Jack" id="fname" required>
+            <p class="font-weight-bold invalid-feedback">Your first name is required!</p>
+          </div>
+          <div class="form-group mb-20 col-md-6">
+            <label class="text-black-200 h6 font-weight-600 mb-2" for="lname">Last Name*</label>
+            <input class="form-control shadow-none" type="text" placeholder="Barker" id="lname" required>
+            <p class="font-weight-bold invalid-feedback">Your last name is required!</p>
+          </div>
+          <div class="form-group mb-20 col-12">
+            <label class="text-black-200 h6 font-weight-600 mb-2" for="email2">Email Address*</label>
+            <input class="form-control shadow-none" type="email" placeholder="jack@email.com" id="email2" required>
+            <p class="font-weight-bold invalid-feedback">Your email is required!</p>
+          </div>
+          <div class="form-group mb-20 col-12">
+            <label class="text-black-200 h6 font-weight-600 mb-2" for="password">Password*</label>
+            <input class="form-control shadow-none" type="password" id="password" required>
+            <p class="font-weight-bold invalid-feedback">Your password is required!</p>
+          </div>
+          <div class="form-group mb-20 col-12">
+            <label class="text-black-200 h6 font-weight-600 mb-2" for="repassword">Retype Password*</label>
+            <input class="form-control shadow-none" type="password" id="repassword" required>
+            <p class="font-weight-bold invalid-feedback">Please retype your password.</p>
+          </div>
+          <div class="form-group col-12">
+            <button class="btn btn-primary w-100" type="submit">Sign Up</button>
+          </div>
+        </form>
+      </div>
+    </div>
+  </div>
+</div>
+<!-- signup-modal -->
+
+<!-- login-modal -->
+<div class="modal fade rounded" id="signin-modal" tabindex="-1" aria-hidden="true">
+  <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable mx-auto" style="max-width:400px">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h4 class="modal-title font-weight-bold">Welcome back</h4>
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+          <span aria-hidden="true">&times;</span>
+        </button>
+      </div>
+      <div class="modal-body p-3 p-sm-4">
+        <form method="POST" class="needs-validation row" novalidate>
+          <div class="form-group mb-20 col-12">
+            <label class="text-black-200 h6 font-weight-600 mb-2" for="email">Email Address*</label>
+            <input class="form-control shadow-none" type="email" id="email" required>
+            <p class="font-weight-bold invalid-feedback">Your email is required!</p>
+          </div>
+          <div class="form-group mb-20 col-12">
+            <label class="text-black-200 h6 font-weight-600 mb-2" for="passwordSignIn">Password*</label>
+            <input class="form-control shadow-none" type="password" id="passwordSignIn" required>
+            <p class="font-weight-bold invalid-feedback">Your password is required!</p>
+          </div>
+          <div class="form-group col-12">
+            <button class="btn btn-primary w-100" type="submit">Sign In</button>
+          </div>
+        </form>
+      </div>
+    </div>
+  </div>
+</div>
+<!-- login-modal -->
diff --git a/layouts/partials/mission.html b/layouts/partials/mission.html
new file mode 100644
index 0000000..cdf9fa8
--- /dev/null
+++ b/layouts/partials/mission.html
@@ -0,0 +1,38 @@
+{{ with .Params.mission }}
+{{ "<!-- mission -->" | safeHTML }}
+<section class="mission section">
+  <div class="container">
+    <div class="row">
+      <div class="col-lg-12">
+        <h5 class="section-title-sm">{{ .subtitle | markdownify }}</h5>
+        <h2 class="section-title section-title-border-half">{{ .title | markdownify }}</h2>
+      </div>
+      <div class="col-lg-6">
+        <p class="mb-40">{{ .content | markdownify }}</p>
+        {{ "<!-- accordion -->" | safeHTML }}
+        <div id="accordion" class="mb-md-50">
+          {{ range $index, $element := .accordion }}
+          <div class="card border-0 mb-4">
+            <div class="card-header bg-gray border p-0">
+              <a class="card-link h5 d-block text-dark mb-0 py-10 px-4" data-toggle="collapse" href="#collapse{{ add $index 1 }}">
+                <i class="{{if eq $index 0}}ti-minus{{else}}ti-plus{{end}} text-primary mr-2"></i> {{ .title }}
+              </a>
+            </div>
+            <div id="collapse{{ add $index 1 }}" class="collapse {{if eq $index 0}}show{{ end }}" data-parent="#accordion">
+              <div class="card-body font-secondary text-color pl-0 pb-0">
+                {{ .description | markdownify }}
+              </div>
+            </div>
+          </div>
+          {{ end }}
+        </div>
+      </div>
+      {{ "<!-- chart -->" | safeHTML }}
+      <div class="col-lg-6 align-self-end">
+        <img src="{{ .image | absURL }}" alt="chart" class="img-fluid w-100">
+      </div>
+    </div>
+  </div>
+</section>
+{{ "<!-- /mission -->" | safeHTML }}
+{{ end }}
diff --git a/layouts/partials/page-header.html b/layouts/partials/page-header.html
new file mode 100644
index 0000000..2f2b96c
--- /dev/null
+++ b/layouts/partials/page-header.html
@@ -0,0 +1,18 @@
+<!-- start of page-header -->
+<section class="page-header bg-light-gray has-shapes has-bg-brash bg-brash-bottom"
+  style="background-image:url('{{`images/brushes/banner.svg` | absURL}}')">
+  <div class="container h-100">
+    <div class="row d-flex align-items-center h-100">
+      <div class="col-md-12 text-center">
+        <h2 class="h1 font-weight-bold">{{.Title }}</h2>
+        <nav class="mt-15" aria-label="breadcrumb">
+          <ol class="breadcrumb font-weight-bold bg-transparent p-0 justify-content-center">
+            <li class="breadcrumb-item"><a href="{{ site.BaseURL | absLangURL }}" class="text-black-300">{{i18n "home"}}</a></li>
+            <li class="breadcrumb-item text-primary" aria-current="page">{{ .Title }}</li>
+          </ol>
+        </nav>
+      </div>
+    </div>
+  </div>
+</section>
+<!-- end of page-header -->
diff --git a/layouts/partials/testimonial.html b/layouts/partials/testimonial.html
new file mode 100644
index 0000000..a62ca57
--- /dev/null
+++ b/layouts/partials/testimonial.html
@@ -0,0 +1,59 @@
+{{ $data := index site.Data site.Language.Lang }}
+
+<!-- start of testimonials-carousel -->
+{{ if $data.homepage.testimonial.enable }}
+{{ with $data.homepage.testimonial }}
+<section class="section-padding pt-0 testimonials-section has-shapes">
+  <div class="container">
+    <div class="row justify-content-center">
+      <div class="col-lg-6 col-md-9 text-center mb-30">
+        <h2 class="section-title">{{ .title | markdownify }}</h2>
+        <p>{{ .content | markdownify }}</p>
+      </div>
+    </div>
+    <div class="row">
+      <div class="col-md-12">
+        <div class="testimonials-carousel">
+          {{ range .testimonial_item }}
+          <div class="testimonials-item bg-white">
+            <div class="block border rounded bg-white">
+              <svg class="icon mb-15" width="25" height="20" viewBox="0 0 40 35" fill="none"
+                xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M3.75001 35L13.75 35C15.8203 35 17.5 33.3203 17.5 31.25L17.5 21.25C17.5 19.1797 15.8203 17.5 13.75 17.5L7.50001 17.5L7.50001 12.5C7.50001 9.74219 9.74219 7.5 12.5 7.5L13.125 7.5C14.1641 7.5 15 6.66406 15 5.625L15 1.875C15 0.83594 14.1641 2.25865e-06 13.125 2.34949e-06L12.5 2.40413e-06C5.59375 3.00789e-06 5.05862e-06 5.59375 5.66238e-06 12.5L7.30156e-06 31.25C7.48255e-06 33.3203 1.6797 35 3.75001 35ZM26.25 35L36.25 35C38.3203 35 40 33.3203 40 31.25L40 21.25C40 19.1797 38.3203 17.5 36.25 17.5L30 17.5L30 12.5C30 9.74219 32.2422 7.5 35 7.5L35.625 7.5C36.6641 7.5 37.5 6.66406 37.5 5.625L37.5 1.875C37.5 0.835938 36.6641 2.91637e-07 35.625 3.82475e-07L35 4.37114e-07C28.0937 1.04088e-06 22.5 5.59375 22.5 12.5L22.5 31.25C22.5 33.3203 24.1797 35 26.25 35Z"
+                  fill="currentColor" /></svg>
+              <p class="h4 text-black-300 font-weight-light">{{ .content | markdownify }}</p>
+              <img loading="lazy" src="{{`images/testimonials/arrow.png` | absURL }}" alt="">
+            </div>
+            <div class="user-info d-flex align-items-center mt-30">
+              <img loading="lazy" class="d-inline rounded-circle mr-3" src="{{ .image | absURL }}" alt="">
+              <div class="pt-1">
+                <h5 class="font-weight-bold">{{ .name }}</h5>
+                <p>{{ .designation | markdownify }}</p>
+              </div>
+            </div>
+          </div>
+          {{ end }}
+        </div>
+      </div>
+      {{ if .button.enable }}
+      {{ with .button }}
+      <div class="col-md-12">
+        <div class="mt-50 text-center">
+          <a href="{{ .link | absLangURL }}" class="btn btn-primary has-icon">{{ .label }}
+            <span class="icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none"
+                xmlns="http://www.w3.org/2000/svg">
+                <path
+                  d="M12.5522 6.66669L20.5522 14.6667C21.0329 15.1473 21.0699 15.9036 20.6632 16.4267L20.5522 16.5523L12.5522 24.5523L10.6666 22.6667L17.7228 15.6095L10.6666 8.55231L12.5522 6.66669Z"
+                  fill="currentColor" /></svg></span>
+          </a>
+        </div>
+      </div>
+      {{ end }}
+      {{ end }}
+    </div>
+  </div>
+</section>
+{{ end }}
+{{ end }}
+<!-- end of testimonials-carousel -->