master
parent
5c8cab752f
commit
88a614ca43
|
@ -96,7 +96,7 @@
|
||||||
}
|
}
|
||||||
.nav-link:hover{
|
.nav-link:hover{
|
||||||
background-color: #e9c046;
|
background-color: #e9c046;
|
||||||
color: white;
|
color: white !important;
|
||||||
}
|
}
|
||||||
.nav-link:hover svg path {
|
.nav-link:hover svg path {
|
||||||
fill: white;
|
fill: white;
|
||||||
|
|
|
@ -3,9 +3,9 @@
|
||||||
<div class="container-fluid">
|
<div class="container-fluid">
|
||||||
<div class="row pt-3">
|
<div class="row pt-3">
|
||||||
<div class=" pt-md-1 pt-lg-1 col-sm-12 col-12 col-md-3 col-lg-3">
|
<div class=" pt-md-1 pt-lg-1 col-sm-12 col-12 col-md-3 col-lg-3">
|
||||||
<a class="navbar-brand " href="#">
|
<nuxt-link class="navbar-brand " to="/">
|
||||||
<img src="/svglogo.svg" height="35" class="img w-100" alt="imae">
|
<img src="/svglogo.svg" height="35" class="img w-100" alt="imae">
|
||||||
</a>
|
</nuxt-link>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-12 col-md-5 col-lg-6 text-center">
|
<div class="col-12 col-md-5 col-lg-6 text-center">
|
||||||
<a class="text-decoration-none fs-3 fw-bolder text-white " aria-current="page" href="#">{{ title }}</a>
|
<a class="text-decoration-none fs-3 fw-bolder text-white " aria-current="page" href="#">{{ title }}</a>
|
||||||
|
|
|
@ -9,44 +9,44 @@
|
||||||
<span class=" d-none d-sm-inline pt-3"><img src="~/assets/image/Logo.png" class="img img-fluid"></span>
|
<span class=" d-none d-sm-inline pt-3"><img src="~/assets/image/Logo.png" class="img img-fluid"></span>
|
||||||
</a>
|
</a>
|
||||||
<ul class="nav flex-column mb-sm-auto mb-0 align-items-center w-100 align-items-sm-start" id="menu">
|
<ul class="nav flex-column mb-sm-auto mb-0 align-items-center w-100 align-items-sm-start" id="menu">
|
||||||
<li class="nav-item py-0 w-100 ">
|
<li class="nav-item py-0 pb-md-1 w-100 ">
|
||||||
<nuxt-link to="/setting" class="nav-link px-3 py-3 list-active align-middle px-0 active text-muted fw-bold">
|
<nuxt-link to="/setting" class="nav-link px-3 py-3 list-active align-middle px-0 active text-muted fw-bold">
|
||||||
<i class="fa-solid d-sm-none d-block fa-user"></i><span class="ms-1 d-none d-sm-inline">Account</span>
|
<i class="fa-solid d-sm-none d-block fa-user"></i><span class="ms-1 d-none d-sm-inline">Account</span>
|
||||||
</nuxt-link>
|
</nuxt-link>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item py-0 w-100 ">
|
<li class="nav-item py-0 pb-md-1 w-100 ">
|
||||||
<nuxt-link to="/setting/subscription" class="nav-link px-3 py-3 list-active align-middle px-0 text-muted fw-bold">
|
<nuxt-link to="/setting/subscription" class="nav-link px-3 py-3 list-active align-middle px-0 text-muted fw-bold">
|
||||||
<i class="fa-solid d-sm-none d-block fa-credit-card"></i><span class="ms-1 d-none d-sm-inline">Subscription</span>
|
<i class="fa-solid d-sm-none d-block fa-credit-card"></i><span class="ms-1 d-none d-sm-inline">Subscription</span>
|
||||||
</nuxt-link>
|
</nuxt-link>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item py-0 w-100 ">
|
<li class="nav-item pb-md-1 py-0 w-100 ">
|
||||||
<nuxt-link to="/setting/soundscap" class=" px-3 py-3 list-active align-middle px-0 text-muted fw-bold">
|
<nuxt-link to="/setting/soundscap" class="nav-link px-3 py-3 list-active align-middle px-0 text-muted fw-bold">
|
||||||
<i class="fa-solid d-sm-none d-block fa-volume-high"></i><span class="ms-1 d-none d-sm-inline">Soundscape Settings</span>
|
<i class="fa-solid d-sm-none d-block fa-volume-high"></i><span class="ms-1 d-none d-sm-inline">Soundscape Settings</span>
|
||||||
</nuxt-link>
|
</nuxt-link>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item py-0 w-100 ">
|
<li class="nav-item py-0 pb-md-1 w-100 ">
|
||||||
<nuxt-link to="/setting/faq" class="nav-link px-3 py-3 list-active align-middle px-0 text-muted fw-bold">
|
<nuxt-link to="/setting/faq" class="nav-link px-3 py-3 list-active align-middle px-0 text-muted fw-bold">
|
||||||
<i class="fa-solid d-block d-sm-none fa-circle-question"></i><span class="ms-1 d-none d-sm-inline">FAQ</span>
|
<i class="fa-solid d-block d-sm-none fa-circle-question"></i><span class="ms-1 d-none d-sm-inline">FAQ</span>
|
||||||
</nuxt-link>
|
</nuxt-link>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item py-0 w-100 ">
|
<li class="nav-item py-0 pb-md-1 w-100 ">
|
||||||
<nuxt-link to="/setting/about" class="nav-link px-3 py-3 list-active align-middle px-0 text-muted fw-bold">
|
<nuxt-link to="/setting/about" class="nav-link px-3 py-3 list-active align-middle px-0 text-muted fw-bold">
|
||||||
<i class="fa-solid fa-circle-info d-block d-sm-none"></i><span class="ms-1 d-none d-sm-inline">About Mindboost</span>
|
<i class="fa-solid fa-circle-info d-block d-sm-none"></i><span class="ms-1 d-none d-sm-inline">About Mindboost</span>
|
||||||
</nuxt-link>
|
</nuxt-link>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item py-0 w-100 ">
|
<li class="nav-item py-0 w-100 pb-md-1 ">
|
||||||
<nuxt-link to="/setting/imprint" class="nav-link px-3 py-3 list-active align-middle px-0 text-muted fw-bold">
|
<nuxt-link to="/setting/imprint" class="nav-link px-3 py-3 list-active align-middle px-0 text-muted fw-bold">
|
||||||
<i class="fa-solid fa-stamp d-sm-none d-block"></i><span class="ms-1 d-none d-sm-inline">Imprint</span>
|
<i class="fa-solid fa-stamp d-sm-none d-block"></i><span class="ms-1 d-none d-sm-inline">Imprint</span>
|
||||||
</nuxt-link>
|
</nuxt-link>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item py-0 w-100 ">
|
<li class="nav-item py-0 w-100 pb-md-1 ">
|
||||||
<nuxt-link to="/setting/dataprotection" class="nav-link px-3 py-3 list-active align-middle px-0 text-muted fw-bold">
|
<nuxt-link to="/setting/dataprotection" class="nav-link px-3 py-3 list-active align-middle px-0 text-muted fw-bold">
|
||||||
<i class="fa-solid fa-stamp d-sm-none d-block"></i><span class="ms-1 d-none d-sm-inline">Data Protection</span>
|
<i class="fa-solid fa-stamp d-sm-none d-block"></i><span class="ms-1 d-none d-sm-inline">Data Protection</span>
|
||||||
</nuxt-link>
|
</nuxt-link>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item py-0 w-100 ">
|
<li class="nav-item py-0 w-100 pb-md-1 ">
|
||||||
<nuxt-link to="/setting/termsandcondition" class="nav-link px-3 py-3 list-active align-middle px-0 text-muted fw-bold">
|
<nuxt-link to="/setting/termsandcondition" class="nav-link px-3 py-3 list-active align-middle px-0 text-muted fw-bold">
|
||||||
<i class="fa-solid fa-stamp d-sm-none d-block"></i><span class="ms-1 d-none d-sm-inline">Terms & Conditions</span>
|
<i class="fa-solid fa-stamp d-sm-none d-block"></i><span class="ms-1 d-none d-sm-inline">Terms & Conditions</span>
|
||||||
</nuxt-link>
|
</nuxt-link>
|
||||||
|
|
Loading…
Reference in New Issue