diff --git a/assets/css/style-new.css b/assets/css/style-new.css index 23f860c..15d1a51 100644 --- a/assets/css/style-new.css +++ b/assets/css/style-new.css @@ -273,14 +273,39 @@ p { gap: 10px; align-items: center; text-align: center; + transition: all 0.3s ease-in; + -webkit-transition: all 0.3s ease-in; + -moz-transition: all 0.3s ease-in; + -ms-transition: all 0.3s ease-in; + -o-transition: all 0.3s ease-in; +} + +.award-rec-sec .award-content:hover img { + transform: scale(1.06); + -webkit-transform: scale(1.06); + -moz-transform: scale(1.06); + -ms-transform: scale(1.06); + -o-transform: scale(1.06); + transition: transform 0.3s ease-in; + -webkit-transition: transform 0.3s ease-in; + -moz-transition: transform 0.3s ease-in; + -ms-transition: transform 0.3s ease-in; + -o-transition: transform 0.3s ease-in; } .award-rec-sec img { - width: 90%; + width: 88%; height: auto; margin-bottom: 16px; + transition: transform 0.3s ease-in; + -webkit-transition: transform 0.3s ease-in; + -moz-transition: transform 0.3s ease-in; + -ms-transition: transform 0.3s ease-in; + -o-transition: transform 0.3s ease-in; } + + .team-aug-sec { background: #121212; } @@ -601,12 +626,8 @@ button.next_arrow { margin-bottom: 10px; } -.choose-your-path-box .lets_talk a, -.lets_talk button { - padding: 8px 25px; - font-weight: 400; - font-size: 0.9rem; - margin-bottom: 10px; +.choose-your-path-box .lets_talk { + margin: 0; } /* ***** Ai page start ***** */ @@ -936,6 +957,10 @@ button.next_arrow { margin: 50px 0; } +.lets_talk{ + margin-top: 30px; +} + .home-form .lets_talk a, .home-form .lets_talk button { width: 30%; @@ -1536,10 +1561,7 @@ button.next_arrow { -.hire-expert-sec { - padding-bottom: 80px; - padding-top: 200px; -} +.hire-expert-sec {} .hire-expert-sec .lets_talk { margin-top: 30px; @@ -3489,9 +3511,53 @@ p.btn-sym { +/* hire uiux */ +.hire-uiux-sec { + background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../images/new-img/uiux-banner.webp); + background-repeat: no-repeat; + background-position: center; + background-size: cover; +} +.experience-count-sec { + padding: 80px 0; +} +.experience-count-main { + display: flex; + align-items: center; + justify-content: space-around; + gap: 40px; + flex-wrap: wrap; +} + +.experience-count { + display: flex; + align-items: center; + gap: 20px; +} + +.experience-count-img { + padding: 14px; + background-color: #333333; + border-radius: 4px; +} + +.experience-count img { + width: 30px; + height: 30px; +} + +.experience-count-inn .mid-para { + font-weight: 700; + font-size: 1.8rem; + margin-bottom: 2px; +} + +.experience-count-inn .grey-para { + margin-bottom: 0; +} @@ -3660,6 +3726,23 @@ p.btn-sym { @media (max-width:991px) { + .experience-count { + gap: 10px; + } + + .experience-count-main { + gap: 20px; + } + + .experience-count-inn .mid-para { + font-size: 1.5rem; + } + + .experience-count-inn .grey-para { + margin-bottom: 0; + font-size: 14px; + } + .developer-cards { grid-template-columns: repeat(2, 1fr); } @@ -3867,6 +3950,17 @@ p.btn-sym { padding: 40px 0; } + .experience-count-main { + gap: 30px; + align-items: center; + } + + .experience-count { + justify-content: center; + flex-direction: column; + text-align: center; + } + .developer-cards { grid-template-columns: repeat(1, 1fr); } diff --git a/assets/css/style.css b/assets/css/style.css index 5359d4c..70024fa 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -88,8 +88,8 @@ li { } ::-webkit-scrollbar { - width: .3rem; - height: .1rem; + width: .6rem; + height: .07rem; } ::-webkit-scrollbar-track { diff --git a/assets/images/new-img/customer-satisfaction.webp b/assets/images/new-img/customer-satisfaction.webp new file mode 100644 index 0000000..6c541dd Binary files /dev/null and b/assets/images/new-img/customer-satisfaction.webp differ diff --git a/assets/images/new-img/project-comp.webp b/assets/images/new-img/project-comp.webp new file mode 100644 index 0000000..96b46b4 Binary files /dev/null and b/assets/images/new-img/project-comp.webp differ diff --git a/assets/images/new-img/uiux-banner.webp b/assets/images/new-img/uiux-banner.webp new file mode 100644 index 0000000..6d0ac4b Binary files /dev/null and b/assets/images/new-img/uiux-banner.webp differ diff --git a/assets/images/new-img/year-of-exp.webp b/assets/images/new-img/year-of-exp.webp new file mode 100644 index 0000000..9d8f3fd Binary files /dev/null and b/assets/images/new-img/year-of-exp.webp differ diff --git a/assets/js/custom.js b/assets/js/custom.js index 12e58da..1af7633 100644 --- a/assets/js/custom.js +++ b/assets/js/custom.js @@ -2,7 +2,7 @@ document.addEventListener("click", (e) => { const isDropdownButton = e.target.matches("[data_dropdown_button]"); - + // If click is inside an active dropdown, do nothing if (!isDropdownButton && e.target.closest("[data_dropdown]") != null) return; @@ -356,3 +356,60 @@ slider.addEventListener("input", updateSliderProgress); updateSliderProgress(); // *********** Range input end + + + +// *********** Countdown start + + +function animateCountUp(element, target, duration) { + let start = 0; + const increment = Math.ceil(target / (duration / 16)); + + const timer = setInterval(() => { + start += increment; + if (start >= target) { + element.textContent = target + "+"; + clearInterval(timer); + } else { + element.textContent = start + "+"; + } + }, 16); +} + +function startCounterAnimation() { + const parent = document.querySelector(".experience-count-main"); + if (parent) { + const counters = parent.querySelectorAll(".mid-para"); + const durations = [2000, 2000, 2000]; + + counters.forEach((counter, index) => { + const target = parseInt(counter.textContent.replace("+", "")); + animateCountUp(counter, target, durations[index]); + }); + } +} + +document.addEventListener("DOMContentLoaded", () => { + const section = document.querySelector(".experience-count-sec"); + + if (section) { + const observer = new IntersectionObserver( + (entries, observer) => { + entries.forEach((entry) => { + if (entry.isIntersecting) { + startCounterAnimation(); + observer.unobserve(section); + } + }); + }, + { threshold: 0.5 } + ); + + observer.observe(section); + } +}); + + + +// *********** Countdown end diff --git a/pages/ai-app.php b/pages/ai-app.php index 96991bd..dca115d 100644 --- a/pages/ai-app.php +++ b/pages/ai-app.php @@ -680,7 +680,7 @@
- Cloud Service + Google Cloud Service
diff --git a/pages/hire-mobile-app-developer.php b/pages/hire-mobile-app-developer.php index bbc5909..bf4dd23 100644 --- a/pages/hire-mobile-app-developer.php +++ b/pages/hire-mobile-app-developer.php @@ -12,18 +12,20 @@