Skip to content

vikas kushwaha / lake-estate

Go to a project
Toggle navigation
Toggle navigation pinning
Commit 144c4452 by Darshan
Options

lp

1 parent bd5aba05
Inline Side-by-side
Showing 2 changed files with 378 additions and 196 deletions
css/style.css
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap'); @import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
html, html,
body, body,
...@@ -88,12 +87,10 @@ video { ...@@ -88,12 +87,10 @@ video {
vertical-align: baseline; vertical-align: baseline;
} }
body>* { body > * {
overflow-x: hidden; overflow-x: hidden;
} }
@font-face { @font-face {
font-family: Mirage; font-family: Mirage;
src: url(../fonts/MADE\ Mirage\ Regular\ PERSONAL\ USE.otf); src: url(../fonts/MADE\ Mirage\ Regular\ PERSONAL\ USE.otf);
...@@ -104,7 +101,6 @@ body>* { ...@@ -104,7 +101,6 @@ body>* {
src: url(../fonts/AvenirLTStd-Light.otf); src: url(../fonts/AvenirLTStd-Light.otf);
} }
/* HTML5 display-role reset for older browsers */ /* HTML5 display-role reset for older browsers */
article, article,
...@@ -143,7 +139,7 @@ blockquote:before, ...@@ -143,7 +139,7 @@ blockquote:before,
blockquote:after, blockquote:after,
q:before, q:before,
q:after { q:after {
content: ''; content: "";
content: none; content: none;
} }
...@@ -214,15 +210,12 @@ img { ...@@ -214,15 +210,12 @@ img {
max-width: 85px !important; max-width: 85px !important;
} }
@media screen and (max-width: 992px) {
@media screen and (max-width:992px) {
.contact-iframe-block { .contact-iframe-block {
margin-top: 1em; margin-top: 1em;
} }
} }
/*--------------------------------------------------------------------*/ /*--------------------------------------------------------------------*/
#hide-menu { #hide-menu {
...@@ -248,56 +241,49 @@ img { ...@@ -248,56 +241,49 @@ img {
transition: ease all 0.5s; transition: ease all 0.5s;
} }
.navbar-default .navbar-nav>li>a { .navbar-default .navbar-nav > li > a {
color: #2E3A2B; color: #2e3a2b;
text-shadow: none; text-shadow: none;
font-weight: 600; font-weight: 600;
font-family: 'Avenir'; font-family: "Avenir";
} }
.navbar-default .navbar-nav>li>a:focus { .navbar-default .navbar-nav > li > a:focus {
color: #575856; color: #575856;
text-shadow: none; text-shadow: none;
} }
.navbar-default .navbar-nav>li>a:hover { .navbar-default .navbar-nav > li > a:hover {
color: #575856; color: #575856;
} }
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav>.active>a:hover { .navbar-default .navbar-nav > .active > a:hover {
background-image: none; background-image: none;
box-shadow: none; box-shadow: none;
background: transparent; background: transparent;
color: #575856; color: #575856;
} }
.navbar-brand>img { .navbar-brand > img {
width: 93px; width: 93px;
margin-top: -10px; margin-top: -10px;
} }
.navbar-brand>img.nav-logo { .navbar-brand > img.nav-logo {
width: 100px; width: 100px;
margin-top: -8px; margin-top: -8px;
margin-left: 64px; margin-left: 64px;
} }
@media (min-width: 768px) { @media (min-width: 768px) {
.navbar-brand { .navbar-brand {
padding: 0px; padding: 0px;
width: 150px; width: 150px;
} }
} }
/*------------Navbar center-------*/ /*------------Navbar center-------*/
.navbar .navbar-nav { .navbar .navbar-nav {
...@@ -310,7 +296,6 @@ img { ...@@ -310,7 +296,6 @@ img {
text-align: center; text-align: center;
} }
/*-------------------*/ /*-------------------*/
@media (max-width: 767px) { @media (max-width: 767px) {
...@@ -322,14 +307,14 @@ img { ...@@ -322,14 +307,14 @@ img {
padding-bottom: 10px; padding-bottom: 10px;
} }
.navbar-brand>img { .navbar-brand > img {
width: 78px; width: 78px;
float: left; float: left;
margin-top: -2px; margin-top: -2px;
margin-left: 0; margin-left: 0;
} }
.navbar-brand>img.nav-logo { .navbar-brand > img.nav-logo {
width: 78px; width: 78px;
margin-top: -10px; margin-top: -10px;
margin-left: 19px; margin-left: 19px;
...@@ -342,7 +327,7 @@ img { ...@@ -342,7 +327,7 @@ img {
.navbar-default .navbar-toggle { .navbar-default .navbar-toggle {
border: none !important; border: none !important;
background: #2E3A2B; background: #2e3a2b;
margin-right: 0; margin-right: 0;
} }
...@@ -361,7 +346,6 @@ img { ...@@ -361,7 +346,6 @@ img {
.mr-flex { .mr-flex {
flex-direction: column; flex-direction: column;
} }
} }
.nav-call { .nav-call {
...@@ -375,7 +359,7 @@ img { ...@@ -375,7 +359,7 @@ img {
transition: ease all 0.5s; transition: ease all 0.5s;
} }
.navbar-nav>li>a { .navbar-nav > li > a {
line-height: 30px !important; line-height: 30px !important;
margin-right: 23px; margin-right: 23px;
padding-left: 5px; padding-left: 5px;
...@@ -413,7 +397,7 @@ img { ...@@ -413,7 +397,7 @@ img {
padding: 8px; padding: 8px;
text-decoration: none; text-decoration: none;
font-size: 26px; font-size: 26px;
color: #818181; color: #f5f5f5;
display: block; display: block;
transition: 0.3s; transition: 0.3s;
} }
...@@ -430,7 +414,7 @@ img { ...@@ -430,7 +414,7 @@ img {
font-size: 48px; font-size: 48px;
} }
#carousel-example-generic .carousel-inner>.item>img { #carousel-example-generic .carousel-inner > .item > img {
width: 100% !important; width: 100% !important;
margin-top: 54px; margin-top: 54px;
} }
...@@ -447,32 +431,32 @@ img { ...@@ -447,32 +431,32 @@ img {
opacity: 0; opacity: 0;
max-height: 0; max-height: 0;
font-size: 0; font-size: 0;
transition: .25s ease; transition: 0.25s ease;
} }
.read-more-state:checked~.read-more-wrap .read-more-target { .read-more-state:checked ~ .read-more-wrap .read-more-target {
opacity: 1; opacity: 1;
font-size: inherit; font-size: inherit;
/* max-height: 999em; */ /* max-height: 999em; */
} }
.read-more-state~.read-more-trigger:before { .read-more-state ~ .read-more-trigger:before {
content: 'Show more'; content: "Show more";
} }
.read-more-state:checked~.read-more-trigger:before { .read-more-state:checked ~ .read-more-trigger:before {
content: 'Show less'; content: "Show less";
} }
.read-more-trigger { .read-more-trigger {
cursor: pointer; cursor: pointer;
display: inline-block; display: inline-block;
padding: 0 .5em; padding: 0 0.5em;
color: #666; color: #666;
font-size: .9em; font-size: 0.9em;
line-height: 2; line-height: 2;
border: 1px solid #ddd; border: 1px solid #ddd;
border-radius: .25em; border-radius: 0.25em;
} }
#summary { #summary {
...@@ -497,11 +481,11 @@ img { ...@@ -497,11 +481,11 @@ img {
} }
#summary a.collapsed:after { #summary a.collapsed:after {
content: '+ Read More'; content: "+ Read More";
} }
#summary a:not(.collapsed):after { #summary a:not(.collapsed):after {
content: '- Read Less'; content: "- Read Less";
} }
.carousel-control { .carousel-control {
...@@ -513,7 +497,7 @@ img { ...@@ -513,7 +497,7 @@ img {
font-size: 20px; font-size: 20px;
color: #fff; color: #fff;
text-align: center; text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, .6); text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
background-color: rgba(0, 0, 0, 0); background-color: rgba(0, 0, 0, 0);
background-image: none !important; background-image: none !important;
filter: alpha(opacity=50); filter: alpha(opacity=50);
...@@ -699,27 +683,25 @@ form #website { ...@@ -699,27 +683,25 @@ form #website {
} }
.sec-head { .sec-head {
color: #2E3A2B; color: #2e3a2b;
text-transform: uppercase; text-transform: uppercase;
font-size: 26px; font-size: 26px;
letter-spacing: 2px; letter-spacing: 2px;
font-weight: 600; font-weight: 600;
margin-bottom: 13px; margin-bottom: 13px;
line-height: 35px; line-height: 35px;
font-family: 'Mirage'; font-family: "Mirage";
} }
.head-line { .head-line {
height: 3px; height: 3px;
background: #2E3A2B; background: #2e3a2b;
width: 60px; width: 60px;
margin: 15px auto 20px; margin: 15px auto 20px;
} }
/*------------------------*/ /*------------------------*/
/*---Configuration box----*/ /*---Configuration box----*/
.config-wrap { .config-wrap {
...@@ -833,11 +815,10 @@ form #website { ...@@ -833,11 +815,10 @@ form #website {
outline: none; outline: none;
} }
/*------------Amenities----*/ /*------------Amenities----*/
figure.snip1477 { figure.snip1477 {
font-family: 'Raleway', Arial, sans-serif; font-family: "Raleway", Arial, sans-serif;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
margin: 0px; margin: 0px;
...@@ -878,7 +859,7 @@ figure.snip1477 .title:after { ...@@ -878,7 +859,7 @@ figure.snip1477 .title:after {
height: 2px; height: 2px;
width: 400px; width: 400px;
position: absolute; position: absolute;
content: ''; content: "";
background-color: #ffffff; background-color: #ffffff;
} }
...@@ -901,7 +882,7 @@ figure.snip1477 .title div:after { ...@@ -901,7 +882,7 @@ figure.snip1477 .title div:after {
width: 2px; width: 2px;
height: 300px; height: 300px;
position: absolute; position: absolute;
content: ''; content: "";
background-color: #ffffff; background-color: #ffffff;
} }
...@@ -1015,24 +996,23 @@ figure.snip1477.hover figcaption { ...@@ -1015,24 +996,23 @@ figure.snip1477.hover figcaption {
} }
.owl-carousel .owl-nav .owl-prev:hover { .owl-carousel .owl-nav .owl-prev:hover {
background: #C2D444 !important; background: #c2d444 !important;
border-color: #C2D444 !important; border-color: #c2d444 !important;
height: 40px; height: 40px;
width: 40px; width: 40px;
} }
.owl-carousel .owl-nav .owl-next:hover { .owl-carousel .owl-nav .owl-next:hover {
background: #C2D444 !important; background: #c2d444 !important;
border-color: #C2D444 !important; border-color: #c2d444 !important;
height: 40px; height: 40px;
width: 40px; width: 40px;
} }
/*----------------------------------------------*/ /*----------------------------------------------*/
.sub-head { .sub-head {
color: #2E3A2B; color: #2e3a2b;
text-transform: uppercase; text-transform: uppercase;
font-size: 33px; font-size: 33px;
letter-spacing: 2px; letter-spacing: 2px;
...@@ -1046,7 +1026,6 @@ figure.snip1477.hover figcaption { ...@@ -1046,7 +1026,6 @@ figure.snip1477.hover figcaption {
background: #2e3a2b; background: #2e3a2b;
} }
/*----- gallery-----------------*/ /*----- gallery-----------------*/
.amenities-gallery { .amenities-gallery {
...@@ -1060,7 +1039,6 @@ figure.snip1477.hover figcaption { ...@@ -1060,7 +1039,6 @@ figure.snip1477.hover figcaption {
} }
.amenities-gallery img { .amenities-gallery img {
/* margin-top: 15px; */ /* margin-top: 15px; */
/* height: 410px; */ /* height: 410px; */
transition: all 0.5s; transition: all 0.5s;
...@@ -1073,21 +1051,17 @@ figure.snip1477.hover figcaption { ...@@ -1073,21 +1051,17 @@ figure.snip1477.hover figcaption {
/* height: 260px; */ /* height: 260px; */
transition: all 0.5s; transition: all 0.5s;
object-fit: cover; object-fit: cover;
} }
.ame-img { .ame-img {
width: 79px !important; width: 79px !important;
} }
.ame-img-gallery { .ame-img-gallery {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
background: #2E3A2B; background: #2e3a2b;
padding: 42px; padding: 42px;
border-radius: 50%; border-radius: 50%;
width: 40% !important; width: 40% !important;
...@@ -1108,7 +1082,6 @@ figure.snip1477.hover figcaption { ...@@ -1108,7 +1082,6 @@ figure.snip1477.hover figcaption {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
} }
.ame-text { .ame-text {
...@@ -1153,10 +1126,8 @@ figure.snip1477.hover figcaption { ...@@ -1153,10 +1126,8 @@ figure.snip1477.hover figcaption {
/* height: 600px; */ /* height: 600px; */
} }
/*----- gallery-----------------*/ /*----- gallery-----------------*/
/* ------------------- TAB -----------------------*/ /* ------------------- TAB -----------------------*/
.mytab { .mytab {
...@@ -1173,11 +1144,11 @@ figure.snip1477.hover figcaption { ...@@ -1173,11 +1144,11 @@ figure.snip1477.hover figcaption {
margin-left: -6px; margin-left: -6px;
} }
.mytab>li.active>a, .mytab > li.active > a,
.mytab>li.active>a:hover, .mytab > li.active > a:hover,
.mytab>li.active>a:focus { .mytab > li.active > a:focus {
color: #ffffff; color: #ffffff;
background: #2E3A2B; background: #2e3a2b;
border: none; border: none;
cursor: pointer; cursor: pointer;
font-size: 24px; font-size: 24px;
...@@ -1185,8 +1156,8 @@ figure.snip1477.hover figcaption { ...@@ -1185,8 +1156,8 @@ figure.snip1477.hover figcaption {
border-radius: 0; border-radius: 0;
} }
.mytab>li>a:hover, .mytab > li > a:hover,
.mytab>li>a:focus { .mytab > li > a:focus {
color: #575856; color: #575856;
padding: 9px 20px !important; padding: 9px 20px !important;
border: none; border: none;
...@@ -1195,7 +1166,7 @@ figure.snip1477.hover figcaption { ...@@ -1195,7 +1166,7 @@ figure.snip1477.hover figcaption {
border: 3px solid #fff; border: 3px solid #fff;
} }
.mytab>li>a { .mytab > li > a {
color: #000000; color: #000000;
padding: 9px 20px !important; padding: 9px 20px !important;
border: none; border: none;
...@@ -1204,10 +1175,9 @@ figure.snip1477.hover figcaption { ...@@ -1204,10 +1175,9 @@ figure.snip1477.hover figcaption {
font-weight: 600; font-weight: 600;
font-size: 20px; font-size: 20px;
border: 3px solid #fff; border: 3px solid #fff;
background: #E8F3E6; background: #e8f3e6;
} }
/*-------------------------------------------------*/ /*-------------------------------------------------*/
.ami-iconholder { .ami-iconholder {
...@@ -1313,7 +1283,7 @@ figure.snip1477.hover figcaption { ...@@ -1313,7 +1283,7 @@ figure.snip1477.hover figcaption {
font-weight: 800; font-weight: 800;
margin-bottom: 20px; margin-bottom: 20px;
color: #fff; color: #fff;
font-family: 'Mirage'; font-family: "Mirage";
} }
.address-wrap p { .address-wrap p {
...@@ -1378,7 +1348,6 @@ figure.snip1477.hover figcaption { ...@@ -1378,7 +1348,6 @@ figure.snip1477.hover figcaption {
font-size: 1.3rem; font-size: 1.3rem;
} }
/*-===================================================================================- form----*/ /*-===================================================================================- form----*/
#otp-form input, #otp-form input,
...@@ -1426,7 +1395,6 @@ figure.snip1477.hover figcaption { ...@@ -1426,7 +1395,6 @@ figure.snip1477.hover figcaption {
padding: 0px !important; padding: 0px !important;
} }
/* contact form -------------------*/ /* contact form -------------------*/
#contact-form input, #contact-form input,
...@@ -1437,7 +1405,7 @@ figure.snip1477.hover figcaption { ...@@ -1437,7 +1405,7 @@ figure.snip1477.hover figcaption {
background: #e4e4e4; background: #e4e4e4;
border: 1px solid #fff; border: 1px solid #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
font-family: 'Mirage'; font-family: "Mirage";
} }
#contact-form input::placeholder, #contact-form input::placeholder,
...@@ -1511,7 +1479,7 @@ figure.snip1477.hover figcaption { ...@@ -1511,7 +1479,7 @@ figure.snip1477.hover figcaption {
letter-spacing: 1px; letter-spacing: 1px;
border: 1px solid #fff; border: 1px solid #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
font-family: 'Mirage'; font-family: "Mirage";
} }
#download1 input::placeholder { #download1 input::placeholder {
...@@ -1548,14 +1516,14 @@ figure.snip1477.hover figcaption { ...@@ -1548,14 +1516,14 @@ figure.snip1477.hover figcaption {
bottom: 15px; bottom: 15px;
z-index: 9999; z-index: 9999;
left: 15px; left: 15px;
background: #2E3A2B !important; background: #2e3a2b !important;
border: 2px solid #fff; border: 2px solid #fff;
letter-spacing: 1px; letter-spacing: 1px;
font-size: 18px !important; font-size: 18px !important;
font-weight: 600; font-weight: 600;
padding: 8px 12px; padding: 8px 12px;
border-radius: 0px; border-radius: 0px;
font-family: 'Mirage'; font-family: "Mirage";
} }
.form-ico { .form-ico {
...@@ -1567,7 +1535,6 @@ figure.snip1477.hover figcaption { ...@@ -1567,7 +1535,6 @@ figure.snip1477.hover figcaption {
margin-bottom: 23px; margin-bottom: 23px;
} }
/* #upcoming { /* #upcoming {
background-image: url(../images/Lovepik_com-401159599-flying-flamingo.png); background-image: url(../images/Lovepik_com-401159599-flying-flamingo.png);
background-size: cover; background-size: cover;
...@@ -1593,10 +1560,10 @@ figure.snip1477.hover figcaption { ...@@ -1593,10 +1560,10 @@ figure.snip1477.hover figcaption {
#configuration::after { #configuration::after {
position: absolute; position: absolute;
content: ''; content: "";
width: 100% !important; width: 100% !important;
height: 100% !important; height: 100% !important;
background: rgba(0, 0, 0, .6); background: rgba(0, 0, 0, 0.6);
left: 0; left: 0;
top: 0; top: 0;
} }
...@@ -1613,7 +1580,7 @@ figure.snip1477.hover figcaption { ...@@ -1613,7 +1580,7 @@ figure.snip1477.hover figcaption {
} }
.navbar-brand { .navbar-brand {
margin-top: 0.50em; margin-top: 0.5em;
} }
.loc-imagee { .loc-imagee {
...@@ -1659,7 +1626,6 @@ figure.snip1477.hover figcaption { ...@@ -1659,7 +1626,6 @@ figure.snip1477.hover figcaption {
margin-top: -34px; margin-top: -34px;
} }
/*---- main Pop------*/ /*---- main Pop------*/
#main-popup input, #main-popup input,
...@@ -1701,10 +1667,8 @@ figure.snip1477.hover figcaption { ...@@ -1701,10 +1667,8 @@ figure.snip1477.hover figcaption {
padding: 0px !important; padding: 0px !important;
} }
/*----------------------------*/ /*----------------------------*/
/*----------- price model--------------*/ /*----------- price model--------------*/
#price-model input, #price-model input,
...@@ -1748,10 +1712,8 @@ figure.snip1477.hover figcaption { ...@@ -1748,10 +1712,8 @@ figure.snip1477.hover figcaption {
padding: 0px !important; padding: 0px !important;
} }
/*---------------------------------*/ /*---------------------------------*/
/*----------- i am model--------------*/ /*----------- i am model--------------*/
#interested input, #interested input,
...@@ -1763,7 +1725,7 @@ figure.snip1477.hover figcaption { ...@@ -1763,7 +1725,7 @@ figure.snip1477.hover figcaption {
letter-spacing: 1px; letter-spacing: 1px;
border: 1px solid #fff; border: 1px solid #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
font-family: 'Mirage'; font-family: "Mirage";
} }
#interested input::placeholder { #interested input::placeholder {
...@@ -1796,7 +1758,6 @@ figure.snip1477.hover figcaption { ...@@ -1796,7 +1758,6 @@ figure.snip1477.hover figcaption {
padding: 0px !important; padding: 0px !important;
} }
/*---------------------------------*/ /*---------------------------------*/
.modal-header { .modal-header {
...@@ -1890,7 +1851,7 @@ figure.snip1477.hover figcaption { ...@@ -1890,7 +1851,7 @@ figure.snip1477.hover figcaption {
letter-spacing: 1px; letter-spacing: 1px;
border: 0; border: 0;
font-size: 18px !important; font-size: 18px !important;
background: #2E3A2B; background: #2e3a2b;
/* border: none; */ /* border: none; */
font-size: 20px; font-size: 20px;
color: #fff; color: #fff;
...@@ -1900,7 +1861,7 @@ figure.snip1477.hover figcaption { ...@@ -1900,7 +1861,7 @@ figure.snip1477.hover figcaption {
margin: 5px 0px; margin: 5px 0px;
font-weight: 600; font-weight: 600;
outline: none; outline: none;
font-family: 'Mirage'; font-family: "Mirage";
} }
.interested:hover, .interested:hover,
...@@ -1909,13 +1870,13 @@ figure.snip1477.hover figcaption { ...@@ -1909,13 +1870,13 @@ figure.snip1477.hover figcaption {
} }
.fixed-footer-cust { .fixed-footer-cust {
background: #2E3A2B; background: #2e3a2b;
text-align: center; text-align: center;
padding: 10px 0px 10px 0px; padding: 10px 0px 10px 0px;
width: 100%; width: 100%;
position: fixed; position: fixed;
bottom: 0px; bottom: 0px;
font-family: 'Mirage'; font-family: "Mirage";
z-index: 99; z-index: 99;
} }
...@@ -1935,7 +1896,7 @@ figure.snip1477.hover figcaption { ...@@ -1935,7 +1896,7 @@ figure.snip1477.hover figcaption {
} }
.free-call:hover { .free-call:hover {
color: #FFFFFF; color: #ffffff;
} }
.i-am { .i-am {
...@@ -1951,7 +1912,6 @@ figure.snip1477.hover figcaption { ...@@ -1951,7 +1912,6 @@ figure.snip1477.hover figcaption {
background: transparent !important; background: transparent !important;
} }
/*--------------*/ /*--------------*/
.msgicon { .msgicon {
...@@ -2042,7 +2002,8 @@ figure.snip1477.hover figcaption { ...@@ -2042,7 +2002,8 @@ figure.snip1477.hover figcaption {
margin-bottom: 10px; margin-bottom: 10px;
} }
.team-wrap img {} .team-wrap img {
}
.team-wrap p { .team-wrap p {
font-size: 12px; font-size: 12px;
...@@ -2127,7 +2088,7 @@ figure.snip1477.hover figcaption { ...@@ -2127,7 +2088,7 @@ figure.snip1477.hover figcaption {
padding: 0px 10px; padding: 0px 10px;
/* display: flex; */ /* display: flex; */
justify-content: center; justify-content: center;
border-top: 2px solid #D6DCE0; border-top: 2px solid #d6dce0;
position: relative; position: relative;
transition: all 200ms ease-in; transition: all 200ms ease-in;
} }
...@@ -2153,7 +2114,7 @@ figure.snip1477.hover figcaption { ...@@ -2153,7 +2114,7 @@ figure.snip1477.hover figcaption {
} }
.status:before { .status:before {
content: ''; content: "";
width: 25px; width: 25px;
height: 25px; height: 25px;
background-color: white; background-color: white;
...@@ -2220,7 +2181,6 @@ figure.snip1477.hover figcaption { ...@@ -2220,7 +2181,6 @@ figure.snip1477.hover figcaption {
font-size: 18px; font-size: 18px;
} }
/* .locationBox1 .location-icon:hover::before { /* .locationBox1 .location-icon:hover::before {
transform: rotate(90deg); transform: rotate(90deg);
} */ } */
...@@ -2315,7 +2275,7 @@ figure.snip1477.hover figcaption { ...@@ -2315,7 +2275,7 @@ figure.snip1477.hover figcaption {
font-weight: 600; font-weight: 600;
height: 40px; height: 40px;
color: #fff; color: #fff;
background: #2E3A2B; background: #2e3a2b;
border: none; border: none;
position: relative; position: relative;
transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;
...@@ -2330,7 +2290,7 @@ figure.snip1477.hover figcaption { ...@@ -2330,7 +2290,7 @@ figure.snip1477.hover figcaption {
height: 40px; height: 40px;
line-height: 32px; line-height: 32px;
/* border-radius: 50%; */ /* border-radius: 50%; */
background: #2E3A2B; background: #2e3a2b;
text-align: center; text-align: center;
font-size: 15px; font-size: 15px;
color: #fff; color: #fff;
...@@ -2413,7 +2373,7 @@ figure.snip1477.hover figcaption { ...@@ -2413,7 +2373,7 @@ figure.snip1477.hover figcaption {
.form-container { .form-container {
background: #fff; background: #fff;
font-family: 'Raleway', sans-serif; font-family: "Raleway", sans-serif;
text-align: center; text-align: center;
/* padding: 30px 20px; */ /* padding: 30px 20px; */
/* background-image: url(../images/bg-w.png); */ /* background-image: url(../images/bg-w.png); */
...@@ -2422,13 +2382,12 @@ figure.snip1477.hover figcaption { ...@@ -2422,13 +2382,12 @@ figure.snip1477.hover figcaption {
background-position: bottom; background-position: bottom;
background-repeat: no-repeat; background-repeat: no-repeat;
border-radius: 5px; border-radius: 5px;
} }
#contactus .form-container, #contactus .form-container,
#price-model .form-container { #price-model .form-container {
background: #fff; background: #fff;
font-family: 'Raleway', sans-serif; font-family: "Raleway", sans-serif;
text-align: center; text-align: center;
/* padding: 30px 20px; */ /* padding: 30px 20px; */
/* background-image: url(../images/bg-w.png); */ /* background-image: url(../images/bg-w.png); */
...@@ -2495,7 +2454,8 @@ figure.snip1477.hover figcaption { ...@@ -2495,7 +2454,8 @@ figure.snip1477.hover figcaption {
box-shadow: none; box-shadow: none;
} }
#floor-modal input, #floor-modal select { #floor-modal input,
#floor-modal select {
height: 40px; height: 40px;
border: none; border: none;
width: 100%; width: 100%;
...@@ -2503,11 +2463,12 @@ figure.snip1477.hover figcaption { ...@@ -2503,11 +2463,12 @@ figure.snip1477.hover figcaption {
letter-spacing: 1px; letter-spacing: 1px;
border: 1px solid #fff; border: 1px solid #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
font-family: 'Mirage'; font-family: "Mirage";
} }
#floor-modal input::placeholder, #interested input::placeholder { #floor-modal input::placeholder,
color: #787878 #interested input::placeholder {
color: #787878;
} }
#floor-modal .form-group { #floor-modal .form-group {
...@@ -2517,7 +2478,7 @@ figure.snip1477.hover figcaption { ...@@ -2517,7 +2478,7 @@ figure.snip1477.hover figcaption {
.form-horizontal .form-control:focus { .form-horizontal .form-control:focus {
box-shadow: none; box-shadow: none;
border-bottom-color: #EC5F20; border-bottom-color: #ec5f20;
} }
.form-horizontal .form-control::placeholder { .form-horizontal .form-control::placeholder {
...@@ -2545,7 +2506,7 @@ figure.snip1477.hover figcaption { ...@@ -2545,7 +2506,7 @@ figure.snip1477.hover figcaption {
.form-horizontal .signin { .form-horizontal .signin {
color: #fff; color: #fff;
background: #2E3A2B; background: #2e3a2b;
font-size: 17px; font-size: 17px;
text-transform: capitalize; text-transform: capitalize;
letter-spacing: 2px; letter-spacing: 2px;
...@@ -2555,7 +2516,7 @@ figure.snip1477.hover figcaption { ...@@ -2555,7 +2516,7 @@ figure.snip1477.hover figcaption {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;
border-radius: 0px; border-radius: 0px;
font-family: 'Mirage'; font-family: "Mirage";
} }
.form-horizontal .signin:hover, .form-horizontal .signin:hover,
...@@ -2575,7 +2536,7 @@ figure.snip1477.hover figcaption { ...@@ -2575,7 +2536,7 @@ figure.snip1477.hover figcaption {
} }
.golden-box p { .golden-box p {
font-family: 'Gotham-Book'; font-family: "Gotham-Book";
} }
.sec-dark p { .sec-dark p {
...@@ -2631,9 +2592,8 @@ figure.snip1477.hover figcaption { ...@@ -2631,9 +2592,8 @@ figure.snip1477.hover figcaption {
z-index: 99; z-index: 99;
} }
.form-header { .form-header {
background: #2E3A2B; background: #2e3a2b;
padding-top: 0 !important; padding-top: 0 !important;
/* display: flex; */ /* display: flex; */
/* justify-content: space-between; */ /* justify-content: space-between; */
...@@ -2645,7 +2605,7 @@ figure.snip1477.hover figcaption { ...@@ -2645,7 +2605,7 @@ figure.snip1477.hover figcaption {
margin-top: 10px; margin-top: 10px;
font-size: 24px; font-size: 24px;
color: #fff; color: #fff;
font-family: 'Mirage'; font-family: "Mirage";
font-weight: bold; font-weight: bold;
line-height: 1em; line-height: 1em;
} }
...@@ -2658,7 +2618,7 @@ figure.snip1477.hover figcaption { ...@@ -2658,7 +2618,7 @@ figure.snip1477.hover figcaption {
font-weight: bold; font-weight: bold;
justify-content: flex-start; justify-content: flex-start;
text-align: center; text-align: center;
font-family: 'Mirage'; font-family: "Mirage";
} }
.svg-ico { .svg-ico {
...@@ -2724,7 +2684,7 @@ figure.snip1477.hover figcaption { ...@@ -2724,7 +2684,7 @@ figure.snip1477.hover figcaption {
.time p { .time p {
text-align: center; text-align: center;
font-family: 'Raleway', sans-serif; font-family: "Raleway", sans-serif;
font-weight: 800; font-weight: 800;
text-transform: uppercase; text-transform: uppercase;
background: #575856; background: #575856;
...@@ -2757,14 +2717,14 @@ figure.snip1477.hover figcaption { ...@@ -2757,14 +2717,14 @@ figure.snip1477.hover figcaption {
color: #fff; color: #fff;
background: #fff; background: #fff;
position: absolute; position: absolute;
transition: all .35s ease-Out; transition: all 0.35s ease-Out;
bottom: 0; bottom: 0;
} }
#button-2 a { #button-2 a {
/* display: block; */ /* display: block; */
position: relative; position: relative;
transition: all .35s ease-Out; transition: all 0.35s ease-Out;
color: #fff; color: #fff;
background: #f07f8a; background: #f07f8a;
line-height: 31px; line-height: 31px;
...@@ -2777,11 +2737,11 @@ figure.snip1477.hover figcaption { ...@@ -2777,11 +2737,11 @@ figure.snip1477.hover figcaption {
color: #000; color: #000;
font-weight: 600; font-weight: 600;
font-size: 1.3rem; font-size: 1.3rem;
font-family: 'Mirage'; font-family: "Mirage";
} }
.testimonial { .testimonial {
border-left: 3px solid #2E3A2B; border-left: 3px solid #2e3a2b;
padding: 40px 0 32px 22px; padding: 40px 0 32px 22px;
position: relative; position: relative;
} }
...@@ -2791,18 +2751,18 @@ figure.snip1477.hover figcaption { ...@@ -2791,18 +2751,18 @@ figure.snip1477.hover figcaption {
content: ""; content: "";
width: 309px; width: 309px;
height: 35px; height: 35px;
border-right: 3px solid #2E3A2B; border-right: 3px solid #2e3a2b;
position: absolute; position: absolute;
left: 0; left: 0;
} }
.testimonial:before { .testimonial:before {
border-top: 3px solid #2E3A2B; border-top: 3px solid #2e3a2b;
top: 0; top: 0;
} }
.testimonial:after { .testimonial:after {
border-bottom: 3px solid #2E3A2B; border-bottom: 3px solid #2e3a2b;
bottom: 0; bottom: 0;
} }
...@@ -2828,7 +2788,7 @@ figure.snip1477.hover figcaption { ...@@ -2828,7 +2788,7 @@ figure.snip1477.hover figcaption {
.testimonial .description { .testimonial .description {
font-size: 1rem; font-size: 1rem;
color: #2E3A2B; color: #2e3a2b;
line-height: 32px; line-height: 32px;
position: relative; position: relative;
text-align: justify; text-align: justify;
...@@ -2872,10 +2832,8 @@ figure.snip1477.hover figcaption { ...@@ -2872,10 +2832,8 @@ figure.snip1477.hover figcaption {
.owl-prev:hover:before, .owl-prev:hover:before,
.owl-next:hover:before { .owl-next:hover:before {
color: #fff; color: #fff;
} }
.owl-next:before { .owl-next:before {
content: "\f054"; content: "\f054";
} }
...@@ -2899,7 +2857,6 @@ figure.snip1477.hover figcaption { ...@@ -2899,7 +2857,6 @@ figure.snip1477.hover figcaption {
} }
@media only screen and (max-width: 767px) { @media only screen and (max-width: 767px) {
.section { .section {
padding: 3rem 0; padding: 3rem 0;
} }
...@@ -2951,7 +2908,7 @@ figure.snip1477.hover figcaption { ...@@ -2951,7 +2908,7 @@ figure.snip1477.hover figcaption {
margin: 0; margin: 0;
font-size: 12px !important; font-size: 12px !important;
padding: 8px 15px; padding: 8px 15px;
font-family: 'Mirage'; font-family: "Mirage";
} }
.svg-ico { .svg-ico {
...@@ -3013,7 +2970,7 @@ figure.snip1477.hover figcaption { ...@@ -3013,7 +2970,7 @@ figure.snip1477.hover figcaption {
.counter-wrap h3 { .counter-wrap h3 {
text-align: center; text-align: center;
font-family: 'Raleway', sans-serif; font-family: "Raleway", sans-serif;
font-size: 17px; font-size: 17px;
margin-bottom: 10px; margin-bottom: 10px;
font-weight: 600; font-weight: 600;
...@@ -3069,25 +3026,34 @@ figure.snip1477.hover figcaption { ...@@ -3069,25 +3026,34 @@ figure.snip1477.hover figcaption {
} }
} }
/* Overview Form */ /* Overview Form */
.register_form_wrap { .register_form_wrap {
width: 100%; width: 100%;
background: #E8F3E6; background: #e8f3e6;
margin: 40px auto; margin: 40px auto;
padding: 50px; padding: 50px;
} }
.input-group-addon { .input-group-addon {
color: #fff; color: #fff;
background: linear-gradient(117deg, rgba(127, 150, 76, 1) 23%, rgba(162, 181, 73, 1) 47%, rgba(190, 209, 71, 1) 73%); background: linear-gradient(
117deg,
rgba(127, 150, 76, 1) 23%,
rgba(162, 181, 73, 1) 47%,
rgba(190, 209, 71, 1) 73%
);
} }
.call-b { .call-b {
text-align: center; text-align: center;
padding: 10px; padding: 10px;
background: linear-gradient(117deg, rgba(127, 150, 76, 1) 23%, rgba(162, 181, 73, 1) 47%, rgba(190, 209, 71, 1) 73%); background: linear-gradient(
117deg,
rgba(127, 150, 76, 1) 23%,
rgba(162, 181, 73, 1) 47%,
rgba(190, 209, 71, 1) 73%
);
margin: 10px auto; margin: 10px auto;
width: 150px; width: 150px;
} }
...@@ -3105,8 +3071,7 @@ figure.snip1477.hover figcaption { ...@@ -3105,8 +3071,7 @@ figure.snip1477.hover figcaption {
} }
@media (max-device-width: 768px) { @media (max-device-width: 768px) {
#carousel-example-generic .carousel-inner > .item > img {
#carousel-example-generic .carousel-inner>.item>img {
width: 100% !important; width: 100% !important;
margin-top: 0px; margin-top: 0px;
} }
...@@ -3120,23 +3085,15 @@ figure.snip1477.hover figcaption { ...@@ -3120,23 +3085,15 @@ figure.snip1477.hover figcaption {
} }
} }
#kenytChatBubble.style1 { #kenytChatBubble.style1 {
bottom: 50px !important; bottom: 50px !important;
} }
/* section new design */ /* section new design */
.stats-box { .stats-box {
position: relative; position: relative;
height: 200px; height: 200px;
} }
.stats-box-inside { .stats-box-inside {
...@@ -3164,7 +3121,6 @@ figure.snip1477.hover figcaption { ...@@ -3164,7 +3121,6 @@ figure.snip1477.hover figcaption {
position: absolute; position: absolute;
top: 18%; top: 18%;
left: -15%; left: -15%;
} }
.stats-text { .stats-text {
...@@ -3190,9 +3146,8 @@ figure.snip1477.hover figcaption { ...@@ -3190,9 +3146,8 @@ figure.snip1477.hover figcaption {
/* Invisible border by default */ /* Invisible border by default */
} }
.ame-img-item:hover .amenities-gallery { .ame-img-item:hover .amenities-gallery {
border: 5px solid #C2D444; border: 5px solid #c2d444;
/* Adds a black border to the gallery on hover */ /* Adds a black border to the gallery on hover */
transition: border 0.7s ease-in-out; transition: border 0.7s ease-in-out;
/* Smooth transition for the border */ /* Smooth transition for the border */
...@@ -3204,7 +3159,8 @@ figure.snip1477.hover figcaption { ...@@ -3204,7 +3159,8 @@ figure.snip1477.hover figcaption {
border: none !important; border: none !important;
} }
.config-table>tbody>tr>td, .config-table>tbody>tr>th { .config-table > tbody > tr > td,
.config-table > tbody > tr > th {
border: none !important; border: none !important;
} }
...@@ -3220,7 +3176,7 @@ figure.snip1477.hover figcaption { ...@@ -3220,7 +3176,7 @@ figure.snip1477.hover figcaption {
} }
.price-click { .price-click {
background: #2E3A2B; background: #2e3a2b;
color: #fff; color: #fff;
padding: 5px 7px; padding: 5px 7px;
} }
...@@ -3235,7 +3191,7 @@ figure.snip1477.hover figcaption { ...@@ -3235,7 +3191,7 @@ figure.snip1477.hover figcaption {
line-height: 1.9rem; line-height: 1.9rem;
} }
tbody>tr>td { tbody > tr > td {
font-size: 1rem; font-size: 1rem;
} }
...@@ -3317,7 +3273,6 @@ tbody>tr>td { ...@@ -3317,7 +3273,6 @@ tbody>tr>td {
padding: 12px; padding: 12px;
top: 16%; top: 16%;
left: -25%; left: -25%;
} }
.stats-text { .stats-text {
...@@ -3334,7 +3289,6 @@ tbody>tr>td { ...@@ -3334,7 +3289,6 @@ tbody>tr>td {
.disText { .disText {
margin: 1.3rem 2rem; margin: 1.3rem 2rem;
} }
} }
/* Default hover effect for larger screens */ /* Default hover effect for larger screens */
...@@ -3351,3 +3305,66 @@ tbody>tr>td { ...@@ -3351,3 +3305,66 @@ tbody>tr>td {
transform: none; transform: none;
} }
} }
/* extra css */
.overviewList {
list-style-type: disc !important;
line-height: 25px;
margin-left: 25px;
}
.navbar-brand {
margin-top: 0.5em;
margin-left: 10px !important;
}
@keyframes outerWave {
0% {
transform: translate(-50%, -50%) scale(1);
opacity: 0.7;
}
70% {
transform: translate(-50%, -50%) scale(1.5);
opacity: 0;
}
100% {
opacity: 0;
}
}
.blinker-btn::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
background: rgba(37, 55, 124, 0.6);
border-radius: 24px 24px 24px 24px;
transform: translate(-50%, -50%) scale(1);
opacity: 0;
z-index: -1;
animation: outerWave 2s ease-out infinite;
height: 110%;
}
.pulseanimation {
animation: pulse-cust 2s infinite;
}
@keyframes pulse-cust {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
}
70% {
-webkit-box-shadow: 0 0 0 50px rgba(255, 255, 255, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}
index.php
...@@ -53,7 +53,7 @@ ...@@ -53,7 +53,7 @@
<header id="home"> <header id="home">
<nav class="navbar navbar-default" id="hide-menu"> <nav class="navbar navbar-default" id="hide-menu">
<div class="container pd0-m"> <div class="container-fluid pd0-m">
<!-- Brand and toggle get grouped for better mobile display --> <!-- Brand and toggle get grouped for better mobile display -->
<div class="col-md-2 hidden-xs"> <div class="col-md-2 hidden-xs">
...@@ -93,6 +93,8 @@ ...@@ -93,6 +93,8 @@
<!-- <li><a href="<?php echo $cta_t ?>" class="call-me"><i class="fa fa-phone f-icon" <!-- <li><a href="<?php echo $cta_t ?>" class="call-me"><i class="fa fa-phone f-icon"
aria-hidden="true"></i> <?php echo $cta ?></a></li> --> aria-hidden="true"></i> <?php echo $cta ?></a></li> -->
<li><a href="#" class="m-link download1">Download Brochure</a></li>
</ul> </ul>
</div><!-- /.navbar-collapse --> </div><!-- /.navbar-collapse -->
</div> </div>
...@@ -123,7 +125,10 @@ ...@@ -123,7 +125,10 @@
<!-- <a class="close-menu m-link" href="#about">About Us</a> --> <!-- <a class="close-menu m-link" href="#about">About Us</a> -->
<a class="close-menu m-link" href="#contactus">Contact Us</a> <a class="close-menu m-link " href="#contactus">Contact Us</a>
<li><a href="#" class="m-link download1 ">Download Brochure</a></li>
<!-- <a href="<?php echo $cta_t ?>" class="call-me"><i class="fa fa-phone f-icon" aria-hidden="true"></i> <!-- <a href="<?php echo $cta_t ?>" class="call-me"><i class="fa fa-phone f-icon" aria-hidden="true"></i>
<?php echo $cta ?></a> --> <?php echo $cta ?></a> -->
...@@ -236,28 +241,67 @@ ...@@ -236,28 +241,67 @@
THE BEST JUST GOT BETTER THE BEST JUST GOT BETTER
</h2> --> </h2> -->
<div class="head-line"></div> <div class="head-line"></div>
<p class="description">Welcome to a world where sustainability meets sophistication Lake <p class="description">
Estate. Spanning over 15 verdant acres, this exclusive biophilic villa community is
designed to harmonize with the rhythms of nature, offering 200 G+2 villas that are <ul class="overviewList">
not <li>
just homes but sanctuaries. A biophilic villa community where sustainability meets sophistication.
</li>
Configuration: Luxurious 4 BHK villas. <li>
Size: Spacious Built-Up Areas ranging from 2645 - 3500 sqft, set on 1500 - 2000 sqft Spread across 15 acres of lush green landscape.
plots. </li>
Parking: Private car parks for 2 vehicles per villa <li>
At the heart of this community lies 2.5 acres of premium amenities, anchored by a Features 200 exclusive G+2 villas designed as serene sanctuaries.
5-star </li>
rated clubhouse, providing unmatched leisure and lifestyle experiences. Immerse
yourself <li>
in thoughtfully designed landscaping featuring native plants, over 500+ trees, and Offers luxurious 4 BHK villa configurations.
water </li>
conservation measures.
<li>
Rooted in biophilic architecture, every villa is crafted with breathable mud blocks Spacious built-up areas ranging from 2645 – 3500 sq.ft.
and </li>
expansive green walkways, ensuring every element is interconnected—just like nature
intended.</p> <li>
Plot sizes between 1500 – 2000 sq.ft.
</li>
<li>
Each villa includes private parking for 2 cars.
</li>
<li>
2.5 acres dedicated to premium lifestyle amenities.
</li>
<li>
Includes a 5-star rated clubhouse for leisure and recreation.
</li>
<li>
Landscaped with native plants and over 500+ trees.
</li>
<li>
Incorporates advanced water conservation measures.
</li>
<li>
Designed with breathable mud blocks for natural cooling.
</li>
<li>
Features expansive green walkways connecting every space.
</li>
<li>
Rooted in sustainable, biophilic architecture that blends with nature.
</li>
</ul>
</p>
<!-- <p class="description"><b>30+ OUTDOOR AMENITIES </b>TO KEEP YOU HEALTHY & FIT</p> --> <!-- <p class="description"><b>30+ OUTDOOR AMENITIES </b>TO KEEP YOU HEALTHY & FIT</p> -->
</div> </div>
...@@ -533,11 +577,11 @@ ...@@ -533,11 +577,11 @@
</a> </a>
</li> --> </li> -->
<li role="presentation" class=""> <!-- <li role="presentation" class="">
<a href="#floorplan" aria-controls="settings" role="tab" data-toggle="tab" <a href="#floorplan" aria-controls="settings" role="tab" data-toggle="tab"
aria-expanded="false">Floor Plan aria-expanded="false">Floor Plan
</a> </a>
</li> </li> -->
</ul> </ul>
...@@ -775,6 +819,127 @@ ...@@ -775,6 +819,127 @@
</div> </div>
</section> </section>
<section class="section light-grey" id="gallery">
<div class="container">
<h2 class="sec-head head-center" style="color: #fff;">FLOOR PLAN</h2>
<div class="head-line" style="background: #fff;"></div>
<div class="gall-wrap">
<!-- Nav tabs -->
<ul class="nav nav-tabs mytab" role="tablist">
<li role="presentation" class="active">
<a href="#floorplan" aria-controls="settings" role="tab" data-toggle="tab"
aria-expanded="false">Floor Plan
</a>
</li>
</ul>
<!-- Tab panes -->
<div class="tab-content delay-09s wow fadeInUp animated animated"
style="visibility: visible; animation-name: fadeInDown;">
<!-- ======================================== -->
<div role="tabpanel" class="tab-pane fade active in" id="floorplan">
<div class="tab-content-wrap">
<div class="owl-carousel owl-theme amenities-slider">
<div class="item">
<div class="amenities-gallery floor-click">
<img src="images/gallery/floor/1.webp" style="filter: blur(5px)">
<a href="javascript:void (0);">
<div class="ami-overlay">
</div>
</a>
</div>
</div>
<div class="item">
<div class="amenities-gallery floor-click">
<img src="images/gallery/floor/2.webp" style="filter: blur(5px)">
<a href="javascript:void (0);">
<div class="ami-overlay">
</div>
</a>
</div>
<!-- <p class="gall-txt">2 BHK Grand</p> -->
</div>
<div class="item">
<div class="amenities-gallery floor-click">
<img src="images/gallery/floor/3.webp" style="filter: blur(5px)">
<a href="javascript:void (0);">
<div class="ami-overlay">
</div>
</a>
</div>
<!-- <p class="gall-txt">3 BHK Luxury</p> -->
</div>
<div class="item">
<div class="amenities-gallery floor-click">
<img src="images/gallery/floor/4.webp" style="filter: blur(5px)">
<a href="javascript:void (0);">
<div class="ami-overlay">
</div>
</a>
</div>
<!-- <p class="gall-txt">3 BHK Regal</p> -->
</div>
<div class="item">
<div class="amenities-gallery floor-click">
<img src="images/gallery/floor/5.webp" style="filter: blur(5px)">
<a href="javascript:void (0);">
<div class="ami-overlay">
</div>
</a>
</div>
<!-- <p class="gall-txt">3 BHK Signature</p> -->
</div>
<div class="item">
<div class="amenities-gallery floor-click">
<img src="images/gallery/floor/6.webp" style="filter: blur(5px)">
<a href="javascript:void (0);">
<div class="ami-overlay">
</div>
</a>
</div>
<!-- <p class="gall-txt">3 BHK Signature</p> -->
</div>
<div class="item">
<div class="amenities-gallery floor-click">
<img src="images/gallery/floor/7.webp" style="filter: blur(5px)">
<a href="javascript:void (0);">
<div class="ami-overlay">
</div>
</a>
</div>
<!-- <p class="gall-txt">3 BHK Signature</p> -->
</div>
<div class="item">
<div class="amenities-gallery floor-click">
<img src="images/gallery/floor/8.webp" style="filter: blur(5px)">
<a href="javascript:void (0);">
<div class="ami-overlay">
</div>
</a>
</div>
<!-- <p class="gall-txt">3 BHK Signature</p> -->
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section light-grey" id="" style="display:none"> <section class="section light-grey" id="" style="display:none">
<div class="container"> <div class="container">
<h2 class="sec-head head-center">Project Walkthrough Video</h2> <h2 class="sec-head head-center">Project Walkthrough Video</h2>
...@@ -1329,9 +1494,9 @@ ...@@ -1329,9 +1494,9 @@
<div class="col-md-12"> <div class="col-md-12">
<div class="address-wrap"> <div class="address-wrap">
<h3>Call Us Now</h3> <!-- <h3>Call Us Now</h3>
<p><i class="fa fa-phone f-icon" aria-hidden="true"></i> <a href="tel:+918867589797" <p><i class="fa fa-phone f-icon" aria-hidden="true"></i> <a href="tel:+918867589797"
class="call-me"><?php echo $cta ?>+91 88675 89797</a></p> class="call-me"><?php echo $cta ?>+91 88675 89797</a></p> -->
</div> </div>
</div> </div>
...@@ -1375,12 +1540,12 @@ ...@@ -1375,12 +1540,12 @@
<div class="col-lg-12 col-sm-12 col-xs-12 fixed-footer-cust hidden-md hidden-lg hidden-sm"> <div class="col-lg-12 col-sm-12 col-xs-12 fixed-footer-cust hidden-md hidden-lg hidden-sm">
<div class="container"> <div class="container">
<div class="col-lg-6 col-sm-6 col-xs-6 div-line pd0"> <!-- <div class="col-lg-6 col-sm-6 col-xs-6 div-line pd0">
<a href="tel:+918867589797" class="fix-link callme"><i class="fa fa-phone f-icon" <a href="tel:+918867589797" class="fix-link callme"><i class="fa fa-phone f-icon"
aria-hidden="true"></i> aria-hidden="true"></i>
CALL NOW</a> CALL NOW</a>
</div> </div> -->
<div class="col-lg-6 col-sm-6 col-xs-6 pd0"> <div class="col-lg-12 col-sm-12 col-xs-12 pd0">
<button class="btn fix-link i-am"><i class="fa fa-envelope"></i> ENQUIRE NOW</button> <button class="btn fix-link i-am"><i class="fa fa-envelope"></i> ENQUIRE NOW</button>
</div> </div>
</div> </div>
...@@ -1592,7 +1757,7 @@ ...@@ -1592,7 +1757,7 @@
<!-- ============================================= --> <!-- ============================================= -->
<button class="btn interested hidden-xs">Enquire Now</button> <button class="btn interested hidden-xs pulseanimation ">Enquire Now</button>
<!-- ================ i am ==================== --> <!-- ================ i am ==================== -->
<div class="modal fade in" tabindex="-1" role="dialog" id="interested" data-backdrop="static" data-keyboard="false"> <div class="modal fade in" tabindex="-1" role="dialog" id="interested" data-backdrop="static" data-keyboard="false">
<div class="modal-dialog" role="document"> <div class="modal-dialog" role="document">
...@@ -1695,7 +1860,7 @@ ...@@ -1695,7 +1860,7 @@
</div><!-- /.modal-content --> </div><!-- /.modal-content -->
</div><!-- /.modal-dialog --> </div><!-- /.modal-dialog -->
</div> </div>
<button class="btn btn-danger download1 btn-download">Download Brochure</button> <button class="btn btn-danger download1 btn-download pulseanimation ">Download Brochure</button>
<!-- ============================================= --> <!-- ============================================= -->
<div class="modal fade in" tabindex="-1" role="dialog" id="download1" data-backdrop="static" data-keyboard="false"> <div class="modal fade in" tabindex="-1" role="dialog" id="download1" data-backdrop="static" data-keyboard="false">
<div class="modal-dialog" role="document"> <div class="modal-dialog" role="document">
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!