관리-도구
편집 파일: contact-us.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, viewport-fit=cover"> <!-- Primary Meta Tags --> <title>Master Tech - Building Access Control System</title> <meta name="description" content="Advanced building access control systems for G+5 buildings. Card swipe entry and intercom room access solutions for maximum security."> <meta name="keywords" content="access control, building security, card swipe system, intercom system, G+5 building, door access, security system"> <meta name="author" content="Laralink"> <!-- Favicon and App Icons --> <link rel="icon" type="image/png" href="assets/img/logo.png"> <link rel="apple-touch-icon" href="assets/img/apple-touch-icon.webp"> <!-- Deferred CSS Loading --> <link rel="stylesheet" href="assets/css/bootstrap.min.css"> <link rel="stylesheet" href="assets/css/fontawesome.min.css"> <link rel="stylesheet" href="assets/css/odometer.min.css"> <link rel="stylesheet" href="assets/css/swiper.min.css"> <link rel="stylesheet" href="assets/css/style.css"> </head> <body> <!-- Start Header Section --> <header class="cs_site_header cs_style_5 cs_sticky_header" aria-label="Main header"> <div class="cs_main_header"> <div class="container-fluid"> <div class="cs_main_header_in"> <div class="cs_main_header_left"> <a href="index.html" aria-label="Home page" class="cs_site_brand"> <img src="assets/img/logo.png" alt="Brand logo" width="150px"> </a> </div> <div class="cs_main_header_center"> <nav class="cs_nav" aria-label="Main navigation"> <div class="cs_nav_list_wrapper"> <span class="cs_close_nav cs_center"><i class="fa-regular fa-circle-right"></i></span> <ul class="cs_nav_list cs_mp_0"> <li><a href="index.html" aria-label="Home">Home</a></li> <li><a href="about-us.html" aria-label="About Us">About Us</a></li> <li><a href="access_control_system.html" aria-label="Services">Smart Access Control</a></li> <li><a href="intercom_system.html" aria-label="Services">Video Intercom System</a></li> <li><a href="gallery.html" aria-label="Gallery">Gallery</a></li> <li><a href="contact-us.html" aria-label="Contact Us">Contact Us</a></li> </ul> </div> </nav> </div> <div class="cs_main_header_right"> <div class="cs_header_btns_wrapper"> <a href="contact-us.html" aria-label="Get in touch" class="cs_btn_style_1 cs_fs_14 cs_bold cs_primary_font cs_radius_50"> <span>GET IN TOUCH</span> <span class="cs_btn_icon cs_radius_100 cs_center" aria-hidden="true"><i class="fa-solid fa-arrow-right"></i></span> </a> </div> </div> </div> </div> </div> </header> <!-- End Header Section --> <!-- Start Header Search --> <div class="cs_header_search"> <div class="cs_header_search_in"> <div class="container"> <div class="cs_header_search_box"> <form action="#" class="cs_search_form position-relative"> <input type="search" name="search-text" placeholder="Search Service" autocomplete="search-text"> <button class="cs_search_btn"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M23.7723 22.6943L17.5759 16.5969C19.1985 14.834 20.1955 12.5024 20.1955 9.93682C20.1947 4.44852 15.6742 0 10.0974 0C4.52055 0 0 4.44852 0 9.93682C0 15.4251 4.52055 19.8736 10.0974 19.8736C12.5069 19.8736 14.7169 19.0402 16.4529 17.6546L22.6733 23.776C22.9764 24.0746 23.4685 24.0746 23.7716 23.776C24.0754 23.4775 24.0754 22.9929 23.7723 22.6943ZM10.0974 18.3448C5.37877 18.3448 1.55362 14.5804 1.55362 9.93682C1.55362 5.29321 5.37877 1.52884 10.0974 1.52884C14.816 1.52884 18.6411 5.29321 18.6411 9.93682C18.6411 14.5804 14.816 18.3448 10.0974 18.3448Z" fill="currentColor" /> </svg> </button> </form> <button class="cs_close" type="button"><i class="fa-solid fa-xmark"></i></button> </div> </div> </div> <div class="cs_sidenav_overlay"></div> </div> <!-- End Header Search --> <!-- Start Main Content --> <main> <!-- Start Page Header Section --> <section class="cs_page_header_style_1 cs_bg_filed cs_gray_bg position-relative" data-src="assets/img/master/4.jpg"> <div class="cs_overlay cs_primary_bg position-absolute"></div> <div class="container"> <div class="cs_page_header_content text-center"> <h1 class="cs_page_header_title cs_fs_80 cs_bold cs_white_color cs_mb_16">CONTACT US</h1> <ol class="breadcrumb cs_center mb-0"> <li class="breadcrumb-item"><a href="/" aria-label="Back to home button">Home</a></li> <li class="breadcrumb-item active">Contact Us</li> </ol> </div> </div> </section> <!-- End Page Header Section --> <!-- Start Contact Section --> <section> <div class="cs_height_120 cs_height_lg_80"></div> <div class="container"> <div class="cs_section_heading_style_1 cs_center_column text-center"> <p class="cs_section_subtitle cs_bold cs_accent_color cs_mb_20">GET IN TOUCH</p> <h2 class="cs_section_title cs_fs_53 cs_semibold mb-0 text-uppercase">Our Contact Information</h2> </div> <div class="cs_height_60 cs_height_lg_50"></div> <div class="row cs_gap_y_24" role="list" aria-label="Contact information cards"> <div class="col-lg-4" role="listitem"> <div class="cs_iconbox_style_7 cs_gray_bg cs_radius_10"> <span class="cs_iconbox_icon cs_center cs_accent_bg cs_white_color cs_radius_100" aria-hidden="true"> <img src="assets/img/icons/location.svg" alt="Location icon" aria-hidden="true"> </span> <div class="cs_iconbox_info"> <h3 class="cs_iconbox_title cs_fs_24 cs_semibold cs_mb_10">Our Address</h3> <p class="cs_iconbox_subtitle mb-0">Master Technovision LLC Showroom | WH No.E18 Al Bari Warehouse Complex Nr. Jotun Paints, Al Quoz 2, Dubai, UAE</p> </div> </div> </div> <div class="col-lg-4" role="listitem"> <div class="cs_iconbox_style_7 cs_gray_bg cs_radius_10"> <span class="cs_iconbox_icon cs_center cs_accent_bg cs_white_color cs_radius_100" aria-hidden="true"> <img src="assets/img/icons/cell.svg" alt="Phone icon" aria-hidden="true"> </span> <div class="cs_iconbox_info"> <h3 class="cs_iconbox_title cs_fs_24 cs_semibold cs_mb_10">Phone Numbers</h3> <p class="cs_iconbox_subtitle cs_mb_10"> <a href="tel:+971558053688" aria-label="Call +971 558053688">+971 558053688</a> </p> </div> </div> </div> <div class="col-lg-4" role="listitem"> <div class="cs_iconbox_style_7 cs_gray_bg cs_radius_10"> <span class="cs_iconbox_icon cs_center cs_accent_bg cs_white_color cs_radius_100" aria-hidden="true"> <img src="assets/img/icons/envelop.svg" alt="Email icon" aria-hidden="true"> </span> <div class="cs_iconbox_info"> <h3 class="cs_iconbox_title cs_fs_24 cs_semibold cs_mb_10">Email Addresses</h3> <p class="cs_iconbox_subtitle cs_mb_10"> <a href="mailto:info@mastertechuae.com" aria-label="Send email to info at mastertechuae dot com">info@mastertechuae.com</a> </p> </div> </div> </div> </div> </div> <div class="cs_height_120 cs_height_lg_80"></div> </section> <!-- End Contact Section --> <!-- Start Contact Form Section --> <section class="cs_gray_bg"> <div class="container"> <div class="row"> <div class="col-lg-5"> <div class="cs_contact_form_container"> <h2 class="cs_contact_heading cs_fs_53 cs_semibold cs_mb_30">Get In Touch</h2> <form action="https://api.web3forms.com/submit" method="POST" class="cs_contact_form row cs_gap_y_30" id="cs_form"> <input type="hidden" name="access_key" value="cd98b256-0db3-478c-ab28-1ec94f80447c"> <div class="col-12"> <div class="cs_input_wrapper"> <input type="text" name="name" placeholder="Enter Your Name" class="cs_form_field cs_radius_50" aria-label="Name"> </div> </div> <div class="col-12"> <div class="cs_input_wrapper"> <input type="email" name="email" placeholder="Enter Your Email" class="cs_form_field cs_radius_50" aria-label="Email address"> </div> </div> <div class="col-12"> <div class="cs_input_wrapper"> <input type="text" name="subject" placeholder="Service" class="cs_form_field cs_radius_50" aria-label="Subject"> </div> </div> <div class="col-12"> <div class="cs_input_wrapper"> <textarea name="message" rows="5" placeholder="Enter Your Messages" class="cs_form_field cs_radius_20" aria-label="Message"></textarea> </div> </div> <div class="col-12"> <button type="submit" aria-label="Submit contact form" class="cs_btn_style_1 cs_fs_14 cs_bold cs_primary_font cs_radius_50 text-uppercase"> <span>Contact US</span> <span class="cs_btn_icon cs_radius_100 cs_center" aria-hidden="true"><i class="fa-solid fa-arrow-right"></i></span> </button> <div class="mt-1" id="cs_result"></div> </div> </form> </div> </div> <div class="col-lg-7"> <div class="cs_contact_map"> <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3649.520244834264!2d55.240904!3d25.139195699999995!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3e5f43abde924d11%3A0x749564bd67808e6c!2sMaster%20Technovision%20LLC%20%7C%20SIRA%20Approved%20CCTV%20Company%20in%20Dubai!5e1!3m2!1sen!2sin!4v1779256042512!5m2!1sen!2sin" loading="lazy" title="Google Maps showing New York location" aria-label="Map of New York location"></iframe> </div> </div> </div> </div> </section> <!-- End Contact Form Section --> </main> <!-- End Main Content --> <!-- Start Footer Section --> <footer class="cs_footer_style_1 cs_gray_bg"> <div class="cs_height_120 cs_height_lg_80"></div> <div class="cs_footer_main"> <div class="container-fluid"> <div class="cs_footer_rows"> <div class="cs_footer_col"> <div class="cs_footer_widget"> <!-- Logo --> <div class="cs_mb_20"> <a href="index.html"> <img src="assets/img/logo.png" alt="AxisBuilt Logo" style="max-width: 180px;"> </a> </div> <!-- About Description --> <p class="cs_primary_color cs_fs_14" style="line-height: 1.8;"> Master Tech delivers intelligent access control and video intercom systems that enhance building security, simplify visitor management, and provide seamless entry solutions for modern properties. </p> </div> </div> <div class="cs_footer_col"> <div class="cs_footer_widget"> <h2 class="cs_footer_widget_title cs_fs_24 cs_bold cs_mb_32 cs_mb_lg_24">SERVICES</h2> <ul class="cs_footer_menu_list cs_mp_0 text-capitalize" aria-label="Footer services menu"> <li><a href="access_control_system.html" aria-label="Card Swiping System">Smart Access Control</a></li> <li><a href="intercom_system.html" aria-label="Intercom System">Video Intercom System</a></li> </ul> </div> </div> <div class="cs_footer_col"> <div class="cs_footer_widget"> <h2 class="cs_footer_widget_title cs_fs_24 cs_bold cs_mb_32 cs_mb_lg_24">RESOURCES</h2> <ul class="cs_footer_menu_list cs_mp_0 text-capitalize" aria-label="Footer navigation menu"> <li><a href="access_control_system.html" aria-label="Card Swiping System">Smart Access Control</a></li> <li><a href="intercom_system.html" aria-label="Intercom System">Video Intercom System</a></li> <li><a href="contact-us.html" aria-label="Contact Us">Contact Us</a></li> <li><a href="gallery.html" aria-label="Get a Quote">Gallery</a></li> </ul> </div> </div> <div class="cs_footer_col"> <div class="cs_footer_widget"> <h2 class="cs_footer_widget_title cs_fs_24 cs_bold cs_mb_22">Newsletter</h2> <p class="cs_mb_21">Subscribe Our Newsletter</p> <form action="#" class="cs_newsletter_style_1"> <input type="email" name="email" autocomplete="off" placeholder="Enter Your Email" class="cs_form_field cs_radius_50 cs_fs_14 cs_bold"> <button type="submit" class="cs_submit_btn cs_radius_50 cs_fs_14 cs_bold">Subscribe Now</button> </form> </div> </div> </div> </div> </div> <div class="cs_footer_bottom"> <div class="container-fluid"> <div class="cs_footer_bottom_content"> <div class="cs_footer_bottom_content"> <div class="cs_copywright_text cs_primary_color">Copyright & Design <span class="cs_accent_color">@Master Tech </span> <span class="cs_getting_year"></span></div> <ul class="cs_footer_bottom_menu cs_mp_0 cs_primary_color" aria-label="Footer legal menu"> <li>Developed By <a href="#" aria-label="Style Guide">ICT Global Tech PVT LTD</a></li> </ul> </div> </div> </div> </div> </footer> <!-- End Footer Section --> <!-- Start Scroll Top Button --> <button type="button" name="ScrollToTopBtn" class="cs_scrollup_btn" id="scrollToTopBtn"> <i class="fa-solid fa-arrow-up"></i> </button> <!-- End Scroll Top Button --> <!-- JavaScript with defer for performance --> <script defer src="assets/js/jquery.min.js"></script> <script defer src="assets/js/gsap.min.js"></script> <script defer src="assets/js/lenis.min.js"></script> <script defer src="assets/js/swiper.min.js"></script> <script defer src="assets/js/odometer.min.js"></script> <script defer src="assets/js/SplitText.min.js"></script> <script defer src="assets/js/ScrollTrigger.min.js"></script> <script defer src="assets/js/main.js"></script> </body> </html>