관리-도구
편집 파일: clientele.html
<!doctype html> <html class="no-js " lang="zxx"> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <title>Netcom Rentals - Laptop & CCTV Rental Shop</title> <meta name="author" content="Netcom Rentals"> <meta name="description" content="Netcom Rentals - Premium Laptop and CCTV Rental Services"> <meta name="keywords" content="laptop rental, cctv rental, tech rentals, Netcom Rentals"> <meta name="robots" content="INDEX,FOLLOW"> <!-- Mobile Specific Metas --> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <!-- Favicons - Place favicon.ico in the root directory --> <link rel="apple-touch-icon" sizes="57x57" href="assets/img/logo-4.png"> <link rel="apple-touch-icon" sizes="60x60" href="assets/img/logo-4.png"> <link rel="apple-touch-icon" sizes="72x72" href="assets/img/logo-4.png"> <link rel="apple-touch-icon" sizes="76x76" href="assets/img/logo-4.png"> <link rel="apple-touch-icon" sizes="114x114" href="assets/img/logo-4.png"> <link rel="apple-touch-icon" sizes="120x120" href="assets/img/logo-4.png"> <link rel="apple-touch-icon" sizes="144x144" href="assets/img/logo-4.png"> <link rel="apple-touch-icon" sizes="152x152" href="assets/img/logo-4.png"> <link rel="apple-touch-icon" sizes="180x180" href="assets/img/logo-4.png"> <link rel="icon" type="image/png" sizes="192x192" href="assets/img/logo-4.png"> <link rel="icon" type="image/png" sizes="32x32" href="assets/img/logo-4.png"> <link rel="icon" type="image/png" sizes="96x96" href="assets/img/logo-4.png"> <link rel="icon" type="image/png" sizes="16x16" href="assets/img/logo-4.png"> <link rel="manifest" href="assets/img/favicons/manifest.json"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileImage" content="assets/img/logo-4.png"> <meta name="theme-color" content="#ffffff"> <!--============================== Google Fonts ============================== --> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Play:wght@400;700&display=swap" rel="stylesheet"> <!--============================== All CSS File ============================== --> <!-- Bootstrap --> <link rel="stylesheet" href="assets/css/bootstrap.min.css"> <!-- Fontawesome Icon --> <link rel="stylesheet" href="assets/css/fontawesome.min.css"> <!-- Magnific Popup --> <link rel="stylesheet" href="assets/css/magnific-popup.min.css"> <!-- Swiper Js --> <link rel="stylesheet" href="assets/css/swiper-bundle.min.css"> <!-- Theme Custom CSS --> <link rel="stylesheet" href="assets/css/style.css"> <link rel="stylesheet" href="assets/css/premium-hero.css"> <link rel="stylesheet" href="assets/css/tech-rental-packages.css"> <link rel="stylesheet" href="assets/css/tech-brands.css"> <link rel="stylesheet" href="assets/css/about-us-section.css"> <link rel="stylesheet" href="assets/css/recommendations.css"> <link rel="stylesheet" href="assets/css/certificates.css"> <link rel="stylesheet" href="assets/css/rental-equipment.css"> <link rel="stylesheet" href="assets/css/footer.css"> </head> <body class=""> <!--[if lte IE 9]> <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p> <![endif]--> <!--******************************** Code Start From Here ******************************** --> <!-- slider drag cursor --> <div class="slider-drag-cursor"> <DRAG> </div> <!--============================== Preloader ==============================--> <div class="preloader "> <!--<button class="th-btn preloaderCls">Cancel Preloader </button>--> <div class="preloader-inner"> <div class="loader"></div> </div> </div> <!--============================== Sidemenu ============================== --> <div class="popup-search-box d-none d-lg-block"> <button class="searchClose"><i class="fal fa-times"></i></button> <form action="#"> <input type="text" placeholder="What are you looking for?"> <button type="submit"><i class="fal fa-search"></i></button> </form> </div><!--============================== Mobile Menu ============================== --> <div class="th-menu-wrapper"> <div class="th-menu-area text-center"> <button class="th-menu-toggle"><i class="fal fa-times"></i></button> <div class="mobile-logo"> <a href="index.html"><img src="assets/img/logo-4.png" alt=""></a> </div> <div class="th-mobile-menu"> <ul> <li class="active"> <a href="index.html">Home</a> </li> <li> <a href="about.html">About</a> </li> <li class="menu-item-has-children"> <a href="#">Rentals</a> <ul class="sub-menu"> <li><a href="shop.html">Work Stations</a></li> <li><a href="shop.html">UPS</a></li> <li><a href="shop.html">Surveillance Camera Access</a></li> <li><a href="shop.html">Servers</a></li> <li><a href="shop.html">Printers & Scanners</a></li> <li><a href="shop.html">Networking Products</a></li> <li><a href="shop.html">Laptops</a></li> <li><a href="shop.html">Desktops</a></li> <li><a href="shop.html">AV Equipments</a></li> <li><a href="shop.html">Apple Mac Books</a></li> <li><a href="shop.html">Apple Imac & Mac Studio</a></li> </ul> </li> <li> <a href="blog.html">Blog</a> </li> <li> <a href="news.html">News</a> </li> <li> <a href="clientele.html">Clientele</a> </li> <li> <a href="contact.html">Contact</a> </li> </ul> </div> </div> </div><!--============================== Header Area ==============================--> <header class="th-header header-default"> <div class="header-top"> <div class="th-container"> <div class="row justify-content-center justify-content-lg-between align-items-center gy-2"> <div class="col-auto d-none d-lg-block"> <div class="header-links"> <ul> <li><i class="fal fa-location-dot"></i> <a href="https://www.google.com/maps">Door No: CC 70/1174 A2, First floor Mampilly centre, Peradoor Road Kaloor Junction 682017</a></li> <li><i class="fa-regular fa-phone"></i> <a href="tel:+91 8068848499">+91 8068848499</a> </li> <li><i class="fa-sharp fa-regular fa-envelope"></i> <a href="mailto:info@netcomitservices.com">info@netcomitservices.com</a></li> </ul> </div> </div> <div class="col-auto"> <div class="header-links"> <ul> <style> .social-links a.facebook i { color: #1877F2; /* Facebook OG Blue */ } .social-links a.instagram i { color: #E4405F; /* Instagram OG Pink */ } </style> <li> <div class="social-links"> <a href="https://www.facebook.com/NetComITServices/" class="facebook"><i class="fab fa-facebook-f"></i></a> <a href="https://www.instagram.com/netcomservicesglobal/?igshid=MzRlODBiNWFlZA%3D%3D" class="instagram" ><i class="fab fa-instagram"></i></a> </div> </li> </ul> </div> </div> </div> </div> </div> <div class="sticky-wrapper"> <!-- Main Menu Area --> <div class="menu-area"> <div class="th-container"> <div class="row align-items-center justify-content-between"> <div class="col-auto"> <div class="header-logo"> <a href="index.html" style="font-size: 24px; font-weight: 700; color: var(--theme-color); font-family: var(--title-font);"><img src="assets/img/logo-4.png" alt=""></a> </div> </div> <div class="col-auto"> <nav class="main-menu sapace-left d-none d-lg-inline-block"> <ul> <li class="active"> <a href="index.html">Home</a> </li> <li> <a href="about.html">About</a> </li> <li class="menu-item-has-children"> <a href="#">Rentals</a> <ul class="sub-menu"> <li><a href="shop.html">Work Stations</a></li> <li><a href="shop.html">UPS</a></li> <li><a href="shop.html">Surveillance Camera Access</a></li> <li><a href="shop.html">Servers</a></li> <li><a href="shop.html">Printers & Scanners</a></li> <li><a href="shop.html">Networking Products</a></li> <li><a href="shop.html">Laptops</a></li> <li><a href="shop.html">Desktops</a></li> <li><a href="shop.html">AV Equipments</a></li> <li><a href="shop.html">Apple Mac Books</a></li> <li><a href="shop.html">Apple Imac & Mac Studio</a></li> </ul> </li> <li> <a href="blog.html">Blog</a> </li> <li> <a href="news.html">News</a> </li> <li> <a href="clientele.html">Clientele</a> </li> <li> <a href="contact.html">Contact</a> </li> </ul> </nav> <button type="button" class="th-menu-toggle d-block d-lg-none"><i class="far fa-bars"></i></button> </div> </div> </div> </div> </div> </header><!--============================== Hero Area ==============================--> <!--============================== Breadcrumb ==============================--> <div class="breadcumb-wrapper " data-bg-src="assets/img/laps/bread.png"> <div class="container"> <div class="breadcumb-content"> <h1 class="breadcumb-title">Our Valued Clients</h1> <ul class="breadcumb-menu"> <li><a href="index.html">Home</a></li> <li>Clientele</li> </ul> </div> </div> </div> <!--============================== Clientele Content ==============================--> <section class="space-top space-bottom"> <div class="container"> <div class="row gy-4 align-items-center mb-50"> <div class="col-lg-12"> <div class="section-title text-center"> <h1 class="th-heading">Clientele</h1> </div> </div> </div> <style> /* Client Grid */ .client-grid { display: flex; flex-wrap: wrap; gap: 28px; justify-content: center; padding: 0; margin: 0 auto; max-width: 1200px; } /* 5 per row on desktop */ .client-item { flex: 0 0 calc(20% - 28px); max-width: calc(20% - 28px); box-sizing: border-box; } /* Tablet */ @media (max-width: 991px) { .client-item { flex: 0 0 calc(33.33% - 28px); max-width: calc(33.33% - 28px); } } /* Mobile */ @media (max-width: 575px) { .client-item { flex: 0 0 calc(50% - 28px); max-width: calc(50% - 28px); } } .client-logo-box { background: #ffffff; padding: 18px 20px; border-radius: 12px; display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 30px rgba(12, 18, 31, 0.06); height: 96px; } .client-logo-box img { max-height: 60px; width: auto; display: block; } </style> <div class="client-grid mb-50"> <div class="client-item"> <div class="client-logo-box"> <img src="assets/img/clients/0.jpg" alt="Client Logo"> </div> </div> <div class="client-item"> <div class="client-logo-box"> <img src="assets/img/clients/1.jpg" alt="Client Logo"> </div> </div> <div class="client-item"> <div class="client-logo-box"> <img src="assets/img/clients/2.jpg" alt="Client Logo"> </div> </div> <div class="client-item"> <div class="client-logo-box"> <img src="assets/img/clients/3.jpg" alt="Client Logo"> </div> </div> <div class="client-item"> <div class="client-logo-box"> <img src="assets/img/clients/4.jpg" alt="Client Logo"> </div> </div> <div class="client-item"> <div class="client-logo-box"> <img src="assets/img/clients/5.jpg" alt="Client Logo"> </div> </div> <div class="client-item"> <div class="client-logo-box"> <img src="assets/img/clients/6.jpg" alt="Client Logo"> </div> </div> <div class="client-item"> <div class="client-logo-box"> <img src="assets/img/clients/7.jpg" alt="Client Logo"> </div> </div> </div> </div> </section> <!--============================== Footer Area ==============================--> <style> /* Social Icons */ .footer-social a { display: inline-block; margin-right: 12px; font-size: 18px; transition: 0.3s ease; } /* Brand Colors */ .footer-social a.facebook i { color: #1877F2; } .footer-social a.instagram i { color: #E4405F; } .footer-social a.linkedin i { color: #0A66C2; } .footer-social a.youtube i { color: #FF0000; } /* Hover */ .footer-social a:hover i { transform: translateY(-2px); opacity: 0.8; } /* Instagram Grid */ .footer-insta-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; max-width: 180px; margin-left: auto; } .footer-insta-grid a { display: block; border-radius: 6px; overflow: hidden; } .footer-insta-grid img { width: 100%; height: 55px; object-fit: cover; transition: 0.3s ease; } .footer-insta-grid img:hover { transform: scale(1.05); } </style> <footer class="footer-wrapper footer-white mt-5"> <!-- Decoration Shape --> <div class="footer-shape-top"></div> <div class="footer-top"> <div class="container"> <div class="footer-top-border"> <div class="row gy-4 justify-content-between align-items-center footer-row-mobile"> <!-- Logo + Social --> <div class="col-lg-3 footer-col-mobile"> <div class="logo-top mb-3"> <a href="index.html"> <img src="assets/img/logo-4.png" alt="Netcom Rentals"> </a> </div> <!-- Social Icons BELOW Logo --> <div class="footer-social"> <a href="https://www.facebook.com/NetComITServices/" target="_blank" class="facebook"> <i class="fab fa-facebook-f"></i> </a> <a href="https://www.instagram.com/netcomservicesglobal/?igshid=MzRlODBiNWFlZA%3D%3D" target="_blank" class="instagram"> <i class="fab fa-instagram"></i> </a> </div> </div> <!-- Center Text --> <div class="col-lg-5 footer-col-mobile"> <div class="payment-wrap"> <div class="info"> <h4>Trusted IT Solutions Provider</h4> <h6>Serving South India with 10+ Branches Since 2007</h6> </div> </div> </div> <!-- Instagram Grid --> <div class="col-lg-4 footer-col-mobile"> <div class="footer-insta-grid text-lg-end"> <a href="#"><img src="assets/img/laps/p1.png" alt=""></a> <a href="#"><img src="assets/img/laps/p2.png" alt=""></a> <a href="#"><img src="assets/img/laps/p3.png" alt=""></a> <a href="#"><img src="assets/img/laps/p4.png" alt=""></a> <a href="#"><img src="assets/img/laps/p5.png" alt=""></a> <a href="#"><img src="assets/img/laps/p6.png" alt=""></a> </div> </div> </div> </div> </div> </div> <style> /* Desktop View - No Changes */ .footer-row-mobile { display: flex; flex-wrap: wrap; } .footer-col-mobile { flex: 0 0 auto; } /* Logo and Social Styling */ .logo-top img { max-width: 150px; height: auto; } .footer-social { display: flex; gap: 12px; margin-top: 10px; } .footer-social a { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: #f5f5f5; border-radius: 50%; color: #333; font-size: 14px; transition: all 0.3s ease; } .footer-social a:hover { background: var(--theme-color); color: #fff; } /* Info Text Styling */ .payment-wrap .info h4 { font-size: 26px; font-weight: 700; margin: 0 0 5px 0; } .payment-wrap .info h6 { font-size: 23px; margin: 0; color: #999; } /* Instagram Grid - Square Layout 3x2 */ .footer-insta-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; max-width: 200px; } .footer-insta-grid a { overflow: hidden; border-radius: 4px; aspect-ratio: 1 / 1; display: block; } .footer-insta-grid img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; } .footer-insta-grid a:hover img { transform: scale(1.1); } /* Mobile Responsive - Stack One by One */ @media (max-width: 991px) { .footer-row-mobile { flex-direction: column !important; } .footer-col-mobile { width: 100% !important; text-align: center; } .logo-top { margin-bottom: 15px; } .logo-top img { max-width: 120px; } .footer-social { justify-content: center; } .payment-wrap .info { padding: 15px 0; } .payment-wrap .info h4 { font-size: 15px; } .footer-insta-grid { margin: 0 auto; max-width: 180px; } } @media (max-width: 575px) { .logo-top img { max-width: 100px; } .footer-social { gap: 10px; } .footer-social a { width: 36px; height: 36px; font-size: 12px; } .footer-insta-grid { max-width: 160px; gap: 6px; } .payment-wrap .info h4 { font-size: 14px; } .payment-wrap .info h6 { font-size: 12px; } }@media (max-width: 768px) { .footer-top { display: none; margin-top:0px !important; } .footer-white{ padding-top: 10px !important; } } </style> <div class="widget-are mt-5 mb-0"> <div class="container"> <div class="row justify-content-between"> <div class="col-md-6 col-xl-3"> <div class="widget footer-widget"> <h3 class="widget_title">About Netcom Services</h3> <div class="th-widget-about"> <p class="about-text">Netcom Services is a trusted IT infrastructure solution and rental provider. We identify high-quality, affordable IT solutions in hardware, software, services, mobility, analytics and cloud.</p> <div class="footer-call-wrap"> <div class="info-box"> <div class="info-contnt"> <h4 class="footer-info-title">Call Us:</h4> <p class="info-box_text"> <a href="tel:+919876543210" class="info-box_link">+91 98765 43210</a> </p> </div> </div> <div class="info-box"> <div class="info-contnt"> <h4 class="footer-info-title">Email Us:</h4> <p class="info-box_text"> <a href="mailto:info@netcomservices.com" class="info-box_link">info@netcomservices.com</a> </p> </div> </div> <!-- Social Links - Mobile Only --> <div class="d-flex d-md-none gap-3 mt-3"> <a href="https://www.instagram.com/netcomservicesglobal/?igshid=MzRlODBiNWFlZA%3D%3D" target="_blank" class="text-decoration-none"> <i class="fab fa-instagram fs-5"></i> </a> <a href="https://www.facebook.com/NetComITServices/" target="_blank" class="text-decoration-none"> <i class="fab fa-facebook-f fs-5"></i> </a> </div> </div> </div> </div> </div> <div class="col-md-6 col-xl-auto"> <div class="widget widget_nav_menu footer-widget"> <h3 class="widget_title">Quick Links</h3> <div class="menu-all-pages-container"> <ul class="menu"> <li><a href="index.html">Home</a></li> <li><a href="about.html">About Us</a></li> <li><a href="blog.html">Blog</a></li> <li><a href="news.html">News</a></li> <li><a href="clientele.html">Clientele</a></li> <li><a href="contact.html">Contact Us</a></li> </ul> </div> </div> </div> <div class="col-md-6 col-xl-auto"> <div class="widget widget_nav_menu footer-widget"> <h3 class="widget_title">Rental Products</h3> <div class="menu-all-pages-container"> <ul class="menu"> <li><a href="rentals.html">Laptops</a></li> <li><a href="rentals.html">Desktops</a></li> <li><a href="rentals.html">Work Stations</a></li> <li><a href="rentals.html">Servers</a></li> <li><a href="rentals.html">CCTV Systems</a></li> <li><a href="rentals.html">Networking Products</a></li> </ul> </div> </div> </div> <div class="col-md-6 col-xl-auto"> <div class="widget widget_nav_menu footer-widget"> <h3 class="widget_title">More Products</h3> <div class="menu-all-pages-container"> <ul class="menu"> <li><a href="rentals.html">Printers & Scanners</a></li> <li><a href="rentals.html">UPS Systems</a></li> <li><a href="rentals.html">AV Equipments</a></li> <li><a href="rentals.html">Apple MacBooks</a></li> <li><a href="rentals.html">iMac & Mac Studio</a></li> </ul> </div> </div> </div> <div class="col-md-6 col-xl-auto"> <div class="widget footer-widget"> <h3 class="widget_title">Our Locations</h3> <div class="th-widget-about"> <p class="about-text mb-3"><i class="fa-solid fa-location-dot me-2"></i>10+ Branches Across South India</p> <p class="about-text mb-3"><i class="fa-solid fa-clock me-2"></i>Mon - Sat: 9:00 AM - 7:00 PM</p> <p class="about-text mb-0"><i class="fa-solid fa-calendar-check me-2"></i>Since 2007 - 18+ Years of Excellence</p> </div> </div> </div> </div> </div> </div> <div class="copyright-wrap"> <div class="container"> <div class="row gy-2 align-items-center"> <div class="col-md-12"> <p class="copyright-text text-center">Copyright <i class="fal fa-copyright"></i> 2026 <a href="index.html">Netcom Services</a>. All Rights Reserved.</p> </div> </div> </div> </div> </footer> <!--******************************** Code End Here ******************************** --> <!-- Scroll To Top --> <div class="scroll-top"> <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102"> <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" style="transition: stroke-dashoffset 10ms linear 0s; stroke-dasharray: 307.919, 307.919; stroke-dashoffset: 307.919;"> </path> </svg> </div> <!--============================== All Js File ============================== --> <!-- Jquery --> <script src="assets/js/vendor/jquery-3.7.1.min.js"></script> <!-- Swiper Js --> <script src="assets/js/swiper-bundle.min.js"></script> <!-- Bootstrap --> <script src="assets/js/bootstrap.min.js"></script> <!-- Magnific Popup --> <script src="assets/js/jquery.magnific-popup.min.js"></script> <!-- Counter Up --> <script src="assets/js/jquery.counterup.min.js"></script> <!-- Tilt JS --> <script src="assets/js/tilt.jquery.min.js"></script> <!-- Gsap Animation --> <script src="assets/js/gsap.min.js"></script> <!-- Isotope Filter --> <script src="assets/js/imagesloaded.pkgd.min.js"></script> <script src="assets/js/isotope.pkgd.min.js"></script> <script src="assets/js/jquery-ui.min.js"></script> <!-- nice select --> <script src="assets/js/nice-select.min.js"></script> <!-- Main Js File --> <script src="assets/js/main.js"></script> </body> </html>