Skip to content

Harshit / aashrayaa-eco-city

Go to a project
Toggle navigation
Toggle navigation pinning
Commit b319a7a3 by Darshan
Options

lp

1 parent a883ec30
Inline Side-by-side
Showing 2 changed files with 164 additions and 154 deletions
css/style.css
...@@ -128,13 +128,11 @@ video { ...@@ -128,13 +128,11 @@ video {
/* HTML5 display-role reset for older browsers */ /* HTML5 display-role reset for older browsers */
html, html,
body { body {
overflow-x: hidden; overflow-x: hidden;
} }
article, article,
aside, aside,
details, details,
...@@ -216,7 +214,7 @@ p { ...@@ -216,7 +214,7 @@ p {
transition: ease all 0.5s; transition: ease all 0.5s;
} }
.navbar-default .navbar-nav>li>a { .navbar-default .navbar-nav > li > a {
/* color: #2e6da4; */ /* color: #2e6da4; */
padding: 20px 15px 0 15px; padding: 20px 15px 0 15px;
text-shadow: none; text-shadow: none;
...@@ -224,21 +222,18 @@ p { ...@@ -224,21 +222,18 @@ p {
font-family: "Cera Pro Regular"; font-family: "Cera Pro Regular";
} }
.navbar-default .navbar-nav>li>a:focus { .navbar-default .navbar-nav > li > a:focus {
/* color: #ffffff; */ /* color: #ffffff; */
text-shadow: none; text-shadow: none;
} }
.owl-theme .owl-dots .owl-dot span { .owl-theme .owl-dots .owl-dot span {
background: #fff !important; background: #fff !important;
} }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span { .owl-theme .owl-dots .owl-dot:hover span {
background: #137022 !important; background: #137022 !important;
} }
.rera-para a { .rera-para a {
...@@ -247,13 +242,13 @@ p { ...@@ -247,13 +242,13 @@ p {
color: #137022; color: #137022;
} }
.navbar-default .navbar-nav>li>a:hover { .navbar-default .navbar-nav > li > a:hover {
border-bottom: 1px solid 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, .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;
...@@ -265,7 +260,7 @@ p { ...@@ -265,7 +260,7 @@ p {
padding: 0px; padding: 0px;
} }
.navbar-brand>img { .navbar-brand > img {
float: left; float: left;
margin-right: 15px; margin-right: 15px;
width: 115px; width: 115px;
...@@ -287,7 +282,7 @@ p { ...@@ -287,7 +282,7 @@ p {
width: 160px; width: 160px;
} }
.mob-img{ .mob-img {
display: none; display: none;
} }
...@@ -296,14 +291,14 @@ p { ...@@ -296,14 +291,14 @@ p {
/* margin: initial !important; */ /* margin: initial !important; */
} }
.navbar-brand>img { .navbar-brand > img {
width: 80px; width: 80px;
float: left; float: left;
margin-top: 5px; margin-top: 5px;
margin-left: -10px; margin-left: -10px;
} }
.desk-img{ .desk-img {
display: none; display: none;
} }
...@@ -311,16 +306,15 @@ p { ...@@ -311,16 +306,15 @@ p {
/* margin-top: 0px !important; */ /* margin-top: 0px !important; */
} }
.mob-img{ .mob-img {
display: block; display: block;
} }
.navbar-img {
.navbar-img {
width: 138px !important; width: 138px !important;
margin-top: 15px !important; margin-top: 15px !important;
margin-left: 94px !important; margin-left: 94px !important;
} }
.navbar-brand { .navbar-brand {
padding: 0px; padding: 0px;
...@@ -355,7 +349,7 @@ p { ...@@ -355,7 +349,7 @@ p {
font-weight: 600; font-weight: 600;
} }
.navbar-nav>li>a { .navbar-nav > li > a {
line-height: 40px !important; line-height: 40px !important;
margin-right: 35px; margin-right: 35px;
padding-left: 5px; padding-left: 5px;
...@@ -365,7 +359,7 @@ p { ...@@ -365,7 +359,7 @@ p {
} }
@media (max-width: 768px) { @media (max-width: 768px) {
.navbar-nav>li>a { .navbar-nav > li > a {
margin: auto; margin: auto;
} }
} }
...@@ -401,7 +395,7 @@ p { ...@@ -401,7 +395,7 @@ p {
border-radius: 4px; border-radius: 4px;
} }
#carousel-example-generic .carousel-inner>.item>img { #carousel-example-generic .carousel-inner > .item > img {
width: 100% !important; width: 100% !important;
} }
...@@ -515,7 +509,6 @@ p { ...@@ -515,7 +509,6 @@ p {
width: 130px; width: 130px;
height: 2px; height: 2px;
background: #224b23 !important; background: #224b23 !important;
;
right: -200px; right: -200px;
top: 40%; top: 40%;
position: absolute; position: absolute;
...@@ -550,7 +543,6 @@ p { ...@@ -550,7 +543,6 @@ p {
width: 40px; width: 40px;
height: 2px; height: 2px;
background: #224b23 !important; background: #224b23 !important;
;
left: -50px; left: -50px;
top: 40%; top: 40%;
position: absolute; position: absolute;
...@@ -562,7 +554,6 @@ p { ...@@ -562,7 +554,6 @@ p {
width: 40px; width: 40px;
height: 2px; height: 2px;
background: #224b23 !important; background: #224b23 !important;
;
right: -50px; right: -50px;
top: 40%; top: 40%;
position: absolute; position: absolute;
...@@ -578,7 +569,6 @@ p { ...@@ -578,7 +569,6 @@ p {
width: 40px; width: 40px;
height: 2px; height: 2px;
background: #224b23 !important; background: #224b23 !important;
;
left: -50px; left: -50px;
top: 40%; top: 40%;
position: absolute; position: absolute;
...@@ -590,7 +580,6 @@ p { ...@@ -590,7 +580,6 @@ p {
width: 40px; width: 40px;
height: 2px; height: 2px;
background: #224b23 !important; background: #224b23 !important;
;
right: -50px; right: -50px;
top: 40%; top: 40%;
position: absolute; position: absolute;
...@@ -779,22 +768,21 @@ hr { ...@@ -779,22 +768,21 @@ hr {
background-color: #fff; background-color: #fff;
} }
.mytab>li:nth-child(1)>a { .mytab > li:nth-child(1) > a {
/* color: #224b23 !important;; */ /* color: #224b23 !important;; */
} }
.mytab>li:nth-child(2)>a { .mytab > li:nth-child(2) > a {
/* color: #224b23 !important; */ /* color: #224b23 !important; */
} }
.mytab>li:nth-child(3)>a { .mytab > li:nth-child(3) > a {
color: #f2af34; color: #f2af34;
} }
.mytab>li:nth-child(1).active>a, .mytab > li:nth-child(1).active > a,
.mytab>li:nth-child(1).active>a:hover, .mytab > li:nth-child(1).active > a:hover,
.mytab>li:nth-child(1).active>a:focus { .mytab > li:nth-child(1).active > a:focus {
color: #fff; color: #fff;
background: #224b23 !important; background: #224b23 !important;
border: 2px solid linear-gradient(26deg, #37893ad6 42%, #95d52de0 100%) !important; border: 2px solid linear-gradient(26deg, #37893ad6 42%, #95d52de0 100%) !important;
...@@ -820,21 +808,20 @@ hr { ...@@ -820,21 +808,20 @@ hr {
font-size: 2.8rem; font-size: 2.8rem;
} }
.mytab>li:nth-child(2).active>a, .mytab > li:nth-child(2).active > a,
.mytab>li:nth-child(2).active>a:hover, .mytab > li:nth-child(2).active > a:hover,
.mytab>li:nth-child(2).active>a:focus { .mytab > li:nth-child(2).active > a:focus {
color: #fff; color: #fff;
background: #224b23 !important;; background: #224b23 !important;
border: 2px solid linear-gradient(26deg, #37893ad6 42%, #95d52de0 100%) !important; border: 2px solid linear-gradient(26deg, #37893ad6 42%, #95d52de0 100%) !important;
;
color: #fff; color: #fff;
cursor: pointer; cursor: pointer;
border-radius: 25px; border-radius: 25px;
} }
.mytab>li:nth-child(3).active>a, .mytab > li:nth-child(3).active > a,
.mytab>li:nth-child(3).active>a:hover, .mytab > li:nth-child(3).active > a:hover,
.mytab>li:nth-child(3).active>a:focus { .mytab > li:nth-child(3).active > a:focus {
color: #fff; color: #fff;
background-color: #f2af34; background-color: #f2af34;
border: 2px solid #f2af34; border: 2px solid #f2af34;
...@@ -843,15 +830,15 @@ hr { ...@@ -843,15 +830,15 @@ hr {
border-radius: 25px; border-radius: 25px;
} }
.mytab>li>a:hover, .mytab > li > a:hover,
.mytab>li>a:focus { .mytab > li > a:focus {
/* color: #2e476c; */ /* color: #2e476c; */
padding: 9px 20px !important; padding: 9px 20px !important;
border: 2px solid linear-gradient(26deg, #37893ad6 42%, #95d52de0 100%) !important;; border: 2px solid linear-gradient(26deg, #37893ad6 42%, #95d52de0 100%) !important;
background-color: transparent; background-color: transparent;
} }
.mytab>li>a { .mytab > li > a {
padding: 9px 20px !important; padding: 9px 20px !important;
/* border: 2px solid #2e476c; */ /* border: 2px solid #2e476c; */
border-radius: 25px; border-radius: 25px;
...@@ -929,9 +916,9 @@ hr { ...@@ -929,9 +916,9 @@ hr {
text-align: left; text-align: left;
} }
.mytab>li:nth-child(1).active>a, .mytab > li:nth-child(1).active > a,
.mytab>li:nth-child(1).active>a:hover, .mytab > li:nth-child(1).active > a:hover,
.mytab>li:nth-child(1).active>a:focus { .mytab > li:nth-child(1).active > a:focus {
color: #fff; color: #fff;
/* background-color: #db9caf; /* background-color: #db9caf;
border: 2px solid #db9caf; */ border: 2px solid #db9caf; */
...@@ -942,14 +929,12 @@ hr { ...@@ -942,14 +929,12 @@ hr {
height: 40px; height: 40px;
} }
.mytab>li:nth-child(2).active>a, .mytab > li:nth-child(2).active > a,
.mytab>li:nth-child(2).active>a:hover, .mytab > li:nth-child(2).active > a:hover,
.mytab>li:nth-child(2).active>a:focus { .mytab > li:nth-child(2).active > a:focus {
color: #fff; color: #fff;
background-color: #224b23 !important; background-color: #224b23 !important;
;
border: 2px solid linear-gradient(26deg, #37893ad6 42%, #95d52de0 100%) !important; border: 2px solid linear-gradient(26deg, #37893ad6 42%, #95d52de0 100%) !important;
;
color: #fff; color: #fff;
cursor: pointer; cursor: pointer;
border-radius: 25px; border-radius: 25px;
...@@ -957,9 +942,9 @@ hr { ...@@ -957,9 +942,9 @@ hr {
height: 50px; height: 50px;
} }
.mytab>li:nth-child(3).active>a, .mytab > li:nth-child(3).active > a,
.mytab>li:nth-child(3).active>a:hover, .mytab > li:nth-child(3).active > a:hover,
.mytab>li:nth-child(3).active>a:focus { .mytab > li:nth-child(3).active > a:focus {
color: #fff; color: #fff;
background-color: #f2af34; background-color: #f2af34;
border: 2px solid #f2af34; border: 2px solid #f2af34;
...@@ -1146,7 +1131,8 @@ hr { ...@@ -1146,7 +1131,8 @@ hr {
transition: ease all 0.5s; transition: ease all 0.5s;
} }
.aminitieslist {} .aminitieslist {
}
.aminitieslist li { .aminitieslist li {
font-size: 15px; font-size: 15px;
...@@ -1764,13 +1750,12 @@ hr { ...@@ -1764,13 +1750,12 @@ hr {
z-index: 9999; z-index: 9999;
top: 50%; top: 50%;
right: -52px; right: -52px;
background:#224b23 !important; background: #224b23 !important;
border: none; border: none;
letter-spacing: 1px; letter-spacing: 1px;
transform: rotate(270deg); transform: rotate(270deg);
font-size: 18px !important; font-size: 18px !important;
font-family: "Cera Pro Regular"; font-family: "Cera Pro Regular";
} }
.btn-download { .btn-download {
...@@ -1792,12 +1777,15 @@ hr { ...@@ -1792,12 +1777,15 @@ hr {
#overview { #overview {
/* margin-top: 6rem; */ /* margin-top: 6rem; */
} }
@media (max-width: 768px) { @media (max-width: 768px) {
.btn-download { .btn-download {
background: linear-gradient(62deg, #246126c7 42%, #5cc72fdb 100%) !important; background: linear-gradient(
62deg,
#246126c7 42%,
#5cc72fdb 100%
) !important;
/* margin: 28px; */ /* margin: 28px; */
border-radius: 20px; border-radius: 20px;
border: none !important; border: none !important;
...@@ -1971,7 +1959,8 @@ hr { ...@@ -1971,7 +1959,8 @@ hr {
top: 0px !important; top: 0px !important;
} }
.address-wrap {} .address-wrap {
}
.address-wrap h3 { .address-wrap h3 {
font-size: 25px; font-size: 25px;
...@@ -1979,7 +1968,8 @@ hr { ...@@ -1979,7 +1968,8 @@ hr {
margin-bottom: 20px; margin-bottom: 20px;
} }
.address-wrap p {} .address-wrap p {
}
b { b {
font-weight: 600; font-weight: 600;
...@@ -2133,7 +2123,7 @@ b { ...@@ -2133,7 +2123,7 @@ b {
/* font-weight: 800; */ /* font-weight: 800; */
} }
.apartment-table>tbody>tr:nth-of-type(even) { .apartment-table > tbody > tr:nth-of-type(even) {
/*background: #ececec !important;*/ /*background: #ececec !important;*/
} }
...@@ -2146,9 +2136,10 @@ b { ...@@ -2146,9 +2136,10 @@ b {
background: #000000 !important; background: #000000 !important;
} }
.btn-table {} .btn-table {
}
.table>tbody>tr>td { .table > tbody > tr > td {
vertical-align: middle; vertical-align: middle;
border: none; border: none;
border: 1px solid #c7c7c7; border: 1px solid #c7c7c7;
...@@ -2156,19 +2147,19 @@ b { ...@@ -2156,19 +2147,19 @@ b {
} }
@media (max-width: 768px) { @media (max-width: 768px) {
.table>thead>tr>th { .table > thead > tr > th {
vertical-align: middle; vertical-align: middle;
text-align: center; text-align: center;
border: none; border: none;
font-size: 20px; font-size: 20px;
} }
.table>tbody>tr>td { .table > tbody > tr > td {
font-size: 12px; font-size: 12px;
} }
} }
.table>thead>tr>th { .table > thead > tr > th {
vertical-align: middle; vertical-align: middle;
text-align: center; text-align: center;
border: none; border: none;
...@@ -2253,7 +2244,8 @@ b { ...@@ -2253,7 +2244,8 @@ b {
margin-bottom: 15px; margin-bottom: 15px;
} }
.social {} .social {
}
.social li { .social li {
display: inline; display: inline;
...@@ -2432,7 +2424,8 @@ b { ...@@ -2432,7 +2424,8 @@ b {
margin-bottom: 20px; margin-bottom: 20px;
} }
.social-icon {} .social-icon {
}
.social-icon li { .social-icon li {
display: inline-block; display: inline-block;
...@@ -2455,7 +2448,6 @@ b { ...@@ -2455,7 +2448,6 @@ b {
} }
@media screen and (max-height: 575px) { @media screen and (max-height: 575px) {
#rc-imageselect, #rc-imageselect,
.g-recaptcha { .g-recaptcha {
transform: scale(0.77); transform: scale(0.77);
...@@ -2463,7 +2455,6 @@ b { ...@@ -2463,7 +2455,6 @@ b {
transform-origin: 0 0; transform-origin: 0 0;
-webkit-transform-origin: 0 0; -webkit-transform-origin: 0 0;
} }
} }
.overlay1 { .overlay1 {
...@@ -2509,10 +2500,9 @@ b { ...@@ -2509,10 +2500,9 @@ b {
margin-bottom: 26px; margin-bottom: 26px;
} }
.interested{ .interested {
display: none; display: none;
} }
} }
.stamp { .stamp {
...@@ -2825,9 +2815,8 @@ b { ...@@ -2825,9 +2815,8 @@ b {
height: 600px; height: 600px;
} }
.floor{ .floor {
filter: blur(1px); filter: blur(1px);
} }
.ami-overlay { .ami-overlay {
...@@ -3052,7 +3041,7 @@ b { ...@@ -3052,7 +3041,7 @@ b {
.tab-contenwrap { .tab-contenwrap {
background-color: #fff; background-color: #fff;
margin-left: 15PX; margin-left: 15px;
} }
#hide-menu { #hide-menu {
...@@ -3098,9 +3087,9 @@ b { ...@@ -3098,9 +3087,9 @@ b {
margin: 0; margin: 0;
} }
.mytab>li:nth-child(1).active>a, .mytab > li:nth-child(1).active > a,
.mytab>li:nth-child(1).active>a:hover, .mytab > li:nth-child(1).active > a:hover,
.mytab>li:nth-child(1).active>a:focus { .mytab > li:nth-child(1).active > a:focus {
color: #fff; color: #fff;
/* background-color: #db9caf; /* background-color: #db9caf;
border: 2px solid #db9caf; */ border: 2px solid #db9caf; */
...@@ -3111,7 +3100,7 @@ b { ...@@ -3111,7 +3100,7 @@ b {
border-radius: 50%; border-radius: 50%;
} }
.mytab>li:nth-child(1) { .mytab > li:nth-child(1) {
color: #fff; color: #fff;
/* background-color: #db9caf; /* background-color: #db9caf;
border: 2px solid #db9caf; */ border: 2px solid #db9caf; */
...@@ -3122,12 +3111,10 @@ b { ...@@ -3122,12 +3111,10 @@ b {
border-radius: 50%; border-radius: 50%;
} }
.mytab>li:nth-child(2) { .mytab > li:nth-child(2) {
color: #fff; color: #fff;
/* background-color: #224b23 !important; */ /* background-color: #224b23 !important; */
;
border: 2px solid linear-gradient(26deg, #37893ad6 42%, #95d52de0 100%) !important; border: 2px solid linear-gradient(26deg, #37893ad6 42%, #95d52de0 100%) !important;
;
color: #fff; color: #fff;
height: 50px; height: 50px;
width: 50px; width: 50px;
...@@ -3135,7 +3122,7 @@ b { ...@@ -3135,7 +3122,7 @@ b {
border-radius: 50%; border-radius: 50%;
} }
.mytab>li:nth-child(3) { .mytab > li:nth-child(3) {
color: #fff; color: #fff;
background-color: #f2af34; background-color: #f2af34;
border: 2px solid #f2af34; border: 2px solid #f2af34;
...@@ -3227,7 +3214,7 @@ b { ...@@ -3227,7 +3214,7 @@ b {
padding-top: 35px; padding-top: 35px;
} }
#carousel-example-generic .carousel-inner>.item>img { #carousel-example-generic .carousel-inner > .item > img {
/* height: 100vh; */ /* height: 100vh; */
} }
...@@ -3304,8 +3291,6 @@ input[type="number"]::-webkit-outer-spin-button { ...@@ -3304,8 +3291,6 @@ input[type="number"]::-webkit-outer-spin-button {
margin-right: 10px; margin-right: 10px;
} }
.pulseanimation { .pulseanimation {
animation: pulse-effect-2 2s infinite !important; animation: pulse-effect-2 2s infinite !important;
} }
...@@ -3322,7 +3307,6 @@ input[type="number"]::-webkit-outer-spin-button { ...@@ -3322,7 +3307,6 @@ input[type="number"]::-webkit-outer-spin-button {
} }
} }
.zoom-in-zoom-out { .zoom-in-zoom-out {
animation: zoom-in-zoom-out 2s ease-out infinite; animation: zoom-in-zoom-out 2s ease-out infinite;
} }
...@@ -3473,7 +3457,8 @@ input[type="number"]::-webkit-outer-spin-button { ...@@ -3473,7 +3457,8 @@ input[type="number"]::-webkit-outer-spin-button {
letter-spacing: 1px; letter-spacing: 1px;
} }
.overview-sec {} .overview-sec {
}
.overview-sec p { .overview-sec p {
font-size: 24px; font-size: 24px;
...@@ -3490,7 +3475,6 @@ input[type="number"]::-webkit-outer-spin-button { ...@@ -3490,7 +3475,6 @@ input[type="number"]::-webkit-outer-spin-button {
font-size: 18px !important; font-size: 18px !important;
} }
.over-contain { .over-contain {
flex-direction: column-reverse; flex-direction: column-reverse;
padding: 25px 0 !important; padding: 25px 0 !important;
...@@ -3521,33 +3505,28 @@ input[type="number"]::-webkit-outer-spin-button { ...@@ -3521,33 +3505,28 @@ input[type="number"]::-webkit-outer-spin-button {
.input-group .form-control { .input-group .form-control {
margin-bottom: 18px !important; margin-bottom: 18px !important;
} }
} }
.overview-form { .overview-form {
padding: 14px 8px; padding: 14px 8px;
border-radius: 13px; 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; 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; font-size: 25px;
} }
.overview-form h3 { .overview-form h3 {
font-size: 13px; font-size: 13px;
text-align: center; text-align: center;
} }
.margin-bottom { .margin-bottom {
margin-bottom: 16px; margin-bottom: 16px;
} }
.overview-img { .overview-img {
width: 100%; width: 100%;
margin: 0px auto; margin: 0px auto;
...@@ -3556,13 +3535,11 @@ input[type="number"]::-webkit-outer-spin-button { ...@@ -3556,13 +3535,11 @@ input[type="number"]::-webkit-outer-spin-button {
outline-offset: -13px; */ outline-offset: -13px; */
} }
.over-contain { .over-contain {
display: flex; display: flex;
gap: 20px; gap: 20px;
align-items: center; align-items: center;
padding: 40px 0; padding: 40px 0;
} }
.paragraph h1 { .paragraph h1 {
...@@ -3572,12 +3549,12 @@ input[type="number"]::-webkit-outer-spin-button { ...@@ -3572,12 +3549,12 @@ input[type="number"]::-webkit-outer-spin-button {
font-weight: 500; font-weight: 500;
} }
.nav-contain{ .nav-contain {
display: flex; display: flex;
justify-content: center; justify-content: center;
} }
.navbar-img{ .navbar-img {
width: 200px; width: 200px;
margin-left: -134px; margin-left: -134px;
margin-top: 15px; margin-top: 15px;
...@@ -3609,7 +3586,6 @@ input[type="number"]::-webkit-outer-spin-button { ...@@ -3609,7 +3586,6 @@ input[type="number"]::-webkit-outer-spin-button {
color: #fff; color: #fff;
} }
.divide-line { .divide-line {
width: 3px; width: 3px;
background: white; background: white;
...@@ -3632,7 +3608,6 @@ input[type="number"]::-webkit-outer-spin-button { ...@@ -3632,7 +3608,6 @@ input[type="number"]::-webkit-outer-spin-button {
line-height: 22px; line-height: 22px;
margin: 0 10px; margin: 0 10px;
} }
} }
.moretext, .moretext,
...@@ -3644,8 +3619,7 @@ input[type="number"]::-webkit-outer-spin-button { ...@@ -3644,8 +3619,7 @@ input[type="number"]::-webkit-outer-spin-button {
border-left: 1px solid #137022; border-left: 1px solid #137022;
} }
.fa-phone {
.fa-phone{
transform: rotate(90deg); transform: rotate(90deg);
} }
...@@ -3673,7 +3647,6 @@ input[type="number"]::-webkit-outer-spin-button { ...@@ -3673,7 +3647,6 @@ input[type="number"]::-webkit-outer-spin-button {
font-size: 1.8rem; font-size: 1.8rem;
} }
.paragraph span { .paragraph span {
font-size: 2rem; font-size: 2rem;
} }
...@@ -3780,17 +3753,17 @@ input[type="number"]::-webkit-outer-spin-button { ...@@ -3780,17 +3753,17 @@ input[type="number"]::-webkit-outer-spin-button {
} }
@media only screen and (min-width: 768px) and (max-width: 1300px) { @media only screen and (min-width: 768px) and (max-width: 1300px) {
.mytab>li:nth-child(1)>a { .mytab > li:nth-child(1) > a {
font-size: 11px !important; font-size: 11px !important;
padding: 7px !important; padding: 7px !important;
} }
.mytab>li:nth-child(2)>a { .mytab > li:nth-child(2) > a {
font-size: 11px !important; font-size: 11px !important;
padding: 7px !important; padding: 7px !important;
} }
.mytab>li:nth-child(3)>a { .mytab > li:nth-child(3) > a {
font-size: 11px !important; font-size: 11px !important;
padding: 7px !important; padding: 7px !important;
} }
...@@ -3818,17 +3791,17 @@ input[type="number"]::-webkit-outer-spin-button { ...@@ -3818,17 +3791,17 @@ input[type="number"]::-webkit-outer-spin-button {
} }
@media only screen and (min-width: 1300px) and (max-width: 1500px) { @media only screen and (min-width: 1300px) and (max-width: 1500px) {
.mytab>li:nth-child(1)>a { .mytab > li:nth-child(1) > a {
font-size: 11px !important; font-size: 11px !important;
padding: 7px !important; padding: 7px !important;
} }
.mytab>li:nth-child(2)>a { .mytab > li:nth-child(2) > a {
font-size: 11px !important; font-size: 11px !important;
padding: 7px !important; padding: 7px !important;
} }
.mytab>li:nth-child(3)>a { .mytab > li:nth-child(3) > a {
font-size: 11px !important; font-size: 11px !important;
padding: 7px !important; padding: 7px !important;
} }
...@@ -3855,7 +3828,6 @@ input[type="number"]::-webkit-outer-spin-button { ...@@ -3855,7 +3828,6 @@ input[type="number"]::-webkit-outer-spin-button {
} }
} }
.thank-sec .tickmark { .thank-sec .tickmark {
width: 40px; width: 40px;
display: block; display: block;
...@@ -3867,10 +3839,10 @@ input[type="number"]::-webkit-outer-spin-button { ...@@ -3867,10 +3839,10 @@ input[type="number"]::-webkit-outer-spin-button {
} }
.go-home:hover .arrowleft { .go-home:hover .arrowleft {
filter: brightness(0) saturate(100%) invert(100%) sepia(88%) saturate(1251%) hue-rotate(186deg) brightness(116%) contrast(100%); filter: brightness(0) saturate(100%) invert(100%) sepia(88%) saturate(1251%)
hue-rotate(186deg) brightness(116%) contrast(100%);
} }
.imgext img { .imgext img {
width: 100%; width: 100%;
display: block; display: block;
...@@ -3890,3 +3862,7 @@ input[type="number"]::-webkit-outer-spin-button { ...@@ -3890,3 +3862,7 @@ input[type="number"]::-webkit-outer-spin-button {
width: 100%; width: 100%;
height: 90px; height: 90px;
} }
.call-btn:hover {
color: #fff;
}
index.php
...@@ -80,8 +80,7 @@ ...@@ -80,8 +80,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>Aashrayaa Eco City- Your perfect Home <title>Aashrayaa Eco City- Your perfect Home
</title> </title>
<meta name="description" <meta name="description" content="">
content="">
<meta name="keywords" content=""> <meta name="keywords" content="">
<meta name=""> <meta name="">
<link rel="icon" href="images/favicon.ico" type="image/png" sizes="16x16"> <link rel="icon" href="images/favicon.ico" type="image/png" sizes="16x16">
...@@ -301,7 +300,8 @@ ...@@ -301,7 +300,8 @@
<h2 class="text-center wow fadeInUp" style="margin-bottom: 13px"> <h2 class="text-center wow fadeInUp" style="margin-bottom: 13px">
Register Now</h2> Register Now</h2>
<!-- <hr style="border-top: 4px solid #fff"> --> <!-- <hr style="border-top: 4px solid #fff"> -->
<h3 class="margin-bottom">Please enter your details to know more about Aashrayaa Eco City</h3> <h3 class="margin-bottom">Please enter your details to know more about Aashrayaa Eco
City</h3>
<form id="register-form" action="thank-you.php" name="register-form" method="POST" <form id="register-form" action="thank-you.php" name="register-form" method="POST"
onsubmit="return save_landing_pageinfo('register-form');" novalidate="novalidate"> onsubmit="return save_landing_pageinfo('register-form');" novalidate="novalidate">
...@@ -939,8 +939,7 @@ ...@@ -939,8 +939,7 @@
<div class="amenities-gallery mg-mb"> <div class="amenities-gallery mg-mb">
<img src="images/master-plan.jpg" style="height: 100%"> <img src="images/master-plan.jpg" style="height: 100%">
<a data-fancybox="masterplan" href="images/master-plan.jpg" <a data-fancybox="masterplan" href="images/master-plan.jpg" class="l-box">
class="l-box">
<div class="ami-overlay"> <div class="ami-overlay">
</div> </div>
</a> </a>
...@@ -980,8 +979,7 @@ ...@@ -980,8 +979,7 @@
<li>16. Coffee Shop</li> <li>16. Coffee Shop</li>
</ul> </ul>
</div> </div>
<img src="images/arrow2.webp" alt="" class="hidden-xs" <img src="images/arrow2.webp" alt="" class="hidden-xs" style="position: absolute; bottom: 0;">
style="position: absolute; bottom: 0;">
</div> </div>
</div> </div>
...@@ -1007,8 +1005,7 @@ ...@@ -1007,8 +1005,7 @@
<div class="col-md-8 col-md-offset-2" style="visibility: visible; animation-name: fadeInDown;"> <div class="col-md-8 col-md-offset-2" style="visibility: visible; animation-name: fadeInDown;">
<div class="title01">3 BHK</div> <div class="title01">3 BHK</div>
<div class="amenities-gallery mg-mb"> <div class="amenities-gallery mg-mb">
<img src="images/floor/1.jpg" <img src="images/floor/1.jpg" style="height: 100%" class="floor">
style="height: 100%" class="floor">
</div> </div>
...@@ -1026,8 +1023,7 @@ ...@@ -1026,8 +1023,7 @@
<div class="col-md-8 col-md-offset-2" style="visibility: visible; animation-name: fadeInDown;"> <div class="col-md-8 col-md-offset-2" style="visibility: visible; animation-name: fadeInDown;">
<div class="title01">4 BHK</div> <div class="title01">4 BHK</div>
<div class="amenities-gallery mg-mb"> <div class="amenities-gallery mg-mb">
<img src="images/floor/2.jpg" <img src="images/floor/2.jpg" style="height: 100%" class="floor">
style="height: 100%" class="floor">
</div> </div>
...@@ -1062,8 +1058,7 @@ ...@@ -1062,8 +1058,7 @@
<div class="item" style="visibility: visible; animation-name: fadeInDown;"> <div class="item" style="visibility: visible; animation-name: fadeInDown;">
<div class="amenities-gallery mg-mb"> <div class="amenities-gallery mg-mb">
<img src="images/gallery/1.jpg"> <img src="images/gallery/1.jpg">
<a data-fancybox="general" href="images/gallery/1.jpg" <a data-fancybox="general" href="images/gallery/1.jpg" class="l-box">
class="l-box">
<div class="ami-overlay"> <div class="ami-overlay">
</div> </div>
</a> </a>
...@@ -1073,8 +1068,7 @@ ...@@ -1073,8 +1068,7 @@
<div class="item" style="visibility: visible; animation-name: fadeInDown;"> <div class="item" style="visibility: visible; animation-name: fadeInDown;">
<div class="amenities-gallery mg-mb"> <div class="amenities-gallery mg-mb">
<img src="images/gallery/2.jpg"> <img src="images/gallery/2.jpg">
<a data-fancybox="general" href="images/gallery/2.jpg" <a data-fancybox="general" href="images/gallery/2.jpg" class="l-box">
class="l-box">
<div class="ami-overlay"> <div class="ami-overlay">
</div> </div>
</a> </a>
...@@ -1084,8 +1078,7 @@ ...@@ -1084,8 +1078,7 @@
<div class="item" style="visibility: visible; animation-name: fadeInDown;"> <div class="item" style="visibility: visible; animation-name: fadeInDown;">
<div class="amenities-gallery mg-mb"> <div class="amenities-gallery mg-mb">
<img src="images/gallery/3.jpg"> <img src="images/gallery/3.jpg">
<a data-fancybox="general" href="images/gallery/3.jpg" <a data-fancybox="general" href="images/gallery/3.jpg" class="l-box">
class="l-box">
<div class="ami-overlay"> <div class="ami-overlay">
</div> </div>
</a> </a>
...@@ -1095,8 +1088,7 @@ ...@@ -1095,8 +1088,7 @@
<div class="item" style="visibility: visible; animation-name: fadeInDown;"> <div class="item" style="visibility: visible; animation-name: fadeInDown;">
<div class="amenities-gallery mg-mb"> <div class="amenities-gallery mg-mb">
<img src="images/gallery/4.jpg"> <img src="images/gallery/4.jpg">
<a data-fancybox="general" href="images/gallery/4.jpg" <a data-fancybox="general" href="images/gallery/4.jpg" class="l-box">
class="l-box">
<div class="ami-overlay"> <div class="ami-overlay">
</div> </div>
</a> </a>
...@@ -1106,8 +1098,7 @@ ...@@ -1106,8 +1098,7 @@
<div class="item" style="visibility: visible; animation-name: fadeInDown;"> <div class="item" style="visibility: visible; animation-name: fadeInDown;">
<div class="amenities-gallery mg-mb"> <div class="amenities-gallery mg-mb">
<img src="images/gallery/5.jpg"> <img src="images/gallery/5.jpg">
<a data-fancybox="general" href="images/gallery/5.jpg" <a data-fancybox="general" href="images/gallery/5.jpg" class="l-box">
class="l-box">
<div class="ami-overlay"> <div class="ami-overlay">
</div> </div>
</a> </a>
...@@ -1128,8 +1119,7 @@ ...@@ -1128,8 +1119,7 @@
<div class="item" style="visibility: visible; animation-name: fadeInDown;"> <div class="item" style="visibility: visible; animation-name: fadeInDown;">
<div class="amenities-gallery mg-mb"> <div class="amenities-gallery mg-mb">
<img src="images/gallery/7.jpg"> <img src="images/gallery/7.jpg">
<a data-fancybox="general" href="images/gallery/7.jpg" <a data-fancybox="general" href="images/gallery/7.jpg" class="l-box">
class="l-box">
<div class="ami-overlay"> <div class="ami-overlay">
</div> </div>
</a> </a>
...@@ -1156,7 +1146,10 @@ ...@@ -1156,7 +1146,10 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="col-md-6 pd0"> <div class="col-md-6 pd0">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3885.3882354493294!2d77.82523312571715!3d13.137893537193063!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3bae051a81f6c9ef%3A0x36effb0026ab31a0!2sAashrayaa%20EcoCity!5e0!3m2!1sen!2sin!4v1748420042404!5m2!1sen!2sin" width="100%" height="550" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe> <iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3885.3882354493294!2d77.82523312571715!3d13.137893537193063!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3bae051a81f6c9ef%3A0x36effb0026ab31a0!2sAashrayaa%20EcoCity!5e0!3m2!1sen!2sin!4v1748420042404!5m2!1sen!2sin"
width="100%" height="550" style="border:0;" allowfullscreen="" loading="lazy"
referrerpolicy="no-referrer-when-downgrade"></iframe>
</div> </div>
<div class="col-md-6 pd0" id="contactus"> <div class="col-md-6 pd0" id="contactus">
...@@ -1243,8 +1236,26 @@ ...@@ -1243,8 +1236,26 @@
</div> </div>
<div class="col-md-12"> <div class="col-md-12">
<p class="rera-para"> <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. For general information purposes only. While enough care is taken by Aashrayaa Eco City to
<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> 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> <a class="see-btn" onclick="toggleText(this)">See more</a>
</p> </p>
</div> </div>
...@@ -1274,8 +1285,27 @@ ...@@ -1274,8 +1285,27 @@
</div> </div>
<div class="pd0 col-md-12"> <div class="pd0 col-md-12">
<p class="rera-para"> <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. For general information purposes only. While enough care is taken by Aashrayaa Eco City to
<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> 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> <a class="see-btn" onclick="toggleText(this)">See more</a>
</p> </p>
</div> </div>
...@@ -1320,7 +1350,8 @@ ...@@ -1320,7 +1350,8 @@
<div class="divide-line"> <div class="divide-line">
<div class="vr"></div> <div class="vr"></div>
</div> </div>
<div class="btn-enquire enq-interested col-md-6 zoom-in-zoom-out " data-bs-toggle="modal" data-bs-target="#mainModalPopup"> <div class="btn-enquire enq-interested col-md-6 zoom-in-zoom-out " data-bs-toggle="modal"
data-bs-target="#mainModalPopup">
<i class="fa fa-envelope" aria-hidden="true"></i> Enquire Now <i class="fa fa-envelope" aria-hidden="true"></i> Enquire Now
</div> </div>
</div> </div>
...@@ -1340,7 +1371,8 @@ ...@@ -1340,7 +1371,8 @@
aria-hidden="true">×</span></button> aria-hidden="true">×</span></button>
<!-- <h4 class="modal-title">Enquire Now</h4> --> <!-- <h4 class="modal-title">Enquire Now</h4> -->
<h4 class="modal-title" style="color:#000;text-align:center;font-weight:normal;"> Aashrayaa Eco City </h4> <h4 class="modal-title" style="color:#000;text-align:center;font-weight:normal;"> Aashrayaa Eco
City </h4>
</div> </div>
<div class="imgext"> <div class="imgext">
<!-- <img src="images/novus-logo.png"> --> <!-- <img src="images/novus-logo.png"> -->
...@@ -1458,7 +1490,7 @@ ...@@ -1458,7 +1490,7 @@
<!-- <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> -->
<!-- <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> -->
<a href="tel:9901584670" class="call-btn zoom-in-zoom-out "><i class="fa fa-phone"></i></a> <a href="tel:8088004499" class="call-btn zoom-in-zoom-out "><i class="fa fa-phone"></i></a>
<!-- <button class="btn btn-danger download1 btn-download hidden-xs">Download Brochure</button> --> <!-- <button class="btn btn-danger download1 btn-download hidden-xs">Download Brochure</button> -->
<!-- ================ i am ==================== --> <!-- ================ i am ==================== -->
<div class="modal fade in" tabindex="-1" role="dialog" id="interested" data-backdrop="static" <div class="modal fade in" tabindex="-1" role="dialog" id="interested" data-backdrop="static"
...@@ -1470,7 +1502,8 @@ ...@@ -1470,7 +1502,8 @@
<span aria-hidden="true">×</span> <span aria-hidden="true">×</span>
</button> </button>
<!-- <h4 class="modal-title">Enquire Now</h4> --> <!-- <h4 class="modal-title">Enquire Now</h4> -->
<h4 class="modal-title" style="color:#000;text-align:center;font-weight:normal;"> Aashrayaa Eco City</h4> <h4 class="modal-title" style="color:#000;text-align:center;font-weight:normal;"> Aashrayaa Eco
City</h4>
</div> </div>
<div class="imgext"> <div class="imgext">
<!-- <img src="images/novus-logo.png"> --> <!-- <img src="images/novus-logo.png"> -->
...@@ -1536,7 +1569,8 @@ ...@@ -1536,7 +1569,8 @@
<span aria-hidden="true">×</span> <span aria-hidden="true">×</span>
</button> </button>
<!-- <h4 class="modal-title">Download Brochure</h4> --> <!-- <h4 class="modal-title">Download Brochure</h4> -->
<h4 class="modal-title" style="color:#000;text-align:center;font-weight:normal;"> <b>Aashrayaa Eco City <h4 class="modal-title" style="color:#000;text-align:center;font-weight:normal;"> <b>Aashrayaa Eco
City
</h4> </h4>
</div> </div>
<div class="imgext"> <div class="imgext">
...@@ -1601,7 +1635,8 @@ ...@@ -1601,7 +1635,8 @@
<span aria-hidden="true">×</span> <span aria-hidden="true">×</span>
</button> </button>
<!-- <h4 class="modal-title">Floor Plans</h4> --> <!-- <h4 class="modal-title">Floor Plans</h4> -->
<h4 class="modal-title" style="color:#000;text-align:center;font-weight:normal;"> Aashrayaa Eco City <h4 class="modal-title" style="color:#000;text-align:center;font-weight:normal;"> Aashrayaa Eco
City
</h4> </h4>
</div> </div>
<div class="imgext"> <div class="imgext">
...@@ -1712,8 +1747,7 @@ ...@@ -1712,8 +1747,7 @@
</div> </div>
<a id="layoutpdf1" style="display: none;" href="images/brochure.pdf" <a id="layoutpdf1" style="display: none;" href="images/brochure.pdf" download>
download>
</a> </a>
<!-- -====================== Floor Plan --> <!-- -====================== Floor Plan -->
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!