From dc1c0d19ac83f2f55c0f5c22725cfea98edf4d11 Mon Sep 17 00:00:00 2001
From: Dilip Gohil <d@hyperspaceventures.com>
Date: Thu, 13 Aug 2020 13:35:58 +0530
Subject: [PATCH 1/2] changes in header

---
 .../assets/scss/templates/_navigation.scss    | 133 ++++++++++++++++--
 .../layouts/partials/header copy.html         | 131 +++++++++++++++++
 .../godocs-hugo/layouts/partials/header.html  | 118 ++++++++++------
 3 files changed, 330 insertions(+), 52 deletions(-)
 create mode 100755 themes/godocs-hugo/layouts/partials/header copy.html

diff --git a/themes/godocs-hugo/assets/scss/templates/_navigation.scss b/themes/godocs-hugo/assets/scss/templates/_navigation.scss
index cc37e6f..f4b77cb 100755
--- a/themes/godocs-hugo/assets/scss/templates/_navigation.scss
+++ b/themes/godocs-hugo/assets/scss/templates/_navigation.scss
@@ -36,16 +36,131 @@
   }
 }
 
-.navbar-expand-lg .navbar-nav .nav-link {
-  padding: 20px;
-  font-size: 15px;
-  @include desktop {
-    padding: 10px;
-    display: block;
-  }
-}
+// .navbar-expand-lg .navbar-nav .nav-link {
+//     padding: 0px;
+//     margin: 0 15px;
+//     font-size: 15px;
+//     color: #999;
+//     @include desktop {
+//         // padding: 10px;
+//         display: block;
+//         margin: 0 10px;
+//     }
+// }
 
 #select-language {
   border: 1px solid $border-color;
   background: transparent;
-}
\ No newline at end of file
+}
+.navigation{
+    .navbar{
+        padding: 15px 0;
+    }
+    .navbar-expand-lg{
+        .navbar-collapse{
+            justify-content: flex-end;
+            .navbar-nav{
+                .nav-item{
+                    .nav-link{
+                        padding: 0px;
+                        margin: 0 12px;
+                        font-size: 15px;
+                        color: #999;
+                        position: relative;
+                        transition: all 0.3s ease-in-out;
+                        &::before{
+                            content: '';
+                            position: absolute;
+                            background: #5B13DF;
+                            top: 50%;
+                            width: 100%;
+                            height: 2px;
+                            margin-top: .675rem;
+                            -webkit-transform: scaleX(0);
+                            -ms-transform: scaleX(0);
+                            transform: scaleX(0);
+                            -webkit-transform-origin: left center;
+                            -ms-transform-origin: left center;
+                            transform-origin: left center;
+                            -webkit-transition: all .35s ease;
+                            -o-transition: all .35s ease;
+                            transition: all .35s ease;
+                        }
+                        &:hover {
+                            color:#5B13DF;
+                            &::before{
+                                transform: scaleX(1);
+                            }
+                        }
+                        &.rownd-sign-up-btns{
+                            background: #5B13DF;
+                            color: white;
+                            margin: 0;
+                            padding: 10px 30px;
+                            border-radius: 4px;
+                            &::before{
+                                content: unset;
+                            }
+                            &:hover{
+                                box-shadow: 0 14px 26px -12px #5B13DF, 0 4px 23px 0px rgba(0,0,0, 0.12),0 8px 10px -5px rgba(243, 146,0,0.2);
+                            }
+                        }
+                    }
+                    &.dropdown{
+                        .nav-link{
+                            padding-right: 20px;
+                            &::after{
+                                position: absolute;
+                                content: '';
+                                border: solid #999;
+                                border-width: 0 2px 2px 0;
+                                padding: 3px;
+                                transform: rotate(45deg);
+                                top: 7px;
+                                margin: 0 auto;
+                                right: 0;
+                                border-radius: 2px;
+                                transition: all 0.3s ease-in-out;
+                            }
+                            &:hover {
+                                color:#5B13DF;
+                                &::before{
+                                    content: unset;
+                                }
+                                &::after{
+                                    border-color: #5B13DF;
+                                }
+                            }
+                        }
+                        .dropdown-menu{
+                            border: none;
+                            padding: 10px 0;
+                            border-top: solid 2px #5B13DF;
+                            border-radius: 0;
+                            box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1);
+                            min-width: 185px;
+                            display: none;
+                            .dropdown-item{
+                                font-size: 14px;
+                                padding: 10px 20px;
+                                background: transparent;
+                                color: #999;
+                                transition: all 0.3s ease-in-out;
+                                &:hover{
+                                    color: black;
+                                }
+                            }
+                        }
+                        &.show{
+                            &:hover{
+                                .dropdown-menu{
+                                    display: block;
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+}
diff --git a/themes/godocs-hugo/layouts/partials/header copy.html b/themes/godocs-hugo/layouts/partials/header copy.html
new file mode 100755
index 0000000..084398a
--- /dev/null
+++ b/themes/godocs-hugo/layouts/partials/header copy.html	
@@ -0,0 +1,131 @@
+{{ "<!-- navigation -->" | safeHTML }}
+<header class="sticky-top navigation {{if .IsHome}}top-0{{end}}">
+  <div class="container">
+    <!-- navbar -->
+    <nav class="navbar navbar-expand-lg navbar-light bg-transparent">
+      <a class="navbar-brand" href="{{ .Site.BaseURL | relLangURL }}">
+        {{ if .Site.Params.logo }}
+        <img class="img-fluid" src="{{ .Site.Params.logo | absURL }}" alt="{{ .Site.Title }}" style="height: 36px">
+        {{ else }}
+        {{ .Site.Title }}
+        {{ end }}</a>
+      <button class="navbar-toggler border-0" type="button" data-toggle="collapse" data-target="#navigation">
+        <i class="ti-align-right h4 text-dark"></i>
+      </button>
+
+      <div class="collapse navbar-collapse text-center" id="navigation">
+        <ul class="navbar-nav mx-auto align-items-center">
+          <!-- <li class="nav-item">
+            <a class="nav-link" href="{{ .Site.BaseURL | relLangURL }}">{{ .Site.Params.Home }}</a>
+          </li> -->
+            <li class="nav-item">
+                <a class="nav-link" href="{{ .Site.BaseURL | relLangURL }}">Docs</a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link" href="{{ .Site.BaseURL | relLangURL }}">Pricing</a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link" href="{{ .Site.BaseURL | relLangURL }}">Features</a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link" href="{{ .Site.BaseURL | relLangURL }}">Use Cases</a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link" href="{{ .Site.BaseURL | relLangURL }}">Our Why</a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link" href="{{ .Site.BaseURL | relLangURL }}">Blog</a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link" href="{{ .Site.BaseURL | relLangURL }}">Log in</a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link" href="{{ .Site.BaseURL | relLangURL }}">Sign up</a>
+            </li>
+          <!-- {{ range .Site.Menus.main }}
+          {{ if .HasChildren }} -->
+          <!-- <li class="nav-item dropdown">
+            <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown">
+             Features
+            </a>
+            <div class="dropdown-menu">
+              {{ range .Children }}
+              <a class="dropdown-item" href="{{ .URL | absURL }}">{{ .Name }}</a>
+              {{ end }}
+            </div>
+          </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="nav-item" 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>
+
+        <!-- for mobile -->
+        <!-- <div class="d-lg-none d-block"> -->
+          <!-- {{ if .Site.Params.navigation_button_bordered.enable }} -->
+          <!-- {{ "get start btn" | safeHTML }} -->
+          <!-- <a href="{{ .Site.Params.navigation_button_bordered.link | absURL }}"
+            class="btn btn-sm btn-outline-primary ml-lg-4">{{ .Site.Params.navigation_button_bordered.label }}</a>
+          {{ end }} -->
+
+          <!-- {{ if .Site.Params.navigation_button_solid.enable }} -->
+          <!-- {{ "get start btn" | safeHTML }} -->
+          <!-- <a href="{{ .Site.Params.navigation_button_solid.link | absURL }}"
+            class="btn btn-sm btn-primary ml-lg-4">{{ .Site.Params.navigation_button_solid.label }}</a>
+          {{ end }}
+        </div> -->
+        <!-- /for mobile -->
+      </div>
+
+      {{if not .IsHome }}
+      <form class="form-inline search-wrapper my-3" class="search-wrapper" action="{{ `search` | relLangURL }}">
+        <input id="search-by" name="s" type="search" class="form-control" placeholder="Search here ...">
+        <button class="border-0 bg-white" type="submit"><i class="ti-search"></i></button>
+      </form>
+      {{ end }}
+
+      <!-- for desktop -->
+      <!-- <div class="d-lg-flex d-none">
+        {{ if .Site.Params.navigation_button_bordered.enable }}
+        {{ "get start btn" | safeHTML }}
+        <a href="{{ .Site.Params.navigation_button_bordered.link | absURL }}"
+          class="btn btn-sm btn-outline-primary ml-lg-4">{{ .Site.Params.navigation_button_bordered.label }}</a>
+        {{ end }} -->
+
+        <!-- {{ if .Site.Params.navigation_button_solid.enable }}
+        {{ "get start btn" | safeHTML }}
+        <a href="{{ .Site.Params.navigation_button_solid.link | absURL }}"
+          class="btn btn-sm btn-primary ml-lg-4">{{ .Site.Params.navigation_button_solid.label }}</a>
+        {{ end }}
+      </div> -->
+      <!-- /for desktop -->
+
+    </nav>
+  </div>
+</header>
+{{ "<!-- /navigation -->" | safeHTML }}
\ No newline at end of file
diff --git a/themes/godocs-hugo/layouts/partials/header.html b/themes/godocs-hugo/layouts/partials/header.html
index 084b247..e69b084 100755
--- a/themes/godocs-hugo/layouts/partials/header.html
+++ b/themes/godocs-hugo/layouts/partials/header.html
@@ -13,68 +13,100 @@
         <i class="ti-align-right h4 text-dark"></i>
       </button>
 
-      <div class="collapse navbar-collapse text-center" id="navigation">
-        <ul class="navbar-nav mx-auto align-items-center">
-          <li class="nav-item">
+      <div class="collapse navbar-collapse" id="navigation">
+        <ul class="navbar-nav align-items-center">
+          <!-- <li class="nav-item">
             <a class="nav-link" href="{{ .Site.BaseURL | relLangURL }}">{{ .Site.Params.Home }}</a>
-          </li>
-          {{ range .Site.Menus.main }}
-          {{ if .HasChildren }}
-          <li class="nav-item dropdown">
+          </li> -->
+            <li class="nav-item">
+                <a class="nav-link" href="">Docs</a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link" href="#">Pricing</a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link" href="#">Features</a>
+            </li>
+            <li class="nav-item dropdown show">
+                <a class="nav-link" href="#" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Use Cases</a>
+                <div class="dropdown-menu show" aria-labelledby="dropdownMenuButton">
+                    <a class="dropdown-item" href="#">GDPR Compliance</a>
+                    <a class="dropdown-item" href="#">Small Business</a>
+                    <a class="dropdown-item" href="#">IT Firms</a>
+                    <a class="dropdown-item" href="#">COVID-19</a>
+                    <a class="dropdown-item" href="#">Equity</a>
+                    <a class="dropdown-item" href="#">Government</a>
+                </div>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link" href="#">Our Why</a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link" href="#">Blog</a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link" href="#">Log in</a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link rownd-sign-up-btns" href="#">Sign up</a>
+            </li>
+          <!-- {{ range .Site.Menus.main }}
+          {{ if .HasChildren }} -->
+          <!-- <li class="nav-item dropdown">
             <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown">
-              {{ .Name }}
+             Features
             </a>
             <div class="dropdown-menu">
               {{ range .Children }}
               <a class="dropdown-item" href="{{ .URL | absURL }}">{{ .Name }}</a>
               {{ end }}
             </div>
-          </li>
-          {{ else }}
-          <li class="nav-item">
+          </li> -->
+          <!-- {{ else }} -->
+          <!-- <li class="nav-item">
             <a class="nav-link" href="{{ .URL | absURL }}">{{ .Name }}</a>
-          </li>
-          {{ end }}
-          {{ end }}
-          <li class="nav-link">
+          </li> -->
+          <!-- {{ end }}
+          {{ end }} -->
+          <!-- <li class="nav-link"> -->
             <!-- Language List -->
-            {{ if .IsTranslated }}
-            <select class="nav-item" id="select-language" onchange="location = this.value;">
-              {{ $siteLanguages := .Site.Languages}}
+            <!-- {{ if .IsTranslated }} -->
+            <!-- <select class="nav-item" 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 }}
+              {{ 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 }}
-            </select>
-            {{ end }}
-          </li>
+              {{ end }} -->
+            <!-- </select> -->
+            <!-- {{ end }} -->
+          <!-- </li>-->
         </ul>
 
         <!-- for mobile -->
-        <div class="d-lg-none d-block">
-          {{ if .Site.Params.navigation_button_bordered.enable }}
-          {{ "<!-- get start btn -->" | safeHTML }}
-          <a href="{{ .Site.Params.navigation_button_bordered.link | absURL }}"
+        <!-- <div class="d-lg-none d-block"> -->
+          <!-- {{ if .Site.Params.navigation_button_bordered.enable }} -->
+          <!-- {{ "get start btn" | safeHTML }} -->
+          <!-- <a href="{{ .Site.Params.navigation_button_bordered.link | absURL }}"
             class="btn btn-sm btn-outline-primary ml-lg-4">{{ .Site.Params.navigation_button_bordered.label }}</a>
-          {{ end }}
+          {{ end }} -->
 
-          {{ if .Site.Params.navigation_button_solid.enable }}
-          {{ "<!-- get start btn -->" | safeHTML }}
-          <a href="{{ .Site.Params.navigation_button_solid.link | absURL }}"
+          <!-- {{ if .Site.Params.navigation_button_solid.enable }} -->
+          <!-- {{ "get start btn" | safeHTML }} -->
+          <!-- <a href="{{ .Site.Params.navigation_button_solid.link | absURL }}"
             class="btn btn-sm btn-primary ml-lg-4">{{ .Site.Params.navigation_button_solid.label }}</a>
           {{ end }}
-        </div>
+        </div> -->
         <!-- /for mobile -->
       </div>
 
@@ -86,19 +118,19 @@
       {{ end }}
 
       <!-- for desktop -->
-      <div class="d-lg-flex d-none">
+      <!-- <div class="d-lg-flex d-none">
         {{ if .Site.Params.navigation_button_bordered.enable }}
-        {{ "<!-- get start btn -->" | safeHTML }}
+        {{ "get start btn" | safeHTML }}
         <a href="{{ .Site.Params.navigation_button_bordered.link | absURL }}"
           class="btn btn-sm btn-outline-primary ml-lg-4">{{ .Site.Params.navigation_button_bordered.label }}</a>
-        {{ end }}
+        {{ end }} -->
 
-        {{ if .Site.Params.navigation_button_solid.enable }}
-        {{ "<!-- get start btn -->" | safeHTML }}
+        <!-- {{ if .Site.Params.navigation_button_solid.enable }}
+        {{ "get start btn" | safeHTML }}
         <a href="{{ .Site.Params.navigation_button_solid.link | absURL }}"
           class="btn btn-sm btn-primary ml-lg-4">{{ .Site.Params.navigation_button_solid.label }}</a>
         {{ end }}
-      </div>
+      </div> -->
       <!-- /for desktop -->
 
     </nav>
-- 
GitLab


From 0d63596235794e1008e4cc97424102882adf5bfa Mon Sep 17 00:00:00 2001
From: Dilip Gohil <d@hyperspaceventures.com>
Date: Thu, 13 Aug 2020 14:37:31 +0530
Subject: [PATCH 2/2] changes in header

---
 .../assets/scss/templates/_navigation.scss    |  14 ++
 .../godocs-hugo/layouts/partials/header.html  | 124 +++++++-----------
 2 files changed, 60 insertions(+), 78 deletions(-)

diff --git a/themes/godocs-hugo/assets/scss/templates/_navigation.scss b/themes/godocs-hugo/assets/scss/templates/_navigation.scss
index f4b77cb..58f927c 100755
--- a/themes/godocs-hugo/assets/scss/templates/_navigation.scss
+++ b/themes/godocs-hugo/assets/scss/templates/_navigation.scss
@@ -164,3 +164,17 @@
         }
     }
 }
+.nav-button {
+  outline: none;
+    border-color: #5B13DF;
+    background-color: #5B13DF;
+    color: #fff;
+    transition: all 0.5s;
+
+&:hover {
+  color: #fff;
+  background-color: #5B13DF!important;
+  box-shadow: 0 14px 26px -12px #5B13DF, 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(243, 146, 0, 0.2) !important;
+  opacity: 0.8;
+}
+}
\ No newline at end of file
diff --git a/themes/godocs-hugo/layouts/partials/header.html b/themes/godocs-hugo/layouts/partials/header.html
index e69b084..a242df8 100755
--- a/themes/godocs-hugo/layouts/partials/header.html
+++ b/themes/godocs-hugo/layouts/partials/header.html
@@ -1,4 +1,4 @@
-{{ "<!-- navigation -->" | safeHTML }}
+
 <header class="sticky-top navigation {{if .IsHome}}top-0{{end}}">
   <div class="container">
     <!-- navbar -->
@@ -13,100 +13,68 @@
         <i class="ti-align-right h4 text-dark"></i>
       </button>
 
-      <div class="collapse navbar-collapse" id="navigation">
-        <ul class="navbar-nav align-items-center">
-          <!-- <li class="nav-item">
+      <div class="collapse navbar-collapse text-center" id="navigation">
+        <ul class="navbar-nav mx-auto align-items-center">
+          <li class="nav-item">
             <a class="nav-link" href="{{ .Site.BaseURL | relLangURL }}">{{ .Site.Params.Home }}</a>
-          </li> -->
-            <li class="nav-item">
-                <a class="nav-link" href="">Docs</a>
-            </li>
-            <li class="nav-item">
-                <a class="nav-link" href="#">Pricing</a>
-            </li>
-            <li class="nav-item">
-                <a class="nav-link" href="#">Features</a>
-            </li>
-            <li class="nav-item dropdown show">
-                <a class="nav-link" href="#" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Use Cases</a>
-                <div class="dropdown-menu show" aria-labelledby="dropdownMenuButton">
-                    <a class="dropdown-item" href="#">GDPR Compliance</a>
-                    <a class="dropdown-item" href="#">Small Business</a>
-                    <a class="dropdown-item" href="#">IT Firms</a>
-                    <a class="dropdown-item" href="#">COVID-19</a>
-                    <a class="dropdown-item" href="#">Equity</a>
-                    <a class="dropdown-item" href="#">Government</a>
-                </div>
-            </li>
-            <li class="nav-item">
-                <a class="nav-link" href="#">Our Why</a>
-            </li>
-            <li class="nav-item">
-                <a class="nav-link" href="#">Blog</a>
-            </li>
-            <li class="nav-item">
-                <a class="nav-link" href="#">Log in</a>
-            </li>
-            <li class="nav-item">
-                <a class="nav-link rownd-sign-up-btns" href="#">Sign up</a>
-            </li>
-          <!-- {{ range .Site.Menus.main }}
-          {{ if .HasChildren }} -->
-          <!-- <li class="nav-item dropdown">
+          </li>
+          {{ range .Site.Menus.main }}
+          {{ if .HasChildren }}
+          <li class="nav-item dropdown">
             <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown">
-             Features
+              {{ .Name }}
             </a>
             <div class="dropdown-menu">
               {{ range .Children }}
               <a class="dropdown-item" href="{{ .URL | absURL }}">{{ .Name }}</a>
               {{ end }}
             </div>
-          </li> -->
-          <!-- {{ else }} -->
-          <!-- <li class="nav-item">
+          </li>
+          {{ else }}
+          <li class="nav-item">
             <a class="nav-link" href="{{ .URL | absURL }}">{{ .Name }}</a>
-          </li> -->
-          <!-- {{ end }}
-          {{ end }} -->
-          <!-- <li class="nav-link"> -->
+          </li>
+          {{ end }}
+          {{ end }}
+          <li class="nav-link">
             <!-- Language List -->
-            <!-- {{ if .IsTranslated }} -->
-            <!-- <select class="nav-item" id="select-language" onchange="location = this.value;"> -->
-              <!-- {{ $siteLanguages := .Site.Languages}}
+            {{ if .IsTranslated }}
+            <select class="nav-item" 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 }}
+              {{ 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>-->
+              {{ end }}
+            </select>
+            {{ end }}
+          </li>
         </ul>
 
         <!-- for mobile -->
-        <!-- <div class="d-lg-none d-block"> -->
-          <!-- {{ if .Site.Params.navigation_button_bordered.enable }} -->
-          <!-- {{ "get start btn" | safeHTML }} -->
-          <!-- <a href="{{ .Site.Params.navigation_button_bordered.link | absURL }}"
+        <div class="d-lg-none d-block">
+          {{ if .Site.Params.navigation_button_bordered.enable }}
+          {{ "<!-- get start btn -->" | safeHTML }}
+          <a href="{{ .Site.Params.navigation_button_bordered.link | absURL }}"
             class="btn btn-sm btn-outline-primary ml-lg-4">{{ .Site.Params.navigation_button_bordered.label }}</a>
-          {{ end }} -->
+          {{ end }}
 
-          <!-- {{ if .Site.Params.navigation_button_solid.enable }} -->
-          <!-- {{ "get start btn" | safeHTML }} -->
-          <!-- <a href="{{ .Site.Params.navigation_button_solid.link | absURL }}"
+          {{ if .Site.Params.navigation_button_solid.enable }}
+          {{ "<!-- get start btn -->" | safeHTML }}
+          <a href="{{ .Site.Params.navigation_button_solid.link | absURL }}"
             class="btn btn-sm btn-primary ml-lg-4">{{ .Site.Params.navigation_button_solid.label }}</a>
           {{ end }}
-        </div> -->
+        </div>
         <!-- /for mobile -->
       </div>
 
@@ -118,19 +86,19 @@
       {{ end }}
 
       <!-- for desktop -->
-      <!-- <div class="d-lg-flex d-none">
+      <div class="d-lg-flex d-none">
         {{ if .Site.Params.navigation_button_bordered.enable }}
-        {{ "get start btn" | safeHTML }}
+        {{ "<!-- get start btn -->" | safeHTML }}
         <a href="{{ .Site.Params.navigation_button_bordered.link | absURL }}"
-          class="btn btn-sm btn-outline-primary ml-lg-4">{{ .Site.Params.navigation_button_bordered.label }}</a>
-        {{ end }} -->
+          class="btn btn-sm btn-outline-primary ml-lg-4 nav-button">{{ .Site.Params.navigation_button_bordered.label }}</a>
+        {{ end }}
 
-        <!-- {{ if .Site.Params.navigation_button_solid.enable }}
-        {{ "get start btn" | safeHTML }}
+        {{ if .Site.Params.navigation_button_solid.enable }}
+        {{ "<!-- get start btn -->" | safeHTML }}
         <a href="{{ .Site.Params.navigation_button_solid.link | absURL }}"
-          class="btn btn-sm btn-primary ml-lg-4">{{ .Site.Params.navigation_button_solid.label }}</a>
+          class="btn btn-sm btn-primary ml-lg-4 nav-button">{{ .Site.Params.navigation_button_solid.label }}</a>
         {{ end }}
-      </div> -->
+      </div>
       <!-- /for desktop -->
 
     </nav>
-- 
GitLab