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
Expand all
Inline Side-by-side
Showing 11 changed files with 134 additions and 43 deletions
css/style.css
...@@ -230,25 +230,26 @@ p { ...@@ -230,25 +230,26 @@ p {
} }
.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:hover span{ .owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
background: #137022 !important; background: #137022 !important;
} }
.rera-para a{ .rera-para a {
border-bottom: 1px solid; border-bottom: 1px solid;
cursor: pointer; cursor: pointer;
color: #137022; color: #137022;
} }
.navbar-default .navbar-nav>li>a:hover { .navbar-default .navbar-nav>li>a:hover {
color: #77a743 !important; color: linear-gradient(26deg, #37893ad6 42%, #95d52de0 100%) !important;
border-bottom: 1px solid #77a743 !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,
...@@ -287,6 +288,10 @@ p { ...@@ -287,6 +288,10 @@ p {
width: 160px; width: 160px;
} }
.mob-img{
display: none;
}
@media (max-width: 767px) { @media (max-width: 767px) {
.navbar-nav { .navbar-nav {
/* margin: initial !important; */ /* margin: initial !important; */
...@@ -299,10 +304,25 @@ p { ...@@ -299,10 +304,25 @@ p {
margin-left: -10px; margin-left: -10px;
} }
.desk-img{
display: none;
}
.new { .new {
/* margin-top: 0px !important; */ /* margin-top: 0px !important; */
} }
.mob-img{
display: block;
}
.navbar-img {
width: 138px !important;
margin-top: 15px !important;
margin-left: 94px !important;
}
.navbar-brand { .navbar-brand {
padding: 0px; padding: 0px;
} }
...@@ -373,7 +393,7 @@ p { ...@@ -373,7 +393,7 @@ p {
position: relative; position: relative;
float: right; float: right;
padding: 9px 10px; padding: 9px 10px;
margin-top: 29px; margin-top: 29px;
margin-right: -15px; margin-right: -15px;
margin-bottom: 8px; margin-bottom: 8px;
background-color: transparent; background-color: transparent;
...@@ -498,7 +518,8 @@ margin-top: 29px; ...@@ -498,7 +518,8 @@ margin-top: 29px;
display: block; display: block;
width: 130px; width: 130px;
height: 2px; height: 2px;
background: linear-gradient(26deg, #37893ad6 42%, #95d52de0 100%) !important;; background: linear-gradient(26deg, #37893ad6 42%, #95d52de0 100%) !important;
;
right: -200px; right: -200px;
top: 40%; top: 40%;
position: absolute; position: absolute;
...@@ -532,7 +553,8 @@ margin-top: 29px; ...@@ -532,7 +553,8 @@ margin-top: 29px;
display: block; display: block;
width: 40px; width: 40px;
height: 2px; height: 2px;
background:linear-gradient(26deg, #37893ad6 42%, #95d52de0 100%) !important;; background: linear-gradient(26deg, #37893ad6 42%, #95d52de0 100%) !important;
;
left: -50px; left: -50px;
top: 40%; top: 40%;
position: absolute; position: absolute;
...@@ -543,7 +565,8 @@ margin-top: 29px; ...@@ -543,7 +565,8 @@ margin-top: 29px;
display: block; display: block;
width: 40px; width: 40px;
height: 2px; height: 2px;
background:linear-gradient(26deg, #37893ad6 42%, #95d52de0 100%) !important;; background: linear-gradient(26deg, #37893ad6 42%, #95d52de0 100%) !important;
;
right: -50px; right: -50px;
top: 40%; top: 40%;
position: absolute; position: absolute;
...@@ -558,7 +581,8 @@ margin-top: 29px; ...@@ -558,7 +581,8 @@ margin-top: 29px;
display: block; display: block;
width: 40px; width: 40px;
height: 2px; height: 2px;
background: linear-gradient(26deg, #37893ad6 42%, #95d52de0 100%) !important;; background: linear-gradient(26deg, #37893ad6 42%, #95d52de0 100%) !important;
;
left: -50px; left: -50px;
top: 40%; top: 40%;
position: absolute; position: absolute;
...@@ -569,7 +593,8 @@ margin-top: 29px; ...@@ -569,7 +593,8 @@ margin-top: 29px;
display: block; display: block;
width: 40px; width: 40px;
height: 2px; height: 2px;
background: linear-gradient(26deg, #37893ad6 42%, #95d52de0 100%) !important;; background: linear-gradient(26deg, #37893ad6 42%, #95d52de0 100%) !important;
;
right: -50px; right: -50px;
top: 40%; top: 40%;
position: absolute; position: absolute;
...@@ -759,11 +784,12 @@ hr { ...@@ -759,11 +784,12 @@ hr {
} }
.mytab>li:nth-child(1)>a { .mytab>li:nth-child(1)>a {
color: #77a743; color: linear-gradient(26deg, #37893ad6 42%, #95d52de0 100%) !important;;
} }
.mytab>li:nth-child(2)>a { .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 { .mytab>li:nth-child(3)>a {
...@@ -774,18 +800,18 @@ hr { ...@@ -774,18 +800,18 @@ hr {
.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: #77a743 !important; background: linear-gradient(26deg, #37893ad6 42%, #95d52de0 100%) !important;
border: 2px solid #77a743 !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;
} }
.paragraph{ .paragraph {
padding: 0 32px; padding: 0 32px;
} }
.paragraph span{ .paragraph span {
/* color:linear-gradient(26deg, #37893ad6 42%, #95d52de0 100%) !important; */ /* color:linear-gradient(26deg, #37893ad6 42%, #95d52de0 100%) !important; */
font-size: 4.3rem; font-size: 4.3rem;
background: -webkit-linear-gradient(26deg, #37893ad6 42%, #95d52de0 100%); background: -webkit-linear-gradient(26deg, #37893ad6 42%, #95d52de0 100%);
...@@ -794,7 +820,8 @@ hr { ...@@ -794,7 +820,8 @@ hr {
font-weight: 600; font-weight: 600;
letter-spacing: 1px; letter-spacing: 1px;
} }
.paragraph h4{
.paragraph h4 {
font-size: 2.8rem; font-size: 2.8rem;
} }
...@@ -802,8 +829,9 @@ hr { ...@@ -802,8 +829,9 @@ hr {
.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: #77a743; background: linear-gradient(26deg, #37893ad6 42%, #95d52de0 100%) !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;
...@@ -824,12 +852,12 @@ hr { ...@@ -824,12 +852,12 @@ hr {
.mytab>li>a:focus { .mytab>li>a:focus {
/* color: #2e476c; */ /* color: #2e476c; */
padding: 9px 20px !important; padding: 9px 20px !important;
border: 2px solid #77a743; border: 2px solid linear-gradient(26deg, #37893ad6 42%, #95d52de0 100%) !important;;
background-color: transparent; background-color: transparent;
} }
.mytab>li>a { .mytab>li>a {
color: #77a743; color: linear-gradient(26deg, #37893ad6 42%, #95d52de0 100%) !important;;
padding: 9px 20px !important; padding: 9px 20px !important;
/* border: 2px solid #2e476c; */ /* border: 2px solid #2e476c; */
border-radius: 25px; border-radius: 25px;
...@@ -911,8 +939,8 @@ hr { ...@@ -911,8 +939,8 @@ hr {
.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; */
color: #fff; color: #fff;
cursor: pointer; cursor: pointer;
border-radius: 25px; border-radius: 25px;
...@@ -924,8 +952,10 @@ hr { ...@@ -924,8 +952,10 @@ hr {
.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: 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;; ;
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;
...@@ -1746,6 +1776,7 @@ hr { ...@@ -1746,6 +1776,7 @@ hr {
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 {
...@@ -1758,14 +1789,14 @@ hr { ...@@ -1758,14 +1789,14 @@ hr {
text-transform: uppercase; text-transform: uppercase;
} }
.rera-para{ .rera-para {
font-size: 15px !important; font-size: 15px !important;
line-height: 22px; line-height: 22px;
letter-spacing: 0px; letter-spacing: 0px;
text-align: justify !important; text-align: justify !important;
} }
#overview{ #overview {
margin-top: 6rem; margin-top: 6rem;
} }
...@@ -1784,6 +1815,7 @@ hr { ...@@ -1784,6 +1815,7 @@ hr {
left: 130px; */ left: 130px; */
/* position: absolute; /* position: absolute;
text-transform: uppercase; */ text-transform: uppercase; */
display: none !important;
} }
} }
...@@ -2437,6 +2469,7 @@ b { ...@@ -2437,6 +2469,7 @@ b {
transform-origin: 0 0; transform-origin: 0 0;
-webkit-transform-origin: 0 0; -webkit-transform-origin: 0 0;
} }
} }
.overlay1 { .overlay1 {
...@@ -2478,10 +2511,14 @@ b { ...@@ -2478,10 +2511,14 @@ b {
font-weight: 800; font-weight: 800;
} }
.overview-form{ .overview-form {
margin-bottom: 26px; margin-bottom: 26px;
} }
.interested{
display: none;
}
} }
.stamp { .stamp {
...@@ -3065,8 +3102,8 @@ b { ...@@ -3065,8 +3102,8 @@ b {
.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; */
color: #fff; color: #fff;
height: 50px; height: 50px;
width: 50px; width: 50px;
...@@ -3087,8 +3124,10 @@ b { ...@@ -3087,8 +3124,10 @@ b {
.mytab>li:nth-child(2) { .mytab>li:nth-child(2) {
color: #fff; color: #fff;
background-color: 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;; ;
border: 2px solid linear-gradient(26deg, #37893ad6 42%, #95d52de0 100%) !important;
;
color: #fff; color: #fff;
height: 50px; height: 50px;
width: 50px; width: 50px;
...@@ -3423,7 +3462,7 @@ input[type="number"]::-webkit-outer-spin-button { ...@@ -3423,7 +3462,7 @@ input[type="number"]::-webkit-outer-spin-button {
text-align: justify; text-align: justify;
} */ } */
.paragraph h1{ .paragraph h1 {
text-align: center !important; text-align: center !important;
} }
...@@ -3441,31 +3480,31 @@ input[type="number"]::-webkit-outer-spin-button { ...@@ -3441,31 +3480,31 @@ input[type="number"]::-webkit-outer-spin-button {
margin: 20px 0; margin: 20px 0;
} }
.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;
} }
...@@ -3495,6 +3534,49 @@ input[type="number"]::-webkit-outer-spin-button { ...@@ -3495,6 +3534,49 @@ input[type="number"]::-webkit-outer-spin-button {
font-weight: 500; 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 { .overview {
margin: 50px 0px; margin: 50px 0px;
...@@ -3512,6 +3594,7 @@ input[type="number"]::-webkit-outer-spin-button { ...@@ -3512,6 +3594,7 @@ input[type="number"]::-webkit-outer-spin-button {
line-height: 22px; line-height: 22px;
margin: 0 10px; margin: 0 10px;
} }
} }
.moretext, .moretext,
...@@ -3520,7 +3603,11 @@ input[type="number"]::-webkit-outer-spin-button { ...@@ -3520,7 +3603,11 @@ input[type="number"]::-webkit-outer-spin-button {
} }
.bor-l { .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) { @media only screen and (max-width: 768px) {
...@@ -3530,21 +3617,25 @@ input[type="number"]::-webkit-outer-spin-button { ...@@ -3530,21 +3617,25 @@ input[type="number"]::-webkit-outer-spin-button {
padding: 0px; padding: 0px;
} }
.enquire-div {
display: flex;
}
#carousel-example-generic .item { #carousel-example-generic .item {
margin-top: 0px; margin-top: 0px;
} }
.paragraph h4{ .paragraph h4 {
text-align: center; text-align: center;
font-size: 1.8rem; font-size: 1.8rem;
} }
.paragraph span{ .paragraph span {
font-size: 2rem; font-size: 2rem;
} }
.paragraph h1{ .paragraph h1 {
font-size: 1.2rem; font-size: 1.2rem;
} }
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!