:: **Zploit** v1.0 | Current Path: **/home/kreativepixelz/www/demo/riverfront/**
:: Editing File: index.php
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Riverfront Heaven - 55 Exclusive Plots Villas In Mulshi, Pune</title> <!-- Stylesheets --> <link href="css/bootstrap.css" rel="stylesheet"> <link href="plugins/revolution/css/settings.css" rel="stylesheet" type="text/css"><!-- REVOLUTION SETTINGS STYLES --> <link href="plugins/revolution/css/layers.css" rel="stylesheet" type="text/css"><!-- REVOLUTION LAYERS STYLES --> <link href="plugins/revolution/css/navigation.css" rel="stylesheet" type="text/css"><!-- REVOLUTION NAVIGATION STYLES --> <link href="css/style.css" rel="stylesheet"> <link href="css/responsive.css" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/font-awesome.min.css"> <meta name="description" content="Riverfront Heaven a luxurious developed open land plots in Pune with green living and peaceful relaxation. Book Now!" /> <!--Color Switcher Mockup--> <link href="css/color-switcher-design.css" rel="stylesheet"> <!--Color Themes--> <link id="theme-color-file" href="css/color-themes/default-theme.css" rel="stylesheet"> <link rel="shortcut icon" href="logo/favicon.png" type="image/x-icon"> <link rel="icon" href="logo/favicon.png" type="image/x-icon"> <!-- Responsive --> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> <!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script><![endif]--> <!--[if lt IE 9]><script src="js/respond.js"></script><![endif]--> </head> <body> <div class="page-wrapper" id="home"> <!-- Preloader -- <div class="preloader"></div> <!-- Main Header--> <header class="main-header"> <!--Header Top--> <div class="header-top"> <div class="auto-container"> <div class="clearfix"> <!--Top Left--> <div class="top-left pull-left"> <ul class="clearfix"> <li>Welcome to Riverfront Heaven - 55 Exclusive Plots</li> </ul> </div> <!--Top Right--> <div class="top-right pull-right"> <ul class="social-nav"> <li><a href="#"><span class="fa fa-facebook-f"></span></a></li> <li><a href="#"><span class="fa fa-twitter"></span></a></li> <li><a href="#"><span class="fa fa-google-plus"></span></a></li> <li><a href="#"><span class="fa fa-pinterest-p"></span></a></li> <li><a href="#"><span class="fa fa-dribbble"></span></a></li> </ul> <ul class="list"> <li>Have any question? +91 7219699062</li> </ul> </div> </div> </div> </div> <!--Header-Upper--> <div class="header-upper"> <div class="auto-container"> <div class="clearfix"> <div class="pull-left logo-box"> <div class="logo"><a href="index.php"><img src="logo/logo.png" alt="" title="" style="width:260px"></a></div> </div> <div class="pull-right upper-right clearfix"> <!--Info Box--> <div class="upper-column info-box"> <div class="icon-box"><span class="flaticon-home-1"></span></div> <ul> <li><strong> M-213 Second Floor, </strong></li> <li>City Avenue, Wakad, Pune </li> </ul> </div> <!--Info Box--> <div class="upper-column info-box"> <div class="icon-box"><span class="flaticon-note"></span></div> <ul> <li><strong>Send your mail at</strong></li> <li style="text-transform:lowercase;">riverfrontheaven@gmail.com</li> </ul> </div> <!--Info Box--> <div class="upper-column info-box"> <div class="icon-box"><span class="flaticon-clock-1"></span></div> <ul> <li><strong>Working Hours</strong></li> <li>Mon-Sun: 9.30am to 7.00pm</li> </ul> </div> </div> </div> </div> </div> <!--End Header Upper--> <!--Header Lower--> <div class="header-lower"> <div class="auto-container"> <div class="nav-outer clearfix"> <!-- Main Menu --> <nav class="main-menu"> <div class="navbar-header"> <!-- Toggle Button --> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <div class="navbar-collapse collapse clearfix"> <ul class="navigation clearfix"> <li class=""><a href="#home">Home</a></li> <li><a href="#about">About Us</a></li> <li><a href="#Features">Features</a></li> <li><a href="#Spefications">Spefications</a></li> <li><a href="#Animities">Amenities</a></li> <li><a href="#Contact">Contact Us</a></li> <!-- <li class="current dropdown"><a href="#">Home</a> <ul> <li><a href="index.html">Homepage One</a></li> <li><a href="index-2.html">Homepage Two</a></li> <li class="dropdown"><a href="#">Header Styles</a> <ul> <li><a href="index.html">Header Style One</a></li> <li><a href="index-2.html">Header Style Two</a></li> </ul> </li> </ul> </li> <li><a href="about.html">About us</a></li> <li class="dropdown"><a href="#">Services</a> <ul> <li><a href="services.html">Services</a></li> <li><a href="design-build.html">Design and Build</a></li> <li><a href="management-work.html">Management Work</a></li> <li><a href="construction-planing.html">Construction Planning</a></li> <li><a href="house-renovation.html">House Renovation</a></li> <li><a href="building-construction.html">Building construction</a></li> <li><a href="interior-design.html">Interior Design</a></li> </ul> </li> <li class="dropdown"><a href="#">Projects</a> <ul> <li><a href="projects.html">Our projects</a></li> <li><a href="projects-detail.html">Projects Details</a></li> </ul> </li> <li class="dropdown"><a href="#">Blog</a> <ul> <li><a href="blog.html">Blog</a></li> <li><a href="blog-detail.html">Blog Details</a></li> </ul> </li> <li class="dropdown"><a href="#">Shop</a> <ul> <li><a href="shop.html">Shop</a></li> <li><a href="shop-single.html">Product Details</a></li> <li><a href="shoping-cart.html">Cart Page</a></li> <li><a href="checkout.html">Checkout Page</a></li> <li><a href="login.html">Login Page</a></li> </ul> </li> <li><a href="contact.html">Contact us</a></li> --> </ul> </div> </nav> <!-- Main Menu End--> <div class="outer-box clearfix"> <!--Search Box-- <div class="search-box-outer"> <div class="dropdown"> <button class="search-box-btn dropdown-toggle" type="button" id="dropdownMenu3" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span class="fa fa-search"></span></button> <ul class="dropdown-menu pull-right search-panel" aria-labelledby="dropdownMenu3"> <li class="panel-outer"> <div class="form-container"> <form method="post" action="https://html.yogsthemes.com/demo/konstructo/blog.html"> <div class="form-group"> <input type="search" name="field-name" value="" placeholder="Search Here" required> <button type="submit" class="search-btn"><span class="fa fa-search"></span></button> </div> </form> </div> </li> </ul> </div> </div> --> <div class="advisor-box"> <a data-toggle="modal" data-target="#myModal" class="theme-btn advisor-btn">Enquire Now <span class="fa fa-long-arrow-right"></span></a> </div> </div> </div> </div> </div> <!--End Header Lower--> <!--Sticky Header--> <div class="sticky-header"> <div class="auto-container clearfix"> <!--Logo--> <div class="logo pull-left"> <a href="#" class="img-responsive"><img src="logo/logo.png" alt="" title="" style="width:230px"></a> </div> <!--Right Col--> <div class="right-col pull-right"> <!-- Main Menu --> <nav class="main-menu"> <div class="navbar-header"> <!-- Toggle Button --> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <div class="navbar-collapse collapse clearfix"> <ul class="navigation clearfix"> <li class=""><a href="#home">Home</a></li> <li><a href="#about">About Us</a></li> <li><a href="#Features">Features</a></li> <li><a href="#Spefications">Spefications</a></li> <li><a href="#Animities">Animities</a></li> <li><a href="#Contact">Contact Us</a></li> <!-- <li class="current dropdown"><a href="#">Home</a> <ul> <li><a href="index.html">Homepage One</a></li> <li><a href="index-2.html">Homepage Two</a></li> <li class="dropdown"><a href="#">Header Styles</a> <ul> <li><a href="index.html">Header Style One</a></li> <li><a href="index-2.html">Header Style Two</a></li> </ul> </li> </ul> </li> <li><a href="about.html">About us</a></li> <li class="dropdown"><a href="#">Services</a> <ul> <li><a href="services.html">Services</a></li> <li><a href="design-build.html">Design and Build</a></li> <li><a href="management-work.html">Management Work</a></li> <li><a href="construction-planing.html">Construction Planning</a></li> <li><a href="house-renovation.html">House Renovation</a></li> <li><a href="building-construction.html">Building construction</a></li> <li><a href="interior-design.html">Interior Design</a></li> </ul> </li> <li class="dropdown"><a href="#">Projects</a> <ul> <li><a href="projects.html">Our projects</a></li> <li><a href="projects-detail.html">Projects Details</a></li> </ul> </li> <li class="dropdown"><a href="#">Blog</a> <ul> <li><a href="blog.html">Blog</a></li> <li><a href="blog-detail.html">Blog Details</a></li> </ul> </li> <li class="dropdown"><a href="#">Shop</a> <ul> <li><a href="shop.html">Shop</a></li> <li><a href="shop-single.html">Product Details</a></li> <li><a href="shoping-cart.html">Cart Page</a></li> <li><a href="checkout.html">Checkout Page</a></li> <li><a href="login.html">Login Page</a></li> </ul> </li> <li><a href="contact.html">Contact us</a></li> </ul> </div> </nav><!-- Main Menu End--> </div> </div> </div> <!--End Sticky Header--> </header> <!--End Main Header --> <!--Main Slider--> <section class="main-slider" > <div class="rev_slider_wrapper fullwidthbanner-container" id="rev_slider_one_wrapper" data-source="gallery"> <div class="rev_slider fullwidthabanner" id="rev_slider_one" data-version="5.4.1"> <ul> <!-- <li data-description="Slide Description" data-easein="default" data-easeout="default" data-fsmasterspeed="1500" data-fsslotamount="7" data-fstransition="fade" data-hideafterloop="0" data-hideslideonmobile="off" data-index="rs-1687" data-masterspeed="default" data-param1="" data-param10="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-rotate="0" data-saveperformance="off" data-slotamount="default" data-thumb="logo/slider.png" data-title="Slide Title" data-transition="parallaxvertical"> <img alt="" class="rev-slidebg" data-bgfit="cover" data-bgparallax="10" data-bgposition="center center" data-bgrepeat="no-repeat" data-no-retina="" src="logo/slider.png"> <div class="tp-caption" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingtop="[0,0,0,0]" data-responsive_offset="on" data-type="text" data-height="none" data-width="['720','720','650','450']" data-whitespace="normal" data-hoffset="['15','15','15','15']" data-voffset="['-100','-110','-70','-75']" data-x="['right','right','right','right']" data-y="['middle','middle','middle','middle']" data-textalign="['top','top','top','top']" data-frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":1000,"ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"to":"auto:auto;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]'> <h2>A Perfect Plot for life<br> <span><span class="theme_color">R Zone Waterfront </span> </span></h2> </div> <div class="tp-caption tp-resizeme" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingtop="[0,0,0,0]" data-responsive_offset="on" data-type="text" data-height="none" data-whitespace="normal" data-width="['720','720','650','450']" data-hoffset="['15','15','15','15']" data-voffset="['30','15','20','5']" data-x="['right','right','right','right']" data-y="['middle','middle','middle','middle']" data-textalign="['top','top','top','top']" data-frames='[{"from":"x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":1000,"ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"to":"auto:auto;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]'> <div class="text">Riverfront Heaven - Buy 3 & 4 BHK Luxurious Villas Plots Designed for the love of Nature, Luxury & Community</div> </div> <div class="tp-caption tp-resizeme" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingtop="[0,0,0,0]" data-responsive_offset="on" data-type="text" data-height="none" data-width="['720','720','650','450']" data-whitespace="normal" data-hoffset="['15','15','15','15']" data-voffset="['125','110','100','95']" data-x="['right','right','right','right']" data-y="['middle','middle','middle','middle']" data-textalign="['top','top','top','top']" data-frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":1000,"ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"to":"auto:auto;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]'> <a href="#" class="theme-btn btn-style-one">Contact Now</a> <a href="" class="theme-btn btn-style-two">Get a Quote</a> </div> </li> <li data-description="Slide Description" data-easein="default" data-easeout="default" data-fsmasterspeed="1500" data-fsslotamount="7" data-fstransition="fade" data-hideafterloop="0" data-hideslideonmobile="off" data-index="rs-1688" data-masterspeed="default" data-param1="" data-param10="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-rotate="0" data-saveperformance="off" data-slotamount="default" data-thumb="images/main-slider/image-2.jpg" data-title="Slide Title" data-transition="parallaxvertical"> <img alt="" class="rev-slidebg" data-bgfit="cover" data-bgparallax="10" data-bgposition="center center" data-bgrepeat="no-repeat" data-no-retina="" src="images/main-slider/image-2.jpg"> <div class="tp-caption" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingtop="[0,0,0,0]" data-responsive_offset="on" data-type="text" data-height="none" data-width="['720','720','650','450']" data-whitespace="normal" data-hoffset="['15','15','15','15']" data-voffset="['-100','-110','-70','-75']" data-x="['right','right','right','right']" data-y="['middle','middle','middle','middle']" data-textalign="['top','top','top','top']" data-frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":1000,"ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"to":"auto:auto;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]'> <h2>We Provide <br> <span><span class="theme_color">Construction</span> Service</span></h2> </div> <div class="tp-caption tp-resizeme" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingtop="[0,0,0,0]" data-responsive_offset="on" data-type="text" data-height="none" data-whitespace="normal" data-width="['720','720','650','450']" data-hoffset="['15','15','15','15']" data-voffset="['30','15','20','5']" data-x="['right','right','right','right']" data-y="['middle','middle','middle','middle']" data-textalign="['top','top','top','top']" data-frames='[{"from":"x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":1000,"ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"to":"auto:auto;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]'> <div class="text">Construct is focused on providing high-quality service and customer satisfaction <br> we will do everything we can to meet your expectations.</div> </div> <div class="tp-caption tp-resizeme" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingtop="[0,0,0,0]" data-responsive_offset="on" data-type="text" data-height="none" data-width="['720','720','650','450']" data-whitespace="normal" data-hoffset="['15','15','15','15']" data-voffset="['125','110','100','95']" data-x="['right','right','right','right']" data-y="['middle','middle','middle','middle']" data-textalign="['top','top','top','top']" data-frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":1000,"ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"to":"auto:auto;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]'> <a href="about.html" class="theme-btn btn-style-one">Our Service</a> <a href="solutions.html" class="theme-btn btn-style-two">Get a Quote</a> </div> </li> --> <li data-description="Slide Description" data-easein="default" data-easeout="default" data-fsmasterspeed="1500" data-fsslotamount="7" data-fstransition="fade" data-hideafterloop="0" data-hideslideonmobile="off" data-index="rs-1689" data-masterspeed="default" data-param1="" data-param10="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-rotate="0" data-saveperformance="off" data-slotamount="default" data-thumb="images/main-slider/image-3.jpg" data-title="Slide Title" data-transition="parallaxvertical"> <img alt="" class="rev-slidebg" data-bgfit="cover" data-bgparallax="10" data-bgposition="center center" data-bgrepeat="no-repeat" data-no-retina="" src="logo/slider.png"> <div class="tp-caption" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingtop="[0,0,0,0]" data-responsive_offset="on" data-type="text" data-height="none" data-width="['720','700','650','550']" data-whitespace="normal" data-hoffset="['15','15','15','15']" data-voffset="['-130','-120','-110','-90']" data-x="['left','left','left','left']" data-y="['middle','middle','middle','middle']" data-textalign="['top','top','top','top']" data-frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":1000,"ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"to":"auto:auto;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]'> <div class="title">A Perfect Plot for life</div> </div> <div class="tp-caption" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingtop="[0,0,0,0]" data-responsive_offset="on" data-type="text" data-height="none" data-width="['720','700','650','550']" data-whitespace="normal" data-hoffset="['15','15','15','15']" data-voffset="['-60','-50','-40','-30']" data-x="['left','left','left','left']" data-y="['middle','middle','middle','middle']" data-textalign="['top','top','top','top']" data-frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":1000,"ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"to":"auto:auto;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]'> <h2 class="alternate"><span class="">R Zone Waterfront</span> </h2> </div> <div class="tp-caption tp-resizeme" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingtop="[0,0,0,0]" data-responsive_offset="on" data-type="text" data-height="none" data-whitespace="normal" data-width="['720','700','650','550']" data-hoffset="['15','15','15','15']" data-voffset="['20','25','20','25']" data-x="['left','left','left','left']" data-y="['middle','middle','middle','middle']" data-textalign="['top','top','top','top']" data-frames='[{"from":"x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":1000,"ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"to":"auto:auto;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]'> <div class="text">Villa Plots Designed for the love of Nature, Luxury & Community</div> </div> <div class="tp-caption tp-resizeme" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingtop="[0,0,0,0]" data-responsive_offset="on" data-type="text" data-height="none" data-width="['720','700','650','550']" data-whitespace="normal" data-hoffset="['15','15','15','15']" data-voffset="['110','115','90','105']" data-x="['left','left','left','left']" data-y="['middle','middle','middle','middle']" data-textalign="['top','top','top','top']" data-frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":1000,"ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"to":"auto:auto;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]'> <!--<a href="#" class="theme-btn btn-style-one">Contact Now</a> --> <a data-toggle="modal" data-target="#myModal" class="theme-btn btn-style-one">Get a Quote</a> </div> </li> </ul> </div> </div> </section> <!--End Main Slider--> <section class="success-section" id="about"> <div class="auto-container"> <div class="row"> <div class="image-column col-md-5 col-sm-12 col-xs-12"> <div class="inner-column"> <div class="image"> <img src="logo/about.png" alt="" /> </div> <div class="small-img"> <img src="logo/about1.png" alt="" /> </div> </div> </div> <style> #more {display: none;} </style> <div class="content-column col-md-7 col-sm-12 col-xs-12"> <div class="inner-column"> <div class="since-year clearfix"> <!-- <span class="title" style="text-transform:lowercase;">sq. ft</span>--> <div class="year-img"><img src="logo/55.png" alt="" /></div> <!-- <div class="work">plots offer used <strong>bungalow</strong><span>farmhouse</span></div> --> </div> <br> <p style="text-align:justify;">Discover your slice of paradise at Riverfront Heaven, where serene R Zone plots with bungalow or farmhouse options await you. Starting from 2000 sq. ft., these plots offer a once-in-a-lifetime opportunity to own a piece of land in a setting that's both breathtakingly beautiful and conveniently connected. <br><br>Nestled amidst a reserve forest on one side and the tranquil banks of the Indrayani River on the other, Riverfront Heaven promises an idyllic escape from the hustle and bustle of city life. Enjoy leisurely walks, picnics, and moments of relaxation amidst nature's bounty along the riverbanks, where clear waters mirror the verdant foliage and azure skies, creating a mesmerizing sight for onlookers. <br><br>With the Expressway just a stone's throw away, accessibility is effortless, offering you a lifestyle of convenience and connectivity. Whether you dream of building your dream bungalow or farmhouse, Riverfront Heaven provides the perfect canvas for your aspirations. <span id="dots"></span><span id="more"><br><br>Embark on your journey to a life of unparalleled luxury and tranquility. Secure your plot in Riverfront Heaven today and make your dreams a reality.</span></p> <br> <button onclick="myFunction()" class="theme-btn btn-style-one" id="myBtn" style="padding: 10px 20px;">Read more</button> <script> function myFunction() { var dots = document.getElementById("dots"); var moreText = document.getElementById("more"); var btnText = document.getElementById("myBtn"); if (dots.style.display === "none") { dots.style.display = "inline"; btnText.innerHTML = "Read more"; moreText.style.display = "none"; } else { dots.style.display = "none"; btnText.innerHTML = "Read less"; moreText.style.display = "inline"; } } </script> <style> .count-text { position: relative; font-weight: 400; color: #222222; font-size: 40px; } .counter-title { position: relative; font-size: 12px; font-weight: 400; color: #666666; margin-top: 5px; text-transform: uppercase; display: block; letter-spacing: 1px; } </style> <br><br><br> <!-- <div class="fact-counter"> <div class="row clearfix"> <!--Column-- <div class="column counter-column col-md-3 col-sm-6 col-xs-12"> <div class="inner"> <span class="count-text" data-speed="3500" data-stop="200">200</span> <h4 class="counter-title">Projects</h4> </div> </div> <div class="column counter-column col-md-3 col-sm-6 col-xs-12"> <div class="inner"> <span class="count-text" data-speed="3500" data-stop="200">200</span> <h4 class="counter-title">Projects</h4> </div> </div> <div class="column counter-column col-md-3 col-sm-6 col-xs-12"> <div class="inner"> <span class="count-text" data-speed="3500" data-stop="200">200</span> <h4 class="counter-title">Projects</h4> </div> </div> <div class="column counter-column col-md-3 col-sm-6 col-xs-12"> <div class="inner"> <span class="count-text" data-speed="3500" data-stop="200">200</span> <h4 class="counter-title">Projects</h4> </div> </div> </div> </div> --> </div> </div> </div> </div> </section> <!--Services Section--> <section class="services-section" id="Features" style="background-image:url('logo/features.jpg')"> <div class="auto-container"> <div class="sec-title"> <div class="title" style="color:#fff">Your Gateway to Serenity and Opportunity</div> <h2 style="color:#fff"><span class="theme_color">Salient</span> Features</h2> </div> <div class="three-item-carousel owl-carousel owl-theme"> <!--Services Block--> <div class="services-block"> <div class="inner-box"> <div class="image"> <a href="#"><img src="logo/features/scenic-beauty.png" alt="" /></a> </div> <div class="lower-content"> <div class="upper-box"> <div class="icon-box"> <span class="icon flaticon-window"></span> </div> <h3><a href="#">Scenic Beauty</a></h3> </div> <div class="text">Nestled amidst the lush greenery of the Western Ghats, Kamshet offers breathtaking views and a serene ambiance that captivates the soul.</div> </div> </div> </div> <!--Services Block--> <div class="services-block"> <div class="inner-box"> <div class="image"> <a href="#"><img src="logo/features/river.png" alt="" /></a> </div> <div class="lower-content"> <div class="upper-box"> <div class="icon-box"> <span class="icon fa fa-tint"></span> </div> <h3><a href="#">Proximity to Indrayani River</a></h3> </div> <div class="text">Enjoy leisurely walks along the tranquil banks of the Indrayani River, where clear waters reflect the beauty of nature, providing the perfect backdrop for relaxation.</div> </div> </div> </div> <!--Services Block--> <div class="services-block"> <div class="inner-box"> <div class="image"> <a href="#"><img src="logo/features/connectivity.png" alt="" /></a> </div> <div class="lower-content"> <div class="upper-box"> <div class="icon-box"> <span class="icon fa fa-road"></span> </div> <h3><a href="#">Convenient Connectivity</a></h3> </div> <div class="text">With easy access to the Expressway, Kamshet ensures seamless connectivity to major cities, making it an ideal location for both leisure and investment.</div> </div> </div> </div> <!--Services Block--> <div class="services-block"> <div class="inner-box"> <div class="image"> <a href="#"><img src="logo/features/adventure-hub.png" alt="" /></a> </div> <div class="lower-content"> <div class="upper-box"> <div class="icon-box"> <span class="icon fa fa-lightbulb-o"></span> </div> <h3><a href="#">Adventure Hub</a></h3> </div> <div class="text">From paragliding over the picturesque landscapes to exploring ancient caves and forts, Kamshet offers a myriad of adventure activities for thrill-seekers.</div> </div> </div> </div> <!--Services Block--> <div class="services-block"> <div class="inner-box"> <div class="image"> <a href="#"><img src="logo/features/investment-potential.png" alt="" /></a> </div> <div class="lower-content"> <div class="upper-box"> <div class="icon-box"> <span class="icon fa fa-tree"></span> </div> <h3><a href="#">Investment Potential</a></h3> </div> <div class="text"> With its growing popularity as a tourist destination and a booming real estate market, investing in plots in Kamshet promises lucrative returns and unparalleled luxury.</div> </div> </div> </div> </div> </div> </section> <!--End Services Section--> <!--Featured Section--> <section class="featured-section" id="Spefications"> <div class="auto-container"> <div class="row clearfix"> <!--Content Column--> <div class="content-column col-md-6 col-sm-12 col-xs-12"> <div class="inner-column"> <div class="sec-title"> <div class="title">A life of back-to-back meetings but with open skies, with </div> <h2><span class="theme_color">Private Garden </span> </h2> </div> <div class="text"> <p>A life of back-to-back meetings doesn’t have to confine you to a traditional office space. Imagine conducting your business under open skies, where the horizon stretches infinitely and nature’s calmness envelopes you.</p> <p> Picture yourself stepping into a private garden after a long meeting. The lush greenery and serene environment provide the perfect backdrop for relaxation and rejuvenation, offering you a moment of peace amidst your busy schedule. </p> <p>Reconnect with yourself in this serene environment, finding moments of reflection and calm. Embrace the luxury of space and the comfort of nature as you navigate through your day, achieving a perfect blend of work and well-being.</p> </div> </div> </div> <!--Video Column--> <div class="video-column col-md-6 col-sm-12 col-xs-12"> <div class="inner-column"> <div class="video-box"> <figure class="image"> <img src="logo/resource/Private-Garden.png" alt=""> <!--<a href="https://www.youtube.com/watch?v=kxPCFljwJws" class="lightbox-image overlay-box"><span class="flaticon-arrow"></span></a> --> </figure> </div> </div> </div> </div> <div class="row clearfix" style="padding:50px 0px"> <!--Video Column--> <div class="video-column col-md-6 col-sm-12 col-xs-12"> <div class="inner-column"> <div class="video-box"> <figure class="image"> <img src="logo/resource/Cherish-New-Beginnings.png" alt=""> <!--<a href="https://www.youtube.com/watch?v=kxPCFljwJws" class="lightbox-image overlay-box"><span class="flaticon-arrow"></span></a> --> </figure> </div> </div> </div> <!--Content Column--> <div class="content-column col-md-6 col-sm-12 col-xs-12"> <div class="inner-column"> <div class="sec-title"> <div class="title">A life of getting accustomed to a new discipline & unique opportunities </div> <h2><span class="theme_color">Cherish New Beginnings </span> </h2> </div> <div class="text"> <p>A life of getting accustomed to a new discipline offers unique opportunities to create lasting memories. Imagine a lifestyle where the pace of modern living blends seamlessly with the cherished traditions of the past.</p> <p> Envision yourself narrating your grandma's stories to your children, sharing the wisdom and warmth of generations gone by. In your own veranda, these timeless tales come alive, bridging the gap between past and present. </p> <p>Embrace this harmonious blend of old and new, where every day is an opportunity to instill values and create memories. In this serene space, you find the perfect balance of tradition and modernity, enriching your family's life with stories and experiences that will be cherished for generations to come.</p> </div> </div> </div> </div> <div class="row clearfix" style=""> <!--Content Column--> <div class="content-column col-md-6 col-sm-12 col-xs-12"> <div class="inner-column"> <div class="sec-title"> <div class="title">To be able to mould your lifestyle as per your mood, sometimes happening </div> <h2><span class="theme_color">Agile Strategies </span> </h2> </div> <div class="text"> <p>A life of having agile strategies allows you to mold your lifestyle according to your ever-changing moods and desires. This flexibility offers the freedom to navigate between different states of being, ensuring that your environment and activities align perfectly with how you feel at any given moment.</p> <p> Imagine waking up to a serene morning where tranquility is your priority. You can create a peaceful retreat within your home, a space where you can meditate, read, or simply enjoy the quietude. This sanctuary becomes a haven where you can recharge and find inner peace. </p> </div> </div> </div> <!--Video Column--> <div class="video-column col-md-6 col-sm-12 col-xs-12"> <div class="inner-column"> <div class="video-box"> <figure class="image"> <img src="logo/resource/Agile-Strategies.png" alt=""> <!--<a href="https://www.youtube.com/watch?v=kxPCFljwJws" class="lightbox-image overlay-box"><span class="flaticon-arrow"></span></a> --> </figure> </div> </div> </div> </div> </div> </section> <!--End Featured Section--> <section class="call-to-action-section" style="background-image:url(images/background/2.jpg)"> <div class="container"> <center> <h1 class="theme_color"> Be Connected To Everything That Matters </h1><br> <h4 style="color:#fff">Riverfront Heaven's location gives you easy access to nearby landmarks and notable locations, thanks to it's connectivity to the Pune Mumbai highway just 1.5 km away</h4> </center> <div class="row"> <div class="col-sm-7"> <img src="logo/mappoint.png" width="100%"> </div> <div class="col-sm-5"> <br><br><br> <div class="" style="background"> <ul class="list-style-five" style="background: #0078bd;border-radius:30px; padding: 20px 20px; width: 250px;"> <li style="color:#fff">Kamshet junction - 1.5 km</li><hr> <li style="color:#fff"> Lonawala - 17 km</li><hr> <li style="color:#fff">Baner, Pune - 35km</li><hr> <li style="color:#fff">Ravet - 23 km</li> </ul> </div> </div> </div> </div> </section> <!--Fluid Section One--> <section class="fluid-section-one" id="Animities"> <div class="outer-container clearfix"> <!--Image Column--> <div class="image-column" style="background-image:url(logo/animities_bg.png);"> <figure class="image-box"><img src="images/resource/image-1.jpg" alt=""></figure> </div> <!--Content Column--> <div class="content-column"> <div class="inner-box"> <div class="sec-title"> <div class="title">Exclusive Amenities to make <b>Your Life</b> even </div> <h2><span class="theme_color">More </span>special</h2> </div> <!--<div class="text">We provide full and specific solutions for our every customers. Construction Providing international construction services company and is a leading builder in diverse market segments. The company has earned recognition for undertaking large, complex projects, fostering innovation, embracing emerging technologies, and making a difference for their clients.</div>--> <ul class="list-style-one clearfix"> <li class="col-md-4 col-sm-6 col-xs-12"><span class="icon fa fa-pagelines"></span>Garden</li> <li class="col-md-4 col-sm-6 col-xs-12"><span class="icon fa fa-road"></span> Cement Road </li> <li class="col-md-4 col-sm-6 col-xs-12"><span class="icon fa fa-bolt"></span>Electricity</li> <li class="col-md-4 col-sm-6 col-xs-12"><span class="icon fa fa-tree"></span> Tree Plantation</li> <li class="col-md-4 col-sm-6 col-xs-12"><span class="icon fa fa-male"></span> Jogging Track</li> <li class="col-md-4 col-sm-6 col-xs-12"><span class="icon fa fa-stumbleupon"></span>Sewage Line</li> <li class="col-md-4 col-sm-6 col-xs-12"><span class="icon fa fa-child"></span> Children Area</li> <li class="col-md-4 col-sm-6 col-xs-12"><span class="icon fa fa-university"></span> Entrance Gate </li> <li class="col-md-4 col-sm-6 col-xs-12"><span class="icon fa fa-lightbulb-o"></span> Street Pole Light</li> <li class="col-md-4 col-sm-6 col-xs-12"><span class="icon fa fa-th"></span> Compound Wall </li> <li class="col-md-4 col-sm-6 col-xs-12"><span class="icon fa fa-tint"></span>Water Connection</li> <!-- <li class="col-md-4 col-sm-6 col-xs-12"><span class="icon flaticon-briefcase-1"></span> Side Sitting Area</li> --> <li class="col-md-4 col-sm-6 col-xs-12"><span class="icon fa fa-pagelines"></span>Multipurpose Lawn </li> </ul> </div> </div> </div> </section> <!--End Fluid Section One--> <style> .call-to-action-section h2 { position: relative !important; color: #fff !important; font-size: 30px !important; font-weight: 600 !important; line-height: 1.4em !important; margin-bottom: 8px !important; text-transform: uppercase; } .call-to-action-section .text { position: relative !important; color: #666666 !important; font-size: 14px !important ; } </style> <!--Call To Action Two--> <section class="call-to-action-section" style="background-image:url(images/background/2.jpg)"> <div class="auto-container" class="two"> <div class="row clearfix"> <div class="column col-md-7 col-sm-12 col-xs-12"> <h2>plot only for <span class="theme_color">55 legacies </span></h2> <div class="text">One of the most exclusive offerings at Riverfront, here’s your opportunity to belong to a like-minded community of the who’s who of the world.</div> </div> <div class="column col-md-2 col-sm-12 col-xs-12"> </div> <div class="btn-column col-md-3 col-sm-12 col-xs-12"> <br> <a href="logo/Riverfront_leaflet.pdf" class="theme-btn btn-style-three">Download Brochure</a> </div> </div> </div> </section> <!--End Call To Action Two--> <!--Call To Action-- <section class="call-to-action-section" style="background-image:url(images/background/2.jpg)"> <div class="auto-container"> <div class="row clearfix"> <!--Text Column-- <div class="text-column col-md-9 col-sm-12 col-xs-12"> <div class="text">We provide experience & <span class="theme_color">high level construction</span> worksolution for you!!</div> </div> <!--Btn Column-- <div class="btn-column col-md-3 col-sm-12 col-xs-12"> <a href="#" class="theme-btn btn-style-three">Start A Project</a> </div> </div> </div> </section> <!--End Call To Action--> <!--Contact Info Section--> <section class="contact-info-section" id="Contact"> <!--Map Section--> <div class="map-section"> <!--Map Outer--> <div class="map-outer"> <!--Map Canvas--> <div class="map-canvas" data-zoom="10" data-lat="19.0210995" data-lng="73.0523336" data-type="roadmap" data-hue="#ffc400" data-title="Envato" data-icon-path="images/icons/map-marker.png"> </div> <iframe class="map-canvas" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3780.224586196971!2d73.76891351013613!3d18.653915265015655!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3bc2b9ddf67bc2ff%3A0x6c6dcb1a56b21099!2sVision%20Holidayss%20-%20Townhouse!5e0!3m2!1sen!2sin!4v1716235793065!5m2!1sen!2sin" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe> </div> </div> <!--Map Section--> <div class="auto-container"> <div class="inner-container"> <div class="row clearfix"> <!--Info Column--> <div class="info-column col-md-4 col-sm-12 col-xs-12"> <div class="inner-column"> <ul class="list-style-two"> <li><span class="icon flaticon-home-1"></span><strong>Wakad, Pune</strong> Office No. M-213 Second Floor, City Avenue, Shankar Kalate Nagar,Wakad, Pimpri-Chainchwad 411057</li> <li><span class="icon flaticon-envelope-1"></span><strong>Send your mail at</strong>riverfrontheaven@gmail.com</li> <li><span class="icon flaticon-technology-2"></span><strong>Have Any Question</strong>+91 7219699062 / +91 8530109062</li> </ul> </div> </div> <!--Form Column--> <div class="form-column col-md-8 col-sm-12 col-xs-12"> <div class="inner-column"> <h2>Contact Us</h2> <!--Contact Form--> <div class="contact-form"> <form method="post" action="mail_contact.php"> <div class="row clearfix"> <div class="form-group col-md-6 col-sm-6 co-xs-12"> <input type="text" name="name" value="" placeholder="Name" required> </div> <div class="form-group col-md-6 col-sm-6 co-xs-12"> <input type="text" name="phone" value="" placeholder="Phone Number" required> </div> <div class="form-group col-md-12 col-sm-12 co-xs-12"> <textarea name="message" placeholder="Your Massage"></textarea> </div> <div class="form-group col-md-12 col-sm-12 co-xs-12"> <button type="submit" class="theme-btn btn-style-one">Send Message</button> </div> </div> </form> </div> <!--End Contact Form--> </div> </div> </div> </div> </div> </section> <!--End Contact Info Section--> <!--Main Footer--> <footer class="main-footer" style="background-image:url(images/background/3.jpg)"> <div class="auto-container"> <!--Widgets Section--> <div class="widgets-section"> <div class="row clearfix"> <!--big column--> <div class="big-column col-lg-7 col-md-6 col-sm-12 col-xs-12"> <div class="row clearfix"> <!--Footer Column--> <div class="footer-column col-md-7 col-sm-6 col-xs-12"> <div class="footer-widget logo-widget"> <div class="logo"> <a href="index.php"><img src="logo/footer-logo.png" alt="" /></a> </div> <div class="text" style="text-align:justify;">Discover your slice of paradise at Riverfront Heaven, where serene R Zone plots with bungalow or farmhouse options await you. </div> <ul class="social-icon-one"> <li><a href="#"><span class="fa fa-facebook-f"></span></a></li> <li><a href="#"><span class="fa fa-twitter"></span></a></li> <li><a href="#"><span class="fa fa-google-plus"></span></a></li> <li><a href="#"><span class="fa fa-pinterest-p"></span></a></li> <li><a href="#"><span class="fa fa-dribbble"></span></a></li> </ul> </div> </div> <!--Footer Column--> <div class="footer-column col-md-5 col-sm-6 col-xs-12"> <div class="footer-widget links-widget"> <div class="footer-title"> <h2>Salient Features</h2> </div> <ul class="footer-lists"> <li><a href="#">Scenic Beauty</a></li> <li><a href="#">Proximity to Indrayani River</a></li> <li><a href="#">Convenient Connectivity</a></li> <li><a href="#">Adventure Hub</a></li> <li><a href="#">Investment Potential</a></li> </ul> </div> </div> </div> </div> <!--big column--> <div class="big-column col-lg-5 col-md-6 col-sm-12 col-xs-12"> <div class="row clearfix"> <!--Footer Column--> <div class="footer-column col-md-5 col-sm-6 col-xs-12"> <div class="footer-widget links-widget"> <div class="footer-title"> <h2>Our Links</h2> </div> <ul class="footer-lists"> <li><a href="#home">Home</a></li> <li><a href="#about">About Us</a></li> <li><a href="#Features">Features</a></li> <li><a href="#Spefications">Spefications</a></li> <li><a href="#Animities">Amenities</a></li> <li><a href="#Contact">Contact Us</a></li> </ul> </div> </div> <!--Footer Column--> <div class="footer-column col-md-7 col-sm-6 col-xs-12"> <div class="footer-widget gallery-widget"> <div class="footer-title"> <h2>Contact Now</h2> </div> <div class="widget-content"> <iframe class="map-canvas" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3780.224586196971!2d73.76891351013613!3d18.653915265015655!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3bc2b9ddf67bc2ff%3A0x6c6dcb1a56b21099!2sVision%20Holidayss%20-%20Townhouse!5e0!3m2!1sen!2sin!4v1716235793065!5m2!1sen!2sin" width="100%" height="200" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe> </div> </div> </div> </div> </div> </div> </div> </div> <!--Footer Bottom--> <div class="footer-bottom"> <div class="auto-container"> <div class="row clearfix"> <div class="column col-md-6 col-sm-12 col-xs-12"> <div class="copyright">Copyright © 2024 <a href="#">Riverfront Heaven,</a> All Right Reserved </div> </div> <div class="column col-md-6 col-sm-12 col-xs-12"> <ul class="footer-nav"> <li><a href="#">Designed & Developed By - <a href="http://kreativepixelz.com/" target="_blank" style="color:#67acd4">Kreative Pixelz </a></li> </div> </div> </div> </div> </footer> <!--End Main Footer--> </div> <!--End pagewrapper--> <!--Scroll to top--> <div class="scroll-to-top scroll-to-target" data-target="html"><span class="icon fa fa-angle-double-up"></span></div> <!-- Color Palate / Color Switcher -- <div class="color-palate"> <!--<div class="color-trigger"> <i class="fa fa-gear"></i> </div> -- <div class="color-palate-head"> <h6>Choose Your Color</h6> </div> <div class="various-color clearfix"> <div class="colors-list"> <span class="palate default-color active" data-theme-file="css/color-themes/default-theme.css"></span> <span class="palate teal-color" data-theme-file="css/color-themes/teal-theme.css"></span> <span class="palate green-color" data-theme-file="css/color-themes/green-theme.css"></span> <span class="palate aqua-color" data-theme-file="css/color-themes/aqua-theme.css"></span> <span class="palate pink-color" data-theme-file="css/color-themes/pink-theme.css"></span> <span class="palate orange-color" data-theme-file="css/color-themes/orange-theme.css"></span> <span class="palate lime-color" data-theme-file="css/color-themes/lime-theme.css"></span> <span class="palate red-color" data-theme-file="css/color-themes/red-theme.css"></span> </div> </div> <div class="palate-foo"> <span>You can easily change and switch the colors.</span> </div> </div> <!-- /.End Of Color Palate --> <script src="js/jquery.js"></script> <!--Revolution Slider--> <script src="plugins/revolution/js/jquery.themepunch.revolution.min.js"></script> <script src="plugins/revolution/js/jquery.themepunch.tools.min.js"></script> <script src="plugins/revolution/js/extensions/revolution.extension.actions.min.js"></script> <script src="plugins/revolution/js/extensions/revolution.extension.carousel.min.js"></script> <script src="plugins/revolution/js/extensions/revolution.extension.kenburn.min.js"></script> <script src="plugins/revolution/js/extensions/revolution.extension.layeranimation.min.js"></script> <script src="plugins/revolution/js/extensions/revolution.extension.migration.min.js"></script> <script src="plugins/revolution/js/extensions/revolution.extension.navigation.min.js"></script> <script src="plugins/revolution/js/extensions/revolution.extension.parallax.min.js"></script> <script src="plugins/revolution/js/extensions/revolution.extension.slideanims.min.js"></script> <script src="plugins/revolution/js/extensions/revolution.extension.video.min.js"></script> <script src="js/main-slider-script.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/jquery.mCustomScrollbar.concat.min.js"></script> <script src="js/jquery.fancybox.js"></script> <script src="js/owl.js"></script> <script src="js/mixitup.js"></script> <script src="js/wow.js"></script> <script src="js/jquery-ui.js"></script> <script src="js/script.js"></script> <!--Google Map APi Key--> <script src="http://maps.google.com/maps/api/js?key=AIzaSyBKS14AnP3HCIVlUpPKtGp7CbYuMtcXE2o"></script> <script src="js/map-script.js"></script> <!--End Google Map APi--> <!--Color Switcher--> <script src="js/color-settings.js"></script> </body> <style> #myModal .modal-dialog { max-width: 800px; width: 800px !important; } input.input1 { height: 50px; border-radius: 25px; padding: 0 30px; } input.input1+.shadow-input1 { border-radius: 25px; } .contact1-form-title { display: block; /* font-style: oblique; */ font-family: 'Rajdhani', sans-serif; font-size: 24px; color: #333; line-height: 1.2; text-align: center; padding-bottom: 44px; } .input1 { display: block; width: 100%; background: #e6e6e6; /* font-style: oblique; */ font-family: 'Rajdhani', sans-serif; font-size: 15px; line-height: 1.5; color: #666; } .shadow-input1 { content: ''; display: block; position: absolute; bottom: 0; left: 0; z-index: -1; width: 100%; height: 100%; box-shadow: 0 0; color: rgba(87,184,70,.5); } textarea.input1 { min-height: 150px; border-radius: 25px; padding: 12px 30px; } textarea.input1+.shadow-input1 { border-radius: 25px; } .container-contact1-form-btn { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: center; } .contact1-form-btn { min-width: 193px; height: 50px; border-radius: 25px; background: #67acd4; font-weight: 700; text-transform:uppercase; /* font-style: oblique; * font-family: 'Rajdhani', sans-serif;*/ font-size: 15px; line-height: 1.5; color: #fff; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; padding: 0 25px; -webkit-transition: all .4s; -o-transition: all .4s; -moz-transition: all .4s; transition: all .4s; } .wrap-input1 { position: relative; width: 100%; z-index: 1; margin-bottom: 20px; } .contact1-form-btn:hover { background: #333; } </style> <!-- Modal --> <div id="myModal" class="modal fade" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" style="opacity: .9;color: #000;">×</button> <h4 class="modal-title" style="position:unset;">Welcome to Riverfront Heaven -<span style="color:#67acd4"> 55 Exclusive Plots</span> </h4> </div> <div class="modal-body"> <div class="row"> <div class="col-sm-6"> <!-- <img src="img/slider.jpg" style="height:400px"/> --> <img src="logo/popup.png" style="height:400px"/> </div> <div class="col-sm-6"> <form class="contact1-form validate-form" action="mail.php" method="post"> <!-- <span class="contact1-form-title"> </span> --> <div class="wrap-input1 validate-input" data-validate="Name is required"> <input class="input1" type="text" name="name" placeholder="Name" required> <span class="shadow-input1"></span> </div> <div class="wrap-input1 validate-input" data-validate="Valid email is required: ex@abc.xyz"> <input class="input1" type="email" name="email" placeholder="Email" required> <span class="shadow-input1"></span> </div> <div class="wrap-input1 validate-input" data-validate="phone is required"> <input class="input1" type="text" name="phone" placeholder="Phone No" required> <span class="shadow-input1"></span> </div> <div class="wrap-input1 validate-input" data-validate="Message is required"> <textarea class="input1" name="message" placeholder="Message"></textarea> <span class="shadow-input1"></span> </div> <div class="container-contact1-form-btn"> <button class="contact1-form-btn"> <span> Send Email <i class="fa fa-long-arrow-right" aria-hidden="true"></i> </span> </button> </div> </form> </div> </div> </div> <!-- <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div> --> </div> </div> </div> <script type="text/javascript"> /* $(window).on('load',function(){ $('#myModal').modal('show'); });*/ </script> <script> $(function () { $('#myModal .close').on('click', function () { $('#myModal').hide(); }) }) </script> </html>