PriyanshuVishwakarma/wdipl-redesign
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

tick add in solution tab

Browse Source
This commit is contained in:
Priyanshu Vishwakarma
2024-12-27 17:39:52 +05:30
parent aa4de15d0f
commit b2fcc6f5a3
3 changed files with 97 additions and 76 deletions
Download Patch File Download Diff File Expand all files Collapse all files

157
assets/css/style-new.css
View File

@@ -236,7 +236,7 @@
}
.award-rec-sec img {
width: 75%;
width: 65%;
height: auto;
margin-bottom: 16px;
}
@@ -306,6 +306,11 @@
}
.dual-slider .slick-initialized .slick-slide {
display: flex;
justify-content: center;
}
#card_slide .slick-slide.slick-current.slick-active img {
transition: all 0.5s ease;
@@ -1068,38 +1073,43 @@ section.dual-slider .col-lg-10 {
background-color: #000;
color: #fff;
position: relative;
}
/* Content styling */
.details-content {
}
/* Content styling */
.details-content {
display: flex;
flex-direction: column;
position: relative;
opacity: 0; /* Initially hidden */
animation: show-content 1s ease forwards; /* Content visibility animation */
}
.details-content:nth-child(1) {
animation-delay: 0s; /* Show immediately with the first dot */
}
.details-content:nth-child(2) {
animation-delay: 2s; /* Trigger after the second dot blinks */
}
.details-content:nth-child(3) {
animation-delay: 4s; /* Trigger after the third dot blinks */
}
.details-img img {
opacity: 0;
/* Initially hidden */
animation: show-content 1s ease forwards;
/* Content visibility animation */
}
.details-content:nth-child(1) {
animation-delay: 0s;
/* Show immediately with the first dot */
}
.details-content:nth-child(2) {
animation-delay: 2s;
/* Trigger after the second dot blinks */
}
.details-content:nth-child(3) {
animation-delay: 4s;
/* Trigger after the third dot blinks */
}
.details-img img {
width: 22px;
height: 26px;
margin: 30px 0 20px;
}
/* Dot */
.dot {
/* Dot */
.dot {
width: 8px;
height: 8px;
background-color: #e5195e;
@@ -1107,18 +1117,18 @@ section.dual-slider .col-lg-10 {
position: relative;
opacity: 0;
animation: fade-in 1s ease forwards;
}
.details-content:nth-child(2) .dot {
}
.details-content:nth-child(2) .dot {
animation-delay: 1s;
}
.details-content:nth-child(3) .dot {
}
.details-content:nth-child(3) .dot {
animation-delay: 3s;
}
/* Line Animation */
.details-content:not(:last-child)::after {
}
/* Line Animation */
.details-content:not(:last-child)::after {
content: '';
position: absolute;
width: 0;
@@ -1130,46 +1140,50 @@ section.dual-slider .col-lg-10 {
transform-origin: left;
animation: line-grow 1s ease forwards;
border-radius: 10px;
}
.details-content:nth-child(1)::after {
}
.details-content:nth-child(1)::after {
animation-delay: 1s;
}
.details-content:nth-child(2)::after {
}
.details-content:nth-child(2)::after {
animation-delay: 3s;
}
/* Keyframes */
@keyframes fade-in {
}
/* Keyframes */
@keyframes fade-in {
0% {
opacity: 0;
transform: scale(0);
opacity: 0;
transform: scale(0);
}
100% {
opacity: 1;
transform: scale(1);
opacity: 1;
transform: scale(1);
}
}
@keyframes line-grow {
}
@keyframes line-grow {
0% {
width: 0;
width: 0;
}
100% {
width: 452px; /* Adjust based on spacing */
width: 452px;
/* Adjust based on spacing */
}
}
@keyframes show-content {
}
@keyframes show-content {
0% {
opacity: 0;
opacity: 0;
}
100% {
opacity: 1;
opacity: 1;
}
}
}
@@ -2002,6 +2016,7 @@ p.btn-sym {
.consulting-look-sec .left-sec {
max-width: 70%;
}
.consulting-look-sec .right-sec {
position: relative;
width: 300px;
@@ -2291,7 +2306,8 @@ p.btn-sym {
background-size: cover;
padding: 60px 0 100px;
}
.project-man-built .col-md-6{
.project-man-built .col-md-6 {
display: flex;
justify-content: center;
align-items: center;
@@ -2997,7 +3013,7 @@ p.btn-sym {
grid-template-columns: repeat(2, 1fr);
}
div#card_slide .next_arrow{
div#card_slide .next_arrow {
right: 43%;
}
@@ -3064,6 +3080,7 @@ p.btn-sym {
width: 75%;
height: auto;
}
.consulting-look-sec .consulting-side-img img {
right: -10%;
}
@@ -3073,12 +3090,13 @@ p.btn-sym {
@keyframes line-grow {
0% {
width: 0;
width: 0;
}
100% {
width: 300px;
width: 300px;
}
}
}
.dual-slider .bg-img {
height: 100vh;
@@ -3225,9 +3243,10 @@ p.btn-sym {
padding: 40px 0;
}
.project-man-built .row{
.project-man-built .row {
gap: 20px;
}
.details-content:not(:last-child)::after {
display: none;
}
@@ -3235,7 +3254,7 @@ p.btn-sym {
.dot {
display: none;
}
.details-container {
gap: 10px;
@@ -3554,7 +3573,7 @@ p.btn-sym {
.dual-slider .bg-img img {
height: 48vh;
object-fit: contain;
/* object-fit: contain; */
}
.two_slider_main {

8
pages/homepage.php
View File

@@ -609,9 +609,11 @@
<img src="../assets/images/new-img/arrow-down-circle.svg">
</h3>
<div class="accordion_content" style="display: none;">
<p class="grey-para">We maintain transparency throughout the journey...</p>
<p class="grey-para">An NDA protects the intellectual property...</p>
<p class="grey-para">We do not tie any of our clients...</p>
<ul class="custom-list">
<li>We maintain transparency throughout the journey...</li>
<li>An NDA protects the intellectual property...</li>
<li>We do not tie any of our clients...</li>
</ul>
</div>
</div>
</div>

8
pages/web-app-development.php
View File

@@ -306,22 +306,22 @@
<div class="award-content-main">
<div class="award-content">
<img loading="lazy" src="../assets/images/new-img/award-first.webp" alt="">
<img loading="lazy" src="../assets/images/new-img/award-first.svg" alt="">
<p>Top health and wellness app <br> developers Mumbai</p>
<p>2022</p>
</div>
<div class="award-content">
<img loading="lazy" src="../assets/images/new-img/award-second.webp" alt="">
<img loading="lazy" src="../assets/images/new-img/award-second.svg" alt="">
<p>Top Web Development <br> Company 2023</p>
<p>2022</p>
</div>
<div class="award-content">
<img loading="lazy" src="../assets/images/new-img/award-third.webp" alt="">
<img loading="lazy" src="../assets/images/new-img/award-third.svg" alt="">
<p>Top Web Development <br> Company 2023</p>
<p>2022</p>
</div>
<div class="award-content">
<img loading="lazy" src="../assets/images/new-img/award-fourth.webp" alt="">
<img loading="lazy" src="../assets/images/new-img/award-fourth.svg" alt="">
<p>Top Web Development <br> Company 2023</p>
<p>2022</p>
</div>