Skip to content

sujata / sahu

Go to a project
Toggle navigation
Toggle navigation pinning
Commit b9d2fc97 by rajatsingh
Options

changes

1 parent 6a105923
Expand all
Inline Side-by-side
Showing 9 changed files with 320 additions and 77 deletions
assets/images/icons/1.svg 0 → 100644
This diff could not be displayed because it is too large.
assets/images/icons/2.svg 0 → 100644
This diff could not be displayed because it is too large.
assets/images/icons/3.svg 0 → 100644
This diff could not be displayed because it is too large.
script.js
......@@ -14,7 +14,9 @@ document.addEventListener("DOMContentLoaded", () => {
counter.innerText = Math.min(startValue, endValue);
setTimeout(updateCounter, 20);
} else {
counter.innerHTML = `${endValue}<span class="sign"> ${sign || ""}</span>`;
counter.innerHTML = `${endValue}<span class="sign"> ${
sign || ""
}</span>`;
}
};
......@@ -22,13 +24,11 @@ document.addEventListener("DOMContentLoaded", () => {
});
});
// fancy box
document.addEventListener('DOMContentLoaded', function () {
document.addEventListener("DOMContentLoaded", function () {
Fancybox.bind('[data-fancybox="gallery-swiper"]', {
Toolbar: {
display: ['zoom', 'close'],
display: ["zoom", "close"],
},
Thumbs: {
autoStart: true,
......@@ -36,17 +36,11 @@ document.addEventListener('DOMContentLoaded', function () {
});
});
// naviagtion bar
// slider
// banner slider
var proprtySwiper = new Swiper('.banner-slider', {
var proprtySwiper = new Swiper(".banner-slider", {
slidesPerView: 1,
spaceBetween: 30,
autoplay: {
......@@ -54,27 +48,26 @@ var proprtySwiper = new Swiper('.banner-slider', {
disableOnInteraction: false,
},
navigation: {
nextEl: '.banner-swiper-button-next',
prevEl: '.banner-swiper-button-prev',
nextEl: ".banner-swiper-button-next",
prevEl: ".banner-swiper-button-prev",
},
loop: true,
});
var masterSwiper = new Swiper('.masterplanSwiper', {
var masterSwiper = new Swiper(".masterplanSwiper", {
spaceBetween: 30,
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
autoplay: {
delay: 2500,
disableOnInteraction: false,
},
breakpoints: {
992:{
slidesPerView:2,
spaceBetween:20,
992: {
slidesPerView: 2,
spaceBetween: 20,
},
768: {
......@@ -86,14 +79,46 @@ var masterSwiper = new Swiper('.masterplanSwiper', {
slidesPerView: 1,
spaceBetween: 10,
},
360:{
360: {
slidesPerView: 1,
spaceBetween: 10,
}
},
},
});
var floorSwiper = new Swiper('.mySwiper', {
var ourVerticals = new Swiper(".Verticals", {
spaceBetween: 30,
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
autoplay: {
delay: 2500,
disableOnInteraction: false,
},
breakpoints: {
992: {
slidesPerView: 5,
spaceBetween: 20,
},
768: {
slidesPerView: 3,
spaceBetween: 20,
},
480: {
slidesPerView: 2,
spaceBetween: 10,
},
360: {
slidesPerView: 2,
spaceBetween: 10,
},
},
});
var floorSwiper = new Swiper(".mySwiper", {
slidesPerView: 2,
spaceBetween: 30,
autoplay: {
......@@ -101,13 +126,13 @@ var floorSwiper = new Swiper('.mySwiper', {
disableOnInteraction: false,
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
});
// property slider
var proprtySwiper = new Swiper('.property-slider', {
var proprtySwiper = new Swiper(".property-slider", {
slidesPerView: 1.2,
spaceBetween: 30,
autoplay: {
......@@ -115,19 +140,17 @@ var proprtySwiper = new Swiper('.property-slider', {
disableOnInteraction: false,
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
loop: true,
});
var proprtySwiper = new Swiper('.amenities-slider', {
var proprtySwiper = new Swiper(".amenities-slider", {
spaceBetween: 60, // Default space
navigation: {
nextEl: '.swiper-button-next-amenities',
prevEl: '.swiper-button-prev-amenities',
nextEl: ".swiper-button-next-amenities",
prevEl: ".swiper-button-prev-amenities",
},
autoplay: {
delay: 2000,
......@@ -135,9 +158,9 @@ var proprtySwiper = new Swiper('.amenities-slider', {
},
loop: true,
breakpoints: {
992:{
slidesPerView:4,
spaceBetween:20,
992: {
slidesPerView: 4,
spaceBetween: 20,
},
768: {
......@@ -149,31 +172,29 @@ var proprtySwiper = new Swiper('.amenities-slider', {
slidesPerView: 2,
spaceBetween: 10,
},
320:{
320: {
slidesPerView: 2,
spaceBetween: 10,
}
},
},
});
var galleryslider = new Swiper('.gallery-slider', {
var galleryslider = new Swiper(".gallery-slider", {
slidesPerView: 3,
spaceBetween: 0,
centeredSlides: true,
navigation: {
nextEl: '.gallery-swiper-button-next',
prevEl: '.gallery-swiper-button-prev',
nextEl: ".gallery-swiper-button-next",
prevEl: ".gallery-swiper-button-prev",
},
autoplay: {
delay: 2500,
},
loop: true,
breakpoints: {
992:{
slidesPerView:3 ,
spaceBetween:20,
992: {
slidesPerView: 3,
spaceBetween: 20,
},
768: {
......@@ -185,34 +206,32 @@ var galleryslider = new Swiper('.gallery-slider', {
slidesPerView: 1,
spaceBetween: 10,
},
320:{
320: {
slidesPerView: 1,
spaceBetween: 10,
}
},
},
});
function openForm() {
function openForm() {
document.getElementById("formModal").style.display = "block";
}
}
function closeForm() {
function closeForm() {
document.getElementById("formModal").style.display = "none";
}
}
function flooropenForm() {
function flooropenForm() {
document.getElementById("floorformModal").style.display = "block";
}
}
function floorcloseForm() {
function floorcloseForm() {
document.getElementById("floorformModal").style.display = "none";
}
}
// form submition
const form = document.getElementById("form");
form.addEventListener("input", () => {
// form submition
const form = document.getElementById("form");
form.addEventListener("input", () => {
const name = document.getElementById("name").value.trim();
const email = document.getElementById("exampleInputEmail1").value.trim();
const phone = document.getElementById("phonenumber").value.trim();
......@@ -222,9 +241,9 @@ var galleryslider = new Swiper('.gallery-slider', {
if (name && email && isValidPhone && checkbox) {
form.submit();
}
});
});
document.addEventListener("DOMContentLoaded", () => {
document.addEventListener("DOMContentLoaded", () => {
const popupform = document.getElementById("popupform");
popupform.addEventListener("input", () => {
......@@ -256,12 +275,10 @@ var galleryslider = new Swiper('.gallery-slider', {
// });
// });
// back to top
document.addEventListener("DOMContentLoaded", () => {
const backToTopBtn = document.getElementById("backToTop");
window.addEventListener("scroll", () => {
if (window.scrollY > 200) {
backToTopBtn.style.display = "block";
......
style.css
......@@ -627,8 +627,169 @@ footer {
filter: none;
}
.cust-container {
width: 84.375vw;
display: block;
margin: 0px auto;
}
.heading4 {
color: #4d4e4e;
text-align: center;
font-family: Optima;
font-size: 4.167vw;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
width: 67.125vw;
display: block;
margin: 0px auto;
}
.Verticals img {
width: 8vw;
height: 8vw;
display: block;
margin: 0px auto;
aspect-ratio: 3 / 3;
}
.Verticals p {
color: #505e69;
text-align: center;
font-family: Futura;
font-size: 1.667vw;
font-style: normal;
font-weight: 500;
line-height: 2.604vw;
text-transform: capitalize;
margin-top: 1.25vw;
margin-bottom: 0;
}
.pricelist {
/* background-color: #c9c9c980; */
padding: 4rem 0rem;
position: relative;
}
#priceelist {
margin-bottom: 2.5vw;
border-bottom: 1px solid #99a7b2;
width: 65%;
align-items: center;
}
.sideimgprice img {
position: absolute;
width: 23.365vw;
height: 23.063vw;
left: -6vw;
top: 10vw;
}
.cust-container-2 {
width: 93.5%;
}
.p-0 {
padding: 0;
}
.pdd-2 {
padding-left: 1.667vw;
margin-bottom: 5vw !important;
}
.pricelist-content {
padding-left: 1.667vw;
}
.pricelist-content p {
margin-bottom: 3.125vw;
font-size: 1.354vw;
}
.pricelist-content h3 {
color: #505e69;
font-family: Optima;
font-size: 2.083vw;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
margin-bottom: 3.125vw;
}
.primary-btn-2 {
background-color: transparent;
border-radius: 50%;
width: 10.417vw;
height: 10.417vw;
border: 1px solid var(--primary-color);
color: var(--primary-color);
display: flex;
align-items: center;
justify-content: center;
font-size: 1.042vw;
cursor: pointer;
transition: all 0.3s ease-in-out;
position: relative;
}
.primary-btn-2::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
border: 1px solid var(--primary-color);
animation: pulse 1.5s infinite;
opacity: 0;
}
.pricehead {
color: #4d4e4e;
font-family: Optima;
font-size: 4.167vw;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
}
/* -----------------------------Responsive --------------------------------------- */
@media (max-width: 768px) {
.sideimgprice img {
position: absolute;
width: 23.365vw;
height: 23.063vw;
left: -6vw;
top: 20vw;
}
.Verticals img {
width: 13vw;
height: 13vw;
display: block;
margin: 0px auto;
aspect-ratio: 3 / 3;
}
.Verticals p {
color: #505e69;
text-align: center;
font-family: Futura;
font-size: 18px;
}
.heading4 {
color: #4d4e4e;
text-align: center;
font-family: Optima;
font-size: 2rem;
width: 100%;
}
header {
margin: 0rem 0rem;
}
......@@ -811,7 +972,7 @@ footer {
}
.customer-container2 {
margin: 3rem 4rem;
}
}
.price_card {
width: 488px;
height: 395px;
......@@ -953,13 +1114,76 @@ footer {
}
}
@media only screen and (max-width: 767px) {
.pricelist-content p {
margin-bottom: 5.125vw;
font-size: 14px;
}
.nav-tabs .nav-link {
padding: 3vw 6vw;
}
#priceelist {
margin-bottom: 4.5vw;
border-bottom: 1px solid #99a7b2;
width: 80%;
align-items: center;
margin-top: 4.5vw;
}
.pricelist-content h3 {
color: #505e69;
font-family: Optima;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
margin-bottom: 5.125vw;
}
.primary-btn-2 {
background-color: transparent;
border-radius: 50%;
width: 25.417vw;
height: 25.417vw;
font-size: 12px;
}
.pricelist {
/* background-color: #c9c9c980; */
padding: 4rem 0rem;
position: relative;
}
.Verticals img {
width: 30vw;
height: auto;
display: block;
margin: 0px auto;
aspect-ratio: 3 / 3;
}
.heading4 {
color: #4d4e4e;
text-align: center;
font-family: Optima;
font-size: 1.5rem;
width: 100%;
}
.Verticals {
margin-top: 6vw;
}
.Verticals p {
color: #505e69;
text-align: center;
font-family: Futura;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 2.604vw;
text-transform: capitalize;
margin-top: 3.25vw;
margin-bottom: 0;
}
.customer-container2 {
margin: 3rem 0rem !important;
}
.tempo2{
.tempo2 {
width: 55% !important;
}
.crd_l_text {
color: #505e69;
......@@ -971,15 +1195,18 @@ footer {
line-height: normal;
text-transform: uppercase;
}
.yr-crd-heading{
.yr-crd-heading {
font-size: 24px !important;
}
.f-60 {
font-size: 21px !important;
}
.intro-bdy{
.intro-bdy {
height: 1000px !important;
}
.sideimgprice img {
display: none;
}
}
.f-60 {
font-size: 60px;
......@@ -1006,10 +1233,9 @@ footer {
height: 300px;
}
.tempo1{
.tempo1 {
}
.tempo2{
.tempo2 {
color: white !important;
padding: 2%;
height: auto;
......@@ -1017,10 +1243,10 @@ footer {
background-color: rgba(65, 64, 64, 0.556);
position: absolute;
bottom: 0;
left:0;
left: 0;
z-index: 5;
}
.cntr-heading{
.cntr-heading {
font-size: 4rem;
font-weight: 500;
line-height: 85px;
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!