This commit is contained in:
Roshan476
2025-12-28 10:23:22 +05:45
parent 5512e0e8ed
commit 9ad039d147
19 changed files with 408 additions and 374 deletions

View File

@@ -153,6 +153,7 @@
visibility:hidden;
opacity:0;
}
}
@media only screen and (max-width: 767px){
@@ -173,7 +174,7 @@
width: 100%;
}
.sec-title h2 {
font-size: 40px;
font-size: 26px;
line-height: 50px;
}
.footer-bottom .content {
@@ -299,6 +300,51 @@
}
@media only screen and (max-width: 350px) {
}
@media (min-width: 768px) and (max-width: 1024px) {
.banner-section-two .content-box .image img {
height: 500px;
position: relative;
margin-top: 230px;
object-fit: cover;
}
.banner-section-two .video-box,.banner-section-two .contact-number {
display: none;
}
.banner-section-two .content-box .image-wrapper {
display: block;
}
.about-us-section {
margin-bottom: 80px;
}
.mySwiper-video .swiper-slide {
width: 232.667px !important;
}
}
@media (max-width: 576px) {
.venture-card {
height: 220px;
}
.mySwiper-video .swiper-slide {
width: 100% !important;
}
}
@media (min-width: 768px) {
.venture-card {
height: 260px;
}
}
@media (min-width: 992px) {
.venture-card {
height: 300px;
}
}

View File

@@ -2716,7 +2716,7 @@ a{
.testimonials-section {
position: relative;
padding: 0px 0 120px;
/* padding: 0px 0 120px; */
/* background-color: #e9f7f2; */
}
.testimonials-section.about{
@@ -4803,6 +4803,10 @@ gap: 8px;
background-color: #e5f8f1;
border-radius: 10px;
}
.contact-form-section.popupp{
padding: 0px !important;
}
.contact-form-section .contact-form {
position: relative;
@@ -5624,15 +5628,37 @@ gap: 8px;
.mobile-menu .nav-logo img {
max-width: 175px;
}
.modal-header .btn-close {
padding: 0px !important;
}
.modal-header {
background-color: whitesmoke;
}
.modal-dialog-scrollable .modal-body {
background-color: #e5f8f1;
padding: 0px !important;
}
.modal-header .btn-close {
color:white;
}
.modal-header {
justify-content: flex-end;
}
/* raffle video */
.mySwiper-video {
width: 100%;
height: 100%;
}
.modal-header{
padding: 10px 10px !important;
}
.modal-header button i{
font-size: 21px;
}
.mySwiper-video .swiper-slide {
width: 376.667px !important;
text-align: center;
font-size: 18px;
/* background: #fff; */
@@ -5660,11 +5686,12 @@ gap: 8px;
.video-container {
position: relative;
width: 100%;
height: 500%;
height: 400px;
overflow: hidden;
border-radius: 10px;
cursor: pointer;
border-radius: 30px;
aspect-ratio: 16 / 9; /* same as most videos */
}
.contact-btn1{
position: absolute !important;
@@ -5711,10 +5738,11 @@ gap: 8px;
.video-container video {
width: 100%;
height: 100%;
object-fit: cover;
object-fit: contain;
border-radius: 30px;
border: 2px solid var(--primary-color1);
}
object-position: center;
}
.video-section.rafflee{
/* padding: 40px !important; */
@@ -5748,3 +5776,72 @@ gap: 8px;
border-radius: 30px;
}
/* venture */
/* Section */
.ventures-section {
padding: 80px 0;
background: #e9f7f2;
}
.ventures-container {
max-width: 1200px;
margin: auto;
padding: 0 15px;
}
/* Header */
.ventures-header {
margin-bottom: 50px;
}
.ventures-subtitle {
display: block;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 2px;
color: #ff6600;
margin-bottom: 10px;
}
.ventures-title {
font-size: 36px;
font-weight: 700;
color: #222;
}
/* Card */
.venture-card {
width: 100%;
height: 280px;
background: #fff;
border-radius: 12px;
padding: 30px;
text-align: center;
box-shadow: 0 10px 25px rgba(0,0,0,0.08);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.venture-card img {
width: 100%;
height: 100%;
object-fit: contain; /* Keeps aspect ratio, no compression */
object-position: center;
display: block;
}
.venture-card:hover {
transform: translateY(-10px);
box-shadow: 0 20px 35px rgba(0,0,0,0.12);
}
/* Swiper Controls */
.swiper-button-next,
.swiper-button-prev {
color: #ff6600;
}
.swiper-pagination-bullet {
background: #ff6600;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 952 KiB

32
assets/js/venture.js Normal file
View File

@@ -0,0 +1,32 @@
new Swiper(".ventures-swiper", {
slidesPerView: 4,
spaceBetween: 30,
loop: true,
autoplay: {
delay: 2500,
disableOnInteraction: false,
},
pagination: {
el: ".swiper-pagination",
clickable: true,
},
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
breakpoints: {
0: {
slidesPerView: 1,
},
576: {
slidesPerView: 2,
},
992: {
slidesPerView: 3,
},
1200: {
slidesPerView: 4,
}
}
});