관리-도구
편집 파일: about-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">ABOUT 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">About Us</li> </ol> </div> </div> </section> <!-- End Page Header Section --> <!-- Start About Section --> <section class="cs_about_style_7"> <div class="cs_height_120 cs_height_lg_80"></div> <div class="container"> <div class="row cs_gap_y_40"> <div class="col-lg-5 order-lg-2"> <div class="cs_about_img_wrapper position-relative"> <div class="cs_about_img1 cs_radius_10"> <img src="assets/img/master/p4.png" alt="About image"> </div> <div class="cs_about_img2"> <img src="assets/img/master/p6.png" alt="About image"> </div> </div> </div> <div class="col-lg-7"> <div class="cs_about_text"> <div class="cs_section_heading_style_1 cs_mb_18"> <p class="cs_section_subtitle cs_bold cs_accent_color cs_mb_10">ABOUT US</p> <h2 class="cs_section_title cs_fs_53 cs_semibold mb-0">SMART SECURITY SOLUTIONS FOR MODERN BUILDINGS </h2> </div> <div class="cs_about_desc cs_mb_30"> We specialize in advanced access control and video intercom systems designed for apartments, villas, offices, and commercial buildings. Our smart security solutions help businesses and property owners improve entry management, visitor communication, and overall building safety with reliable and modern technology. From RFID card access systems to intelligent video intercom solutions, we deliver secure, scalable, and easy-to-manage systems tailored for today’s smart spaces and growing security needs. </div> <div class="cs_about_features cs_mb_40"> <div class="cs_about_feature cs_gray_bg cs_radius_10"> <div class="cs_feature_header cs_mb_12"> <h3 class="cs_feature_title cs_fs_24 cs_bold mb-0">OUR MISSION</h3> <span class="cs_feature_icon"> <img src="assets/img/icons/innovation.svg" alt="Feature icon"> </span> </div> <p class="cs_feature_desc">Deliver smart access control and intercom solutions with reliable technology, professional installation, and dependable support for safer residential and commercial environments.</p> </div> <div class="cs_about_feature cs_gray_bg cs_radius_10"> <div class="cs_feature_header cs_mb_12"> <h3 class="cs_feature_title cs_fs_24 cs_bold mb-0">OUR VISION</h3> <span class="cs_feature_icon"> <img src="assets/img/icons/design.svg" alt="Feature icon"> </span> </div> <p class="cs_feature_desc">To become a trusted leader in smart building security by providing innovative access control and intercom solutions for modern properties and businesses.</p> </div> </div> </div> </div> </div> </div> </section> <!-- End About Section --> <!-- Start Why Choose Us 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 text-uppercase">WHY CHOOSE US</p> <h2 class="cs_section_title cs_fs_60 cs_semibold mb-0"> SMART SECURITY SOLUTIONS YOU CAN TRUST</h2> </div> <div class="cs_height_60 cs_height_lg_50"></div> <div class="cs_grid_style_3"> <div class="cs_iconbox_style_4 cs_gray_bg cs_radius_10"> <div class="cs_iconbox_header cs_mb_20"> <span class="cs_iconbox_icon cs_center cs_accent_color cs_mb_16"> <img src="assets/img/icons/pen-icon.svg" alt="Security icon"> </span> <span class="cs_iconbox_index cs_fs_30 cs_semibold cs_primary_font">01</span> </div> <div class="cs_iconbox_info"> <h3 class="cs_iconbox_title cs_fs_18 cs_semibold cs_mb_10 text-uppercase">SMART SECURITY</h3> <p class="cs_iconbox_subtitle mb-0">Advanced access control and intercom solutions for complete building protection.</p> </div> </div> <div class="cs_iconbox_style_4 cs_gray_bg cs_radius_10"> <div class="cs_iconbox_header cs_mb_20"> <span class="cs_iconbox_icon cs_center cs_accent_color cs_mb_16"> <img src="assets/img/icons/squarespace-brands.svg" alt="Integration icon"> </span> <span class="cs_iconbox_index cs_fs_30 cs_semibold cs_primary_font">02</span> </div> <div class="cs_iconbox_info"> <h3 class="cs_iconbox_title cs_fs_18 cs_semibold cs_mb_10 text-uppercase">EASY ACCESS</h3> <p class="cs_iconbox_subtitle mb-0">Secure and seamless entry management for offices, apartments, and commercial spaces.</p> </div> </div> <div class="cs_iconbox_style_4 cs_gray_bg cs_radius_10"> <div class="cs_iconbox_header cs_mb_20"> <span class="cs_iconbox_icon cs_center cs_accent_color cs_mb_16"> <img src="assets/img/icons/chair2.svg" alt="Support icon"> </span> <span class="cs_iconbox_index cs_fs_30 cs_semibold cs_primary_font">03</span> </div> <div class="cs_iconbox_info"> <h3 class="cs_iconbox_title cs_fs_18 cs_semibold cs_mb_10 text-uppercase">TRUSTED SUPPORT</h3> <p class="cs_iconbox_subtitle mb-0">Reliable installation, quick assistance, and dependable technical support whenever needed. </p> </div> </div> <div class="cs_iconbox_style_4 cs_gray_bg cs_radius_10"> <div class="cs_iconbox_header cs_mb_20"> <span class="cs_iconbox_icon cs_center cs_accent_color cs_mb_16"> <img src="assets/img/icons/interior.svg" alt="Scalable icon"> </span> <span class="cs_iconbox_index cs_fs_30 cs_semibold cs_primary_font">04</span> </div> <div class="cs_iconbox_info"> <h3 class="cs_iconbox_title cs_fs_18 cs_semibold cs_mb_10 text-uppercase">MODERN SOLUTIONS</h3> <p class="cs_iconbox_subtitle mb-0">Smart security systems designed for safer, smarter, and connected buildings.</p> </div> </div> </div> </div> </section> <!-- End Why Choose Us Section --> <!-- Start Testimonial Section --> <section> <div class="cs_height_120 cs_height_lg_80"></div> <div class="container"> <div class="cs_section_heading_style_1"> <p class="cs_section_subtitle cs_bold cs_accent_color text-uppercase cs_mb_20">TESTIMONIALS</p> <h2 class="cs_section_title cs_fs_53 cs_semibold text-uppercase mb-0">HERE'S WHAT WARM WORDS <br> OUR CLIENTS SAY</h2> </div> <div class="cs_height_60 cs_height_lg_50"></div> <div class="cs_testimonial_style_2"> <div class="cs_testimonial_thumbnail cs_radius_10"> <img src="assets/img/master/p4.png" alt="Testimonial image"> </div> <div class="cs_testimonial_content"> <div class="cs_testimonial_rating cs_mb_30"> <h3 class="cs_rating_summery cs_fs_64 cs_bold mb-0">4.80</h3> <div class="cs_rating_star_wrap"> <div class="cs_rating_star cs_center cs_accent_bg cs_fs_20 cs_white_color cs_radius_50 cs_mb_10"> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> <i class="fa-solid fa-star"></i> </div> <div class="cs_rating_number cs_fs_18 cs_semibold cs_primary_color cs_primary_font">2,688 REVIEWS</div> </div> </div> <div class="cs_client_review cs_mb_40"> <blockquote>Building access systems blend smart technology with reliability, securing spaces that protect, comfort, and provide complete peace of mind.</blockquote> <blockquote>Building access systems blend smart technology with reliability, securing spaces that protect, comfort, and elevate everyday safety. Our systems define the structure, balance, and operational harmony through intelligent readers, biometric scanners, and centralized management platforms.</blockquote> </div> <div class="cs_avatar_style_1"> <span class="cs_avatar_icon cs_center cs_radius_100"> <img src="assets/img/master/i2.png" alt="Avatar"> </span> <div class="cs_avatar_info"> <h3 class="cs_avatar_title cs_fs_20 cs_bold cs_mb_10">Name</h3> <p class="cs_avatar_subtitle mb-0">Company Owner</p> </div> </div> </div> </div> </div> </section> <!-- End Testimonial 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>