<!DOCTYPE html>
<html lang="en">



<head>
    <!-- meta tags -->
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!-- SEO Meta -->
<meta name="description" content="MJ Construction Contractors – Leading construction company in Davanagere since 2018. We specialize in building residential homes, commercial buildings, villas, and turnkey projects with quality, trust, and on-time delivery.">
<meta name="keywords" content="MJ Construction Contractors, construction company Davanagere, residential construction, commercial construction, villa builders, turnkey projects, interior design, building contractors Karnataka, architectural design Davanagere">

    <!-- title -->
    <title>MJ Constructions</title>

    <!-- favicon -->
    <link rel="icon" type="image/x-icon" href="assets/images/logo.png">
<script type="text/javascript" src="https://rafaelbotazini.github.io/floating-whatsapp/floating-wpp.min.js"></script>

    <!-- css -->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/all-fontawesome.min.css">
    <link rel="stylesheet" href="assets/css/animate.min.css">
    <link rel="stylesheet" href="assets/css/magnific-popup.min.css">
    <link rel="stylesheet" href="assets/css/owl.carousel.min.css">
    <link rel="stylesheet" href="assets/css/nice-select.min.css">
    <link rel="stylesheet" href="assets/css/style.css">
    <!-- <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet"> -->
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&family=Roboto:wght@300;400;500&display=swap" rel="stylesheet">



</head>

<body>
<style>
.navbar-nav{
    margin-right: 150px !important;
}
/* .theme-btn{
    margin-right: 150px !important;
   
} */

</style>
    <!-- preloader -->
    <div class="preloader">
        <div class="loader-ripple">
            <div></div>
            <div></div>
        </div>
    </div>
    <!-- preloader end -->


    <!-- header area -->
    <header class="header">

         <!-- header top -->
        <div class="header-top">
            <div class="container">
                <div class="header-top-wrap">
                    <div class="header-top-left">
                        <div class="header-top-list">
                            <ul>
                                <li>
                                    <a href="mailto:Mjconstruction1113@gmail.com">
                                        <i class="far fa-envelope"></i>
                                        <span>Mjconstruction1113@gmail.com</span>
                                    </a>
                                </li>

                                <li>
                                    <a href="tel:+919901159911">
                                        <i class="far fa-phone-volume"></i>
                                        +91 9901159911
                                    </a>
                                </li>
                                
                            </ul>
                        </div>
                    </div>
                    <div class="header-top-right">
                        <!-- <div class="header-top-list">
                            <a href="login.html"><i class="far fa-sign-in"></i> Login</a>
                        </div>
                        <div class="header-top-lang">
                            <div class="dropdown">
                                <a href="#" class="top-lang dropdown-toggle" data-bs-toggle="dropdown"><i
                                        class="fal fa-globe"></i> Eng</a>
                                <ul class="dropdown-menu">
                                    <li><a class="dropdown-item" href="#">English</a></li>
                                    <li><a class="dropdown-item" href="#">German</a></li>
                                    <li><a class="dropdown-item" href="#">Russian</a></li>
                                    <li><a class="dropdown-item" href="#">Spanish</a></li>
                                </ul>
                            </div>
                        </div> -->
                        <div class="header-top-social">
                            <span>Follow Us: </span>
                            <a href="https://www.facebook.com/share/1B47FDsemX/?mibextid=wwXIfr" target="blank"><i class="fab fa-facebook"></i></a>
                            <a href="#"><i class="fab fa-x-twitter"></i></a>
                            <a href="https://www.instagram.com/mj_construction1?igsh=MXM4ZHVldDZsazNxbg%3D%3D&utm_source=qr" target="blank"><i class="fab fa-instagram"></i></a>
                            <a href="#"><i class="fab fa-linkedin"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- header top end -->

        <!-- navbar -->
        <div class="main-navigation">
            <nav class="navbar navbar-expand-lg" style="background-color: #000;">
                <div class="container position-relative">
                    <a class="navbar-brand" href="index.php" >
                        <img src="assets/images/logo-2.jpg" alt="logo">
                    </a>
                    <div class="mobile-menu-right">
                        <!-- <div class="mobile-menu-btn">
                            <button type="button" class="nav-right-link search-box-outer"><i
                                    class="far fa-search"></i></button>
                        </div> -->
                        <button class="navbar-toggler" type="button" data-bs-toggle="offcanvas"
                            data-bs-target="#offcanvasNavbar" aria-controls="offcanvasNavbar"
                            aria-label="Toggle navigation">
                            <span></span>
                            <span></span>
                            <span></span>
                        </button>
                    </div>
                    <div class="offcanvas offcanvas-start" tabindex="-1" id="offcanvasNavbar"
                        aria-labelledby="offcanvasNavbarLabel">
                        <div class="offcanvas-header">
                            <a href="index.php" class="offcanvas-brand" id="offcanvasNavbarLabel">
                                <img src="assets/images/logo.png" alt="">
                            </a>
                            <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"><i
                                    class="far fa-xmark"></i></button>
                        </div>
                        <div class="offcanvas-body gap-xl-4">
                            <ul class="navbar-nav justify-content-end flex-grow-1">
                                <li class="nav-item"><a class="nav-link" href="index.php">Home</a>
                                   
                                </li>
                                <li class="nav-item"><a class="nav-link" href="about.php">About Us</a></li>
                                <li class="nav-item">
                                    <a class="nav-link " href="service.php">Services</a>                                    
                                </li>
                                <li class="nav-item"><a class="nav-link" href="project.php">Projects</a></li>
                                
                                <li class="nav-item"><a class="nav-link" href="contact.php">Contact Us</a></li>
                            </ul>
                            <!-- nav-right -->
                            <!-- <div class="nav-right">
                                <div class="search-btn">
                                    <button type="button" class="nav-right-link search-box-outer"><i
                                            class="far fa-search"></i></button>
                                </div> -->
                            <!-- <div class="nav-btn mt-4">
                                <a href="contact.php" class="theme-btn" style="color: #000;">Enquiry<i
                                        class="fas fa-arrow-right"></i></a>
                            </div> -->
                            <div class="nav-btn mt-4">
  <a href="#" class="theme-btn" data-bs-toggle="modal" data-bs-target="#enquiryModal" style="color: #000;">
    Enquiry <i class="fas fa-arrow-right"></i>
  </a>
</div>

                            <!-- <button type="button" class="sidebar-btn nav-right-link" data-bs-toggle="offcanvas"
                                    data-bs-target="#sidebarPopup">
                                    <span></span>
                                    <span></span>
                                    <span></span>
                                </button> -->
                        </div>
                    </div>
                </div>
        </div>
        </nav>
        </div>
        <!-- navbar end-->

    </header>
    <!-- header area end -->
<!-- Enquiry Modal -->
<div class="modal fade" id="enquiryModal" tabindex="-1" aria-labelledby="enquiryModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content p-3">
      <div class="modal-header">
        <h5 class="modal-title" id="enquiryModalLabel">Enquiry Form</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        <form id="enquiryForm">
          <div class="mb-3">
            <label for="name" class="form-label">Full Name</label>
            <input type="text" class="form-control" id="name" required>
          </div>
          <div class="mb-3">
            <label for="phone" class="form-label">Phone</label>
            <input type="tel" class="form-control" id="phone" required>
          </div>
          <div class="mb-3">
            <label for="message" class="form-label">Message</label>
            <textarea class="form-control" id="message" rows="3" required></textarea>
          </div>
          <button type="submit" class="btn btn-warning w-100">Submit</button>
        </form>
      </div>
    </div>
  </div>
</div>


    <!-- popup search -->
   <!-- <div class="search-popup">
        <button class="close-search"><span class="far fa-times"></span></button>
        <form action="#">
            <div class="form-group">
                <input type="search" name="search-field" class="form-control" placeholder="Search Here..." required>
                <button type="submit"><i class="far fa-search"></i></button>
            </div>
        </form>
    </div>  -->
    <!-- popup search end -->


    <!-- sidebar-popup -->
    <!-- <div class="sidebar-popup offcanvas offcanvas-end" tabindex="-1" id="sidebarPopup">
        <div class="offcanvas-header">
            <a href="index-2.html" class="sidebar-popup-logo">
                <img src="assets/images/logo5.png" alt="">
            </a>
            <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close">
                <i class="far fa-xmark"></i>
            </button>
        </div>
        <div class="sidebar-popup-wrap offcanvas-body">
            <div class="sidebar-popup-content">
                <div class="sidebar-popup-about">
                    <h4>About Us</h4>
                    <p>At MJ Construction Contractors, we believe that every home should be a perfect blend of luxury, comfort, and individuality. Over the past 8 years, we have built a strong reputation in Davanagere as a leading construction company, delivering custom premium homes and villas that reflect the unique lifestyle of each client.</p>
                </div>
                <div class="sidebar-popup-contact">
                    <h4>Contact Info</h4>
                    <ul>
                        <li>
                            <div class="icon">
                                <i class="far fa-envelope"></i>
                            </div>
                            <div class="content">
                                <h6>Gmail</h6>
                                <a href="https://mail.google.com/mail/?view=cm&fs=1&to=Mjconstruction1113@gmail.com" target="_blank">
                                    <i class="far fa-envelope"></i>
                                    <span>Mjconstruction1113@gmail.com</span>
                                </a>
                            </div>
                        </li>
                        <li>
                            <div class="icon">
                                <i class="far fa-phone"></i>
                            </div>
                            <div class="content">
                                <h6>Phone</h6>
                                <a href="tel:+21236547898">+91 9901159911</a>
                            </div>
                        </li>
                        <li>
                            <div class="icon">
                                <i class="far fa-location-dot"></i>
                            </div>
                            <div class="content">
                                <h6>Address</h6>
                                <a href="#">4th main, 9th Cross Road,
                                    S S Layout B Block,
                                    Davanagere, Karnataka 577004
                                </a>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="sidebar-popup-social">
                    <h4>Follow Us</h4>
                    <a href="#"><i class="fab fa-facebook"></i></a>
                    <a href="#"><i class="fab fa-x-twitter"></i></a>
                    <a href="#"><i class="fab fa-instagram"></i></a>
                    <a href="#"><i class="fab fa-linkedin"></i></a>
                </div>
            </div>
        </div>
    </div> -->
    <!-- sidebar-popup end -->