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