Skip to content

Harshit / aashrayaa-eco-city

Go to a project
Toggle navigation
Toggle navigation pinning
Commit 35a17056 by Harshit
Options

changes

1 parent d6c670c7
Inline Side-by-side
Showing 11 changed files with 310 additions and 131 deletions
css/style.css
......@@ -230,25 +230,26 @@ p {
}
.owl-theme .owl-dots .owl-dot span{
.owl-theme .owl-dots .owl-dot span {
background: #fff !important;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
background: #137022 !important;
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
background: #137022 !important;
}
.rera-para a{
.rera-para a {
border-bottom: 1px solid;
cursor: pointer;
color: #137022;
}
.navbar-default .navbar-nav>li>a:hover {
color: #77a743 !important;
border-bottom: 1px solid #77a743 !important;
color: linear-gradient(26deg, #37893ad6 42%, #95d52de0 100%) !important;
border-bottom: 1px solid linear-gradient(26deg, #37893ad6 42%, #95d52de0 100%) !important;
}
.navbar-default .navbar-nav>.active>a,
......@@ -287,6 +288,10 @@ p {
width: 160px;
}
.mob-img{
display: none;
}
@media (max-width: 767px) {
.navbar-nav {
/* margin: initial !important; */
......@@ -299,10 +304,25 @@ p {
margin-left: -10px;
}
.desk-img{
display: none;
}
.new {
/* margin-top: 0px !important; */
}
.mob-img{
display: block;
}
.navbar-img {
width: 138px !important;
margin-top: 15px !important;
margin-left: 94px !important;
}
.navbar-brand {
padding: 0px;
}
......@@ -373,8 +393,8 @@ p {
position: relative;
float: right;
padding: 9px 10px;
margin-top: 29px;
margin-right: -15px;
margin-top: 29px;
margin-right: -15px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
......@@ -463,7 +483,7 @@ margin-top: 29px;
width: 130px;
height: 2px;
/* background: background: linear-gradient(26deg, #37893ad6 42%, #95d52de0 100%) !important;; */
background: linear-gradient(62deg, #246126c7 42%, #5cc72fdb 100%) !important;
background: linear-gradient(62deg, #246126c7 42%, #5cc72fdb 100%) !important;
left: -200px;
top: 40%;
position: absolute;
......@@ -498,7 +518,8 @@ margin-top: 29px;
display: block;
width: 130px;
height: 2px;
background: linear-gradient(26deg, #37893ad6 42%, #95d52de0 100%) !important;;
background: linear-gradient(26deg, #37893ad6 42%, #95d52de0 100%) !important;
;
right: -200px;
top: 40%;
position: absolute;
......@@ -532,7 +553,8 @@ margin-top: 29px;
display: block;
width: 40px;
height: 2px;
background:linear-gradient(26deg, #37893ad6 42%, #95d52de0 100%) !important;;
background: linear-gradient(26deg, #37893ad6 42%, #95d52de0 100%) !important;
;
left: -50px;
top: 40%;
position: absolute;
......@@ -543,7 +565,8 @@ margin-top: 29px;
display: block;
width: 40px;
height: 2px;
background:linear-gradient(26deg, #37893ad6 42%, #95d52de0 100%) !important;;
background: linear-gradient(26deg, #37893ad6 42%, #95d52de0 100%) !important;
;
right: -50px;
top: 40%;
position: absolute;
......@@ -558,7 +581,8 @@ margin-top: 29px;
display: block;
width: 40px;
height: 2px;
background: linear-gradient(26deg, #37893ad6 42%, #95d52de0 100%) !important;;
background: linear-gradient(26deg, #37893ad6 42%, #95d52de0 100%) !important;
;
left: -50px;
top: 40%;
position: absolute;
......@@ -569,7 +593,8 @@ margin-top: 29px;
display: block;
width: 40px;
height: 2px;
background: linear-gradient(26deg, #37893ad6 42%, #95d52de0 100%) !important;;
background: linear-gradient(26deg, #37893ad6 42%, #95d52de0 100%) !important;
;
right: -50px;
top: 40%;
position: absolute;
......@@ -709,7 +734,7 @@ margin-top: 29px;
.head-line-left {
width: 65px;
height: 5px;
background: linear-gradient(62deg, #246126c7 42%, #5cc72fdb 100%) !important;
background: linear-gradient(62deg, #246126c7 42%, #5cc72fdb 100%) !important;
/*margin: 0px auto;*/
margin-top: 10px;
margin-bottom: 20px;
......@@ -759,11 +784,12 @@ hr {
}
.mytab>li:nth-child(1)>a {
color: #77a743;
color: linear-gradient(26deg, #37893ad6 42%, #95d52de0 100%) !important;;
}
.mytab>li:nth-child(2)>a {
color:linear-gradient(26deg, #37893ad6 42%, #95d52de0 100%) !important;;
color: linear-gradient(26deg, #37893ad6 42%, #95d52de0 100%) !important;
;
}
.mytab>li:nth-child(3)>a {
......@@ -774,18 +800,18 @@ hr {
.mytab>li:nth-child(1).active>a:hover,
.mytab>li:nth-child(1).active>a:focus {
color: #fff;
background-color: #77a743 !important;
border: 2px solid #77a743 !important;
background: linear-gradient(26deg, #37893ad6 42%, #95d52de0 100%) !important;
border: 2px solid linear-gradient(26deg, #37893ad6 42%, #95d52de0 100%) !important;
color: #fff;
cursor: pointer;
border-radius: 25px;
}
.paragraph{
padding: 0 32px;
.paragraph {
padding: 0 32px;
}
.paragraph span{
.paragraph span {
/* color:linear-gradient(26deg, #37893ad6 42%, #95d52de0 100%) !important; */
font-size: 4.3rem;
background: -webkit-linear-gradient(26deg, #37893ad6 42%, #95d52de0 100%);
......@@ -794,7 +820,8 @@ hr {
font-weight: 600;
letter-spacing: 1px;
}
.paragraph h4{
.paragraph h4 {
font-size: 2.8rem;
}
......@@ -802,8 +829,9 @@ hr {
.mytab>li:nth-child(2).active>a:hover,
.mytab>li:nth-child(2).active>a:focus {
color: #fff;
background-color: #77a743;
border: 2px solid linear-gradient(26deg, #37893ad6 42%, #95d52de0 100%) !important;;
background: linear-gradient(26deg, #37893ad6 42%, #95d52de0 100%) !important;;
border: 2px solid linear-gradient(26deg, #37893ad6 42%, #95d52de0 100%) !important;
;
color: #fff;
cursor: pointer;
border-radius: 25px;
......@@ -824,12 +852,12 @@ hr {
.mytab>li>a:focus {
/* color: #2e476c; */
padding: 9px 20px !important;
border: 2px solid #77a743;
border: 2px solid linear-gradient(26deg, #37893ad6 42%, #95d52de0 100%) !important;;
background-color: transparent;
}
.mytab>li>a {
color: #77a743;
color: linear-gradient(26deg, #37893ad6 42%, #95d52de0 100%) !important;;
padding: 9px 20px !important;
/* border: 2px solid #2e476c; */
border-radius: 25px;
......@@ -911,8 +939,8 @@ hr {
.mytab>li:nth-child(1).active>a:hover,
.mytab>li:nth-child(1).active>a:focus {
color: #fff;
background-color: #db9caf;
border: 2px solid #db9caf;
/* background-color: #db9caf;
border: 2px solid #db9caf; */
color: #fff;
cursor: pointer;
border-radius: 25px;
......@@ -924,8 +952,10 @@ hr {
.mytab>li:nth-child(2).active>a:hover,
.mytab>li:nth-child(2).active>a:focus {
color: #fff;
background-color: linear-gradient(26deg, #37893ad6 42%, #95d52de0 100%) !important;;
border: 2px solid linear-gradient(26deg, #37893ad6 42%, #95d52de0 100%) !important;;
background-color: linear-gradient(26deg, #37893ad6 42%, #95d52de0 100%) !important;
;
border: 2px solid linear-gradient(26deg, #37893ad6 42%, #95d52de0 100%) !important;
;
color: #fff;
cursor: pointer;
border-radius: 25px;
......@@ -1102,7 +1132,7 @@ hr {
}
.click-price {
background: linear-gradient(62deg, #246126c7 42%, #5cc72fdb 100%) !important;
background: linear-gradient(62deg, #246126c7 42%, #5cc72fdb 100%) !important;
color: #fff;
text-decoration: none;
outline: none;
......@@ -1184,7 +1214,7 @@ hr {
}
#contact-form .input-group-addon {
background: linear-gradient(62deg, #246126c7 42%, #5cc72fdb 100%) !important;
background: linear-gradient(62deg, #246126c7 42%, #5cc72fdb 100%) !important;
color: #fff;
border: 0;
}
......@@ -1218,7 +1248,7 @@ hr {
.form-btn {
margin: 0px auto;
display: block !important;
background: linear-gradient(26deg, #37893ad6 42%, #95d52de0 100%) !important;
background: linear-gradient(26deg, #37893ad6 42%, #95d52de0 100%) !important;
border: none;
color: #fff;
font-size: 18px !important;
......@@ -1260,7 +1290,7 @@ hr {
}
#main-popup .input-group-addon {
background: linear-gradient(62deg, #246126c7 42%, #5cc72fdb 100%) !important;
background: linear-gradient(62deg, #246126c7 42%, #5cc72fdb 100%) !important;
color: #fff;
border: 0;
}
......@@ -1307,7 +1337,7 @@ hr {
}
#price-model .input-group-addon {
background: linear-gradient(62deg, #246126c7 42%, #5cc72fdb 100%) !important;
background: linear-gradient(62deg, #246126c7 42%, #5cc72fdb 100%) !important;
color: #fff;
border: 0;
}
......@@ -1354,7 +1384,7 @@ hr {
}
#interested .input-group-addon {
background: linear-gradient(62deg, #246126c7 42%, #5cc72fdb 100%) !important;
background: linear-gradient(62deg, #246126c7 42%, #5cc72fdb 100%) !important;
color: #fff;
border: 0;
}
......@@ -1401,7 +1431,7 @@ hr {
}
#broch-form .input-group-addon {
background: linear-gradient(62deg, #246126c7 42%, #5cc72fdb 100%) !important;
background: linear-gradient(62deg, #246126c7 42%, #5cc72fdb 100%) !important;
color: #fff;
border: 0;
}
......@@ -1452,7 +1482,7 @@ hr {
}
#plans-form .input-group-addon {
background: linear-gradient(62deg, #246126c7 42%, #5cc72fdb 100%) !important;
background: linear-gradient(62deg, #246126c7 42%, #5cc72fdb 100%) !important;
color: #fff;
border: 0;
}
......@@ -1507,7 +1537,7 @@ hr {
}
#floor .input-group-addon {
background: linear-gradient(62deg, #246126c7 42%, #5cc72fdb 100%) !important;
background: linear-gradient(62deg, #246126c7 42%, #5cc72fdb 100%) !important;
color: #fff;
border: 0;
}
......@@ -1532,7 +1562,7 @@ hr {
}
#offer-forms .input-group-addon {
background: linear-gradient(62deg, #246126c7 42%, #5cc72fdb 100%) !important;
background: linear-gradient(62deg, #246126c7 42%, #5cc72fdb 100%) !important;
color: #fff;
border: 0;
}
......@@ -1591,7 +1621,7 @@ hr {
}
#video-form .input-group-addon {
background: linear-gradient(62deg, #246126c7 42%, #5cc72fdb 100%) !important;
background: linear-gradient(62deg, #246126c7 42%, #5cc72fdb 100%) !important;
color: #fff;
border: 0;
}
......@@ -1686,7 +1716,7 @@ hr {
transition: all 0.5s ease;
font-weight: 800;
/* background: linear-gradient(62deg, #246126c7 42%, #5cc72fdb 100%) !important; */
background-color: #608a48 !important;
background-color: #608a48 !important;
border: #608a48 !important;
}
......@@ -1740,16 +1770,17 @@ hr {
z-index: 9999;
top: 50%;
right: -52px;
background: linear-gradient(26deg, #37893ad6 42%, #95d52de0 100%) !important;
background: linear-gradient(26deg, #37893ad6 42%, #95d52de0 100%) !important;
border: none;
letter-spacing: 1px;
transform: rotate(270deg);
font-size: 18px !important;
font-family: "Cera Pro Regular";
}
.btn-download {
background: linear-gradient(26deg, #37893ad6 42%, #95d52de0 100%) !important;
background: linear-gradient(26deg, #37893ad6 42%, #95d52de0 100%) !important;
/* margin: 28px; */
border-radius: 20px;
border: none !important;
......@@ -1758,15 +1789,15 @@ hr {
text-transform: uppercase;
}
.rera-para{
.rera-para {
font-size: 15px !important;
line-height: 22px;
letter-spacing: 0px;
text-align: justify !important;
line-height: 22px;
letter-spacing: 0px;
text-align: justify !important;
}
#overview{
margin-top: 6rem;
#overview {
margin-top: 6rem;
}
......@@ -1784,6 +1815,7 @@ hr {
left: 130px; */
/* position: absolute;
text-transform: uppercase; */
display: none !important;
}
}
......@@ -1804,7 +1836,7 @@ hr {
}
.fixed-footer-cust {
background: linear-gradient(62deg, #246126c7 42%, #5cc72fdb 100%) !important;
background: linear-gradient(62deg, #246126c7 42%, #5cc72fdb 100%) !important;
text-align: center;
padding: 10px 0px 10px 0px;
width: 100%;
......@@ -1889,7 +1921,7 @@ hr {
width: 100px;
border: 4px solid #fff;
font-size: 39px;
background: linear-gradient(62deg, #246126c7 42%, #5cc72fdb 100%) !important;
background: linear-gradient(62deg, #246126c7 42%, #5cc72fdb 100%) !important;
color: #fff;
border-radius: 50%;
padding: 27px;
......@@ -1930,7 +1962,7 @@ hr {
.go-home:hover {
transition: ease 0.5s;
color: #fff;
background: linear-gradient(62deg, #246126c7 42%, #5cc72fdb 100%) !important;
background: linear-gradient(62deg, #246126c7 42%, #5cc72fdb 100%) !important;
border-radius: 25px;
}
......@@ -2069,7 +2101,7 @@ b {
}
.element-apartments .apartment-table thead {
background: linear-gradient(62deg, #246126c7 42%, #5cc72fdb 100%) !important;
background: linear-gradient(62deg, #246126c7 42%, #5cc72fdb 100%) !important;
font-family: "Questrial", sans-serif;
font-weight: 800;
}
......@@ -2437,6 +2469,7 @@ b {
transform-origin: 0 0;
-webkit-transform-origin: 0 0;
}
}
.overlay1 {
......@@ -2478,10 +2511,14 @@ b {
font-weight: 800;
}
.overview-form{
.overview-form {
margin-bottom: 26px;
}
.interested{
display: none;
}
}
.stamp {
......@@ -2509,7 +2546,7 @@ b {
}
#rera-pop .modal-header {
background: linear-gradient(62deg, #246126c7 42%, #5cc72fdb 100%) !important;
background: linear-gradient(62deg, #246126c7 42%, #5cc72fdb 100%) !important;
color: #fff;
}
......@@ -2608,7 +2645,7 @@ b {
height: 2px;
position: absolute;
transition: all 0.2s linear;
background: linear-gradient(62deg, #246126c7 42%, #5cc72fdb 100%) !important;
background: linear-gradient(62deg, #246126c7 42%, #5cc72fdb 100%) !important;
}
.bo {
......@@ -2631,7 +2668,7 @@ b {
height: 0;
position: absolute;
transition: all 0.2s linear;
background: linear-gradient(62deg, #246126c7 42%, #5cc72fdb 100%) !important;
background: linear-gradient(62deg, #246126c7 42%, #5cc72fdb 100%) !important;
left: 0px;
top: 0px;
}
......@@ -2642,7 +2679,7 @@ b {
height: 0;
position: absolute;
transition: all 0.2s linear;
background: linear-gradient(62deg, #246126c7 42%, #5cc72fdb 100%) !important;
background: linear-gradient(62deg, #246126c7 42%, #5cc72fdb 100%) !important;
right: 0px;
top: 0px;
}
......@@ -2726,7 +2763,7 @@ b {
}
.cust-accordion .panel-title a:hover {
background: linear-gradient(62deg, #246126c7 42%, #5cc72fdb 100%) !important;
background: linear-gradient(62deg, #246126c7 42%, #5cc72fdb 100%) !important;
}
.cust-accordion .panel-body {
......@@ -3065,8 +3102,8 @@ b {
.mytab>li:nth-child(1).active>a:hover,
.mytab>li:nth-child(1).active>a:focus {
color: #fff;
background-color: #db9caf;
border: 2px solid #db9caf;
/* background-color: #db9caf;
border: 2px solid #db9caf; */
color: #fff;
height: 50px;
width: 50px;
......@@ -3087,8 +3124,10 @@ b {
.mytab>li:nth-child(2) {
color: #fff;
background-color: linear-gradient(26deg, #37893ad6 42%, #95d52de0 100%) !important;;
border: 2px solid linear-gradient(26deg, #37893ad6 42%, #95d52de0 100%) !important;;
background-color: linear-gradient(26deg, #37893ad6 42%, #95d52de0 100%) !important;
;
border: 2px solid linear-gradient(26deg, #37893ad6 42%, #95d52de0 100%) !important;
;
color: #fff;
height: 50px;
width: 50px;
......@@ -3147,7 +3186,7 @@ b {
}
.dir li {
background: linear-gradient(62deg, #246126c7 42%, #5cc72fdb 100%) !important;
background: linear-gradient(62deg, #246126c7 42%, #5cc72fdb 100%) !important;
margin-bottom: 47px;
color: #fff;
list-style: none;
......@@ -3156,7 +3195,7 @@ b {
}
.dir1 li {
background: linear-gradient(62deg, #246126c7 42%, #5cc72fdb 100%) !important;
background: linear-gradient(62deg, #246126c7 42%, #5cc72fdb 100%) !important;
margin-bottom: 47px;
color: #fff;
list-style: none;
......@@ -3300,7 +3339,7 @@ input[type="number"]::-webkit-outer-spin-button {
display: block;
padding: 10px 12px 10px 32px;
margin: 0;
background: linear-gradient(62deg, #246126c7 42%, #5cc72fdb 100%) !important;
background: linear-gradient(62deg, #246126c7 42%, #5cc72fdb 100%) !important;
font-size: 13px;
font-weight: 700;
color: #fff !important;
......@@ -3423,7 +3462,7 @@ input[type="number"]::-webkit-outer-spin-button {
text-align: justify;
} */
.paragraph h1{
.paragraph h1 {
text-align: center !important;
}
......@@ -3441,31 +3480,31 @@ input[type="number"]::-webkit-outer-spin-button {
margin: 20px 0;
}
.input-group .form-control{
.input-group .form-control {
margin-bottom: 18px !important;
}
}
.overview-form{
padding: 14px 8px;
border-radius: 13px;
box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
.overview-form {
padding: 14px 8px;
border-radius: 13px;
box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.overview-form h2{
.overview-form h2 {
font-size: 25px;
}
.overview-form h3{
.overview-form h3 {
font-size: 13px;
text-align: center;
}
.margin-bottom{
.margin-bottom {
margin-bottom: 16px;
}
......@@ -3495,6 +3534,49 @@ input[type="number"]::-webkit-outer-spin-button {
font-weight: 500;
}
.nav-contain{
display: flex;
justify-content: center;
}
.navbar-img{
width: 200px;
margin-left: -134px;
margin-top: 15px;
}
.enquire-div {
position: fixed;
bottom: 0;
/* background-color: #137022; */
background: linear-gradient(176deg, #417d43 42%, #7fb724f6 100%) !important;
width: 100%;
z-index: 111;
display: flex;
text-align: center;
/* padding: 0.8rem 0; */
display: none;
}
.btn-brochure2,
.btn-enquire {
width: 50vw;
color: #fff;
font-size: 1.1rem !important;
padding: 0.6rem 0;
}
.enquire-div a {
font-size: 1.1rem;
color: #fff;
}
.divide-line {
width: 3px;
background: white;
height: 35px;
}
.overview {
margin: 50px 0px;
......@@ -3512,6 +3594,7 @@ input[type="number"]::-webkit-outer-spin-button {
line-height: 22px;
margin: 0 10px;
}
}
.moretext,
......@@ -3520,7 +3603,11 @@ input[type="number"]::-webkit-outer-spin-button {
}
.bor-l {
border-left: linear-gradient(26deg, #37893ad6 42%, #95d52de0 100%) !important;;
border-left: 1px solid #137022;
}
.fa-download:before {
padding: 0 0.5rem;
}
@media only screen and (max-width: 768px) {
......@@ -3530,23 +3617,27 @@ input[type="number"]::-webkit-outer-spin-button {
padding: 0px;
}
.enquire-div {
display: flex;
}
#carousel-example-generic .item {
margin-top: 0px;
}
.paragraph h4{
text-align: center;
font-size: 1.8rem;
}
.paragraph h4 {
text-align: center;
font-size: 1.8rem;
}
.paragraph span{
font-size: 2rem;
}
.paragraph span {
font-size: 2rem;
}
.paragraph h1{
font-size: 1.2rem;
}
.paragraph h1 {
font-size: 1.2rem;
}
.head-line {
width: 277px;
......
index.php
......@@ -126,7 +126,7 @@
<nav class="navbar navbar-default" id="hide-menu">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="col-md-2">
<div class="col-md-1">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
......@@ -135,15 +135,17 @@
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="javascript:void(0)">
<a class="navbar-brand" href="index.php">
<img src="<?php echo $assetBase; ?>images/logo/logo.png">
</a>
<button class="btn btn-danger download1 btn-download visible-xs">Download
Brochure</button>
<!-- <button class="btn btn-danger download1 btn-download visible-xs">Download
Brochure</button> -->
<img class="navbar-img mob-img" src="<?php echo $assetBase; ?>images/logo/logo-2.png">
</div>
</div>
<div class="col-md-10">
<div class=" nav-contain col-md-10">
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
......@@ -151,7 +153,6 @@
<!-- <li><a href="#home" class="m-link">Home</a></li> -->
<li><a href="#overview" class="m-link">Overview</a></li>
<li><a href="#indulgence" class="m-link">Amenities</a></li>
<li><a href="#tour" class="m-link">Walkthrough</a></li>
<li><a href="#masterplan" class="m-link">Your World</a></li>
<li><button class="btn btn-danger download1 btn-download hidden-xs">Download
Brochure</button></li>
......@@ -163,7 +164,13 @@
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</div>
<div class="col-md-1">
<img class="navbar-img desk-img" src="<?php echo $assetBase; ?>images/logo/logo-2.png">
</div>
<!-- /.container-fluid -->
<!-- <div class="col-md-1 hidden-xs">
<div class="navbar-header">
......@@ -277,7 +284,7 @@
<div class="over-contain">
<div class="col-md-7" data-aos="flip-left" data-aos-duration="1500">
<div class="img_box position-relative">
<img src="<?php echo $assetBase; ?>images/about.webp" class="img-responsive overview-img ">
<img src="<?php echo $assetBase; ?>images/gallery/6.jpg" class="img-responsive overview-img ">
</div>
</div>
<div class="col-md-5 ">
......@@ -435,12 +442,12 @@
<li role="presentation" class="active li-1">
<a href="#general" aria-controls="profile" role="tab" data-toggle="tab"
aria-expanded="true">Indoor amenities
aria-expanded="true">Indoor Amenities
</a>
</li>
<li role="presentation" class="li-2">
<a href="#inte" aria-controls="settings" role="tab" data-toggle="tab"
aria-expanded="false">Outdoor amenities
aria-expanded="false">Outdoor Amenities
</a>
</li>
<!-- <li role="presentation" class="li-3">
......@@ -465,7 +472,7 @@
<div role="tabpanel" class="tab-pane fade active in" id="general">
<div class="tab-contenwrap col-md-6 ">
<img src="<?php echo $assetBase; ?>images/amen/1.webp" alt="" class="indulg-img">
<img src="<?php echo $assetBase; ?>images/amen-2.png" alt="" class="indulg-img">
</div>
......@@ -514,7 +521,7 @@
<div class="tab-contenwrap col-md-6">
<img src="<?php echo $assetBase; ?>images/amen/2.webp" alt="" class="indulg-img">
<img src="<?php echo $assetBase; ?>images/amen-1.png" alt="" class="indulg-img">
</div>
......@@ -660,12 +667,12 @@
<div class="sec-title">
<h2 class="sec-head head-center wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">
Indoor amenities
Indoor Amenities
</h2>
</div>
<div class="tab-content col-md-6 col-xs-12">
<img src="<?php echo $assetBase; ?>images/amen/1.webp" alt="" class="indulg-img">
<img src="<?php echo $assetBase; ?>images/amen-2.png" alt="" class="indulg-img">
</div>
......@@ -714,12 +721,12 @@
<div class="sec-title">
<h2 class="sec-head head-center wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">
Outdoor amenities
Outdoor Amenities
</h2>
</div>
<div class="tab-content col-md-6 col-xs-12">
<img src="<?php echo $assetBase; ?>images/amen/2.webp" alt="" class="indulg-img">
<img src="<?php echo $assetBase; ?>images/amen-1.png" alt="" class="indulg-img">
</div>
......@@ -913,7 +920,7 @@
<div class="amenities-gallery mg-mb">
<img src="<?php echo $assetBase; ?>images/master-plan.jpg" style="height: 100%">
<img src="<?php echo $assetBase; ?>images/floor/location.png" style="height: 100%">
<a data-fancybox="masterplan" href="<?php echo $assetBase; ?>images/master-plan.jpg"
class="l-box">
<div class="ami-overlay">
......@@ -980,9 +987,9 @@
<div class="col-md-8 col-md-offset-2" style="visibility: visible; animation-name: fadeInDown;">
<div class="title01">3 Bed Homes</div>
<!-- <div class="title01">3 Bed Homes</div> -->
<div class="amenities-gallery mg-mb">
<img src="<?php echo $assetBase; ?>images/gallery/floorplan/3BHK-Homes.webp"
<img src="<?php echo $assetBase; ?>images/floor/1.jpg"
style="height: 100%" class="floor">
</div>
......@@ -994,14 +1001,50 @@
</div>
<div class="col-md-6 bor-l">
<div class="col-md-6">
<div class="col-md-8 col-md-offset-2" style="visibility: visible; animation-name: fadeInDown;">
<div class="title01">4 Bed Homes</div>
<!-- <div class="title01">4 Bed Homes</div> -->
<div class="amenities-gallery mg-mb">
<img src="<?php echo $assetBase; ?>images/gallery/floorplan/4BHK-Homes.webp"
<img src="<?php echo $assetBase; ?>images/floor/2.jpg"
style="height: 100%" class="floor">
</div>
</div>
</div>
<div class="col-md-6">
<div class="col-md-8 col-md-offset-2" style="visibility: visible; animation-name: fadeInDown;">
<!-- <div class="title01">4 Bed Homes</div> -->
<div class="amenities-gallery mg-mb">
<img src="<?php echo $assetBase; ?>images/floor/3.jpg"
style="height: 100%" class="floor">
</div>
</div>
</div>
<div class="col-md-6">
<div class="col-md-8 col-md-offset-2" style="visibility: visible; animation-name: fadeInDown;">
<!-- <div class="title01">4 Bed Homes</div> -->
<div class="amenities-gallery mg-mb">
<img src="<?php echo $assetBase; ?>images/floor/4.jpg"
style="height: 100%" class="floor">
</div>
......@@ -1088,7 +1131,7 @@
</div>
</div>
<div class="item" style="visibility: visible; animation-name: fadeInDown;">
<!-- <div class="item" style="visibility: visible; animation-name: fadeInDown;">
<div class="amenities-gallery mg-mb">
<img src="<?php echo $assetBase; ?>images/gallery/6.jpg">
<a data-fancybox="general" href="<?php echo $assetBase; ?>images/gallery/6.jpg"
......@@ -1097,7 +1140,7 @@
</div>
</a>
</div>
</div>
</div> -->
<div class="item" style="visibility: visible; animation-name: fadeInDown;">
<div class="amenities-gallery mg-mb">
......@@ -1287,6 +1330,19 @@
</div> -->
<div class="enquire-div">
<div class="btn-brochure2 download1 col-md-6">
<a class="download1" ><i class="fa fa-download" aria-hidden="true"></i>Brochure</a>
</div>
<div class="divide-line">
<div class="vr"></div>
</div>
<div class="btn-enquire enq-interested col-md-6" data-bs-toggle="modal" data-bs-target="#mainModalPopup">
<i class="fa fa-envelope" aria-hidden="true"></i> Enquire Now
</div>
</div>
<div id="pageloader">
<img src="<?php echo $assetBase; ?>images/logo/logo.png" alt="processing..." />
</div>
......@@ -1415,7 +1471,7 @@
<!-- ============================================= -->
<button class="btn btn-danger interested ">Enquire Now</button>
<button class="btn btn-danger interested enq-interested ">Enquire Now</button>
<!-- <button class="btn btn-danger call-btn "><i class="fa fa-phone"></i></button> -->
<!-- <button class="btn btn-danger call-btn "><i class="fa fa-phone"></i></button> -->
......@@ -2128,7 +2184,7 @@
$('#price-model').modal('show');
});
$(".interested").click(function() {
$(".enq-interested").click(function() {
$('#interested').modal('show');
});
......
thank-you.php
......@@ -83,7 +83,7 @@ if ((!isset($_COOKIE['formfilled'])) && isset($_REQUEST['mobile'])) {
<nav class="navbar navbar-default" id="hide-menu">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="col-md-2">
<div class="col-md-1">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
......@@ -92,15 +92,17 @@ if ((!isset($_COOKIE['formfilled'])) && isset($_REQUEST['mobile'])) {
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="javascript:void(0)">
<a class="navbar-brand" href="index.php">
<img src="<?php echo $assetBase; ?>images/logo/logo.png">
</a>
<button class="btn btn-danger download1 btn-download visible-xs">Download
Brochure</button>
<!-- <button class="btn btn-danger download1 btn-download visible-xs">Download
Brochure</button> -->
<img class="navbar-img mob-img" src="<?php echo $assetBase; ?>images/logo/logo-2.png">
</div>
</div>
<div class="col-md-10">
<div class=" nav-contain col-md-10">
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
......@@ -108,7 +110,6 @@ if ((!isset($_COOKIE['formfilled'])) && isset($_REQUEST['mobile'])) {
<!-- <li><a href="#home" class="m-link">Home</a></li> -->
<li><a href="#overview" class="m-link">Overview</a></li>
<li><a href="#indulgence" class="m-link">Amenities</a></li>
<li><a href="#tour" class="m-link">Walkthrough</a></li>
<li><a href="#masterplan" class="m-link">Your World</a></li>
<li><button class="btn btn-danger download1 btn-download hidden-xs">Download
Brochure</button></li>
......@@ -120,7 +121,13 @@ if ((!isset($_COOKIE['formfilled'])) && isset($_REQUEST['mobile'])) {
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</div>
<div class="col-md-1">
<img class="navbar-img desk-img" src="<?php echo $assetBase; ?>images/logo/logo-2.png">
</div>
<!-- /.container-fluid -->
<!-- <div class="col-md-1 hidden-xs">
<div class="navbar-header">
......@@ -135,6 +142,7 @@ if ((!isset($_COOKIE['formfilled'])) && isset($_REQUEST['mobile'])) {
</nav>
</header>
<!-- <section class="inner-banner">
<div class="container">
<div class="banner-txt-thank">
......@@ -336,9 +344,8 @@ if ((!isset($_COOKIE['formfilled'])) && isset($_REQUEST['mobile'])) {
</div>
</section> -->
<section class="rera-sec">
<div class="container">
<section class="rera-sec">
<div class="container-fluid">
<div class="patch hidden-xs">
<div class="col-md-12">
......@@ -353,7 +360,9 @@ if ((!isset($_COOKIE['formfilled'])) && isset($_REQUEST['mobile'])) {
</div>
<div class="col-md-12">
<p class="rera-para">
For general information purposes only. While enough care is taken by Aashrayaa Eco City to ensure that information on the brochure is up to date, accurate and correct, readers are requested to make their independent inquiry before relying upon the same. In no event will Aashrayaa Eco City offer any warranty on the information made available or be liable for any loss or damage including without limitation, indirect or consequential loss or damage in connection with, the use of information in this brochure. By using or accessing the brochure, you agree with the Disclaimer without any qualification or limitation. Design, specifications, floor plans, brochures, interactive plans etc., are subject to change without prior notice. Computer-generated images, walkthroughs and rendered images are the artist's impression and are indicative of the actual designs. Concept images used are for representation purposes only. The contents of this brochure are meant to provide information to the readers of this brochure about ourselves including our various projects. They are only for general information and are subject to change. By no stretch of the imagination, the information on the brochure shall be construed as an advertisement and/or invitation or offer for sale. To find out more about projects/developments, please visit our sales office during working hours and get in touch with an authorized Aashrayaa Eco City sales representative. Please note that by sharing any of your contact details on the brochure, you are authorizing the Sales Response team of Aashrayaa Eco City (even if you are registered on the DND Registry) to provide information on our projects over Calls, SMS & Emails.
For general information purposes only. While enough care is taken by Aashrayaa Eco City to ensure that information on the brochure is up to date, accurate and correct, readers are requested to make their independent inquiry before relying upon the same. In no event will Aashrayaa Eco City offer any warranty on the information made available or be liable for any loss or damage including without limitation, indirect or consequential loss or damage in connection with, the use of information in this brochure. By using or accessing the brochure, you agree with the Disclaimer without any qualification or limitation.
<span class="more-text"> Design, specifications, floor plans, brochures, interactive plans etc., are subject to change without prior notice. Computer-generated images, walkthroughs and rendered images are the artist's impression and are indicative of the actual designs. Concept images used are for representation purposes only. The contents of this brochure are meant to provide information to the readers of this brochure about ourselves including our various projects. They are only for general information and are subject to change. By no stretch of the imagination, the information on the brochure shall be construed as an advertisement and/or invitation or offer for sale. To find out more about projects/developments, please visit our sales office during working hours and get in touch with an authorized Aashrayaa Eco City sales representative. Please note that by sharing any of your contact details on the brochure, you are authorizing the Sales Response team of Aashrayaa Eco City (even if you are registered on the DND Registry) to provide information on our projects over Calls, SMS & Emails.</span>
<a class="see-btn" onclick="toggleText(this)">See more</a>
</p>
</div>
......@@ -372,7 +381,7 @@ if ((!isset($_COOKIE['formfilled'])) && isset($_REQUEST['mobile'])) {
<!-- <div class="pd0 col-md-4">
<h3 class="footer-call"><i class="fa fa-phone" style="transform: rotate(93deg);"></i>
<a href="tel:08044334469"> 08044334469</a>
<a href=""> </a>
</h3>
</div> -->
......@@ -381,8 +390,10 @@ if ((!isset($_COOKIE['formfilled'])) && isset($_REQUEST['mobile'])) {
<p>Copyright © Aashrayaa Eco City. All rights reserved.</p>
</div>
<div class="pd0 col-md-12">
<p >
For general information purposes only. While enough care is taken by Aashrayaa Eco City to ensure that information on the brochure is up to date, accurate and correct, readers are requested to make their independent inquiry before relying upon the same. In no event will Aashrayaa Eco City offer any warranty on the information made available or be liable for any loss or damage including without limitation, indirect or consequential loss or damage in connection with, the use of information in this brochure. By using or accessing the brochure, you agree with the Disclaimer without any qualification or limitation. Design, specifications, floor plans, brochures, interactive plans etc., are subject to change without prior notice. Computer-generated images, walkthroughs and rendered images are the artist's impression and are indicative of the actual designs. Concept images used are for representation purposes only. The contents of this brochure are meant to provide information to the readers of this brochure about ourselves including our various projects. They are only for general information and are subject to change. By no stretch of the imagination, the information on the brochure shall be construed as an advertisement and/or invitation or offer for sale. To find out more about projects/developments, please visit our sales office during working hours and get in touch with an authorized Aashrayaa Eco City sales representative. Please note that by sharing any of your contact details on the brochure, you are authorizing the Sales Response team of Aashrayaa Eco City (even if you are registered on the DND Registry) to provide information on our projects over Calls, SMS & Emails.
<p class="rera-para">
For general information purposes only. While enough care is taken by Aashrayaa Eco City to ensure that information on the brochure is up to date, accurate and correct, readers are requested to make their independent inquiry before relying upon the same.
<span class="more-text"> In no event will Aashrayaa Eco City offer any warranty on the information made available or be liable for any loss or damage including without limitation, indirect or consequential loss or damage in connection with, the use of information in this brochure. By using or accessing the brochure, you agree with the Disclaimer without any qualification or limitation. Design, specifications, floor plans, brochures, interactive plans etc., are subject to change without prior notice. Computer-generated images, walkthroughs and rendered images are the artist's impression and are indicative of the actual designs. Concept images used are for representation purposes only. The contents of this brochure are meant to provide information to the readers of this brochure about ourselves including our various projects. They are only for general information and are subject to change. By no stretch of the imagination, the information on the brochure shall be construed as an advertisement and/or invitation or offer for sale. To find out more about projects/developments, please visit our sales office during working hours and get in touch with an authorized Aashrayaa Eco City sales representative. Please note that by sharing any of your contact details on the brochure, you are authorizing the Sales Response team of Aashrayaa Eco City (even if you are registered on the DND Registry) to provide information on our projects over Calls, SMS & Emails.</span>
<a class="see-btn" onclick="toggleText(this)">See more</a>
</p>
</div>
......@@ -398,6 +409,7 @@ if ((!isset($_COOKIE['formfilled'])) && isset($_REQUEST['mobile'])) {
</div>
</section>
<script src="js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="lightbox/light-box.js"></script>
<script src="js/bootstrap.min.js" type="text/javascript"></script>
......@@ -472,6 +484,26 @@ if ((!isset($_COOKIE['formfilled'])) && isset($_REQUEST['mobile'])) {
});
</script>
<script>
function toggleText(button) {
const moreText = button.previousElementSibling;
if (moreText.style.display === "none" || moreText.style.display === "") {
moreText.style.display = "inline";
button.textContent = "See less";
} else {
moreText.style.display = "none";
button.textContent = "See more";
}
}
// Ensure the hidden part is hidden on page load
window.onload = function() {
document.querySelectorAll(".more-text").forEach(el => el.style.display = "none");
};
</script>
</body>
</html>
\ No newline at end of file
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!