관리-도구
편집 파일: clients.html
<!DOCTYPE html> <html lang="en"> <head> <!-- META --> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="keywords" content=""> <meta name="author" content=""> <meta name="robots" content=""> <meta name="description" content=""> <!-- FAVICONS ICON --> <link rel="icon" href="images/logo/logo.png" type="image/x-icon"> <link rel="shortcut icon" type="image/x-icon" href="images/logo/logo.png"> <!-- PAGE TITLE HERE --> <title>MasterTech | Clients</title> <!-- MOBILE SPECIFIC --> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="css/bootstrap.min.css"><!-- BOOTSTRAP STYLE SHEET --> <link rel="stylesheet" href="css/font-awesome.min.css"><!-- FONTAWESOME STYLE SHEET --> <link rel="stylesheet" href="css/owl.carousel.min.css"><!-- OWL CAROUSEL STYLE SHEET --> <link rel="stylesheet" href="css/magnific-popup.min.css"><!-- MAGNIFIC POPUP STYLE SHEET --> <link rel="stylesheet" href="css/swiper-bundle.min.css"><!-- Link Swiper's CSS --> <link rel="stylesheet" href="css/style.css"><!-- MAIN STYLE SHEET --> <link rel="stylesheet" href="css/bootstrap-icons.css"><!-- BOOTSTRAP ICON STYLE SHEET --> <link rel="stylesheet" href="css/lc_lightbox.css"><!-- Lc light box popup --> <link rel="stylesheet" href="css/bootstrap-slider.min.css"><!-- Price Range Slider --> </head> <body> <!-- LOADING AREA START ===== --> <div class="loading-area"> <div class="loading-box"></div> <div class="loading-pic"> <div class="loader"></div> </div> </div> <!-- LOADING AREA END ====== --> <!-- Curser Pointer --> <div class="cursor"></div> <div class="cursor2"></div> <div class="page-wraper"> <!-- HEADER START --> <header class="sticky-header site-header header-style-2 mobile-sider-drawer-menu"> <div class="main-bar-wraper navbar-expand-lg"> <div class="main-bar"> <div class="container-fluid clearfix"> <div class="logo-header"> <div class="logo-header-inner logo-header-one"> <a href="index.html"> <img src="images/logo/logo.png" alt="" width="200px"> </a> </div> </div> <!-- NAV Toggle Button --> <button id="mobile-side-drawer" data-target=".header-nav" data-toggle="collapse" type="button" class="navbar-toggler collapsed"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar icon-bar-first"></span> <span class="icon-bar icon-bar-two"></span> <span class="icon-bar icon-bar-three"></span> </button> <!-- MAIN Vav --> <div class="nav-animation header-nav navbar-collapse collapse d-flex justify-content-end"> <ul class=" nav navbar-nav"> <li><a href="index.html">Home</a></li> <li><a href="about.html">About</a></li> <li><a href="services.html">Services</a></li> <li><a href="sectors.html">Sectors</a></li> <li><a href="project.html">Projects</a></li> <li><a href="gallery.html">Gallery</a></li> <li><a href="clients.html">Clients</a></li> <li><a href="blog.html">Blogs</a></li> <li><a href="products.html">Products</a></li> <li><a href="contact.html">Contact</a></li> </ul> </div> <!-- Header Right Section--> <div class="extra-nav header-1-nav"> <div class="extra-cell one"> <div class="header-search"> <a href="#search" class="header-search-icon"><i class="bi bi-search"></i></a> </div> </div> <div class="extra-cell two h-cart-block"> <a href="javascript:;" class="wt-cart cart-btn navSidebar-button" title="Your Cart"> <span class="link-inner"> <span class="woo-cart-total"> </span> <span class="woo-cart-count"> <i class="fa-solid fa-phone-volume fa-lg"></i> </span> </span> </a> </div> </div> <!-- SITE Search --> <div id="search"> <span class="close-btn">X</span> <form role="search" id="searchform" action="/search" method="get" class="radius-xl"> <div class="input-group"> <input class="form-control" value="" name="q" type="search" placeholder="Search..."> <span class="input-group-append"> <button type="button" class="search-btn"> <i class="bi bi-search"></i> </button> </span> </div> </form> </div> </div> </div> </div> <!-- Sidebar popup Item --> <div class="xs-sidebar-group info-group"> <div class="xs-overlay xs-bg-black"></div> <div class="xs-sidebar-widget"> <div class="sidebar-widget-container"> <div class="widget-heading"> <a href="#" class="close-side-widget"> <i class="bi bi-x-square-fill"></i> </a> </div> </div> </div> </div> <!--End Sidebar popup Item --> </header> <!-- HEADER END --> <!-- CONTENT START --> <div class="page-content"> <!-- INNER PAGE BANNER --> <div class="wt-bnr-inr overlay-wraper bg-center"> <div class="overlay-main innr-bnr-olay"></div> <div class="wt-bnr-inr-entry"> <div class="banner-title-outer"> <div class="banner-title-name"> <h2 class="wt-title">Clients</h2> </div> <!-- BREADCRUMB ROW --> <div> <ul class="wt-breadcrumb breadcrumb-style-2"> <li><a href="index.html">Home</a></li> <li>Clients</li> </ul> </div> </div> <!-- BREADCRUMB ROW END --> </div> </div> <!-- INNER PAGE BANNER END --> <!-- Project 2 SECTION START --> <!-- Project 2 SECTION END --> <!-- CLIENT LOGO SECTION START --> <div class="section-full client-logo-section py-5"> <div class="container"> <div class="row g-4 justify-content-center align-items-center"> <div class="col-6 col-md-4 col-lg-3 col-xl-3"> <div class="client-logo text-center"> <a href="#"><img src="images/client/client1.png" class="img-fluid" alt="Client 1"></a> </div> </div> <div class="col-6 col-md-4 col-lg-3 col-xl-3"> <div class="client-logo text-center"> <a href="#"><img src="images/client/client10.png" class="img-fluid" alt="Client 2"></a> </div> </div> <div class="col-6 col-md-4 col-lg-3 col-xl-3"> <div class="client-logo text-center"> <a href="#"><img src="images/client/client11.png" class="img-fluid" alt="Client 3"></a> </div> </div> <div class="col-6 col-md-4 col-lg-3 col-xl-3"> <div class="client-logo text-center"> <a href="#"><img src="images/client/client12.png" class="img-fluid" alt="Client 4"></a> </div> </div> <div class="col-6 col-md-4 col-lg-3 col-xl-3"> <div class="client-logo text-center"> <a href="#"><img src="images/client/client13.png" class="img-fluid" alt="Client 5"></a> </div> </div> <!-- Repeat as needed --> <div class="col-6 col-md-4 col-lg-3 col-xl-3"> <div class="client-logo text-center"> <a href="#"><img src="images/client/client14.png" class="img-fluid" alt="Client 2"></a> </div> </div> <div class="col-6 col-md-4 col-lg-3 col-xl-3"> <div class="client-logo text-center"> <a href="#"><img src="images/client/client15.png" class="img-fluid" alt="Client 3"></a> </div> </div> <div class="col-6 col-md-4 col-lg-3 col-xl-3"> <div class="client-logo text-center"> <a href="#"><img src="images/client/client16.png" class="img-fluid" alt="Client 4"></a> </div> </div> <div class="col-6 col-md-4 col-lg-3 col-xl-3"> <div class="client-logo text-center"> <a href="#"><img src="images/client/client17.png" class="img-fluid" alt="Client 5"></a> </div> </div> <div class="col-6 col-md-4 col-lg-3 col-xl-3"> <div class="client-logo text-center"> <a href="#"><img src="images/client/client18.png" class="img-fluid" alt="Client 2"></a> </div> </div> <div class="col-6 col-md-4 col-lg-3 col-xl-3"> <div class="client-logo text-center"> <a href="#"><img src="images/client/client19.png" class="img-fluid" alt="Client 3"></a> </div> </div> <div class="col-6 col-md-4 col-lg-3 col-xl-3"> <div class="client-logo text-center"> <a href="#"><img src="images/client/client2.png" class="img-fluid" alt="Client 4"></a> </div> </div> <div class="col-6 col-md-4 col-lg-3 col-xl-3"> <div class="client-logo text-center"> <a href="#"><img src="images/client/client3.png" class="img-fluid" alt="Client 5"></a> </div> </div> <div class="col-6 col-md-4 col-lg-3 col-xl-3"> <div class="client-logo text-center"> <a href="#"><img src="images/client/client4.png" class="img-fluid" alt="Client 2"></a> </div> </div> <div class="col-6 col-md-4 col-lg-3 col-xl-3"> <div class="client-logo text-center"> <a href="#"><img src="images/client/client5.png" class="img-fluid" alt="Client 3"></a> </div> </div> <div class="col-6 col-md-4 col-lg-3 col-xl-3"> <div class="client-logo text-center"> <a href="#"><img src="images/client/client6.png" class="img-fluid" alt="Client 4"></a> </div> </div> <div class="col-6 col-md-4 col-lg-3 col-xl-3"> <div class="client-logo text-center"> <a href="#"><img src="images/client/client7.png" class="img-fluid" alt="Client 5"></a> </div> </div> <div class="col-6 col-md-4 col-lg-3 col-xl-3"> <div class="client-logo text-center"> <a href="#"><img src="images/client/client8.png" class="img-fluid" alt="Client 5"></a> </div> </div> </div> </div> </div> <style> .client-logo img { max-width: 100%; height: auto; /* filter: grayscale(100%); */ opacity: 0.8; transition: all 0.3s ease; } .client-logo img:hover { filter: none; opacity: 1; transform: scale(1.05); } </style> </div> <!-- CONTENT END --> <!-- FOOTER START --> <footer class="site-footer footer-dark"> <!-- FOOTER BLOCKES START --> <div class="footer-top"> <div class="container"> <div class="row"> <div class="col-lg-4 col-md-12"> <div class="widget widget_about"> <div class="logo-footer clearfix"> <a href="index.html"><img src="images/logo/logo.png" alt=""></a> </div> <div class="call-us"> <a href="tel:+971 558053688">+971 558053688</a> </div> <p class="text-dark">Comprehensive ELV & Communication Solutions: Specializing in SMATV/IPTV, CCTV, Audio Video Intercom, Access Control, and Gate Barrier Systems since 2005. </p> <ul class="social-icons"> <li><a class="text-white" href="https://www.x.com"><i class="bi bi-twitter-x cursor-scale small"></i></a></li> <li><a class="text-white" href="https://www.facebook.com "><i class="bi bi-facebook cursor-scale small"></i></a></li> <li><a class="text-white" href="https://www.instagram.com"><i class="bi bi-instagram cursor-scale small"></i></a></li> <li><a class="text-white" href="https://www.pinterest.com/"><i class="bi bi-pinterest cursor-scale small"></i></a></li> </ul> </div> </div> <div class="col-lg-4 col-md-6"> <div class="widget f-top-space"> <h3 class="widget-title text-dark">Address</h3> <ul class="widget_address"> <li class="text-dark"><i class="bi bi-geo-alt"></i> <span class="text-dark">UAE</span> Master Technovision LLC Showroom | WH No.E18 Nr. Jotun Paints, Al Quoz 2, Dubai, UAE </li> <li class="text-dark"> <i class="bi bi-telephone-fill me-2"></i> +971 558053688 </li> <li class="text-dark"><i class="bi bi-envelope"></i>info@mastertechuae.com</li> </ul> </div> </div> <div class="col-lg-4 col-md-6"> <div class="widget f-top-space recent-posts-entry"> <h3 class="widget-title text-dark">Recent Blogs</h3> <div class="section-content"> <div class="widget-post-bx"> <div class="widget-post clearfix"> <div class="wt-post-media"> <img src="images/mastertech/b1.png" alt=""> </div> <div class="wt-post-info"> <div class="wt-post-meta"> <ul> <li class="post-author">25 May</li> <li class="post-comment">05 Comment</li> </ul> </div> <div class="wt-post-header"> <a class="text-dark" href="blog-single.html" class="post-title">Office Turnkey Solutions in Dubai – Smart Office Setup</a> </div> </div> </div> <div class="widget-post clearfix"> <div class="wt-post-media"> <img src="images/mastertech/b3.png" alt=""> </div> <div class="wt-post-info"> <div class="wt-post-meta"> <ul> <li class="post-author">28 June</li> <li class="post-comment">05 Comment</li> </ul> </div> <div class="wt-post-header"> <a class="text-dark" href="blog-single.html" class="post-title">Mild Sound Systems Installation in Dubai: Elevate Your Audio Experience</a> </div> </div> </div> <div class="widget-post clearfix"> <div class="wt-post-media"> <img src="images/mastertech/b4.png" alt=""> </div> <div class="wt-post-info"> <div class="wt-post-meta"> <ul> <li class="post-author">28 June</li> <li class="post-comment">05 Comment</li> </ul> </div> <div class="wt-post-header"> <a class="text-dark" href="blog-single.html" class="post-title">The Journey of MasterTech</a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <!-- FOOTER COPYRIGHT --> <div class="footer-bottom"> <div class="container"> <div class="container"> <div class="footer-bottom-info d-flex justify-content-between"> <div class="wt-footer-bot-left"> <span class="copyrights-text">© 2025 Mastertech Copyright Reserved.</span> </div> <div class="wt-footer-bot-right"> <span class="copyrights-text">Designed By ICT Global Tech Pvt Ltd</span> </div> </div> </div> </div> </div> </footer> <!-- FOOTER END --> <!-- BUTTON TOP START --> <button class="scroltop"><span class="fa fa-angle-up relative" id="btn-vibrate"></span></button> </div> <!-- JAVASCRIPT FILES ========================================= --> <script src="js/jquery-3.7.1.min.js"></script><!-- JQUERY.MIN JS --> <script src="js/popper.min.js"></script><!-- POPPER.MIN JS --> <script src="js/bootstrap.min.js"></script><!-- BOOTSTRAP.MIN JS --> <script src="js/magnific-popup.min.js"></script><!-- MAGNIFIC-POPUP JS --> <script src="js/waypoints.min.js"></script><!-- WAYPOINTS JS --> <script src="js/counterup.min.js"></script><!-- COUNTERUP JS --> <script src="js/isotope.pkgd.min.js"></script><!-- MASONRY --> <script src="js/imagesloaded.pkgd.min.js"></script><!-- MASONRY --> <script src="js/owl.carousel.min.js"></script><!-- OWL SLIDER --> <script src="js/theia-sticky-sidebar.js"></script><!-- STICKY SIDEBAR --> <script src="js/jquery.bootstrap-touchspin.js"></script><!-- FORM JS --> <script src="js/lc_lightbox.lite.js"></script><!-- IMAGE POPUP --> <script src="js/bootstrap-slider.min.js"></script><!-- Form js --> <script src="js/swiper-bundle.min.js"></script> <!-- Swiper JS --> <script src="js/img-parallax.js"></script> <script src="js/wow.min.js"></script><!-- WOW ANIMATION JS --> <!-- Title animation Js --> <script src="js/gsap.min.js"></script><!-- cursor --> <script src="js/custom.js"></script><!-- CUSTOM FUCTIONS --> </body> </html>