<!DOCTYPE html>
<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">
<title>Document</title>
<link rel="stylesheet" href="./assets/css/navbar-style.css">
</head>
<body>
<header class="header_area header-nav-center" id="header">
<div class="main_header_area animated">
<div class="container">
<nav id="navigation1" class="navigation">
<div class="nav-header">
<a class="nav-brand" href="/">
<picture>
<source class="lazyload banner-image" type="image/webp" srcset="assets/images/Landing-page/logo-all.webp" />
<img data-src="assets/images/Landing-page/logo-all.webp" type="image/webp" class="lazyload logo"
alt="web app development company" />
</picture>
</a>
<div class="nav-toggle">
<picture>
<source class="hamburger-menu lazyloaded" type="image/png" srcset="assets/images/hamburger-menu.png">
<img data-src="assets/images/hamburger-menu.png" type="image/webp" class="ls-is-cached lazyloaded"
alt="web app development company" src="assets/images/hamburger-menu.png">
</picture>
</div>
</div>
<div class="nav-menus-wrapper">
<ul class="nav-menu align-to-right">
<li><a href="/">Home</a></li>
<li>
<a href="#">Products</a>
<ul class="nav-dropdown">
<li>
<a href="#">Video streaming</a>
<ul class="nav-dropdown">
<li><a href="netflix-clone">Netflix Clone</a></li>
<li><a href="youtube-clone">YouTube Clone</a></li>
<li><a href="soundcloud-clone">SoundCloud Clone</a></li>
<li><a href="zoom-clone">Zoom Clone</a></li>
</ul>
</li>
<li>
<a href="#">Rental Market</a>
<ul class="nav-dropdown">
<li><a href="airbnb-clone">Airbnb Clone</a></li>
<li><a href="parking-management-software">Parking Management Software</a></li>
<li><a href="car-rental-software">Car Rental Software</a></li>
</ul>
</li>
<li>
<a href="#">Content Sharing Platform</a>
<ul class="nav-dropdown">
<li><a href="onlyfans-clone">OnlyFans Clone</a></li>
<li><a href="clubhouse-clone">Clubhouse Clone</a></li>
</ul>
</li>
<li>
<a href="#">On Demand</a>
<ul class="nav-dropdown">
<li><a href="uber-clone">Uber Clone</a></li>
<li><a href="ubereats-clone">Uber Eats Clone</a></li>
<li><a href="taskrabbit-clone">TaskRabbit Clone</a></li>
<li><a href="thumbtack-clone">Thumbtack Clone</a></li>
<li><a href="paypal-clone">PayPal Clone</a></li>
</ul>
</li>
<li>
<a href="#">AR/VR Services</a>
<ul class="nav-dropdown">
<li><a href="ar-vr-development-service">AR/VR Development</a></li>
<li><a href="vr-meeting-platform">VR Meeting Platform</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Live Demo</a></li>
<li><a href="https://allinonecluster.com/blog">Blog</a></li>
<li><a href="contact-us">Contact Us</a></li>
</ul>
</div>
</nav>
</div>
</div>
</header>
<script>
!(function (n, i, e, a) {
; (n.navigation = function (t, s) {
var o = {
responsive: !0,
mobileBreakpoint: 991,
showDuration: 200,
hideDuration: 200,
showDelayDuration: 0,
hideDelayDuration: 0,
submenuTrigger: "hover",
effect: "fadeIn",
submenuIndicator: !0,
submenuIndicatorTrigger: !1,
hideSubWhenGoOut: !0,
visibleSubmenusOnMobile: !1,
fixed: !1,
overlay: !0,
overlayColor: "rgba(0, 0, 0, 0.5)",
hidden: !1,
hiddenOnMobile: !1,
offCanvasSide: "left",
offCanvasCloseButton: !0,
animationOnShow: "",
animationOnHide: "",
onInit: function () { },
onLandscape: function () { },
onPortrait: function () { },
onShowOffCanvas: function () { },
onHideOffCanvas: function () { }
},
r = this,
u = Number.MAX_VALUE,
d = 1,
l = "click.nav touchstart.nav",
f = "mouseenter focusin",
c = "mouseleave focusout"
r.settings = {}
var t = (n(t), t)
n(t).find(".nav-search").length > 0 &&
n(t)
.find(".nav-search")
.find("form")
.prepend(
"<span class='nav-search-close-button' tabindex='0'>✕</span>"
),
(r.init = function () {
; (r.settings = n.extend({}, o, s)),
r.settings.offCanvasCloseButton &&
n(t)
.find(".nav-menus-wrapper")
.prepend(
"<span class='nav-menus-wrapper-close-button'>✕</span>"
),
"right" == r.settings.offCanvasSide &&
n(t)
.find(".nav-menus-wrapper")
.addClass("nav-menus-wrapper-right"),
r.settings.hidden &&
(n(t).addClass("navigation-hidden"),
(r.settings.mobileBreakpoint = 99999)),
v(),
r.settings.fixed && n(t).addClass("navigation-fixed"),
n(t)
.find(".nav-toggle")
.on("click touchstart", function (n) {
n.stopPropagation(),
n.preventDefault(),
r.showOffcanvas(),
s !== a && r.callback("onShowOffCanvas")
}),
n(t)
.find(".nav-menus-wrapper-close-button")
.on("click touchstart", function () {
r.hideOffcanvas(), s !== a && r.callback("onHideOffCanvas")
}),
n(t)
.find(".nav-search-button, .nav-search-close-button")
.on("click touchstart keydown", function (i) {
i.stopPropagation(), i.preventDefault()
var e = i.keyCode || i.which
"click" === i.type ||
"touchstart" === i.type ||
("keydown" === i.type && 13 == e)
? r.toggleSearch()
: 9 == e && n(i.target).blur()
}),
n(t).find(".megamenu-tabs").length > 0 && y(),
n(i).resize(function () {
r.initNavigationMode(C()), O(), r.settings.hiddenOnMobile && m()
}),
r.initNavigationMode(C()),
r.settings.hiddenOnMobile && m(),
s !== a && r.callback("onInit")
})
var h = function () {
n(t)
.find(".nav-submenu")
.hide(0),
n(t)
.find("li")
.removeClass("focus")
},
v = function () {
n(t)
.find("li")
.each(function () {
n(this).children(".nav-dropdown,.megamenu-panel").length > 0 &&
(n(this)
.children(".nav-dropdown,.megamenu-panel")
.addClass("nav-submenu"),
r.settings.submenuIndicator &&
n(this)
.children("a")
.append(
"<span class='submenu-indicator'><span class='submenu-indicator-chevron'></span></span>"
))
})
},
m = function () {
n(t).hasClass("navigation-portrait")
? n(t).addClass("navigation-hidden")
: n(t).removeClass("navigation-hidden")
}
; (r.showSubmenu = function (i, e) {
C() > r.settings.mobileBreakpoint &&
n(t)
.find(".nav-search")
.find("form")
.fadeOut(),
"fade" == e
? n(i)
.children(".nav-submenu")
.stop(!0, !0)
.delay(r.settings.showDelayDuration)
.fadeIn(r.settings.showDuration)
.removeClass(r.settings.animationOnHide)
.addClass(r.settings.animationOnShow)
: n(i)
.children(".nav-submenu")
.stop(!0, !0)
.delay(r.settings.showDelayDuration)
.slideDown(r.settings.showDuration)
.removeClass(r.settings.animationOnHide)
.addClass(r.settings.animationOnShow),
n(i).addClass("focus")
}),
(r.hideSubmenu = function (i, e) {
"fade" == e
? n(i)
.find(".nav-submenu")
.stop(!0, !0)
.delay(r.settings.hideDelayDuration)
.fadeOut(r.settings.hideDuration)
.removeClass(r.settings.animationOnShow)
.addClass(r.settings.animationOnHide)
: n(i)
.find(".nav-submenu")
.stop(!0, !0)
.delay(r.settings.hideDelayDuration)
.slideUp(r.settings.hideDuration)
.removeClass(r.settings.animationOnShow)
.addClass(r.settings.animationOnHide),
n(i)
.removeClass("focus")
.find(".focus")
.removeClass("focus")
})
var p = function () {
n("body").addClass("no-scroll"),
r.settings.overlay &&
(n(t).append("<div class='nav-overlay-panel'></div>"),
n(t)
.find(".nav-overlay-panel")
.css("background-color", r.settings.overlayColor)
.fadeIn(300)
.on("click touchstart", function (n) {
r.hideOffcanvas()
}))
},
g = function () {
n("body").removeClass("no-scroll"),
r.settings.overlay &&
n(t)
.find(".nav-overlay-panel")
.fadeOut(400, function () {
n(this).remove()
})
}
; (r.showOffcanvas = function () {
p(),
"left" == r.settings.offCanvasSide
? n(t)
.find(".nav-menus-wrapper")
.css("transition-property", "left")
.addClass("nav-menus-wrapper-open")
: n(t)
.find(".nav-menus-wrapper")
.css("transition-property", "right")
.addClass("nav-menus-wrapper-open")
}),
(r.hideOffcanvas = function () {
n(t)
.find(".nav-menus-wrapper")
.removeClass("nav-menus-wrapper-open")
.on(
"webkitTransitionEnd moztransitionend transitionend oTransitionEnd",
function () {
n(t)
.find(".nav-menus-wrapper")
.css("transition-property", "none")
.off()
}
),
g()
}),
(r.toggleOffcanvas = function () {
C() <= r.settings.mobileBreakpoint &&
(n(t)
.find(".nav-menus-wrapper")
.hasClass("nav-menus-wrapper-open")
? (r.hideOffcanvas(), s !== a && r.callback("onHideOffCanvas"))
: (r.showOffcanvas(), s !== a && r.callback("onShowOffCanvas")))
}),
(r.toggleSearch = function () {
"none" ==
n(t)
.find(".nav-search")
.find("form")
.css("display")
? (n(t)
.find(".nav-search")
.find("form")
.fadeIn(200),
n(t)
.find(".nav-search")
.find("input")
.focus())
: (n(t)
.find(".nav-search")
.find("form")
.fadeOut(200),
n(t)
.find(".nav-search")
.find("input")
.blur())
}),
(r.initNavigationMode = function (i) {
r.settings.responsive
? (i <= r.settings.mobileBreakpoint &&
u > r.settings.mobileBreakpoint &&
(n(t)
.addClass("navigation-portrait")
.removeClass("navigation-landscape"),
S(),
s !== a && r.callback("onPortrait")),
i > r.settings.mobileBreakpoint &&
d <= r.settings.mobileBreakpoint &&
(n(t)
.addClass("navigation-landscape")
.removeClass("navigation-portrait"),
k(),
g(),
r.hideOffcanvas(),
s !== a && r.callback("onLandscape")),
(u = i),
(d = i))
: (n(t).addClass("navigation-landscape"),
k(),
s !== a && r.callback("onLandscape"))
})
var b = function () {
n("html").on("click.body touchstart.body", function (i) {
0 === n(i.target).closest(".navigation").length &&
(n(t)
.find(".nav-submenu")
.fadeOut(),
n(t)
.find(".focus")
.removeClass("focus"),
n(t)
.find(".nav-search")
.find("form")
.fadeOut())
})
},
C = function () {
return (
i.innerWidth || e.documentElement.clientWidth || e.body.clientWidth
)
},
w = function () {
n(t)
.find(".nav-menu")
.find("li, a")
.off(l)
.off(f)
.off(c)
},
O = function () {
if (C() > r.settings.mobileBreakpoint) {
var i = n(t).outerWidth(!0)
n(t)
.find(".nav-menu")
.children("li")
.children(".nav-submenu")
.each(function () {
n(this)
.parent()
.position().left +
n(this).outerWidth() >
i
? n(this).css("right", 0)
: n(this).css("right", "auto")
})
}
},
y = function () {
function i(i) {
var e = n(i)
.children(".megamenu-tabs-nav")
.children("li"),
a = n(i).children(".megamenu-tabs-pane")
n(e).on("click.tabs touchstart.tabs", function (i) {
i.stopPropagation(),
i.preventDefault(),
n(e).removeClass("active"),
n(this).addClass("active"),
n(a)
.hide(0)
.removeClass("active"),
n(a[n(this).index()])
.show(0)
.addClass("active")
})
}
if (n(t).find(".megamenu-tabs").length > 0)
for (var e = n(t).find(".megamenu-tabs"), a = 0; a < e.length; a++)
i(e[a])
},
k = function () {
w(),
h(),
navigator.userAgent.match(/Mobi/i) ||
navigator.maxTouchPoints > 0 ||
"click" == r.settings.submenuTrigger
? n(t)
.find(".nav-menu, .nav-dropdown")
.children("li")
.children("a")
.on(l, function (e) {
if (
(r.hideSubmenu(
n(this)
.parent("li")
.siblings("li"),
r.settings.effect
),
n(this)
.closest(".nav-menu")
.siblings(".nav-menu")
.find(".nav-submenu")
.fadeOut(r.settings.hideDuration),
n(this).siblings(".nav-submenu").length > 0)
) {
if (
(e.stopPropagation(),
e.preventDefault(),
"none" ==
n(this)
.siblings(".nav-submenu")
.css("display"))
)
return (
r.showSubmenu(
n(this).parent("li"),
r.settings.effect
),
O(),
!1
)
if (
(r.hideSubmenu(n(this).parent("li"), r.settings.effect),
"_blank" === n(this).attr("target") ||
"blank" === n(this).attr("target"))
)
i.open(n(this).attr("href"))
else {
if (
"#" === n(this).attr("href") ||
"" === n(this).attr("href") ||
"javascript:void(0)" === n(this).attr("href")
)
return !1
i.location.href = n(this).attr("href")
}
}
})
: n(t)
.find(".nav-menu")
.find("li")
.on(f, function () {
r.showSubmenu(this, r.settings.effect), O()
})
.on(c, function () {
r.hideSubmenu(this, r.settings.effect)
}),
r.settings.hideSubWhenGoOut && b()
},
S = function () {
w(),
h(),
r.settings.visibleSubmenusOnMobile
? n(t)
.find(".nav-submenu")
.show(0)
: (n(t)
.find(".submenu-indicator")
.removeClass("submenu-indicator-up"),
r.settings.submenuIndicator &&
r.settings.submenuIndicatorTrigger
? n(t)
.find(".submenu-indicator")
.on(l, function (i) {
return (
i.stopPropagation(),
i.preventDefault(),
r.hideSubmenu(
n(this)
.parent("a")
.parent("li")
.siblings("li"),
"slide"
),
r.hideSubmenu(
n(this)
.closest(".nav-menu")
.siblings(".nav-menu")
.children("li"),
"slide"
),
"none" ==
n(this)
.parent("a")
.siblings(".nav-submenu")
.css("display")
? (n(this).addClass("submenu-indicator-up"),
n(this)
.parent("a")
.parent("li")
.siblings("li")
.find(".submenu-indicator")
.removeClass("submenu-indicator-up"),
n(this)
.closest(".nav-menu")
.siblings(".nav-menu")
.find(".submenu-indicator")
.removeClass("submenu-indicator-up"),
r.showSubmenu(
n(this)
.parent("a")
.parent("li"),
"slide"
),
!1)
: (n(this)
.parent("a")
.parent("li")
.find(".submenu-indicator")
.removeClass("submenu-indicator-up"),
void r.hideSubmenu(
n(this)
.parent("a")
.parent("li"),
"slide"
))
)
})
: n(t)
.find(".nav-menu, .nav-dropdown")
.children("li")
.children("a")
.on(l, function (e) {
if (
(e.stopPropagation(),
e.preventDefault(),
r.hideSubmenu(
n(this)
.parent("li")
.siblings("li"),
r.settings.effect
),
r.hideSubmenu(
n(this)
.closest(".nav-menu")
.siblings(".nav-menu")
.children("li"),
"slide"
),
"none" ==
n(this)
.siblings(".nav-submenu")
.css("display"))
)
return (
n(this)
.children(".submenu-indicator")
.addClass("submenu-indicator-up"),
n(this)
.parent("li")
.siblings("li")
.find(".submenu-indicator")
.removeClass("submenu-indicator-up"),
n(this)
.closest(".nav-menu")
.siblings(".nav-menu")
.find(".submenu-indicator")
.removeClass("submenu-indicator-up"),
r.showSubmenu(n(this).parent("li"), "slide"),
!1
)
if (
(n(this)
.parent("li")
.find(".submenu-indicator")
.removeClass("submenu-indicator-up"),
r.hideSubmenu(n(this).parent("li"), "slide"),
"_blank" === n(this).attr("target") ||
"blank" === n(this).attr("target"))
)
i.open(n(this).attr("href"))
else {
if (
"#" === n(this).attr("href") ||
"" === n(this).attr("href") ||
"javascript:void(0)" === n(this).attr("href")
)
return !1
i.location.href = n(this).attr("href")
}
}))
}
; (r.callback = function (n) {
s[n] !== a && s[n].call(t)
}),
r.init()
}),
(n.fn.navigation = function (i) {
return this.each(function () {
if (a === n(this).data("navigation")) {
var e = new n.navigation(this, i)
n(this).data("navigation", e)
}
})
})
})(jQuery, window, document)
; (function ($) {
"use strict"
var $window = $(window)
if ($.fn.navigation) {
$("#navigation1").navigation()
$("#always-hidden-nav").navigation({
hidden: true
})
}
$window.on("load", function () {
$("#preloader").fadeOut("slow", function () {
$(this).remove()
})
})
})(jQuery)
</script>
</body>
</html>