first commit
This commit is contained in:
@@ -0,0 +1,65 @@
|
||||
const footerHtml = `<div class="container footer-top">
|
||||
<div class="row gy-4">
|
||||
<div class="col-lg-3 col-md-6 footer-about">
|
||||
<a href="index.html" class="logo d-flex align-items-center">
|
||||
<img src="./assets/img/logo.png"/>
|
||||
</a>
|
||||
<!-- <div class="footer-contact pt-3">
|
||||
<p>A108 Adam Street</p>
|
||||
<p>New York, NY 535022</p>
|
||||
<p class="mt-3"><strong>Phone:</strong> <span>+1 5589 55488 55</span></p>
|
||||
<p><strong>Email:</strong> <span>info@example.com</span></p>
|
||||
</div> -->
|
||||
<div class="social-links d-none mt-4 ms-4">
|
||||
<a href=""><i class="bi bi-twitter-x"></i></a>
|
||||
<a href=""><i class="bi bi-facebook"></i></a>
|
||||
<a href=""><i class="bi bi-instagram"></i></a>
|
||||
<a href=""><i class="bi bi-linkedin"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3 col-md-6 footer-links">
|
||||
<h4>Useful Links</h4>
|
||||
<ul>
|
||||
<li><a href="/">Home</a></li>
|
||||
<li><a href="#">About us</a></li>
|
||||
<li><a href="#">Services</a></li>
|
||||
<li><a href="#">Terms of service</a></li>
|
||||
<li><a href="#">Privacy policy</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3 col-md-6 footer-links ">
|
||||
<h4>Our Products</h4>
|
||||
<ul>
|
||||
<li><a href="#">Laptops</a></li>
|
||||
<li><a href="#">All In One's</a></li>
|
||||
<li><a href="#">Servers</a></li>
|
||||
<li><a href="#">AI NVR (coming soon)</a></li>
|
||||
<li><a href="#">Racks</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3 col-md-6 footer-links">
|
||||
<h5 class="mb-4">Places We Serve</h5>
|
||||
<ul>
|
||||
<li><h4 class="mb-0 pb-0">San Francisco</h4></li>
|
||||
<li><h4 class="mb-0 pb-0">Kabul</h4></li>
|
||||
<li><h4 class="mb-0 pb-0">Dubai</h4></li>
|
||||
<li><h4 class="mb-0 pb-0">Hyderabad</h4></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container copyright text-center mt-4">
|
||||
<p>© <span>Copyright</span> <strong class="px-1 sitename">ADM</strong> <span>All Rights Reserved</span></p>
|
||||
<div class="credits">
|
||||
<!-- All the links in the footer should remain intact. -->
|
||||
<!-- You can delete the links only if you've purchased the pro version. -->
|
||||
<!-- Licensing information: https://bootstrapmade.com/license/ -->
|
||||
<!-- Purchase the pro version with working PHP/AJAX contact form: [buy-url] -->
|
||||
</div>
|
||||
</div>`;
|
||||
document.getElementById('footer').innerHTML = footerHtml;
|
||||
@@ -0,0 +1,177 @@
|
||||
/**
|
||||
* Template Name: iLanding
|
||||
* Template URL: https://bootstrapmade.com/ilanding-bootstrap-landing-page-template/
|
||||
* Updated: Nov 12 2024 with Bootstrap v5.3.3
|
||||
* Author: BootstrapMade.com
|
||||
* License: https://bootstrapmade.com/license/
|
||||
*/
|
||||
|
||||
(function() {
|
||||
"use strict";
|
||||
|
||||
/**
|
||||
* Apply .scrolled class to the body as the page is scrolled down
|
||||
*/
|
||||
function toggleScrolled() {
|
||||
const selectBody = document.querySelector('body');
|
||||
const selectHeader = document.querySelector('#header');
|
||||
if (!selectHeader.classList.contains('scroll-up-sticky') && !selectHeader.classList.contains('sticky-top') && !selectHeader.classList.contains('fixed-top')) return;
|
||||
window.scrollY > 100 ? selectBody.classList.add('scrolled') : selectBody.classList.remove('scrolled');
|
||||
}
|
||||
|
||||
document.addEventListener('scroll', toggleScrolled);
|
||||
window.addEventListener('load', toggleScrolled);
|
||||
|
||||
/**
|
||||
* Mobile nav toggle
|
||||
*/
|
||||
const mobileNavToggleBtn = document.querySelector('.mobile-nav-toggle');
|
||||
|
||||
function mobileNavToogle() {
|
||||
document.querySelector('body').classList.toggle('mobile-nav-active');
|
||||
mobileNavToggleBtn.classList.toggle('bi-list');
|
||||
mobileNavToggleBtn.classList.toggle('bi-x');
|
||||
}
|
||||
if (mobileNavToggleBtn) {
|
||||
mobileNavToggleBtn.addEventListener('click', mobileNavToogle);
|
||||
}
|
||||
|
||||
/**
|
||||
* Hide mobile nav on same-page/hash links
|
||||
*/
|
||||
document.querySelectorAll('#navmenu a').forEach(navmenu => {
|
||||
navmenu.addEventListener('click', () => {
|
||||
if (document.querySelector('.mobile-nav-active')) {
|
||||
mobileNavToogle();
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
/**
|
||||
* Toggle mobile nav dropdowns
|
||||
*/
|
||||
document.querySelectorAll('.navmenu .toggle-dropdown').forEach(navmenu => {
|
||||
navmenu.addEventListener('click', function(e) {
|
||||
e.preventDefault();
|
||||
this.parentNode.classList.toggle('active');
|
||||
this.parentNode.nextElementSibling.classList.toggle('dropdown-active');
|
||||
e.stopImmediatePropagation();
|
||||
});
|
||||
});
|
||||
|
||||
/**
|
||||
* Scroll top button
|
||||
*/
|
||||
let scrollTop = document.querySelector('.scroll-top');
|
||||
|
||||
function toggleScrollTop() {
|
||||
if (scrollTop) {
|
||||
window.scrollY > 100 ? scrollTop.classList.add('active') : scrollTop.classList.remove('active');
|
||||
}
|
||||
}
|
||||
scrollTop.addEventListener('click', (e) => {
|
||||
e.preventDefault();
|
||||
window.scrollTo({
|
||||
top: 0,
|
||||
behavior: 'smooth'
|
||||
});
|
||||
});
|
||||
|
||||
window.addEventListener('load', toggleScrollTop);
|
||||
document.addEventListener('scroll', toggleScrollTop);
|
||||
|
||||
/**
|
||||
* Animation on scroll function and init
|
||||
*/
|
||||
function aosInit() {
|
||||
AOS.init({
|
||||
duration: 600,
|
||||
easing: 'ease-in-out',
|
||||
once: true,
|
||||
mirror: false
|
||||
});
|
||||
}
|
||||
window.addEventListener('load', aosInit);
|
||||
|
||||
/**
|
||||
* Initiate glightbox
|
||||
*/
|
||||
const glightbox = GLightbox({
|
||||
selector: '.glightbox'
|
||||
});
|
||||
|
||||
/**
|
||||
* Init swiper sliders
|
||||
*/
|
||||
function initSwiper() {
|
||||
document.querySelectorAll(".init-swiper").forEach(function(swiperElement) {
|
||||
let config = JSON.parse(
|
||||
swiperElement.querySelector(".swiper-config").innerHTML.trim()
|
||||
);
|
||||
|
||||
if (swiperElement.classList.contains("swiper-tab")) {
|
||||
initSwiperWithCustomPagination(swiperElement, config);
|
||||
} else {
|
||||
new Swiper(swiperElement, config);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
window.addEventListener("load", initSwiper);
|
||||
|
||||
/**
|
||||
* Initiate Pure Counter
|
||||
*/
|
||||
new PureCounter();
|
||||
|
||||
/**
|
||||
* Frequently Asked Questions Toggle
|
||||
*/
|
||||
document.querySelectorAll('.faq-item h3, .faq-item .faq-toggle').forEach((faqItem) => {
|
||||
faqItem.addEventListener('click', () => {
|
||||
faqItem.parentNode.classList.toggle('faq-active');
|
||||
});
|
||||
});
|
||||
|
||||
/**
|
||||
* Correct scrolling position upon page load for URLs containing hash links.
|
||||
*/
|
||||
window.addEventListener('load', function(e) {
|
||||
if (window.location.hash) {
|
||||
if (document.querySelector(window.location.hash)) {
|
||||
setTimeout(() => {
|
||||
let section = document.querySelector(window.location.hash);
|
||||
let scrollMarginTop = getComputedStyle(section).scrollMarginTop;
|
||||
window.scrollTo({
|
||||
top: section.offsetTop - parseInt(scrollMarginTop),
|
||||
behavior: 'smooth'
|
||||
});
|
||||
}, 100);
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
/**
|
||||
* Navmenu Scrollspy
|
||||
*/
|
||||
let navmenulinks = document.querySelectorAll('.navmenu a');
|
||||
|
||||
function navmenuScrollspy() {
|
||||
navmenulinks.forEach(navmenulink => {
|
||||
if (!navmenulink.hash) return;
|
||||
let section = document.querySelector(navmenulink.hash);
|
||||
if (!section) return;
|
||||
let position = window.scrollY + 200;
|
||||
if (position >= section.offsetTop && position <= (section.offsetTop + section.offsetHeight)) {
|
||||
document.querySelectorAll('.navmenu a.active').forEach(link => link.classList.remove('active'));
|
||||
navmenulink.classList.add('active');
|
||||
} else {
|
||||
navmenulink.classList.remove('active');
|
||||
}
|
||||
})
|
||||
}
|
||||
window.addEventListener('load', navmenuScrollspy);
|
||||
document.addEventListener('scroll', navmenuScrollspy);
|
||||
|
||||
})();
|
||||
@@ -0,0 +1,103 @@
|
||||
<div
|
||||
class="header-container container-fluid container-xl position-relative d-flex align-items-center justify-content-between">
|
||||
|
||||
<a href="index.html" class="logo d-flex align-items-center me-auto me-xl-0">
|
||||
<!-- Uncomment the line below if you also wish to use an image logo -->
|
||||
<!-- <img src="assets/img/logo.png" alt=""> -->
|
||||
<h1 class="sitename text-primary">ADM</h1>
|
||||
</a>
|
||||
|
||||
<nav id="navmenu" class="navmenu">
|
||||
<ul>
|
||||
<li><a href="#hero" class="active">Home</a></li>
|
||||
<li><a href="#about">About</a></li>
|
||||
<li class="dropdown mega-menu"><a href="#"><span>Solutions</span> <i
|
||||
class="bi bi-chevron-down toggle-dropdown"></i></a>
|
||||
<ul>
|
||||
<li>
|
||||
<span class="text-primary ps-2">Supply Chain Solutions</span>
|
||||
<div>
|
||||
<div><a href="dealer-automation.html">Dealer Automation</a></div>
|
||||
<div><a href="secondary-sales.html">Secodary Sales </a></div>
|
||||
<div><a href="e-governance.html">E-Governance </a></div>
|
||||
<div><a href="loyalty-solutions.html">Loyalty Solutions</a></div>
|
||||
<div><a href="block-chain-enabled.html">Block Chain Enabled</a></div>
|
||||
<div><a href="track-and-trace.html">Track and Trace </a></div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<span class="text-primary ps-2">Process Automation</span>
|
||||
<div>
|
||||
<div><a href="enterprises.html">Enterprises</a></div>
|
||||
<div><a href="govermnets.html">Governments</a></div>
|
||||
<div><a href="small-businesses.html">Small Businesses</a></div>
|
||||
</div>
|
||||
</li>
|
||||
<li><span class="text-primary ps-2">VMS</span>
|
||||
<div>
|
||||
<div><a href="integrated-video-solutions.html">Integrated Video Solutions</a></div>
|
||||
<div><a href="video-storage-solutions.html">Video Storage Solutions</a></div>
|
||||
<div><a href="central-command-center.html">Central Command Center</a></div>
|
||||
<div><a href="event-streaming.html">Event Streaming</a></div>
|
||||
<div><a href="video-analytics.html">Video Analytics</a></div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="dropdown"><a href="#"><span>Products</span> <i
|
||||
class="bi bi-chevron-down toggle-dropdown"></i></a>
|
||||
<ul>
|
||||
<li><a href="#">Storage Systems</a></li>
|
||||
<li><a href="#">AI NVR (Coming Soon)</a></li>
|
||||
<li><a href="#">Racks</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="dropdown mega-menu"><a href="#"><span>Services</span> <i
|
||||
class="bi bi-chevron-down toggle-dropdown"></i></a>
|
||||
<ul>
|
||||
<li>
|
||||
<div>
|
||||
<div><a href="iot-technologies.html">IoT Technologies</a></div>
|
||||
<div><a href="video-analytics.html">Video Analytics</a></div>
|
||||
<div><a href="rf=technlogy.html">RF Technology </a></div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<div><a href="rooftop-solar.html">Rooftop Solar/Solar Pump</a></div>
|
||||
<div><a href="software-development.html">Software Development</a></div>
|
||||
<div><a href="home-automation.html">Home Automation</a></div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<div><a href="it-telecommunications.html">IT & Telecommunication</a></div>
|
||||
<div><a href="smart-city.html">Smart Cities</a></div>
|
||||
<div><a href="e-mobility-services.html">E-Mobility Services</a></div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="dropdown"><a href="#"><span>Investors</span> <i
|
||||
class="bi bi-chevron-down toggle-dropdown"></i></a>
|
||||
<ul>
|
||||
<li><a href="annual-reports.html">Annual Reports</a></li>
|
||||
<li><a href="financial-information.html">Financial Information</a></li>
|
||||
<li><a href="corporate-governance.html">Corporate Governance</a></li>
|
||||
<li><a href="board-of-directors.html">Board of Directors</a></li>
|
||||
<li><a href="investor-news-updates.html">Investor News & Updates</a></li>
|
||||
<li><a href="regulatory-filings.html">Regulatory Filings</a></li>
|
||||
<li><a href="drhp.html">DRHP</a></li>
|
||||
<li><a href="contact-details.html">Contact Details</a></li>
|
||||
<li><a href="csr-policy.html">CSR Policy</a></li>
|
||||
<li><a href="disclosure.html">Disclosure</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#contact">Contact</a></li>
|
||||
</ul>
|
||||
<i class="mobile-nav-toggle d-xl-none bi bi-list"></i>
|
||||
</nav>
|
||||
|
||||
<a class="btn-getstarted" href="index.html#about">Get Started</a>
|
||||
|
||||
</div>
|
||||
@@ -0,0 +1,91 @@
|
||||
const html = `<div
|
||||
class="header-container container-fluid container-xl position-relative d-flex align-items-center justify-content-between">
|
||||
|
||||
<a href="index.html" class="logo d-flex align-items-center me-auto me-xl-0">
|
||||
<!-- Uncomment the line below if you also wish to use an image logo -->
|
||||
<img src="assets/img/logo.png" alt="">
|
||||
<!--<h1 class="sitename text-primary">ADM</h1> -->
|
||||
</a>
|
||||
|
||||
<nav id="navmenu" class="navmenu">
|
||||
<ul>
|
||||
<li><a href="/" class="active">Home</a></li>
|
||||
<li><a href="about.html">About</a></li>
|
||||
<li class="dropdown"><a href="#"><span>Products</span> <i
|
||||
class="bi bi-chevron-down toggle-dropdown"></i></a>
|
||||
<ul>
|
||||
<li><a href="zeno-aio-landing.html">Laptops</a></li>
|
||||
<li><a href="zeno-aio-landing.html">All In One's</a></li>
|
||||
<li><a href="#">Servers</a></li>
|
||||
<li><a href="#">AI NVR (Coming Soon)</a></li>
|
||||
<li><a href="#">Racks</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="dropdown mega-menu"><a href="#"><span>Solutions</span> <i
|
||||
class="bi bi-chevron-down toggle-dropdown"></i></a>
|
||||
<ul>
|
||||
<li>
|
||||
<span class="text-primary ps-2">Supply Chain Solutions</span>
|
||||
<div>
|
||||
<div><a href="dealer-automation.html">Dealer Automation</a></div>
|
||||
<div><a href="secondary-sales.html">Secodary Sales </a></div>
|
||||
<div><a href="e-governance.html">E-Governance </a></div>
|
||||
<div><a href="loyalty-solutions.html">Loyalty Solutions</a></div>
|
||||
<div><a href="block-chain-enabled.html">Block Chain Enabled</a></div>
|
||||
<div><a href="track-and-trace.html">Track and Trace </a></div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<span class="text-primary ps-2">Process Automation</span>
|
||||
<div>
|
||||
<div><a href="enterprises.html">Enterprises</a></div>
|
||||
<div><a href="govermnets.html">Governments</a></div>
|
||||
<div><a href="small-businesses.html">Small Businesses</a></div>
|
||||
</div>
|
||||
</li>
|
||||
<li><span class="text-primary ps-2">VMS</span>
|
||||
<div>
|
||||
<div><a href="integrated-video-solutions.html">Integrated Video Solutions</a></div>
|
||||
<div><a href="video-storage-solutions.html">Video Storage Solutions</a></div>
|
||||
<div><a href="central-command-center.html">Central Command Center</a></div>
|
||||
<div><a href="event-streaming.html">Event Streaming</a></div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="dropdown mega-menu"><a href="#"><span>Services</span> <i
|
||||
class="bi bi-chevron-down toggle-dropdown"></i></a>
|
||||
<ul>
|
||||
<li>
|
||||
<div>
|
||||
<div><a href="iot-technology.html">IoT Technologies</a></div>
|
||||
<div><a href="video-analytics.html">Video Analytics</a></div>
|
||||
<div><a href="rf-technology.html">RF Technology </a></div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<div><a href="rooftop-solar.html">Rooftop Solar/Solar Pump</a></div>
|
||||
<div><a href="software-development.html">Software Development</a></div>
|
||||
<div><a href="home-automation.html">Home Automation</a></div>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<div><a href="it-telecommunications.html">IT & Telecommunication</a></div>
|
||||
<div><a href="smart-cities.html">Smart Cities</a></div>
|
||||
<div><a href="smart-communication.html">Smart Communication</a></div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#">Investors</a></li>
|
||||
<li><a href="#">Contact</a></li>
|
||||
</ul>
|
||||
<i class="mobile-nav-toggle d-xl-none bi bi-list"></i>
|
||||
</nav>
|
||||
|
||||
<a class="btn-getstarted d-none" href="#">Get Started</a>
|
||||
|
||||
</div>`;
|
||||
document.getElementById('header').innerHTML = html;
|
||||
Fai riferimento in un nuovo problema
Block a user