Viewing File: /home/ubuntu/allinonecluster-landing/header.html
<!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>
</head>
<body>
<header class="header-nav-center" id="header">
<nav class="navbar navbar-expand-lg">
<div class="container">
<a class="navbar-brand" href="/">
<picture>
<source
class="lazyload banner-image"
type="image/webp"
srcset="assets/images/Landing-page/logo-all-hide.webp"
/>
<img
data-src="assets/images/Landing-page/logo-all-hide.webp"
type="image/webp"
class="lazyload logo"
alt="app development company"
/>
</picture>
</a>
<button
class="navbar-toggler"
type="button"
data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent"
aria-expanded="false"
aria-label="Toggle navigation"
>
<!-- <span class="navbar-toggler-icon"></span> -->
<picture>
<source
class="lazyload hamburger-menu"
type="image/png"
srcset="assets/images/hamburger-menu.png"
/>
<img
data-src="assets/images/hamburger-menu.png"
type="image/webp"
class="lazyload hamburger-menu"
alt="mobile app development services"
/>
</picture>
</button>
<div class="collapse navbar-collapse " id="navbarSupportedContent">
<ul class="navbar-nav ms-auto mb-2 mb-lg-0 ">
<li class="nav-item">
<a class="nav-link active smooth" href="/">Home</a>
</li>
<li class="nav-item dropdown dropdown-mega position-static">
<a
class="nav-link dropdown-toggle"
href="#"
data-bs-toggle="dropdown"
data-bs-auto-close="outside"
>
<div class="product-dropdown-icon">
Products
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512"
>
<path
d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z"
/>
</svg>
<!-- <img src="assets/images/Landing-page/drop-down-arrow.png" alt=""> -->
</div>
</a>
<div class="dropdown-menu shadow product-menu">
<div class="mega-content px-4">
<div class="container-fluid">
<div class="row">
<!-- <div
class="col-12 col-sm-4 col-md-3 py-4 product-menu-list"
>
<p>Video Streaming Apps</p>
<div class="product-menu-icon">
<img src="assets/images/menu-icon.png" alt="" />
<a class="list-group-item" href="netflix-clone">Netflix Clone</a>
</div>
<div class="product-menu-icon">
<img src="assets/images/menu-icon.png" alt="" />
<a class="list-group-item" href="youtube-clone"
>YouTube Clone</a
>
</div>
<div class="product-menu-icon">
<img src="assets/images/menu-icon.png" alt="" />
<a class="list-group-item" href="soundcloud-clone">SoundCloud Clone</a>
</div>
<div class="product-menu-icon">
<img src="assets/images/menu-icon.png" alt="" />
<a class="list-group-item" href="zoom-clone"
>Zoom Clone</a
>
</div>
</div> -->
<div
class="col-12 col-sm-4 col-md-3 py-4 product-menu-list"
>
<p>Rental Market</p>
<div class="product-menu-icon">
<img src="assets/images/menu-icon.png" alt="" />
<a class="list-group-item" href="airbnb-clone"
>Airbnb Clone</a
>
</div>
<div class="product-menu-icon">
<img src="assets/images/menu-icon.png" alt="" />
<a class="list-group-item" href="parking-management-software">Parking Management Software</a>
</div>
<div class="product-menu-icon">
<img src="assets/images/menu-icon.png" alt="" />
<a
class="list-group-item"
href="car-rental-software"
>Car Rental Software</a
>
</div>
</div>
<div
class="col-12 col-sm-4 col-md-3 py-4 product-menu-list"
>
<p>Content Sharing Platform</p>
<div class="product-menu-icon">
<img src="assets/images/menu-icon.png" alt="" />
<a class="list-group-item" href="onlyfans-clone">OnlyFans Clone</a>
</div>
<div class="product-menu-icon">
<img src="assets/images/menu-icon.png" alt="" />
<a class="list-group-item" href="clubhouse-clone">Clubhouse Clone</a>
</div>
<div class="product-menu-icon">
<img src="assets/images/menu-icon.png" alt="" />
<a class="list-group-item" href="tiktok-clone">Tiktok Clone</a>
</div>
</div>
<div
class="col-12 col-sm-12 col-md-3 py-4 product-menu-list"
>
<p>On Demand</p>
<div class="product-menu-icon">
<img src="assets/images/menu-icon.png" alt="" />
<a class="list-group-item" href="uber-clone">Uber Clone</a>
</div>
<div class="product-menu-icon">
<img src="assets/images/menu-icon.png" alt="" />
<a class="list-group-item" href="ubereats-clone">Uber Eats Clone</a>
</div>
<div class="product-menu-icon">
<img src="assets/images/menu-icon.png" alt="" />
<a class="list-group-item" href="paypal-clone"
>PayPal Clone</a
>
</div>
<div class="product-menu-icon">
<img src="assets/images/menu-icon.png" alt="" />
<a class="list-group-item" href="job-portal-clone">Job Portal Clone</a>
</div>
<div class="product-menu-icon">
<img src="assets/images/menu-icon.png" alt="" />
<a class="list-group-item" href="peer-to-peer">Peer to Peer</a>
</div>
<!-- <div class="product-menu-icon">
<img src="assets/images/menu-icon.png" alt="" />
<a class="list-group-item" href="taskrabbit-clone">TaskRabbit Clone</a>
</div>
<div class="product-menu-icon">
<img src="assets/images/menu-icon.png" alt="" />
<a class="list-group-item" href="thumbtack-clone">Thumbtack Clone</a>
</div> -->
</div>
<div class="col-12 col-sm-12 col-md-3 py-4 product-menu-list">
<p>AR/VR Services</p>
<div class="product-menu-icon">
<img src="assets/images/menu-icon.png" alt="" />
<a class="list-group-item" href="ar-vr-development-service">AR/VR Development</a>
</div>
<div class="product-menu-icon">
<img src="assets/images/menu-icon.png" alt="" />
<a class="list-group-item" href="vr-meeting-platform">VR Meeting Platform</a>
</div>
</div>
<div class="col-12 col-sm-12 col-md-3 py-4 product-menu-list">
<p>ONDC Services</p>
<div class="product-menu-icon">
<img src="assets/images/menu-icon.png" alt="" />
<a class="list-group-item" href="ondc">ONDC </a>
</div>
</div>
<div class="col-12 col-sm-12 col-md-3 py-4 product-menu-list">
<p>AI Dev</p>
<div class="product-menu-icon">
<img src="assets/images/menu-icon.png" alt="" />
<a class="list-group-item" href="chatgpt-clone">ChatGPT Clone </a>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="live-demo">Live Demo</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://allinonecluster.com/blog"
>Blog</a
>
</li>
<li class="nav-item">
<a class="nav-link" href="contact-us">Contact Us</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<script>
const $dropdown = $(".dropdown");
const $dropdownToggle = $(".dropdown-toggle");
const $dropdownMenu = $(".dropdown-menu");
const showClass = "show";
$(window).on("load resize", function () {
if (this.matchMedia("(min-width: 768px)").matches) {
$dropdown.hover(
function () {
const $this = $(this);
$this.addClass(showClass);
$this.find($dropdownToggle).attr("aria-expanded", "true");
$this.find($dropdownMenu).addClass(showClass);
},
function () {
const $this = $(this);
$this.removeClass(showClass);
$this.find($dropdownToggle).attr("aria-expanded", "false");
$this.find($dropdownMenu).removeClass(showClass);
}
);
} else {
$dropdown.off("mouseenter mouseleave");
}
});
</script>
</body>
</html>
Back to Directory
File Manager