Skip to content

M
makura-2025
Commit 66488d5f by jhukal9@gmail.com
Options

updated the mega menu

parent 46a94576
Showing with 268 additions and 83 deletions
assets/css/style.css
This source diff could not be displayed because it is too large. You can view the blob instead.
assets/img/mega-figma.svg 0 → 100644
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_4471_4289)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.61538 1.84615C7.88094 1.84615 7.17656 2.13791 6.65722 2.65724C6.13793 3.17658 5.84615 3.88095 5.84615 4.61539C5.84615 5.34984 6.13793 6.05421 6.65722 6.5735C7.17656 7.09284 7.88094 7.38462 8.61538 7.38462H11.3846V1.84615H8.61538ZM5.3518 1.35182C6.21739 0.486262 7.39131 0 8.61538 0H12.3077C12.8175 0 13.2308 0.413278 13.2308 0.923076V8.3077C13.2308 8.81748 12.8175 9.23078 12.3077 9.23078H8.61538C7.39131 9.23078 6.21739 8.74451 5.3518 7.87898C4.48626 7.01338 4 5.83947 4 4.61539C4 3.39132 4.48626 2.21737 5.3518 1.35182Z" fill="#005AFF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.3828 0.923076C11.3828 0.413278 11.7961 0 12.3059 0H15.9982C16.6043 0 17.2045 0.119383 17.7644 0.351325C18.3244 0.583272 18.8332 0.923236 19.2618 1.35182C19.6903 1.78039 20.0303 2.28919 20.2622 2.84917C20.4942 3.4091 20.6136 4.00926 20.6136 4.61539C20.6136 5.22146 20.4942 5.82163 20.2622 6.38162C20.0303 6.94161 19.6903 7.45038 19.2618 7.87898C18.8332 8.30752 18.3244 8.64751 17.7644 8.87945C17.2045 9.11138 16.6043 9.23078 15.9982 9.23078H12.3059C11.7961 9.23078 11.3828 8.81748 11.3828 8.3077V0.923076ZM13.229 1.84615V7.38462H15.9982C16.3619 7.38462 16.7219 7.31296 17.0579 7.17384C17.3939 7.03465 17.6992 6.83066 17.9564 6.5735C18.2135 6.31639 18.4175 6.01109 18.5566 5.67512C18.6958 5.33915 18.7674 4.97907 18.7674 4.61539C18.7674 4.25172 18.6958 3.89164 18.5566 3.55567C18.4175 3.21964 18.2135 2.91439 17.9564 2.65724C17.6992 2.4001 17.3939 2.19612 17.0579 2.05695C16.7219 1.91778 16.3619 1.84615 15.9982 1.84615H13.229Z" fill="#005AFF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.9982 9.23067C15.6345 9.23067 15.2744 9.30228 14.9385 9.44146C14.6025 9.58065 14.2972 9.78458 14.04 10.0417C13.7829 10.2989 13.5789 10.6042 13.4398 10.9402C13.3006 11.2762 13.229 11.6362 13.229 11.9999C13.229 12.3636 13.3006 12.7237 13.4398 13.0596C13.5789 13.3956 13.7829 13.7009 14.04 13.958C14.2972 14.2152 14.6025 14.4192 14.9385 14.5583C15.2744 14.6975 15.6345 14.7691 15.9982 14.7691C16.3619 14.7691 16.7219 14.6975 17.0579 14.5583C17.3939 14.4192 17.6992 14.2152 17.9564 13.958C18.2135 13.7009 18.4175 13.3956 18.5566 13.0596C18.6958 12.7237 18.7674 12.3636 18.7674 11.9999C18.7674 11.6362 18.6958 11.2762 18.5566 10.9402C18.4175 10.6042 18.2135 10.2989 17.9564 10.0417C17.6992 9.78458 17.3939 9.58065 17.0579 9.44146C16.7219 9.30228 16.3619 9.23067 15.9982 9.23067ZM14.232 7.73585C14.7919 7.50392 15.3921 7.38452 15.9982 7.38452C16.6043 7.38452 17.2045 7.50392 17.7644 7.73585C18.3244 7.96779 18.8332 8.30777 19.2618 8.73632C19.6903 9.16492 20.0303 9.67369 20.2622 10.2337C20.4942 10.7936 20.6136 11.3938 20.6136 11.9999C20.6136 12.606 20.4942 13.2061 20.2622 13.7661C20.0303 14.3261 19.6903 14.8349 19.2618 15.2635C18.8332 15.692 18.3244 16.032 17.7644 16.264C17.2045 16.4959 16.6043 16.6153 15.9982 16.6153C15.3921 16.6153 14.7919 16.4959 14.232 16.264C13.672 16.032 13.1632 15.692 12.7346 15.2635C12.3061 14.8349 11.9661 14.3261 11.7341 13.7661C11.5022 13.2061 11.3828 12.606 11.3828 11.9999C11.3828 11.3938 11.5022 10.7936 11.7341 10.2337C11.9661 9.67369 12.3061 9.16492 12.7346 8.73632C13.1632 8.30777 13.672 7.96779 14.232 7.73585Z" fill="#005AFF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.61538 16.6152C7.88094 16.6152 7.17656 16.9069 6.65722 17.4263C6.13793 17.9456 5.84615 18.65 5.84615 19.3844C5.84615 20.1189 6.13793 20.8232 6.65722 21.3425C7.17656 21.8619 7.88094 22.1537 8.61538 22.1537C9.34983 22.1537 10.0542 21.8619 10.5735 21.3425C11.0928 20.8232 11.3846 20.1189 11.3846 19.3844V16.6152H8.61538ZM5.3518 16.1208C6.21739 15.2553 7.39131 14.769 8.61538 14.769H12.3077C12.8175 14.769 13.2308 15.1823 13.2308 15.6921V19.3844C13.2308 20.6085 12.7445 21.7824 11.879 22.648C11.0134 23.5135 9.83946 23.9998 8.61538 23.9998C7.39131 23.9998 6.21739 23.5135 5.3518 22.648C4.48626 21.7824 4 20.6085 4 19.3844C4 18.1604 4.48626 16.9864 5.3518 16.1208Z" fill="#005AFF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.61538 9.23067C7.88094 9.23067 7.17656 9.5224 6.65722 10.0417C6.13793 10.5611 5.84615 11.2655 5.84615 11.9999C5.84615 12.7343 6.13793 13.4387 6.65722 13.958C7.17656 14.4774 7.88094 14.7691 8.61538 14.7691H11.3846V9.23067H8.61538ZM5.3518 8.73632C6.21739 7.87078 7.39131 7.38452 8.61538 7.38452H12.3077C12.8175 7.38452 13.2308 7.79776 13.2308 8.3076V15.6922C13.2308 16.202 12.8175 16.6153 12.3077 16.6153H8.61538C7.39131 16.6153 6.21739 16.129 5.3518 15.2635C4.48626 14.3979 4 13.224 4 11.9999C4 10.7758 4.48626 9.60185 5.3518 8.73632Z" fill="#005AFF"/>
</g>
<defs>
<clipPath id="clip0_4471_4289">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
assets/img/mega-web.svg 0 → 100644
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1.29279 12.7071L5.29279 16.7071C5.38503 16.8026 5.49538 16.8788 5.61738 16.9312C5.73939 16.9836 5.87061 17.0112 6.00339 17.0123C6.13616 17.0135 6.26784 16.9882 6.39074 16.9379C6.51364 16.8876 6.62529 16.8134 6.71918 16.7195C6.81307 16.6256 6.88733 16.5139 6.93761 16.391C6.98789 16.2681 7.01319 16.1365 7.01204 16.0037C7.01088 15.8709 6.9833 15.7397 6.93089 15.6177C6.87848 15.4957 6.8023 15.3853 6.70679 15.2931L3.41379 12.0001L6.70679 8.70708C6.8023 8.61483 6.87848 8.50449 6.93089 8.38249C6.9833 8.26048 7.01088 8.12926 7.01204 7.99648C7.01319 7.8637 6.98789 7.73202 6.93761 7.60913C6.88733 7.48623 6.81307 7.37458 6.71918 7.28069C6.62529 7.18679 6.51364 7.11254 6.39074 7.06226C6.26784 7.01198 6.13616 6.98668 6.00339 6.98783C5.87061 6.98898 5.73939 7.01657 5.61738 7.06898C5.49538 7.12139 5.38503 7.19757 5.29279 7.29308L1.29279 11.2931C1.10532 11.4806 1 11.7349 1 12.0001C1 12.2652 1.10532 12.5196 1.29279 12.7071Z" fill="#005AFF"/>
<path d="M18.7037 7.29308C18.6114 7.19757 18.5011 7.12139 18.3791 7.06898C18.2571 7.01657 18.1258 6.98898 17.9931 6.98783C17.8603 6.98668 17.7286 7.01198 17.6057 7.06226C17.4828 7.11254 17.3712 7.18679 17.2773 7.28069C17.1834 7.37458 17.1091 7.48623 17.0588 7.60913C17.0086 7.73202 16.9833 7.8637 16.9844 7.99648C16.9856 8.12926 17.0132 8.26048 17.0656 8.38249C17.118 8.50449 17.1942 8.61483 17.2897 8.70708L20.5827 12.0001L17.2897 15.2931C17.1942 15.3853 17.118 15.4957 17.0656 15.6177C17.0132 15.7397 16.9856 15.8709 16.9844 16.0037C16.9833 16.1365 17.0086 16.2681 17.0588 16.391C17.1091 16.5139 17.1834 16.6256 17.2773 16.7195C17.3712 16.8134 17.4828 16.8876 17.6057 16.9379C17.7286 16.9882 17.8603 17.0135 17.9931 17.0123C18.1258 17.0112 18.2571 16.9836 18.3791 16.9312C18.5011 16.8788 18.6114 16.8026 18.7037 16.7071L22.7037 12.7071C22.8911 12.5196 22.9964 12.2652 22.9964 12.0001C22.9964 11.7349 22.8911 11.4806 22.7037 11.2931L18.7037 7.29308Z" fill="#005AFF"/>
<path d="M13.0385 4.72589L9.03847 18.7259C8.96566 18.9808 8.99701 19.2541 9.12564 19.4859C9.25428 19.7176 9.46967 19.8889 9.72447 19.9619C9.81406 19.9866 9.90653 19.9994 9.99947 19.9999C10.2168 19.9997 10.4281 19.9288 10.6015 19.7978C10.7749 19.6668 10.9009 19.4829 10.9605 19.2739L14.9605 5.27389C15.0022 5.14604 15.0176 5.01109 15.006 4.87713C14.9943 4.74316 14.9557 4.61292 14.8926 4.4942C14.8294 4.37548 14.743 4.27072 14.6384 4.18618C14.5338 4.10164 14.4133 4.03906 14.2839 4.00219C14.1546 3.96532 14.0192 3.95491 13.8857 3.97158C13.7523 3.98826 13.6236 4.03168 13.5073 4.09924C13.3911 4.1668 13.2896 4.25712 13.2091 4.36479C13.1285 4.47246 13.0705 4.59528 13.0385 4.72589Z" fill="#005AFF"/>
</svg>
assets/js/script.js
(function ($) {
$(function () {
$(".custom-overlay").on("click", function (e) {
e.preventDefault();
$(this).removeClass("active");
$("body").removeClass("overflow-hidden");
$(".mega-menu-wrapper").removeClass("active");
$(".mega-menu-box").removeClass("active");
});
$(".navbar-nav a[data-target-menu]").on("click", function (e) {
$(".navbar-nav").removeClass("show");
var currentActive = $(this).data("target-menu");
$(".mega-menu-wrapper").toggleClass("active");
$(`#${currentActive}`).toggleClass("active");
e.preventDefault();
$("body").addClass("overflow-hidden");
$(".custom-overlay").addClass("active");
$(".close-mega-menu").on("click", function (e) {
e.preventDefault();
$("body").removeClass("overflow-hidden");
$(".custom-overlay").removeClass("active");
$(".mega-menu-wrapper").removeClass("active");
$(`#${currentActive}`).removeClass("active");
});
});
});
/** INTERSECTION OBSERVER FOR SLIDE UP ANIMATION STARTS HERE */
$(function () {
const observer = new IntersectionObserver(
......@@ -84,7 +112,6 @@
});
};
// Call the function for different selectors with different thresholds
observeElements(".resource-block", 0.5);
observeElements(".portfolio-block", 0.1);
});
......@@ -114,7 +141,7 @@
let horizontalScrollLength;
function refresh() {
pinWrapWidth = pinWrap[0].scrollWidth + 540;
pinWrapWidth = pinWrap[0]?.scrollWidth + 540;
horizontalScrollLength = pinWrapWidth - window.innerWidth;
}
......
assets/js/style.js
......@@ -375,11 +375,12 @@
selector: "[data-toggle=tooltip]",
placement: "bottom",
});
$(".menu-item-has-children a").on("click", function (e) {
$(".menu-item-has-children > a").on("click", function (e) {
e.preventDefault();
$(this).parent().toggleClass("show");
});
});
$(document).on("click", function (e) {
if (!$(e.target).closest(".menu-item-has-children").length) {
$(".menu-item-has-children").removeClass("show");
......@@ -392,6 +393,7 @@
$(".navbar-nav li").click(function () {
if (!$(this).hasClass("menu-item-has-children")) {
$(".navbar-nav").removeClass("show");
/** Overridden from script.js for mega menu */
}
});
......@@ -530,29 +532,6 @@
});
});
$(function () {
$(".custom-overlay").on("click", function (e) {
e.preventDefault();
$("body").removeClass("overflow-hidden");
$(".download-popup").removeClass("active");
$(this).removeClass("active");
});
$(".download-seo-audit").on("click", function (e) {
e.preventDefault();
$("body").addClass("overflow-hidden");
$(".download-popup").addClass("active");
$(".custom-overlay").addClass("active");
$(".close-download-popup").on("click", function (e) {
e.preventDefault();
$("body").removeClass("overflow-hidden");
$(".download-popup").removeClass("active");
$(".custom-overlay").removeClass("active");
});
});
});
/* Table of Content */
function sanitizeTitle(text) {
return text
......
header.php
......@@ -2,67 +2,227 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<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.gstatic.com" crossorigin>
<?php wp_head(); ?>
<meta name="google-site-verification" content="DPEItwBusmmpY1RLo_YnoM9jRctsvqfM0AJNpkGiKwc" />
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-T7SF2XRJ');</script>
<!-- End Google Tag Manager -->
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<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.gstatic.com" crossorigin>
<?php wp_head(); ?>
<meta name="google-site-verification" content="DPEItwBusmmpY1RLo_YnoM9jRctsvqfM0AJNpkGiKwc" />
<!-- Google Tag Manager -->
<script>
(function(w, d, s, l, i) {
w[l] = w[l] || [];
w[l].push({
'gtm.start': new Date().getTime(),
event: 'gtm.js'
});
var f = d.getElementsByTagName(s)[0],
j = d.createElement(s),
dl = l != 'dataLayer' ? '&l=' + l : '';
j.async = true;
j.src =
'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-T7SF2XRJ');
</script>
<!-- End Google Tag Manager -->
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T7SF2XRJ"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<nav class="navbar navbar-expand-lg navbar-light top-nav p-0" id="myTopnav">
<div class="container">
<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="logo d-flex align-items-center">
<?php echo get_custom_logo(); ?>
</div>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T7SF2XRJ" height="0" width="0"
style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<nav class="navbar navbar-expand-lg navbar-light top-nav p-0" id="myTopnav">
<div class="container">
<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="logo d-flex align-items-center">
<?php echo get_custom_logo(); ?>
</div>
</div>
<div class="col-6 col-lg-10 d-flex align-items-center justify-content-end nav-right">
<ul class="navbar-nav align-items-center">
<div class="side-menu-close d-none text-end">
<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="32" width="32"
xmlns="http://www.w3.org/2000/svg">
<path fill="none" d="M0 0h24v24H0z"></path>
<path
d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z">
</path>
</svg>
</div>
<li id="menu-item-250"
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-79 current_page_item menu-item-250 active ">
<a href="http://192.168.1.89/makura-theme/" aria-current="page">Home</a>
</li>
<li id="menu-item-502"
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-502 menu-item-has-children mega-menu">
<a href="http://192.168.1.89/makura-theme/about-us/" data-target-menu="mega-template">Templates</a>
</li>
<li id="menu-item-502" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-502"><a
href="http://192.168.1.89/makura-theme/about-us/">About Us</a></li>
<li id="menu-item-524" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-524"><a
href="http://192.168.1.89/makura-theme/services/">Services</a></li>
<li id="menu-item-258" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-258"><a
href="http://192.168.1.89/makura-theme/portfolio/">Portfolio</a></li>
<li id="menu-item-511" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-511"><a
href="http://192.168.1.89/makura-theme/blogs/">Blog</a></li>
<li id="menu-item-2272" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2272"><a
href="http://192.168.1.89/makura-theme/vacancy/">Career</a></li>
<li id="menu-item-257"
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-257"><a
href="http://192.168.1.89/makura-theme/contact-us/">Contact</a>
<ul class="sub-menu">
<li id="menu-item-2726" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2726">
<a href="http://192.168.1.89/makura-theme/course/">Course</a>
</li>
<li id="menu-item-2727" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2727">
<a href="http://192.168.1.89/makura-theme/our-teams/">Our Teams</a>
</li>
</ul>
</li>
</ul>
<div class="book-button">
<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
your project
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M4 13L16.17 13L10.58 18.59L12 20L20 12L12 4L10.59 5.41L16.17 11L4 11L4 13Z" fill="white"></path>
</svg>
<span class="bg-hover" style="left: 108px; top: 62.1562px;"></span>
</a>
</div>
</div>
<div class="col-1 menu-toggler">
<div class="toggler-icon">
<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="32" width="32"
xmlns="http://www.w3.org/2000/svg">
<path fill="none" d="M0 0h24v24H0z"></path>
<path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"></path>
</svg>
</div>
</div>
</div>
</div>
<div class="mega-menu-wrapper makura-new">
<div class="container">
<div class="text-end d-lg-none">
<button type="button" class="close-mega-menu ">
<img src="<?php echo get_parent_theme_file_uri()?>/assets/img/x-mark.svg" alt="">
</button>
</div>
<div class="mega-menu-box" id="mega-template">
<div class="row justify-content-between">
<div class="col-lg-6 col-xl-7 order-lg-2">
<div class="row">
<div class="col-md-6">
<div class="mega-menu-title">
<h5>
<img src="<?php echo get_parent_theme_file_uri()?>/assets/img/mega-web.svg" alt="">
Web Templates
</h5>
</div>
<ul>
<li><a href="">E-commerce</a></li>
<li><a href="">Real Estate</a></li>
<li><a href="">Healthcare</a></li>
<li><a href="">Education</a></li>
<li><a href="">Travel and Tourism</a></li>
<li><a href="">Finance</a></li>
<li><a href="">Technology</a></li>
</ul>
<a href="#" class="mc-btn-underlined">View All Web Template
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9 6L14 11" stroke="#005AFF" stroke-width="1.5" stroke-linecap="round"
stroke-linejoin="round" />
<path d="M9 16L14 11" stroke="#005AFF" stroke-width="1.5" stroke-linecap="round"
stroke-linejoin="round" />
</svg>
</a>
</div>
<div class="col-6 col-lg-10 d-flex align-items-center justify-content-end nav-right">
<?php
wp_nav_menu( array(
'theme_location' => 'menu-web',
'depth' => 9,
'container' => false,
'menu_class' => 'menu h-100',
'add_li_class' => 'nav-item',
'items_wrap' => '<ul class="navbar-nav align-items-center"><div class="side-menu-close d-none text-end">
<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="32" width="32" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg>
</div>%3$s</ul>'
));
?>
<div class="book-button">
<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
your project
<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M4 13L16.17 13L10.58 18.59L12 20L20 12L12 4L10.59 5.41L16.17 11L4 11L4 13Z"
fill="white"></path>
</svg>
<span class="bg-hover" style="left: 108px; top: 62.1562px;"></span>
</a>
</div>
<div class="col-md-6">
<div class="mega-menu-title">
<h5>
<img src="<?php echo get_parent_theme_file_uri()?>/assets/img/mega-figma.svg" alt="">
Figma Templates
</h5>
</div>
<ul>
<li><a href="">Saas Platform</a></li>
<li><a href="">E-learning</a></li>
<li><a href="">Fintech</a></li>
<li><a href="">Healthcare</a></li>
<li><a href="">Finance</a></li>
<li><a href="">Technology</a></li>
</ul>
<a href="#" class="mc-btn-underlined">View All Figma Templates
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9 6L14 11" stroke="#005AFF" stroke-width="1.5" stroke-linecap="round"
stroke-linejoin="round" />
<path d="M9 16L14 11" stroke="#005AFF" stroke-width="1.5" stroke-linecap="round"
stroke-linejoin="round" />
</svg>
</a>
</div>
<div class="col-1 menu-toggler">
<div class="toggler-icon">
<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="32" width="32" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0z"></path><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"></path></svg>
</div>
</div>
</div>
<div class="col-lg-5 col-xl-4 order-lg-1">
<div class="mega-menu-title">
<h5>
Featured Templates
</h5>
</div>
<div class="featured-template-list">
<div class="featured-template d-flex justify-content-start align-items-start">
<div class="ft-image">
<a href="#">
<img src="<?php echo get_parent_theme_file_uri()?>/assets/img/placeholder-15.png" alt=""
class="img-fluid">
</a>
</div>
<div class="ft-content">
<a href="#">Fujies E-commerce Website Template 2.0</a>
<p>Web Template | E-commerce</p>
</div>
</div>
<div class="featured-template d-flex justify-content-start align-items-start">
<div class="ft-image">
<a href="#">
<img src="<?php echo get_parent_theme_file_uri()?>/assets/img/placeholder-15.png" alt=""
class="img-fluid">
</a>
</div>
<div class="ft-content">
<a href="#">Fujies E-commerce Website Template 2.0</a>
<p>Web Template | E-commerce</p>
</div>
</div>
<div class="featured-template d-flex justify-content-start align-items-start">
<div class="ft-image">
<a href="#">
<img src="<?php echo get_parent_theme_file_uri()?>/assets/img/placeholder-15.png" alt=""
class="img-fluid">
</a>
</div>
<div class="ft-content">
<a href="#">Fujies E-commerce Website Template 2.0</a>
<p>Web Template | E-commerce</p>
</div>
</div>
</div>
</div>
</div>
</div>
</nav>
\ No newline at end of file
</div>
</div>
</nav>
<div class="custom-overlay"></div>
<!-- <div class="mc-toast error">
<p class="m-0">Message sent successfully. Thankyou !</p>
</div> -->
\ 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