관리-도구
편집 파일: team.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/favicon.ico" type="image/x-icon"> <link rel="shortcut icon" type="image/x-icon" href="images/favicon.png"> <!-- PAGE TITLE HERE --> <title>Hvillas Template | Project single</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">Projects Detail</h2> </div> <!-- BREADCRUMB ROW --> <div> <ul class="wt-breadcrumb breadcrumb-style-2"> <li><a href="index.html">Home</a></li> <li>Projects Detail</li> </ul> </div> </div> <!-- BREADCRUMB ROW END --> </div> </div> <!-- INNER PAGE BANNER END --> <!-- Info SECTION START --> <div class="section-full p-t120 p-b90 bg-gray"> <div class="container"> <div class="section-content"> <!--About Some info Sction--> <div class="twm-pro-sin-wrap"> <div class="twm-pro-sin-media parallax-section"> <div class="parallax-image" style="background-image: url(images/project-detail/large-pic.jpg);"></div> </div> </div> <!--About Some info Sction--> <div class="project-single"> <div class="project-single-media-wrap"> <div class="owl-carousel project-single-img-slider m-b30"> <!--Column-1--> <div class="item"> <div class="project-single-media"> <img src="images/project-detail/thumb/t1.jpg" alt=""> <a class="elem" href="images/project-detail/m1.jpg" title="01 Project Image" data-lcl-txt="" data-lcl-author="" data-lcl-thumb="images/project-detail/m1.jpg"> <i class="fa fa-search-plus"></i> </a> </div> </div> <!--Column-2--> <div class="item"> <div class="project-single-media"> <img src="images/project-detail/thumb/t2.jpg" alt=""> <a class="elem" href="images/project-detail/m2.jpg" title="02 Project Image" data-lcl-txt="" data-lcl-author="" data-lcl-thumb="images/project-detail/m2.jpg"> <i class="fa fa-search-plus"></i> </a> </div> </div> <!--Column-3--> <div class="item"> <div class="project-single-media"> <img src="images/project-detail/thumb/t3.jpg" alt=""> <a class="elem" href="images/project-detail/m3.jpg" title="03 Project Image" data-lcl-txt="" data-lcl-author="" data-lcl-thumb="images/project-detail/m3.jpg"> <i class="fa fa-search-plus"></i> </a> </div> </div> <!--Column-4--> <div class="item"> <div class="project-single-media"> <img src="images/project-detail/thumb/t4.jpg" alt=""> <a class="elem" href="images/project-detail/m4.jpg" title="04 Project Image" data-lcl-txt="" data-lcl-author="" data-lcl-thumb="images/project-detail/m4.jpg"> <i class="fa fa-search-plus"></i> </a> </div> </div> <!--Column-5--> <div class="item"> <div class="project-single-media"> <img src="images/project-detail/thumb/t5.jpg" alt=""> <a class="elem" href="images/project-detail/m5.jpg" title="05 Project Image" data-lcl-txt="" data-lcl-author="" data-lcl-thumb="images/project-detail/m5.jpg"> <i class="fa fa-search-plus"></i> </a> </div> </div> <!--Column-6--> <div class="item"> <div class="project-single-media"> <img src="images/project-detail/thumb/t6.jpg" alt=""> <a class="elem" href="images/project-detail/m6.jpg" title="06 Project Image" data-lcl-txt="" data-lcl-author="" data-lcl-thumb="images/project-detail/m6.jpg"> <i class="fa fa-search-plus"></i> </a> </div> </div> <!--Column-7--> <div class="item"> <div class="project-single-media"> <img src="images/project-detail/thumb/t7.jpg" alt=""> <a class="elem" href="images/project-detail/m7.jpg" title="07 Project Image" data-lcl-txt="" data-lcl-author="" data-lcl-thumb="images/project-detail/m7.jpg"> <i class="fa fa-search-plus"></i> </a> </div> </div> </div> </div> <div class="project-single-sibar-info m-b30"> <ul class="info-list-1"> <li><h4 class="title">Category :</h4><span>Contruction, Building</span></li> <li><h4 class="title">Duration :</h4><span>2 Year</span></li> <li><h4 class="title">Project Year :</h4><span>20 Jan 2025</span></li> <li><h4 class="title">Price :</h4><span>$26 Million</span></li> <li><h4 class="title">Clients :</h4><span>Christopher Bloom</span></li> <li><h4 class="title">Location :</h4><span>48 Fauver Mine Rd Raphine, Virginia(VA), 24472</span></li> </ul> </div> <div class="project-single-row-section m-b30"> <h2 class="wt-tilte1">Green Square Apartments and Building Projects in Dubai</h2> <p>Lorem ipsum is simply free text used by copytyping refreshing. Neque porro est qui dolorem ipsum quia quaed inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. aellt port lacus quis enim var sed efficitur turpis gilla sed sit amet finibus eros. lorem ipsum is local dummy text of the printing and typesetting industry. lorem ipsum has been the ndustry and dummy text ever since the 1500s. </p> <p>Denouncing pleasure and praising pain was born and I will give you a complete account of the system, and the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes,avoids pleasure itself, because it is ple because those who do not know how to pursue pleasure rationally encounter consequences that are extremely painful. Nor aganthere and anyone or desires to obtain pain of itself, because it is pain, but because occasionally circumstances. </p> <h3 class="wt-tilte2">How We Solve This Project</h3> <p>Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehen derit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p> </div> <div class="faq-right-content"> <!-- Accordian --> <div class="wt-accordion " id="accordion-two"> <!--One--> <div class="panel wt-panel"> <div class="acod-head" id="headingOne"> <h4 class="acod-title"> <a class="collapsed" data-bs-toggle="collapse" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> What's my role in the design process? <span class="indicator"><i class="bi bi-plus"></i></span> </a> </h4> </div> <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-bs-parent="#accordion-two"> <div class="acod-content p-tb15"> construction business owners looking to up their game with strategic insights. Filled with useful architecture viverra tristique justo duis vitae diam neque nivamus aestan ateuene artines aringianu atelit finibus. </div> </div> </div> <!--Two--> <div class="panel wt-panel"> <div class="acod-head" id="headingTwo"> <h4 class="acod-title"> <a class="collapsed" data-bs-toggle="collapse" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"> What does an architect actually do? <span class="indicator"><i class="bi bi-plus"></i></span> </a> </h4> </div> <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-bs-parent="#accordion-two"> <div class="acod-content p-tb15"> sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. </div> </div> </div> <!--Three--> <div class="panel wt-panel"> <div class="acod-head" id="headingThree"> <h4 class="acod-title"> <a class="collapsed" data-bs-toggle="collapse" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree"> Can you work with clients long distance? <span class="indicator"><i class="bi bi-plus"></i></span> </a> </h4> </div> <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-bs-parent="#accordion-two"> <div class="acod-content p-tb15"> Architecture viverra tristique justo duis vitae diam neque nivamus aestan ateuene artines aringianu atelit finibus viverra nec lacus. Nedana theme erodino setlie suscipe no tristique. </div> </div> </div> <!--Four--> <div class="panel wt-panel"> <div class="acod-head" id="headingFour"> <h4 class="acod-title"> <a class="collapsed" data-bs-toggle="collapse" href="#collapseFour" aria-expanded="false" aria-controls="collapseFour"> What happens during our initial meeting? <span class="indicator"><i class="bi bi-plus"></i></span> </a> </h4> </div> <div id="collapseFour" class="collapse" aria-labelledby="headingFour" data-bs-parent="#accordion-two"> <div class="acod-content p-tb15"> architecture viverra tristique justo duis vitae diam neque nivamus aestan ateuene artines aringianu atelit finibus viverra nec lacus. Nedana theme erodino setlie suscipe no tristique. </div> </div> </div> </div> </div> </div> </div> </div> </div> <!-- Info SECTION END --> </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. Designed By ICT Global Tech Pvt Ltd</span> </div> <div class="wt-footer-bot-right"> <ul class="copyrights-nav"> <li><a href="about.html">Terms & Condition</a></li> <li><a href="faq.html">Privacy Policy</a></li> <li><a href="contact-1.html">Contact Us</a></li> </ul> </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>