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 375 additions and 132 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.
index.php
This diff could not be displayed because it is too large.
script.js
...@@ -4,17 +4,19 @@ document.addEventListener("DOMContentLoaded", () => { ...@@ -4,17 +4,19 @@ document.addEventListener("DOMContentLoaded", () => {
counters.forEach((counter) => { counters.forEach((counter) => {
let startValue = 0; let startValue = 0;
const endValue = +counter.getAttribute("data-target"); const endValue = +counter.getAttribute("data-target");
const sign = counter.getAttribute("data-sign"); const sign = counter.getAttribute("data-sign");
const duration = 2000; const duration = 2000;
const increment = Math.ceil((endValue / duration) * 20); const increment = Math.ceil((endValue / duration) * 20);
const updateCounter = () => { const updateCounter = () => {
if (startValue < endValue) { if (startValue < endValue) {
startValue += increment; startValue += increment;
counter.innerText = Math.min(startValue, endValue); counter.innerText = Math.min(startValue, endValue);
setTimeout(updateCounter, 20); setTimeout(updateCounter, 20);
} else { } else {
counter.innerHTML = `${endValue}<span class="sign"> ${sign || ""}</span>`; counter.innerHTML = `${endValue}<span class="sign"> ${
sign || ""
}</span>`;
} }
}; };
...@@ -22,13 +24,11 @@ document.addEventListener("DOMContentLoaded", () => { ...@@ -22,13 +24,11 @@ document.addEventListener("DOMContentLoaded", () => {
}); });
}); });
// fancy box // fancy box
document.addEventListener('DOMContentLoaded', function () { document.addEventListener("DOMContentLoaded", function () {
Fancybox.bind('[data-fancybox="gallery-swiper"]', { Fancybox.bind('[data-fancybox="gallery-swiper"]', {
Toolbar: { Toolbar: {
display: ['zoom', 'close'], display: ["zoom", "close"],
}, },
Thumbs: { Thumbs: {
autoStart: true, autoStart: true,
...@@ -36,195 +36,214 @@ document.addEventListener('DOMContentLoaded', function () { ...@@ -36,195 +36,214 @@ document.addEventListener('DOMContentLoaded', function () {
}); });
}); });
// naviagtion bar
// naviagtion bar
// slider // slider
// banner slider // banner slider
var proprtySwiper = new Swiper('.banner-slider', { var proprtySwiper = new Swiper(".banner-slider", {
slidesPerView: 1, slidesPerView: 1,
spaceBetween: 30, spaceBetween: 30,
autoplay: { autoplay: {
delay: 2500, delay: 2500,
disableOnInteraction: false, disableOnInteraction: false,
}, },
navigation: { navigation: {
nextEl: '.banner-swiper-button-next', nextEl: ".banner-swiper-button-next",
prevEl: '.banner-swiper-button-prev', prevEl: ".banner-swiper-button-prev",
}, },
loop: true, loop: true,
}); });
var masterSwiper = new Swiper('.masterplanSwiper', { var masterSwiper = new Swiper(".masterplanSwiper", {
spaceBetween: 30, spaceBetween: 30,
navigation: { navigation: {
nextEl: '.swiper-button-next', nextEl: ".swiper-button-next",
prevEl: '.swiper-button-prev', prevEl: ".swiper-button-prev",
}, },
autoplay: { autoplay: {
delay: 2500, delay: 2500,
disableOnInteraction: false, disableOnInteraction: false,
}, },
breakpoints: { breakpoints: {
992:{ 992: {
slidesPerView:2, slidesPerView: 2,
spaceBetween:20, spaceBetween: 20,
}, },
768: { 768: {
slidesPerView: 1, slidesPerView: 1,
spaceBetween: 20, spaceBetween: 20,
}, },
480: { 480: {
slidesPerView: 1, slidesPerView: 1,
spaceBetween: 10, spaceBetween: 10,
}, },
360:{ 360: {
slidesPerView: 1, slidesPerView: 1,
spaceBetween: 10, spaceBetween: 10,
} },
},
});
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', { var floorSwiper = new Swiper(".mySwiper", {
slidesPerView: 2, slidesPerView: 2,
spaceBetween: 30, spaceBetween: 30,
autoplay: { autoplay: {
delay: 2500, delay: 2500,
disableOnInteraction: false, disableOnInteraction: false,
}, },
navigation: { navigation: {
nextEl: '.swiper-button-next', nextEl: ".swiper-button-next",
prevEl: '.swiper-button-prev', prevEl: ".swiper-button-prev",
}, },
}); });
// property slider // property slider
var proprtySwiper = new Swiper('.property-slider', { var proprtySwiper = new Swiper(".property-slider", {
slidesPerView: 1.2, slidesPerView: 1.2,
spaceBetween: 30, spaceBetween: 30,
autoplay: { autoplay: {
delay: 2500, delay: 2500,
disableOnInteraction: false, disableOnInteraction: false,
}, },
navigation: { navigation: {
nextEl: '.swiper-button-next', nextEl: ".swiper-button-next",
prevEl: '.swiper-button-prev', prevEl: ".swiper-button-prev",
}, },
loop: true, loop: true,
}); });
var proprtySwiper = new Swiper('.amenities-slider', { var proprtySwiper = new Swiper(".amenities-slider", {
spaceBetween: 60, // Default space spaceBetween: 60, // Default space
navigation: { navigation: {
nextEl: '.swiper-button-next-amenities', nextEl: ".swiper-button-next-amenities",
prevEl: '.swiper-button-prev-amenities', prevEl: ".swiper-button-prev-amenities",
}, },
autoplay: { autoplay: {
delay: 2000, delay: 2000,
disableOnInteraction: false, disableOnInteraction: false,
}, },
loop: true, loop: true,
breakpoints: { breakpoints: {
992:{ 992: {
slidesPerView:4, slidesPerView: 4,
spaceBetween:20, spaceBetween: 20,
}, },
768: { 768: {
slidesPerView: 2, slidesPerView: 2,
spaceBetween: 20, spaceBetween: 20,
}, },
480: { 480: {
slidesPerView: 2, slidesPerView: 2,
spaceBetween: 10, spaceBetween: 10,
}, },
320:{ 320: {
slidesPerView: 2, slidesPerView: 2,
spaceBetween: 10, spaceBetween: 10,
} },
}, },
}); });
var galleryslider = new Swiper(".gallery-slider", {
slidesPerView: 3,
var galleryslider = new Swiper('.gallery-slider', {
slidesPerView: 3,
spaceBetween: 0, spaceBetween: 0,
centeredSlides: true, centeredSlides: true,
navigation: { navigation: {
nextEl: '.gallery-swiper-button-next', nextEl: ".gallery-swiper-button-next",
prevEl: '.gallery-swiper-button-prev', prevEl: ".gallery-swiper-button-prev",
}, },
autoplay: { autoplay: {
delay: 2500, delay: 2500,
}, },
loop: true, loop: true,
breakpoints: { breakpoints: {
992:{ 992: {
slidesPerView:3 , slidesPerView: 3,
spaceBetween:20, spaceBetween: 20,
}, },
768: { 768: {
slidesPerView: 1, slidesPerView: 1,
spaceBetween: 20, spaceBetween: 20,
}, },
480: { 480: {
slidesPerView: 1, slidesPerView: 1,
spaceBetween: 10, spaceBetween: 10,
}, },
320:{ 320: {
slidesPerView: 1, slidesPerView: 1,
spaceBetween: 10, spaceBetween: 10,
} },
}, },
}); });
function openForm() {
function openForm() { document.getElementById("formModal").style.display = "block";
document.getElementById("formModal").style.display = "block"; }
function closeForm() {
document.getElementById("formModal").style.display = "none";
}
function flooropenForm() {
document.getElementById("floorformModal").style.display = "block";
}
function floorcloseForm() {
document.getElementById("floorformModal").style.display = "none";
}
// 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();
const checkbox = document.getElementById("exampleCheck1").checked;
const isValidPhone = /^[0-9]{10}$/.test(phone);
if (name && email && isValidPhone && checkbox) {
form.submit();
} }
});
function closeForm() { document.addEventListener("DOMContentLoaded", () => {
document.getElementById("formModal").style.display = "none";
}
function flooropenForm() {
document.getElementById("floorformModal").style.display = "block";
}
function floorcloseForm() {
document.getElementById("floorformModal").style.display = "none";
}
// 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();
const checkbox = document.getElementById("exampleCheck1").checked;
const isValidPhone = /^[0-9]{10}$/.test(phone);
if (name && email && isValidPhone && checkbox) {
form.submit();
}
});
document.addEventListener("DOMContentLoaded", () => {
const popupform = document.getElementById("popupform"); const popupform = document.getElementById("popupform");
popupform.addEventListener("input", () => { popupform.addEventListener("input", () => {
...@@ -233,7 +252,7 @@ var galleryslider = new Swiper('.gallery-slider', { ...@@ -233,7 +252,7 @@ var galleryslider = new Swiper('.gallery-slider', {
const email = document.getElementById("popup_email").value.trim(); const email = document.getElementById("popup_email").value.trim();
const isValidPhone = /^[0-9]{10}$/.test(phone); const isValidPhone = /^[0-9]{10}$/.test(phone);
if (name && email && isValidPhone) { if (name && email && isValidPhone) {
popupform.submit(); popupform.submit();
} }
}); });
}); });
...@@ -256,12 +275,10 @@ var galleryslider = new Swiper('.gallery-slider', { ...@@ -256,12 +275,10 @@ var galleryslider = new Swiper('.gallery-slider', {
// }); // });
// }); // });
// back to top // back to top
document.addEventListener("DOMContentLoaded", () => { document.addEventListener("DOMContentLoaded", () => {
const backToTopBtn = document.getElementById("backToTop"); const backToTopBtn = document.getElementById("backToTop");
window.addEventListener("scroll", () => { window.addEventListener("scroll", () => {
if (window.scrollY > 200) { if (window.scrollY > 200) {
backToTopBtn.style.display = "block"; backToTopBtn.style.display = "block";
......
style.css
...@@ -627,8 +627,169 @@ footer { ...@@ -627,8 +627,169 @@ footer {
filter: none; 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 --------------------------------------- */ /* -----------------------------Responsive --------------------------------------- */
@media (max-width: 768px) { @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 { header {
margin: 0rem 0rem; margin: 0rem 0rem;
} }
...@@ -810,8 +971,8 @@ footer { ...@@ -810,8 +971,8 @@ footer {
margin: 3rem 4rem; margin: 3rem 4rem;
} }
.customer-container2 { .customer-container2 {
margin: 3rem 4rem; margin: 3rem 4rem;
} }
.price_card { .price_card {
width: 488px; width: 488px;
height: 395px; height: 395px;
...@@ -953,14 +1114,77 @@ footer { ...@@ -953,14 +1114,77 @@ footer {
} }
} }
@media only screen and (max-width: 767px) { @media only screen and (max-width: 767px) {
.customer-container2 { .pricelist-content p {
margin: 3rem 0rem !important; margin-bottom: 5.125vw;
} font-size: 14px;
.tempo2{ }
.nav-tabs .nav-link {
width: 55% !important; 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 {
width: 55% !important;
}
.crd_l_text { .crd_l_text {
color: #505e69; color: #505e69;
text-align: center; text-align: center;
...@@ -971,15 +1195,18 @@ footer { ...@@ -971,15 +1195,18 @@ footer {
line-height: normal; line-height: normal;
text-transform: uppercase; text-transform: uppercase;
} }
.yr-crd-heading{ .yr-crd-heading {
font-size: 24px !important; font-size: 24px !important;
} }
.f-60 { .f-60 {
font-size: 21px !important; font-size: 21px !important;
} }
.intro-bdy{ .intro-bdy {
height: 1000px !important; height: 1000px !important;
} }
.sideimgprice img {
display: none;
}
} }
.f-60 { .f-60 {
font-size: 60px; font-size: 60px;
...@@ -1006,10 +1233,9 @@ footer { ...@@ -1006,10 +1233,9 @@ footer {
height: 300px; height: 300px;
} }
.tempo1{ .tempo1 {
} }
.tempo2{ .tempo2 {
color: white !important; color: white !important;
padding: 2%; padding: 2%;
height: auto; height: auto;
...@@ -1017,12 +1243,12 @@ footer { ...@@ -1017,12 +1243,12 @@ footer {
background-color: rgba(65, 64, 64, 0.556); background-color: rgba(65, 64, 64, 0.556);
position: absolute; position: absolute;
bottom: 0; bottom: 0;
left:0; left: 0;
z-index: 5; z-index: 5;
} }
.cntr-heading{ .cntr-heading {
font-size: 4rem; font-size: 4rem;
font-weight: 500;
line-height: 85px;
color: #505e69;
}
\ No newline at end of file \ No newline at end of file
font-weight: 500;
line-height: 85px;
color: #505e69;
}
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!