From d36373b093dd36392596dd2de75e3d7ef96b8d89 Mon Sep 17 00:00:00 2001 From: "Priyanshu.Vishwakarma" Date: Thu, 26 Dec 2024 14:37:28 +0530 Subject: [PATCH] manav image fix --- assets/css/style-new.css | 150 +++++++++++++++++++++++++--- assets/css/style.css | 8 +- assets/js/custom.js | 49 ++------- pages/android.php | 10 -- pages/consulting.php | 11 +- pages/contact-us.php | 53 +++++++--- pages/hire-mobile-app-developer.php | 10 -- pages/hybrid.php | 10 -- pages/ios.php | 10 -- pages/native.php | 9 -- pages/new-technology.php | 10 -- 11 files changed, 189 insertions(+), 141 deletions(-) diff --git a/assets/css/style-new.css b/assets/css/style-new.css index 6877fd7..5b16f01 100644 --- a/assets/css/style-new.css +++ b/assets/css/style-new.css @@ -1057,7 +1057,7 @@ section.dual-slider .col-lg-10 { justify-content: center; } -.details-content { +/* .details-content { padding-left: 30px; margin-top: 40px; } @@ -1078,8 +1078,125 @@ section.dual-slider .col-lg-10 { -ms-border-radius: 50%; -o-border-radius: 50%; margin-bottom: 45px; +} */ + + +/* Container styling */ +.details-container { + display: flex; + justify-content: space-between; + align-items: center; + padding: 20px; + gap: 40px; + background-color: #000; + color: #fff; + position: relative; + } + + /* 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 { + width: 22px; + height: 26px; + margin: 30px 0 20px; } + + /* Dot */ + .dot { + width: 8px; + height: 8px; + background-color: #e5195e; + border-radius: 50%; + position: relative; + opacity: 0; + animation: fade-in 1s ease forwards; + } + + .details-content:nth-child(2) .dot { + animation-delay: 1s; + } + + .details-content:nth-child(3) .dot { + animation-delay: 3s; + } + + /* Line Animation */ + .details-content:not(:last-child)::after { + content: ''; + position: absolute; + width: 0; + height: 8px; + background-color: #e5195e; + top: 4px; + left: 0px; + transform: translateY(-50%); + transform-origin: left; + animation: line-grow 1s ease forwards; + border-radius: 10px; + } + + .details-content:nth-child(1)::after { + animation-delay: 1s; + } + + .details-content:nth-child(2)::after { + animation-delay: 3s; + } + + /* Keyframes */ + @keyframes fade-in { + 0% { + opacity: 0; + transform: scale(0); + } + 100% { + opacity: 1; + transform: scale(1); + } + } + + @keyframes line-grow { + 0% { + width: 0; + } + 100% { + width: 444px; /* Adjust based on spacing */ + } + } + + @keyframes show-content { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } + } + + + + + .got-a-project-sec .lets_talk { display: flex; align-items: center; @@ -1385,14 +1502,6 @@ section.dual-slider .col-lg-10 { margin: 0px 0px -2px 8px; } -.why-choose-us-sec .lets_talk a { - border-radius: 4px; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - -ms-border-radius: 4px; - -o-border-radius: 4px; -} - .why-choose-us-content-main { display: grid; grid-template-columns: repeat(3, 1fr); @@ -1883,7 +1992,7 @@ p.btn-sym { .step-count-main .step { background-color: #E5195E; - padding: 10px 20px; + padding: 10px 19px; border-radius: 50%; font-weight: 600; } @@ -1894,11 +2003,12 @@ p.btn-sym { .consulting-look-sec { - margin: 40px 0; + margin: 70px 0 20px; background-image: url(../images/new-img/app-dev-bg.webp); background-repeat: no-repeat; background-size: cover; background-position: bottom; + padding: 0; } .consulting-content { @@ -1915,12 +2025,18 @@ p.btn-sym { .consulting-look-sec .left-sec { max-width: 70%; } +.consulting-look-sec .right-sec { + position: relative; + width: 300px; + height: 260px; +} .consulting-look-sec .consulting-side-img img { - width: 330px; - height: 300px; - mix-blend-mode: lighten; + width: 340px; + height: 320px; + position: absolute; + bottom: 0px; } @@ -2958,6 +3074,9 @@ p.btn-sym { width: 75%; height: auto; } + .consulting-look-sec .consulting-side-img img { + right: -10%; + } } @media (max-width:991px) { @@ -3106,6 +3225,9 @@ p.btn-sym { .section { padding: 40px 0; } + .consulting-look-sec .right-sec { + display: none; + } .mobile-download-main .head { font-size: 2.8rem; diff --git a/assets/css/style.css b/assets/css/style.css index db5359b..c400bc8 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -318,7 +318,7 @@ img.arrow_up { .header .nav_bar .drop_down .nav_link.contact_us { background: var(--orange); color: var(--white); - padding: 6px; + padding: 7px 14px; display: flex; align-items: center; gap: 10px; @@ -1881,10 +1881,10 @@ button.pdf.btn { .home-form .form-group label { position: absolute; top: 50%; - left: 10px; + left: 14px; transform: translateY(-50%); - font-size: 14px; - color: #ccc; + font-size: 16px; + color: #fff; pointer-events: none; transition: all 0.3s ease; } diff --git a/assets/js/custom.js b/assets/js/custom.js index 4440601..9ba0bbb 100644 --- a/assets/js/custom.js +++ b/assets/js/custom.js @@ -275,48 +275,12 @@ $(document).ready(function () { ], }); - // Handle scrolling within the dual-slider section - // const dualSliderSection = $('.dual-slider'); - // const cardSlider = $('#card_slide'); - // const sliderInstance = cardSlider.slick('getSlick'); - // let isScrolling = false; - - // $(window).on('wheel', function (e) { - // const isInSection = isElementInViewport(dualSliderSection[0]); - - // if (isInSection) { - // e.preventDefault(); // Prevent default scrolling behavior - - // if (isScrolling) return; // Debounce scrolling - // isScrolling = true; - - // setTimeout(() => { - // isScrolling = false; - // }, 400); - - // if (e.originalEvent.deltaY > 0) { - // // Scrolling down - // if (sliderInstance.slickCurrentSlide() < sliderInstance.$slides.length - 1) { - // cardSlider.slick('slickNext'); - // } else { - // // If the slider is at the last slide, allow scrolling to the next section - // $('html, body').animate({ - // scrollTop: dualSliderSection.offset().top + dualSliderSection.height() - // }, 600); - // } - // } else { - // // Scrolling up - // if (sliderInstance.slickCurrentSlide() > 0) { - // cardSlider.slick('slickPrev'); - // } else { - // // If the slider is at the first slide, allow scrolling to the previous section - // $('html, body').animate({ - // scrollTop: dualSliderSection.offset().top - $(window).height() - // }, 600); - // } - // } - // } - // }); + // Automatically trigger the Next button every 3 seconds + setInterval(function () { + if (isElementInViewport($("#card_slide")[0])) { + $(".next_arrow").trigger("click"); + } + }, 3000); // Utility function: Check if an element is in the viewport function isElementInViewport(el) { @@ -325,6 +289,7 @@ $(document).ready(function () { } }); + // *********** Portfolio slider end // *********** Range input start diff --git a/pages/android.php b/pages/android.php index 1c0cf46..c645712 100644 --- a/pages/android.php +++ b/pages/android.php @@ -293,16 +293,6 @@ - -
- - - - Let’s Team Up! - arrow-up - -
diff --git a/pages/consulting.php b/pages/consulting.php index 5a90e1a..2edcb94 100644 --- a/pages/consulting.php +++ b/pages/consulting.php @@ -525,6 +525,7 @@ +

Data-Driven Insights

@@ -536,16 +537,6 @@
- - diff --git a/pages/contact-us.php b/pages/contact-us.php index 34321d2..23df015 100644 --- a/pages/contact-us.php +++ b/pages/contact-us.php @@ -96,13 +96,13 @@ -
+

What is the current stage of your software development process?

@@ -139,7 +139,7 @@