55ok
Mini
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Makaan - Real Estate HTML Template</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="" name="keywords">
<meta content="" name="description">
<!-- Favicon -->
<link href="img/favicon.ico" rel="icon">
<!-- Google Web 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=Heebo:wght@400;500;600&family=Inter:wght@700;800&display=swap" rel="stylesheet">
<!-- Icon Font Stylesheet -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">
<!-- Libraries Stylesheet -->
<link href="lib/animate/animate.min.css" rel="stylesheet">
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
<!-- Customized Bootstrap Stylesheet -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Template Stylesheet -->
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<div class="container-xxl bg-white p-0">
<!-- Spinner Start -->
<div id="spinner" class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
<div class="spinner-border text-primary" style="width: 3rem; height: 3rem;" role="status">
<span class="sr-only">Loading...</span>
</div>
</div>
<!-- Spinner End -->
<!-- Navbar Start -->
<div class="container-fluid nav-bar bg-transparent">
<nav class="navbar navbar-expand-lg bg-white navbar-light py-0 px-4">
<a href="index.html" class="navbar-brand d-flex align-items-center text-center">
<!-- <div class="icon p-2 me-2"> -->
<!-- <img class="img-fluid" src="img/ruuuu-removebg-preview (1).png" alt="Icon" style="width: 30px; height: 30px;"> -->
<!-- </div> -->
<!-- <img style="width: 30%; rotate: -2deg;" src="./img/ruuuu-removebg-preview (1).png" alt=""> -->
<img style="width: 200px; rotate: -2deg; " src="./img/ruuuu-removebg-preview (1).png" alt="">
</a>
<button style="margin-left: 2em;" type="button" class="navbar-toggler" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<div class="navbar-nav ms-auto">
<a href="index.html" class="nav-item nav-link active">Home</a>
<a href="about.html" class="nav-item nav-link">About</a>
<div class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">Property</a>
<div class="dropdown-menu rounded-0 m-0">
<!-- <a href="property-list.html" class="dropdown-item">Property List</a> -->
<a href="property-type.html" class="dropdown-item">Dwarka Sector 22</a>
<a href="property-agent.html" class="dropdown-item">Dwarka Sector 23</a>
</div>
</div>
<!-- <div class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">Pages</a>
<div class="dropdown-menu rounded-0 m-0">
<a href="testimonial.html" class="dropdown-item">Testimonial</a>
<a href="404.html" class="dropdown-item">404 Error</a>
</div>
</div> -->
<a href="blogs.html" class="nav-item nav-link">Blogs</a>
<a href="contact.html" class="nav-item nav-link">Contact</a>
</div>
<a href="tel:+91 9560956123" class="btn btn-primary px-3 d-none d-lg-flex">Call Now</a>
</div>
</nav>
</div>
<!-- Navbar End -->
<!-- Header Start -->
<div style="margin-top: 1em;" class="container-fluid header bg-white p-0">
<div class="row g-0 align-items-center flex-column-reverse flex-md-row">
<div class="col-md-6 p-5 mt-lg-5">
<h1 class="display-5 animated fadeIn mb-4">Best Apartments in dwarka.</h1>
<p class="animated fadeIn mb-4 pb-2">RK Property offers premium apartments and well-designed properties that combine comfort, style, and convenience. Known for their quality construction and modern amenities, RK Property apartments provide ideal living spaces for families and professionals alike. Whether you're looking to buy or invest, RK Property delivers exceptional value, ensuring every home reflects elegance, security, and long-term satisfaction.</p>
<a href="tel:+91 9560956123" class="btn btn-primary py-3 px-5 me-3 animated fadeIn">Call Now</a>
</div>
<div class="col-md-6 animated fadeIn">
<div class="owl-carousel header-carousel">
<div class="owl-carousel-item">
<img class="img-fluid" src="img/intro1.jpg" alt="">
</div>
<div class="owl-carousel-item">
<img class="img-fluid" src="img/intro2.avif" alt="">
</div>
</div>
</div>
</div>
</div>
<!-- Header End -->
<!-- Search Start -->
<!-- <div class="container-fluid bg-primary mb-5 wow fadeIn" data-wow-delay="0.1s" style="padding: 35px;">
<div class="container">
<div class="row g-2">
<div class="col-md-10">
<div class="row g-2">
<div class="col-md-4">
<input type="text" class="form-control border-0 py-3" placeholder="Search Keyword">
</div>
<div class="col-md-4">
<select class="form-select border-0 py-3">
<option selected>Property Type</option>
<option value="1">Property Type 1</option>
<option value="2">Property Type 2</option>
<option value="3">Property Type 3</option>
</select>
</div>
<div class="col-md-4">
<select class="form-select border-0 py-3">
<option selected>Location</option>
<option value="1">Location 1</option>
<option value="2">Location 2</option>
<option value="3">Location 3</option>
</select>
</div>
</div>
</div>
<div class="col-md-2">
<button class="btn btn-dark border-0 w-100 py-3">Search</button>
</div>
</div>
</div>
</div> -->
<!-- Search End -->
<!-- Contact Start -->
<div class="container-xxl py-5">
<div class="container">
<div class="text-center mx-auto mb-5 wow fadeInUp" data-wow-delay="0.1s" style="max-width: 600px;">
<h1 class="mb-3">Contact Us</h1>
<p>Have questions or need assistance? Our team is here to help you with Apartments inquiries, site visits, and all your real estate needs. Get in touch today and let us guide you every step of the way.
</p>
</div>
<div class="row g-4">
<div class="col-12">
<div class="row gy-4">
<div class="col-md-6 col-lg-4 wow fadeIn" data-wow-delay="0.1s">
<div class="bg-light rounded p-3">
<div class="d-flex align-items-center bg-white rounded p-3" style="border: 1px dashed rgba(0, 185, 142, .3)">
<div class="icon me-3" style="width: 45px; height: 45px;">
<i class="fa fa-map-marker-alt text-primary"></i>
</div>
<p class="mb-2">
<a href="https://maps.app.goo.gl/GV1pR6AYkrCFqZox9?g_st=com.google.maps.preview.copy" target="_blank" style="text-decoration: none; color: inherit;">
pkt 1, dda sfs flat, 96, Sector 22 Dwarka, New Delhi, Delhi 110077
</a>
</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 wow fadeIn" data-wow-delay="0.3s">
<div class="bg-light rounded p-3">
<div class="d-flex align-items-center bg-white rounded p-3" style="border: 1px dashed rgba(0, 185, 142, .3)">
<div class="icon me-3" style="width: 45px; height: 45px;">
<i class="fa fa-envelope-open text-primary"></i>
</div>
<span>
<a href="mailto:rkproperty25@gmail.com" style="text-decoration: none; color: inherit;">
rkproperty25@gmail.com
</a>
</span>
<!-- <a href="mailto:Rkproperty25@gmail.com?subject=Signup Request&body=Hi, I would like to sign up for your service."
class="btn btn-primary py-2 position-absolute top-0 end-0 mt-2 me-2">
Email us
</a> -->
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 wow fadeIn" data-wow-delay="0.5s">
<div class="bg-light rounded p-3">
<div class="d-flex align-items-center bg-white rounded p-3" style="border: 1px dashed rgba(0, 185, 142, .3)">
<div class="icon me-3" style="width: 45px; height: 45px;">
<i class="fa fa-phone-alt text-primary"></i>
</div>
<span>
<a href="tel:+919560956123" style="text-decoration: none; color: inherit;">
+91 9560956123
</a>
</span>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6 wow fadeInUp" data-wow-delay="0.1s">
<!-- <iframe class="position-relative rounded w-100 h-100" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3504.2437675224!2d77.0594237754982!3d28.562441875703094!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390d1befdd88c41f%3A0x13940ce6e96d521d!2sDDA%20SFS%20Flats!5e0!3m2!1sen!2sin!4v1745047628918!5m2!1sen!2sin" style="min-height: 400px; border:0;" allowfullscreen="" aria-hidden="false" -->
<!-- tabindex="0" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe> -->
<!-- <iframe class="position-relative rounded w-100 h-100"
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3001156.4288297426!2d-78.01371936852176!3d42.72876761954724!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4ccc4bf0f123a5a9%3A0xddcfc6c1de189567!2sNew%20York%2C%20USA!5e0!3m2!1sen!2sbd!4v1603794290143!5m2!1sen!2sbd"
frameborder="0" style="min-height: 400px; border:0;" allowfullscreen="" aria-hidden="false"
tabindex="0"></iframe> -->
<iframe class="position-relative rounded w-100 h-100" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3504.2656005883496!2d77.06238429999999!3d28.561786099999996!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390d1b78cc9f360f%3A0xc7d685f4ffbb4af4!2sR.K%20Property%20%26%20Interior!5e0!3m2!1sen!2sin!4v1745393505001!5m2!1sen!2sin" style="min-height: 400px; border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
<div class="col-md-6">
<div class="wow fadeInUp" data-wow-delay="0.5s">
<p class="mb-4">We're here to help you.
Fill out the form below and our team will get back to you as soon as possible. For urgent inquiries, feel free to call us directly.
<!-- <a href="https://htmlcodex.com/contact-form">Download Now</a>.</p> -->
<form>
<div class="row g-3">
<div class="col-md-6">
<div class="form-floating">
<input type="text" class="form-control" id="name" placeholder="Your Name">
<label for="name">Your Name</label>
</div>
</div>
<div class="col-md-6">
<div class="form-floating">
<input type="email" class="form-control" id="email" placeholder="Your Email">
<label for="email">Your Email</label>
</div>
</div>
<div class="col-12">
<div class="form-floating">
<input type="text" class="form-control" id="subject" placeholder="Subject">
<label for="subject">Subject</label>
</div>
</div>
<div class="col-12">
<div class="form-floating">
<textarea class="form-control" placeholder="Leave a message here" id="message" style="height: 150px"></textarea>
<label for="message">Message</label>
</div>
</div>
<a href="mailto:rkproperty25@gmail.com?subject=Inquiry&body=Hi, I would like to..." class="btn btn-primary w-100 py-3">
Send Message
</a>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- Contact End -->
<!-- Footer Start -->
<div class="container-fluid bg-dark text-white-50 footer pt-5 mt-5 wow fadeIn" data-wow-delay="0.1s">
<div class="container py-5">
<div class="row g-5">
<div class="col-lg-3 col-md-6">
<h5 class="text-white mb-4">Get In Touch</h5>
<p class="mb-2">
<i class="fa fa-map-marker-alt me-3"></i>
<a href="https://maps.app.goo.gl/GV1pR6AYkrCFqZox9?g_st=com.google.maps.preview.copy" target="_blank" style="text-decoration: none; color: inherit;">
pkt 1, dda sfs flat, 96, Sector 22 Dwarka, New Delhi, Delhi 110077
</a>
</p>
<!-- <a class="mb-2" href="tel:+91 9560956123"><i class="fa fa-phone-alt me-3"></i>+91 9560956123</a> -->
<a href="tel: +91 9560956123"><i class="fa fa-phone-alt me-3"></i>+91 9560956123</a>
<!-- <p class="mb-2"><i class="fa fa-phone-alt me-3"></i>+91 95</p> -->
<span>
<a href="mailto:rkproperty25@gmail.com" style="text-decoration: none; color: inherit;">
rkproperty25@gmail.com
</a>
</span>
<!-- <div class="d-flex pt-2">
<a class="btn btn-outline-light btn-social" href=""><i class="fab fa-twitter"></i></a>
<a class="btn btn-outline-light btn-social" href=""><i class="fab fa-facebook-f"></i></a>
<a class="btn btn-outline-light btn-social" href=""><i class="fab fa-youtube"></i></a>
<a class="btn btn-outline-light btn-social" href=""><i class="fab fa-linkedin-in"></i></a>
</div> -->
</div>
<div class="col-lg-3 col-md-6">
<h5 class="text-white mb-4">Quick Links</h5>
<a class="btn btn-link text-white-50" href="./about.html">About Us</a>
<a class="btn btn-link text-white-50" href="./contact.html">Contact Us</a>
<h5 class="text-white mb-2">Our Properties</h5>
<a class="btn btn-link text-white-50" href="./property-type.html">Dwarka Sector 22</a>
<a class="btn btn-link text-white-50" href="./property-agent.html">Dwarka Sector 23</a>
<!-- <a class="btn btn-link text-white-50" href="">Privacy Policy</a> -->
<!-- <a class="btn btn-link text-white-50" href="">Terms & Condition</a> -->
</div>
<!-- <div class="col-lg-3 col-md-6">
<h5 class="text-white mb-4">Photo Gallery</h5>
<div class="row g-2 pt-2">
<div class="col-4">
<img class="img-fluid rounded bg-light p-1" src="img/property-1.jpg" alt="">
</div>
<div class="col-4">
<img class="img-fluid rounded bg-light p-1" src="img/property-2.jpg" alt="">
</div>
<div class="col-4">
<img class="img-fluid rounded bg-light p-1" src="img/property-3.jpg" alt="">
</div>
<div class="col-4">
<img class="img-fluid rounded bg-light p-1" src="img/property-4.jpg" alt="">
</div>
<div class="col-4">
<img class="img-fluid rounded bg-light p-1" src="img/property-5.jpg" alt="">
</div>
<div class="col-4">
<img class="img-fluid rounded bg-light p-1" src="img/property-6.jpg" alt="">
</div>
</div>
</div> -->
<div class="col-lg-3 col-md-6">
<h5 class="text-white mb-4">Newsletter</h5>
<p>Get a query</p>
<div class="position-relative mx-auto" style="max-width: 400px;">
<input class="form-control bg-transparent w-100 py-3 ps-4 pe-5" type="text" placeholder="Your email">
<a href="mailto:rkproperty25@gmail.com?subject=Signup Request&body=Hi, I would like to sign up for your service."
class="btn btn-primary py-2 position-absolute top-0 end-0 mt-2 me-2">
Email us
</a>
</div>
</div>
</div>
</div>
<div class="container">
<div class="copyright">
<div class="row">
<div id="design">
<a href="https://bestdigisolution.com/">
<p style="color: rgba(255, 250, 250, 0.664);">Design by Best Digi Solution</p>
</a>
</div>
<!-- <div class="col-md-6 text-center text-md-end">
<div class="footer-menu">
<a href="">Home</a>
<a href="">Cookies</a>
<a href="">Help</a>
<a href="">FQAs</a>
</div>
</div> -->
</div>
</div>
</div>
</div>
<!-- Footer End -->
<!-- Back to Top -->
<a href="#" class="btn btn-lg btn-primary btn-lg-square back-to-top"><i class="bi bi-arrow-up"></i></a>
</div>
<!-- JavaScript Libraries -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="lib/wow/wow.min.js"></script>
<script src="lib/easing/easing.min.js"></script>
<script src="lib/waypoints/waypoints.min.js"></script>
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
<!-- Template Javascript -->
<script src="js/main.js"></script>
</body>
</html>
Zerion Mini 1.0