관리-도구
편집 파일: contact.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 | Contact</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">Contact Us</h2> </div> <!-- BREADCRUMB ROW --> <div> <ul class="wt-breadcrumb breadcrumb-style-2"> <li><a href="index.html">Home</a></li> <li>Contact Us</li> </ul> </div> </div> <!-- BREADCRUMB ROW END --> </div> </div> <!-- INNER PAGE BANNER END --> <!-- CONTACT FORM --> <div class="section-full p-t120 p-b120"> <div class="section-content"> <div class="container"> <div class="contact-one"> <div class="c-info-column-media parallax-section"> <img class="parallax-image" src="images/mastertech/contact.png" alt="#"> </div> <div class="row"> <!-- CONTACT INFO --> <div class="col-xl-6 col-lg-6 col-md-12 "> <div class="c-info-column-wrap"> <!-- TITLE START--> <div class="section-head left wt-small-separator-outer"> <div class="wt-small-separator site-text-primary"> <i class="bi bi-house"></i> <div>Contact Info</div> </div> <h2 class="wt-title title_split_anim">We are always ready to help you.</h2> </div> <!-- TITLE END--> <div class="c-info-column"> <div class="c-info-icon"><i class="bi bi-geo-alt"></i></div> <div class="c-info-detail"> <span class="m-t0">Address info</span> <p>Master Technovision LLC Showroom | WH No.E18 Nr.Jotun Paints, Al Quoz 2, Dubai, UAE</p> </div> </div> <div class="c-info-column"> <div class="c-info-icon"> <i class="bi bi-telephone"></i> </div> <div class="c-info-detail"> <span class="m-t0">Phone number</span> <p><a href="tel:+971 558053688">+971 558053688</a></p> </div> </div> <div class="c-info-column"> <div class="c-info-icon"><i class="bi bi-envelope"></i></div> <div class="c-info-detail"> <span class="m-t0">Email address</span> <p>info@mastertechuae.com</p> </div> </div> <div class="c-info-column"> <div class="c-info-icon"><i class="bi bi-door-open"></i></div> <div class="c-info-detail"> <span class="m-t0">Open Hour</span> <p>Mon - Sat ( 09.00 AM to 06.00 PM )</p> </div> </div> <div class="social-icons-contact"> <div class="twm-social2"> <ul> <li><a href="https://www.x.com" class="tm-s-x"><i class="bi bi-twitter-x"></i></a></li> <li><a href="https://www.facebook.com" class="tm-s-fb"><i class="bi bi-facebook"></i></a></li> <li><a href="https://www.instagram.com" class="tm-s-in"><i class="bi bi-instagram"></i></a></li> <li><a href="https://www.pinterest.com/" class="tm-s-pi"><i class="bi bi-pinterest"></i></a></li> </ul> </div> </div> </div> </div> <!-- GET IN TOUCH!--> <div class="col-xl-6 col-lg-6 col-md-12"> <div class="contact-info-section"> <div class="contact-form-outer"> <h3 class="wt-title">Get in touch !</h3> <p>Hvillas is a very modern and creative template that has been carefully crafted to suit any interior design website. </p> <form class="cons-contact-form" method="post" action="form-handler2.php"> <div class="row"> <div class="col-lg-12 col-md-12"> <div class="form-group"> <input name="username" type="text" required class="form-control" placeholder="Name"> </div> </div> <div class="col-lg-6 col-md-12"> <div class="form-group"> <input name="email" type="text" class="form-control" required placeholder="Email"> </div> </div> <div class="col-lg-6 col-md-12"> <div class="form-group"> <input name="phone" type="text" class="form-control" required placeholder="Phone"> </div> </div> <div class="col-lg-12 col-md-12"> <div class="form-group"> <select name="" class="form-control" aria-placeholder="Select Service" id=""> <option value="">Select Service</option> <option value="SMATV MATV System">SMATV MATV System</option> <option value="CCTV Installation">CCTV Installation</option> <option value="Parking Gate Barrier">Parking Gate Barrier</option> <option value="Audio / Video Intercom System">Audio / Video Intercom System</option> <option value="Time Attendance System">Time Attendance System</option> </select> </div> </div> <div class="col-lg-12"> <div class="form-group"> <textarea name="message" class="form-control" rows="4" placeholder="Message"></textarea> </div> </div> <div class="col-md-12"> <button type="submit" class="site-button ">Submit Now</button> </div> </div> </form> </div> </div> </div> </div> </div> </div> </div> </div> <!-- GOOGLE MAP --> <div class="section-full g-map-wrap"> <div class="gmap-outline"> <div class="google-map"> <div style="width: 100%"> <iframe height="460" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2969.272796714594!2d-87.64937353634511!3d41.90849403896016!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x880fd324fc400797%3A0x76a989827d7eb84e!2s853%20W%20Blackhawk%20St%2C%20Chicago%2C%20IL%2060642%2C%20USA!5e0!3m2!1sen!2sin!4v1745326667544!5m2!1sen!2sin"></iframe> </div> </div> </div> </div> </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>