PK
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>DAWAR AL TAWOON CONCRETE CARPENTER CONT L.L.C::Construction</title>
<meta content="" name="description">
<meta content="" name="keywords">
<!-- Favicons -->
<link href="assets/img/favicon.ico" rel="icon">
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com/">
<link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,600;1,700&family=Roboto:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Work+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
<!-- Vendor CSS Files -->
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="assets/vendor/fontawesome-free/css/all.min.css" rel="stylesheet">
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
<!-- Template Main CSS File -->
<link href="assets/css/main.css" rel="stylesheet">
</head>
<body data-bs-spy="scroll" data-bs-target=".navbar" data-bs-offset="50">
<!-- ======= Header ======= -->
<header id="header" class="header d-flex align-items-center fixed-top">
<div class="main_menu container-fluid container-xl d-flex align-items-center justify-content-between">
<a href="index-2.html" class="logo d-flex align-items-center">
<!-- Uncomment the line below if you also wish to use an image logo -->
<img src="assets/img/logo.svg" alt="">
<h1>DAWAR AL TAWOON CONCRETE CARPENTER CONT L.L.C<span>BLDG. CONT. L.L.C</span></h1>
</a>
<i class="mobile-nav-toggle mobile-nav-show bi bi-list"></i>
<i class="mobile-nav-toggle mobile-nav-hide d-none bi bi-x"></i>
<nav id="navbar" class="navbar ">
<ul>
<li><a href="#aboutus">About US</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#projects">Projects</a></li>
<li><a href="#get-started">Contact</a></li>
</ul>
</nav><!-- .navbar -->
</div>
</header><!-- End Header -->
<!-- ======= Hero Section ======= -->
<section id="hero" class="hero">
<div class="info d-flex align-items-center">
<div class="container">
<div class="row">
<div class="col-lg-6 text-left">
<h2 data-aos="fade-down">WE BUILD GREAT PROJECTS</h2>
<p data-aos="fade-up">Committed to provide the best, in terms of creativity, precision, consistency and value to our clients who can vouch for our quality and dedication.</p>
<a data-aos="fade-up" data-aos-delay="200" href="#get-started" class="btn-get-started">Get Started</a>
</div>
</div>
</div>
</div>
<div id="hero-carousel" class="carousel slide" data-bs-ride="carousel" data-bs-interval="5000">
<div class="carousel-item active" style="background-image: url(assets/img/hero-carousel/hero-carousel-1.jpg)"></div>
<div class="carousel-item" style="background-image: url(assets/img/hero-carousel/hero-carousel-2.jpg)"></div>
<div class="carousel-item" style="background-image: url(assets/img/hero-carousel/hero-carousel-3.jpg)"></div>
<a class="carousel-control-prev" href="#hero-carousel" role="button" data-bs-slide="prev">
<span class="carousel-control-prev-icon bi bi-chevron-left" aria-hidden="true"></span>
</a>
<a class="carousel-control-next" href="#hero-carousel" role="button" data-bs-slide="next">
<span class="carousel-control-next-icon bi bi-chevron-right" aria-hidden="true"></span>
</a>
</div>
</section><!-- End Hero Section -->
<main id="main">
<!-- ======= Constructions Section ======= -->
<section id="aboutus" class="constructions">
<div class="" data-aos="fade-up">
<div class="section-header introduction">
<h2>About Us</h2>
<p>We've been creating Awesome Since 2004</p>
</div>
<div class="row aboutus">
<div class="col-lg-6 mb-4 mb-lg-0">
<img src="assets/img/aboutUs.jpg" alt="DAWAR AL TAWOON CONCRETE CARPENTER CONT L.L.C" class="img-fluid img-overlap" style="border-top:3px solid #4AA25A">
</div>
<div class="col-lg-5 ml-auto">
</div>
<div class="aboutrightcont">
<h2 class="section-title mb-2">More than <strong>40 year experience</strong> in industry</h2>
<p>We at DAWAR AL TAWOON CONCRETE CARPENTER CONT L.L.C are committed to provide the best, in terms of creativity, precision, consistency and value vouch for our quality and dedication.</p>
<div class="row my-4">
<div class="col-lg-12 d-flex align-items-center mb-1 greybg">
<img src="assets/img/expert_building.svg" class="ms-2" alt="Expert Buildings" title="Expert Building" width="80px" />
<div class="ms-4">
<h4>Expert in Builings</h4>
<p>We will provide the guidance you need to have a successfully project. Some of our experts are Architect, Civil engineer, Land surveyor, Quantity surveyor, Building contractor.</p>
</div>
</div>
<div class="col-lg-12 d-flex align-items-center mb-1 greybg">
<img src="assets/img/modern_design.svg" class="ms-2" alt="Modern Design" title="Modern Design" width="80px" />
<span class="line-height-0 flaticon-compass display-4 mr-4 text-primary"></span>
<div class="ms-4">
<h4>Modern Design</h4>
<p>Modern home design emphasizes clean lines and geometric shapes. Our design spokes about the luxury and wealth construction.</p>
</div>
</div>
<div class="col-lg-12 d-flex align-items-center greybg">
<img src="assets/img/floor_planning.svg" class="ms-2" alt="Leading In Floor Planning
" title="Leading In Floor Planning
" width="80px" />
<span class="line-height-0 flaticon-planning display-4 mr-4 text-primary"></span>
<div class="ms-4">
<h4>Leading In Floor Planning</h4>
<p>A floor plan is a technical drawing to scale, showing a view from above, of the relationships between rooms, spaces, traffic patterns, and other physical features at one level of a structure.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section><!-- End Constructions Section -->
<!-- ======= Our Team Section ======= -->
<section id="team" class="team">
<div class="container" data-aos="fade-up">
<div class="section-header">
<h2>Our Team</h2>
<p>Our team of experts ensure careful evaluation, meticulous planning and seamless execution of each project, providing our client, with a cost effective and timely product.</p>
</div>
<div class="row gy-5">
-->
<div class="col-lg-4 col-md-6 member" data-aos="fade-up" data-aos-delay="500">
<div class="member-img">
<img src="assets/img/team/team-5.jpeg" class="img-fluid" alt="">
<div class="social">
<a href="#"><i class="bi bi-twitter"></i></a>
<a href="#"><i class="bi bi-facebook"></i></a>
<a href="#"><i class="bi bi-instagram"></i></a>
<a href="mailto:datconcrete123@gmail.com"><i class="bi bi-envelope-fill"></i></a>
</div>
</div>
<div class="member-info text-center">
<h4>PASUPATHI NATARAJAN</h4>
<span>CEO</span>
</div>
</div><!-- End Team Member -->
</div>
</div>
</section><!-- End Our Team Section -->
<!-- ======= Services Section ======= -->
<section id="services" class="services section-bg">
<div class="container" data-aos="fade-up">
<div class="section-header">
<h2>Services</h2>
<p>We deliver a wide range of services for all residential and commercial buildings including houses, townhouses, condos, duplexes and apartments.</p>
</div>
<div class="row gy-4">
<div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="100">
<div class="service-item position-relative">
<div class="icon">
<i class="fa-solid fa-mountain-city"></i>
</div>
<h3>NEW CONSTRUCTION</h3>
<p>We offer new home construction, whether it be a vacant lot or a demolition of an existing home, we will build your dream home exactly how you want it.</p>
</div>
</div><!-- End Service Item -->
<div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="200">
<div class="service-item position-relative">
<div class="icon">
<i class="fa-solid fa-trowel-bricks"></i>
</div>
<h3>MASONRY WORK</h3>
<p>Bricks, Blocks, Pavers, Asphalt, Concrete work, Side Walk & Drive ways.</p>
</div>
</div><!-- End Service Item -->
<div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="300">
<div class="service-item position-relative">
<div class="icon">
<i class="fa-solid fa-swatchbook"></i>
</div>
<h3>FLOORING & TILE</h3>
<p>Tiles, Wood Floor, Vinyl, Laminate.</p>
</div>
</div><!-- End Service Item -->
<div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="400">
<div class="service-item position-relative">
<div class="icon">
<i class="fa-solid fa-hammer"></i>
</div>
<h3>RENOVATIONS</h3>
<p>Kitchens, Bathrooms, Basements, Carpentry, Painting Interior & Exterio.</p>
</div>
</div><!-- End Service Item -->
<div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="500">
<div class="service-item position-relative">
<div class="icon">
<i class="fa-solid fa-helmet-safety"></i>
</div>
<h3>EXTERIOR WORK</h3>
<p>Pressure Washing, Steam cleaning Waterproofing & Stucco.</p>
</div>
</div><!-- End Service Item -->
<div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="600">
<div class="service-item position-relative">
<div class="icon">
<i class="fa-solid fa-people-roof"></i>
</div>
<h3>ROOFING</h3>
<p>Flat roofs, Shingles, Rubber Roof, Torch Down.</p>
</div>
</div><!-- End Service Item -->
</div>
</div>
</section><!-- End Services Section -->
<!-- ======= Our Projects Section ======= -->
<section id="projects" class="projects">
<div class="container" data-aos="fade-up">
<div class="section-header">
<h2>Our Projects</h2>
<p>With expertise in various industries, we may become a crucial part of your construction project.</p>
</div>
<div class="portfolio-isotope" data-portfolio-filter="*" data-portfolio-layout="masonry" data-portfolio-sort="original-order">
<!--<ul class="portfolio-flters" data-aos="fade-up" data-aos-delay="100">
<li data-filter="*" class="filter-active">All</li>
<li data-filter=".filter-remodeling">Remodeling</li>
<li data-filter=".filter-construction">Construction</li>
<li data-filter=".filter-repairs">Repairs</li>
<li data-filter=".filter-design">Design</li>
</ul><-- End Projects Filters -- -->
<div class="row gy-4 portfolio-container" data-aos="fade-up" data-aos-delay="200">
<div class="col-lg-4 col-md-6 portfolio-item filter-construction">
<div class="portfolio-content h-100">
<img src="assets/img/projects/construction-1.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>Construction 1</h4>
<p></p>
<a href="assets/img/projects/construction-1.jpg" title="Construction Name" data-gallery="portfolio-gallery-construction" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
</div>
</div>
</div><!-- End Projects Item -->
<div class="col-lg-4 col-md-6 portfolio-item filter-construction">
<div class="portfolio-content h-100">
<img src="assets/img/projects/construction-2.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>Construction 2</h4>
<p></p>
<a href="assets/img/projects/construction-2.jpg" title="Construction Name" data-gallery="portfolio-gallery-construction" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
</div>
</div>
</div><!-- End Projects Item -->
<div class="col-lg-4 col-md-6 portfolio-item filter-construction">
<div class="portfolio-content h-100">
<img src="assets/img/projects/construction-3.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>Construction 3</h4>
<p></p>
<a href="assets/img/projects/construction-3.jpg" title="Construction Name" data-gallery="portfolio-gallery-construction" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
</div>
</div>
</div><!-- End Projects Item -->
<div class="col-lg-4 col-md-6 portfolio-item filter-construction">
<div class="portfolio-content h-100">
<img src="assets/img/projects/construction-4.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>Construction 4</h4>
<p></p>
<a href="assets/img/projects/construction-4.jpg" title="Construction Name" data-gallery="portfolio-gallery-remodeling" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
</div>
</div>
</div><!-- End Projects Item -->
<div class="col-lg-4 col-md-6 portfolio-item filter-construction">
<div class="portfolio-content h-100">
<img src="assets/img/projects/construction-5.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>Construction 5</h4>
<p></p>
<a href="assets/img/projects/construction-5.jpg" title="Construction Name" data-gallery="portfolio-gallery-remodeling" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
</div>
</div>
</div><!-- End Projects Item -->
<div class="col-lg-4 col-md-6 portfolio-item filter-construction">
<div class="portfolio-content h-100">
<img src="assets/img/projects/construction-6.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>Construction 6</h4>
<p></p>
<a href="assets/img/projects/construction-6.jpg" title="Construction Name" data-gallery="portfolio-gallery-remodeling" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
</div>
</div>
</div><!-- End Projects Item -->
<div class="col-lg-4 col-md-6 portfolio-item filter-construction">
<div class="portfolio-content h-100">
<img src="assets/img/projects/construction-7.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>Construction 7</h4>
<p></p>
<a href="assets/img/projects/construction-7.jpg" title="Construction Name" data-gallery="portfolio-gallery-remodeling" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
</div>
</div>
</div><!-- End Projects Item -->
<div class="col-lg-4 col-md-6 portfolio-item filter-construction">
<div class="portfolio-content h-100">
<img src="assets/img/projects/construction-8.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>Construction 8</h4>
<p></p>
<a href="assets/img/projects/construction-8.jpg" title="Construction Name" data-gallery="portfolio-gallery-remodeling" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
</div>
</div>
</div><!-- End Projects Item -->
<div class="col-lg-4 col-md-6 portfolio-item filter-construction">
<div class="portfolio-content h-100">
<img src="assets/img/projects/construction-9.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>Construction 9</h4>
<p></p>
<a href="assets/img/projects/construction-9.jpg" title="Construction Name" data-gallery="portfolio-gallery-remodeling" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
</div>
</div>
</div><!-- End Projects Item -->
</div><!-- End Projects Container -->
</div>
</div>
</section><!-- End Our Projects Section -->
<!-- ======= Get Started Section ======= -->
<section id="get-started" class="get-started section-bg">
<div class="container">
<div class="row justify-content-between gy-4">
<div class="col-lg-6 d-flex align-items-center" data-aos="fade-up">
<div class="content">
<h3>We are here to help you...</h3>
<p>DAWAR AL TAWOON has been offering expert services in design and construction of turnkey projects involving <i>Buildings, Warehouses, Villas, Landscaping, Swimming Pool and Water features</i>. We take utmost care at every step of the project to ensure that the client requirements are given top priority.</p>
<p>Our team of experts ensure careful evaluation, meticulous planning and seamless execution of each project, providing our client, with a cost effective and timely product.</p>
</div>
</div>
<div class="col-lg-5" data-aos="fade">
<form action="https://bamworks.in/forms/quote.php" method="post" class="php-email-form">
<h3>Get a quote</h3>
<p>Vel nobis odio laboriosam et hic voluptatem. Inventore vitae totam. Rerum repellendus enim linead sero park flows.</p>
<div class="row gy-3">
<div class="col-md-12">
<input type="text" name="name" class="form-control" placeholder="Name" required>
</div>
<div class="col-md-12 ">
<input type="email" class="form-control" name="email" placeholder="Email" required>
</div>
<div class="col-md-12">
<input type="text" class="form-control" name="phone" placeholder="Phone" required>
</div>
<div class="col-md-12">
<textarea class="form-control" name="message" rows="6" placeholder="Message" required></textarea>
</div>
<div class="col-md-12 text-center">
<div class="loading">Loading</div>
<div class="error-message"></div>
<div class="sent-message">Your quote request has been sent successfully. Thank you!</div>
<button type="submit">Get a quote</button>
</div>
</div>
</form>
</div><!-- End Quote Form -->
</div>
</div>
</section><!-- End Get Started Section -->
</main><!-- End #main -->
<!-- ======= Footer ======= -->
<footer id="footer" class="footer">
<div class="footer-content position-relative">
<div class="container">
<div class="row">
<div class="col-lg-5 col-md-6">
<div class=" footer-info">
<h3>DAWAR AL TAWOON CONCRETE CARPENTER CONT L.L.C</h3>
<p style="color:var(--color-primary)" class="me-5">
We take utmost care at every step of the project to ensure that the client requirements are given top priority.<br>
</p>
</div>
</div><!-- End footer info column-->
<div class="col-lg-3 col-6 footer-links">
<h4>Quick Links</h4>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About us</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Terms of service</a></li>
<li><a href="#">Privacy policy</a></li>
</ul>
</div><!-- End footer links column-->
<div class="col-lg-4 col-md-12 footer-contact text-md-start">
<h4>Contact Us</h4>
<p>
Property no/shop=47-702<br>
AL MUSALLA CLOCK TOWER<br>
Sharjah - UAE.<br>
<strong>Phone:</strong> +971 0551229639<br>
<strong>Email:</strong> <a href="mailto:info.babalmaliha@gmail.com">datconcrete@gmail.com</a><br>
</p>
<div class="social-links d-flex mt-3">
<a href="#" class="d-flex align-items-center justify-content-center"><i class="bi bi-twitter"></i></a>
<a href="#" class="d-flex align-items-center justify-content-center"><i class="bi bi-facebook"></i></a>
<a href="#" class="d-flex align-items-center justify-content-center"><i class="bi bi-instagram"></i></a>
<a href="#" class="d-flex align-items-center justify-content-center"><i class="bi bi-linkedin"></i></a>
</div>
</div><!-- End footer links column-->
</div>
</div>
</div>
<div class="footer-legal text-center position-relative">
<div class="container">
<div class="copyright">
© Copyright <strong><span>DAWAR AL TAWOON CONCRETE CARPENTER CONT L.L.C</span></strong>. All Rights Reserved
</div>
</div>
</div>
</footer>
<!-- End Footer -->
<a href="#" class="scroll-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
<div id="preloader"></div>
<!-- Vendor JS Files -->
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/aos/aos.js"></script>
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
<script src="assets/vendor/purecounter/purecounter_vanilla.js"></script>
<script src="assets/vendor/php-email-form/validate.js"></script>
<!-- Template Main JS File -->
<script src="assets/js/main.js"></script>
</body>
</html>
PK 99