Skip to content

M
makura-2025
Commit c0539ccc by Arjun Jhukal
Options

udpated the header and fixed button

parent d4b4792f
Showing with 191 additions and 127 deletions
assets/css/style.css
This source diff could not be displayed because it is too large. You can view the blob instead.
assets/js/style.js
...@@ -433,28 +433,6 @@ ...@@ -433,28 +433,6 @@
// }); // });
// }); // });
let lastScrollTop = 0;
let scrollTimeout;
$(window).on("scroll", function () {
clearTimeout(scrollTimeout);
const scrollTop = $(this).scrollTop();
scrollTimeout = setTimeout(() => {
$(".menu-item-has-children").removeClass("show");
if (scrollTop > 120 && scrollTop < lastScrollTop) {
$(".navbar").addClass("sticky-top");
$(".sticky-tab").addClass("sticky-with-header");
} else {
$(".navbar").removeClass("sticky-top");
$(".sticky-tab").removeClass("sticky-with-header");
}
lastScrollTop = scrollTop;
}, 100); // Small delay to prevent flickering
});
$(".button-close").click(function () { $(".button-close").click(function () {
$(".modal-dialog").addClass("addCss"); $(".modal-dialog").addClass("addCss");
...@@ -488,17 +466,53 @@ ...@@ -488,17 +466,53 @@
}, },
}); });
$(function () {
let lastScrollTop = 0;
let scrollTimeout;
$(window).on("scroll", function () {
clearTimeout(scrollTimeout);
const scrollTop = $(this).scrollTop();
scrollTimeout = setTimeout(() => {
$(".menu-item-has-children").removeClass("show");
if (scrollTop > 120 && scrollTop < lastScrollTop) {
$(".navbar").addClass("sticky-top");
$(".sticky-tab").addClass("sticky-with-header");
} else {
$(".navbar").removeClass("sticky-top");
$(".sticky-tab").removeClass("sticky-with-header");
}
lastScrollTop = scrollTop;
}, 100);
});
})
// returntotop // returntotop
$(window).scroll(function () { $(function () {
if ($(this).scrollTop() >= 200) { let lastScrollTop = 0;
$("#return-to-top").show(200);
} else { $(window).scroll(function () {
$("#return-to-top").hide(200); let currentScrollTop = $(this).scrollTop();
}
}); // Only show if scrolling up and scrolled at least 200px
$("#return-to-top").click(function () { if (currentScrollTop < lastScrollTop && currentScrollTop >= 200) {
$("body,html").animate({ scrollTop: 0 }, 1000); $("#return-to-top").fadeIn(200);
}); } else {
$("#return-to-top").fadeOut(200);
}
lastScrollTop = currentScrollTop;
});
$("#return-to-top").click(function () {
$("html, body").animate({ scrollTop: 0 }, 1000);
});
})
//thankyou message for comment in blog-detail //thankyou message for comment in blog-detail
$("#submitBtn").click(function () { $("#submitBtn").click(function () {
......
dev/sass/base/_base.scss
...@@ -40,6 +40,7 @@ body { ...@@ -40,6 +40,7 @@ body {
font-family: $body-font; font-family: $body-font;
position: relative; position: relative;
overflow-x: hidden; overflow-x: hidden;
&.no-scroll { &.no-scroll {
overflow: hidden !important; overflow: hidden !important;
} }
...@@ -93,6 +94,7 @@ p { ...@@ -93,6 +94,7 @@ p {
font-size: 1.125rem; font-size: 1.125rem;
color: #58595a; color: #58595a;
letter-spacing: -0.5px; letter-spacing: -0.5px;
@media (max-width: 991px) { @media (max-width: 991px) {
letter-spacing: 0; letter-spacing: 0;
} }
...@@ -647,11 +649,14 @@ ul { ...@@ -647,11 +649,14 @@ ul {
} }
// 9: Return to Top Start // 9: Return to Top Start
#return-to-top { .fixed-button-wrapper {
position: fixed; position: fixed;
z-index: 99; z-index: 99;
bottom: 20px; bottom: 20px;
right: 2%; right: 2%;
}
#return-to-top {
background: $primary; background: $primary;
width: 50px; width: 50px;
height: 50px; height: 50px;
...@@ -699,7 +704,7 @@ ul { ...@@ -699,7 +704,7 @@ ul {
} }
.text-content { .text-content {
& > span { &>span {
font-size: 1.25rem; font-size: 1.25rem;
color: #000000; color: #000000;
letter-spacing: 0.28em; letter-spacing: 0.28em;
...@@ -1122,6 +1127,7 @@ ul { ...@@ -1122,6 +1127,7 @@ ul {
} }
.text-wrapper { .text-wrapper {
h1, h1,
h2, h2,
h3, h3,
...@@ -1365,6 +1371,7 @@ ul { ...@@ -1365,6 +1371,7 @@ ul {
display: flex !important; display: flex !important;
.job-list { .job-list {
h1, h1,
h2, h2,
h3, h3,
...@@ -1409,12 +1416,15 @@ ul { ...@@ -1409,12 +1416,15 @@ ul {
.breadcrumb-background-dark { .breadcrumb-background-dark {
padding-bottom: 0; padding-bottom: 0;
padding-top: 4.5rem !important; padding-top: 4.5rem !important;
&.background-dark { &.background-dark {
background: #005aff !important; background: #005aff !important;
} }
&.breadcrumb-background-dark { &.breadcrumb-background-dark {
padding-bottom: 2.5rem !important; padding-bottom: 2.5rem !important;
} }
ol, ol,
ul { ul {
margin: 0; margin: 0;
...@@ -1426,7 +1436,7 @@ ul { ...@@ -1426,7 +1436,7 @@ ul {
} }
} }
.breadcrumb-item + .breadcrumb-item { .breadcrumb-item+.breadcrumb-item {
&::before { &::before {
content: ""; content: "";
background-image: url("data:image/svg+xml,%3Csvg width='11' height='10' viewBox='0 0 11 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.51423 5.6495L10.1608 5.00193L10.1589 4.99999L9.50653 4.34468L7.70727 2.53727L5.44039 0.258179L3.16196 2.54886L1.36078 4.35628L0.721895 4.99999L0.719971 5.00193L1.36655 5.6495L3.16581 7.45886L5.44039 9.74181L7.71304 7.45886L9.51423 5.6495Z' fill='white'/%3E%3C/svg%3E%0A"); background-image: url("data:image/svg+xml,%3Csvg width='11' height='10' viewBox='0 0 11 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.51423 5.6495L10.1608 5.00193L10.1589 4.99999L9.50653 4.34468L7.70727 2.53727L5.44039 0.258179L3.16196 2.54886L1.36078 4.35628L0.721895 4.99999L0.719971 5.00193L1.36655 5.6495L3.16581 7.45886L5.44039 9.74181L7.71304 7.45886L9.51423 5.6495Z' fill='white'/%3E%3C/svg%3E%0A");
...@@ -1442,6 +1452,7 @@ ul { ...@@ -1442,6 +1452,7 @@ ul {
.vacancy-detail-breadcrumb { .vacancy-detail-breadcrumb {
padding-top: 4.5rem !important; padding-top: 4.5rem !important;
background: #121526 !important; background: #121526 !important;
ol, ol,
ul { ul {
margin: 0; margin: 0;
...@@ -1453,7 +1464,7 @@ ul { ...@@ -1453,7 +1464,7 @@ ul {
} }
} }
.breadcrumb-item + .breadcrumb-item { .breadcrumb-item+.breadcrumb-item {
&::before { &::before {
content: ""; content: "";
background-image: url("data:image/svg+xml,%3Csvg width='11' height='10' viewBox='0 0 11 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.51423 5.6495L10.1608 5.00193L10.1589 4.99999L9.50653 4.34468L7.70727 2.53727L5.44039 0.258179L3.16196 2.54886L1.36078 4.35628L0.721895 4.99999L0.719971 5.00193L1.36655 5.6495L3.16581 7.45886L5.44039 9.74181L7.71304 7.45886L9.51423 5.6495Z' fill='white'/%3E%3C/svg%3E%0A"); background-image: url("data:image/svg+xml,%3Csvg width='11' height='10' viewBox='0 0 11 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.51423 5.6495L10.1608 5.00193L10.1589 4.99999L9.50653 4.34468L7.70727 2.53727L5.44039 0.258179L3.16196 2.54886L1.36078 4.35628L0.721895 4.99999L0.719971 5.00193L1.36655 5.6495L3.16581 7.45886L5.44039 9.74181L7.71304 7.45886L9.51423 5.6495Z' fill='white'/%3E%3C/svg%3E%0A");
...@@ -1471,11 +1482,13 @@ ul { ...@@ -1471,11 +1482,13 @@ ul {
.col-lg-9 { .col-lg-9 {
padding-left: 0.8125rem; padding-left: 0.8125rem;
} }
.terms-sidebar-wrapper { .terms-sidebar-wrapper {
position: sticky; position: sticky;
top: 20%; top: 20%;
margin-right: 2.5rem; margin-right: 2.5rem;
padding-bottom: 1.875rem; padding-bottom: 1.875rem;
ul { ul {
margin: 0; margin: 0;
list-style-type: none; list-style-type: none;
...@@ -1569,6 +1582,7 @@ ul { ...@@ -1569,6 +1582,7 @@ ul {
//YOU-MAY-LIKE //YOU-MAY-LIKE
.YOU-MAY-LIKE { .YOU-MAY-LIKE {
.main-wrapper .top-title-wrapper p, .main-wrapper .top-title-wrapper p,
span { span {
color: #000 !important; color: #000 !important;
...@@ -1577,4 +1591,4 @@ ul { ...@@ -1577,4 +1591,4 @@ ul {
.color-grey { .color-grey {
color: #6c757d; color: #6c757d;
} }
\ No newline at end of file
dev/sass/base/_header.scss
///top-nav //top-nav
.header-placeholder {
height: 65px;
}
@media (min-width:992px) {
.header-placeholder {
height: 86px;
}
}
.top-nav { .top-nav {
width: 100%; width: 100%;
background-color: $white; background-color: $white;
...@@ -7,11 +17,17 @@ ...@@ -7,11 +17,17 @@
left: 0; left: 0;
z-index: 111; z-index: 111;
transition: 0.4s ease-in-out; transition: 0.4s ease-in-out;
position: absolute;
top: 0;
@media (max-width: 1030px) { @media (max-width: 1030px) {
.navbar-nav { .navbar-nav {
flex-direction: column !important; flex-direction: column !important;
} }
} }
.side-menu-close { .side-menu-close {
@media (max-width: 1030px) { @media (max-width: 1030px) {
display: block !important; display: block !important;
...@@ -117,6 +133,7 @@ ...@@ -117,6 +133,7 @@
@media (max-width: 1030px) { @media (max-width: 1030px) {
margin-right: 0; margin-right: 0;
&:not(:last-child) { &:not(:last-child) {
margin-bottom: 1.875rem; margin-bottom: 1.875rem;
} }
...@@ -181,7 +198,7 @@ ...@@ -181,7 +198,7 @@
&.menu-item-has-children { &.menu-item-has-children {
position: relative; position: relative;
> a { >a {
padding-right: 24px; padding-right: 24px;
position: relative; position: relative;
...@@ -199,11 +216,12 @@ ...@@ -199,11 +216,12 @@
&:hover, &:hover,
&.show { &.show {
> ul { >ul {
opacity: 1; opacity: 1;
visibility: visible; visibility: visible;
transform: translateY(0); transform: translateY(0);
} }
a { a {
&::before { &::before {
transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg);
...@@ -231,6 +249,7 @@ ...@@ -231,6 +249,7 @@
left: 100%; left: 100%;
top: 0; top: 0;
} }
a { a {
display: block; display: block;
padding: 12px 36px 12px 24px; padding: 12px 36px 12px 24px;
...@@ -238,13 +257,15 @@ ...@@ -238,13 +257,15 @@
&::after { &::after {
content: unset; content: unset;
} }
&::before { &::before {
right: 24px; right: 24px;
} }
} }
&:hover, &:hover,
&.active { &.active {
> a { >a {
background-color: rgba(44, 92, 218, 20%); background-color: rgba(44, 92, 218, 20%);
} }
} }
...@@ -324,9 +345,12 @@ ...@@ -324,9 +345,12 @@
// brightness(140%); // brightness(140%);
-webkit-box-shadow: 0 6px 9px 0 rgba(0, 0, 0, 0.06); -webkit-box-shadow: 0 6px 9px 0 rgba(0, 0, 0, 0.06);
animation: slideDown 0.8s ease forwards; animation: slideDown 0.8s ease forwards;
position: fixed;
// overflow: hidden; // overflow: hidden;
@media (max-width: 1030px) { @media (max-width: 1030px) {
animation: unset; animation: unset;
.navbar-nav { .navbar-nav {
flex-direction: column !important; flex-direction: column !important;
} }
...@@ -414,6 +438,7 @@ ...@@ -414,6 +438,7 @@
li { li {
width: 100%; width: 100%;
a { a {
// padding-left: 0 !important; // padding-left: 0 !important;
color: $black !important; color: $black !important;
...@@ -424,6 +449,7 @@ ...@@ -424,6 +449,7 @@
} }
} }
} }
.top-nav { .top-nav {
.nav-wrapper { .nav-wrapper {
.nav-right { .nav-right {
...@@ -443,6 +469,7 @@ ...@@ -443,6 +469,7 @@
padding-left: 12px; padding-left: 12px;
// border-radius: 12px; // border-radius: 12px;
} }
ul { ul {
padding-left: 12px; padding-left: 12px;
} }
...@@ -451,7 +478,7 @@ ...@@ -451,7 +478,7 @@
&:hover, &:hover,
&.show { &.show {
> ul { >ul {
display: block; display: block;
} }
} }
...@@ -482,4 +509,4 @@ ...@@ -482,4 +509,4 @@
display: block; display: block;
height: 150px; height: 150px;
margin-top: -180px; margin-top: -180px;
} }
\ No newline at end of file
dev/sass/pages/_index.scss
...@@ -17,9 +17,9 @@ ...@@ -17,9 +17,9 @@
} }
.whats-app-icon-wrapper { .whats-app-icon-wrapper {
position: fixed; // position: fixed;
bottom: 80px; // bottom: 80px;
right: 2%; // right: 2%;
max-width: 51px; max-width: 51px;
// padding: 10px; // padding: 10px;
border-radius: 5px; border-radius: 5px;
...@@ -40,7 +40,8 @@ ...@@ -40,7 +40,8 @@
} }
.whats-app-icon-wrapper .tooltip-wrapper { .whats-app-icon-wrapper .tooltip-wrapper {
top: 23%; top: 50%;
transform: translateY(-50%);
left: -8rem; left: -8rem;
background-color: #34c759; background-color: #34c759;
border-radius: 8px; border-radius: 8px;
......
footer.php
...@@ -332,26 +332,28 @@ ...@@ -332,26 +332,28 @@
</div> </div>
</footer> </footer>
<a href="javascript:void(0)" id="return-to-top">
<svg viewBox="0 0 24 24" width="24" height="24" stroke="#fff" stroke-width="2" fill="none" stroke-linecap="round"
stroke-linejoin="round" class="css-i6dzq1">
<polyline points="18 15 12 9 6 15"></polyline>
</svg>
</a>
<div class="whats-app-icon-wrapper"> <div class="fixed-button-wrapper">
<a href="https://wa.me/<?php echo get_field('whats_app_number', 'option'); ?>" target="_blank"> <a href="javascript:void(0)" id="return-to-top">
<svg width="60" height="60" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg viewBox="0 0 24 24" width="24" height="24" stroke="#fff" stroke-width="2" fill="none"
<path stroke-linecap="round" stroke-linejoin="round" class="css-i6dzq1">
d="M48 24C48 37.2548 37.2548 48 24 48C10.7452 48 0 37.2548 0 24C0 10.7452 10.7452 0 24 0C37.2548 0 48 10.7452 48 24Z" <polyline points="18 15 12 9 6 15"></polyline>
fill="#34C759" />
<path
d="M24.0025 14H23.9975C18.4837 14 14 18.485 14 24C14 26.1875 14.705 28.215 15.9038 29.8612L14.6575 33.5763L18.5012 32.3475C20.0825 33.395 21.9688 34 24.0025 34C29.5163 34 34 29.5137 34 24C34 18.4863 29.5163 14 24.0025 14ZM29.8212 28.1213C29.58 28.8025 28.6225 29.3675 27.8587 29.5325C27.3362 29.6437 26.6538 29.7325 24.3563 28.78C21.4175 27.5625 19.525 24.5762 19.3775 24.3825C19.2363 24.1887 18.19 22.8013 18.19 21.3663C18.19 19.9313 18.9187 19.2325 19.2125 18.9325C19.4537 18.6863 19.8525 18.5737 20.235 18.5737C20.3588 18.5737 20.47 18.58 20.57 18.585C20.8637 18.5975 21.0112 18.615 21.205 19.0788C21.4462 19.66 22.0338 21.095 22.1038 21.2425C22.175 21.39 22.2462 21.59 22.1462 21.7838C22.0525 21.9838 21.97 22.0725 21.8225 22.2425C21.675 22.4125 21.535 22.5425 21.3875 22.725C21.2525 22.8838 21.1 23.0537 21.27 23.3475C21.44 23.635 22.0275 24.5938 22.8925 25.3638C24.0087 26.3575 24.9137 26.675 25.2375 26.81C25.4787 26.91 25.7662 26.8862 25.9425 26.6987C26.1662 26.4575 26.4425 26.0575 26.7237 25.6637C26.9237 25.3812 27.1762 25.3462 27.4412 25.4462C27.7112 25.54 29.14 26.2462 29.4338 26.3925C29.7275 26.54 29.9213 26.61 29.9925 26.7337C30.0625 26.8575 30.0625 27.4388 29.8212 28.1213Z"
fill="white" />
</svg> </svg>
</a> </a>
<div class="position-absolute tooltip-wrapper"> <div class="whats-app-icon-wrapper position-relative">
<p>Chat with us</p> <a href="https://wa.me/<?php echo get_field('whats_app_number', 'option'); ?>" target="_blank">
<svg width="60" height="60" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M48 24C48 37.2548 37.2548 48 24 48C10.7452 48 0 37.2548 0 24C0 10.7452 10.7452 0 24 0C37.2548 0 48 10.7452 48 24Z"
fill="#34C759" />
<path
d="M24.0025 14H23.9975C18.4837 14 14 18.485 14 24C14 26.1875 14.705 28.215 15.9038 29.8612L14.6575 33.5763L18.5012 32.3475C20.0825 33.395 21.9688 34 24.0025 34C29.5163 34 34 29.5137 34 24C34 18.4863 29.5163 14 24.0025 14ZM29.8212 28.1213C29.58 28.8025 28.6225 29.3675 27.8587 29.5325C27.3362 29.6437 26.6538 29.7325 24.3563 28.78C21.4175 27.5625 19.525 24.5762 19.3775 24.3825C19.2363 24.1887 18.19 22.8013 18.19 21.3663C18.19 19.9313 18.9187 19.2325 19.2125 18.9325C19.4537 18.6863 19.8525 18.5737 20.235 18.5737C20.3588 18.5737 20.47 18.58 20.57 18.585C20.8637 18.5975 21.0112 18.615 21.205 19.0788C21.4462 19.66 22.0338 21.095 22.1038 21.2425C22.175 21.39 22.2462 21.59 22.1462 21.7838C22.0525 21.9838 21.97 22.0725 21.8225 22.2425C21.675 22.4125 21.535 22.5425 21.3875 22.725C21.2525 22.8838 21.1 23.0537 21.27 23.3475C21.44 23.635 22.0275 24.5938 22.8925 25.3638C24.0087 26.3575 24.9137 26.675 25.2375 26.81C25.4787 26.91 25.7662 26.8862 25.9425 26.6987C26.1662 26.4575 26.4425 26.0575 26.7237 25.6637C26.9237 25.3812 27.1762 25.3462 27.4412 25.4462C27.7112 25.54 29.14 26.2462 29.4338 26.3925C29.7275 26.54 29.9213 26.61 29.9925 26.7337C30.0625 26.8575 30.0625 27.4388 29.8212 28.1213Z"
fill="white" />
</svg>
</a>
<div class="position-absolute tooltip-wrapper">
<p>Chat with us</p>
</div>
</div> </div>
</div> </div>
......
header.php
...@@ -2,48 +2,48 @@ ...@@ -2,48 +2,48 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<?php wp_head(); ?> <?php wp_head(); ?>
<meta name="google-site-verification" content="DPEItwBusmmpY1RLo_YnoM9jRctsvqfM0AJNpkGiKwc" /> <meta name="google-site-verification" content="DPEItwBusmmpY1RLo_YnoM9jRctsvqfM0AJNpkGiKwc" />
<!-- Google Tag Manager --> <!-- Google Tag Manager -->
<script> <script>
(function(w, d, s, l, i) { (function(w, d, s, l, i) {
w[l] = w[l] || []; w[l] = w[l] || [];
w[l].push({ w[l].push({
'gtm.start': new Date().getTime(), 'gtm.start': new Date().getTime(),
event: 'gtm.js' event: 'gtm.js'
}); });
var f = d.getElementsByTagName(s)[0], var f = d.getElementsByTagName(s)[0],
j = d.createElement(s), j = d.createElement(s),
dl = l != 'dataLayer' ? '&l=' + l : ''; dl = l != 'dataLayer' ? '&l=' + l : '';
j.async = true; j.async = true;
j.src = j.src =
'https://www.googletagmanager.com/gtm.js?id=' + i + dl; 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j, f); f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-T7SF2XRJ'); })(window, document, 'script', 'dataLayer', 'GTM-T7SF2XRJ');
</script> </script>
<!-- End Google Tag Manager --> <!-- End Google Tag Manager -->
</head> </head>
<body> <body>
<!-- Google Tag Manager (noscript) --> <!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T7SF2XRJ" height="0" width="0" <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T7SF2XRJ" height="0" width="0"
style="display:none;visibility:hidden"></iframe></noscript> style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) --> <!-- End Google Tag Manager (noscript) -->
<nav class="navbar navbar-expand-lg navbar-light top-nav p-0" id="myTopnav"> <nav class="navbar navbar-expand-lg navbar-light top-nav p-0" id="myTopnav">
<div class="container"> <div class="container">
<div class="row align-items-center position-relative nav-wrapper justify-content-between w-100"> <div class="row align-items-center position-relative nav-wrapper justify-content-between w-100">
<div class="col-5 col-lg-1 d-flex align-items-center nav-left"> <div class="col-5 col-lg-1 d-flex align-items-center nav-left">
<div class="logo d-flex align-items-center"> <div class="logo d-flex align-items-center">
<?php echo get_custom_logo(); ?> <?php echo get_custom_logo(); ?>
</div> </div>
</div> </div>
<div class="col-6 col-lg-10 d-flex align-items-center justify-content-end nav-right"> <div class="col-6 col-lg-10 d-flex align-items-center justify-content-end nav-right">
<?php <?php
wp_nav_menu( array( wp_nav_menu( array(
'theme_location' => 'menu-web', 'theme_location' => 'menu-web',
'depth' => 9, 'depth' => 9,
...@@ -55,27 +55,31 @@ ...@@ -55,27 +55,31 @@
</div>%3$s</ul>' </div>%3$s</ul>'
)); ));
?> ?>
<div class="book-button"> <div class="book-button">
<a href="#" data-bs-toggle="modal" data-bs-target="#exampleModal" <a href="#" data-bs-toggle="modal" data-bs-target="#exampleModal"
class="btn btn-primary btn-padding hover-up btn-start-project font-14 fw-500 btn-padding btn-submit">Start class="btn btn-primary btn-padding hover-up btn-start-project font-14 fw-500 btn-padding btn-submit">Start
your project your project
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
<path fill-rule="evenodd" clip-rule="evenodd" xmlns="http://www.w3.org/2000/svg">
d="M4 13L16.17 13L10.58 18.59L12 20L20 12L12 4L10.59 5.41L16.17 11L4 11L4 13Z" fill="white"></path> <path fill-rule="evenodd" clip-rule="evenodd"
</svg> d="M4 13L16.17 13L10.58 18.59L12 20L20 12L12 4L10.59 5.41L16.17 11L4 11L4 13Z"
<span class="bg-hover" style="left: 108px; top: 62.1562px;"></span> fill="white"></path>
</a> </svg>
</div> <span class="bg-hover" style="left: 108px; top: 62.1562px;"></span>
</div> </a>
<div class="col-1 menu-toggler"> </div>
<div class="toggler-icon"> </div>
<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="32" width="32" <div class="col-1 menu-toggler">
xmlns="http://www.w3.org/2000/svg"> <div class="toggler-icon">
<path fill="none" d="M0 0h24v24H0z"></path> <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="32"
<path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"></path> width="32" xmlns="http://www.w3.org/2000/svg">
</svg> <path fill="none" d="M0 0h24v24H0z"></path>
</div> <path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"></path>
</svg>
</div>
</div>
</div>
</div> </div>
</div> </nav>
</div>
</nav> <div class="header-placeholder"></div>
\ No newline at end of file \ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment