diff --git a/assets/css/style-new.css b/assets/css/style-new.css index 556daed..88731dc 100644 --- a/assets/css/style-new.css +++ b/assets/css/style-new.css @@ -73,7 +73,7 @@ .p-top { - padding-top: 180px; + padding-top: 180px !important; } .strategic-sec { @@ -655,6 +655,7 @@ section.dual-slider .col-lg-10 { justify-content: center; } + .look-app-dev .mid-para { font-size: 1.8rem; color: #fff; @@ -762,18 +763,22 @@ section.dual-slider .col-lg-10 { } -/* .innovating-box-main { +.innovating-box-main { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 40px; margin: 40px 0; -} */ +} -.innovating-box-main { - display: grid; - grid-template-columns: repeat(3, 1fr); - grid-gap: 40px 60px; - margin: 40px 0; +.innovating-box { + padding: 20px; + border-radius: 8px; + border: 1px solid transparent; + transition: border 0.3s ease; +} + +.innovating-box:hover { + border: 1px solid #E5195E; } @@ -826,7 +831,7 @@ section.dual-slider .col-lg-10 { .home-form .lets_talk { display: flex; justify-content: center; - margin: 50px 0 30px 0; + margin: 50px 0; } .home-form .lets_talk a { @@ -845,7 +850,7 @@ section.dual-slider .col-lg-10 { border: none; background-color: transparent; resize: none; - padding: 12px 12px 20px 12px; + padding: 12px; border-bottom: 1px solid #4b4b4b; width: 100%; border-radius: 0; @@ -1744,6 +1749,8 @@ p.btn-sym { justify-content: space-between; } + + .solution-tab-main .sol-tab-first-content ul { padding-left: 1rem; display: flex; @@ -1802,20 +1809,34 @@ p.btn-sym { } -.consulting-look { - margin-top: 80px; +.consulting-look-sec { + margin: 80px 0; + background-image: url(../images/new-img/app-dev-bg.png); + background-repeat: no-repeat; + background-size: cover; + background-position: right; } -.consulting-look .look-side-img { - position: relative; +.consulting-content { + display: flex; + align-items: center; + justify-content: space-between; } -.consulting-look .look-side-img img { - position: absolute; - right: 5%; - width: 300px; - height: 250px; - bottom: -155px; +.consulting-look-sec .mid-para { + font-weight: 500; + font-size: 28px; +} + +.consulting-look-sec .left-sec { + max-width: 70%; +} + + +.consulting-look-sec .consulting-side-img img { + width: 330px; + height: 300px; + mix-blend-mode: lighten; } @@ -1867,6 +1888,7 @@ p.btn-sym { align-items: start; justify-content: end; height: 100%; + padding-bottom: 40px; } .company-banner-side-content .group-side { @@ -2355,10 +2377,16 @@ p.btn-sym { } .solution-tab .inn_data { - box-shadow: inset 0px 2px 5px rgba(255, 255, 255, 0.25); + box-shadow: inset 0px 2px 5px rgba(255, 255, 255, 0.1); border-radius: 8px; margin-bottom: 20px; background-color: #2b2b2b; + transition: transform 0.3s ease; +} + +.solution-tab .inn_data:hover { + transform: scale(1.01); + box-shadow: inset 0px 2px 5px rgba(255, 255, 255, 0.25); } .solution-tab .accordion_content { @@ -2456,8 +2484,14 @@ p.btn-sym { background-position: center; background-size: cover; background-repeat: no-repeat; + transition: all 0.3s ease; } +.industries-we-serve-box:hover { + scale: 1.03; +} + + .industries-we-serve-box .mid-para { font-weight: 500; } @@ -2702,6 +2736,11 @@ p.btn-sym { } @media (max-width:1199px) { + + .four-grid .transform-box-main { + grid-template-columns: repeat(2, 1fr); + } + .block-main { grid-template-columns: repeat(2, 1fr); } @@ -2710,6 +2749,30 @@ p.btn-sym { left: 42%; } + .solution-tab { + padding: 20px 12px; + } + + .solution-tab .nav-link { + padding: 6px 10px; + flex: none; + font-size: 13px; + } + + .solution-tab .nav-link:hover { + padding: 6px 10px; + } + + .solution-tab .nav-tabs .nav-item.show .nav-link, + .solution-tab .nav-tabs .nav-link.active { + padding: 8px 12px; + } + + .solution-tab .nav-link img { + width: 16px; + height: 16px; + } + } @media (max-width:1080px) { @@ -2717,6 +2780,22 @@ p.btn-sym { width: 100%; height: 170px; } + + .dual-slider .bg-img img { + object-fit: fill; + } + + section.dual-slider .col-lg-10 { + bottom: 10%; + } + + div#card_slide .prev_arrow { + bottom: -45%; + } + + div#card_slide .next_arrow { + bottom: -45%; + } } @media (max-width:1024px) { @@ -2724,13 +2803,72 @@ p.btn-sym { width: 100%; height: 180px; } - - section.dual-slider .col-lg-10 { - bottom: 30%; - } } @media (max-width:991px) { + + .why-hire-sec .transform-box-main { + grid-template-columns: repeat(2, 1fr); + } + + .dual-slider .bg-img img { + height: 100vh; + } + + .develope-ai-sec .row { + flex-direction: column-reverse; + } + + .we-see-solution-sec .row { + flex-direction: column; + gap: 20px; + } + + .develope-ai-sec .col-md-7, + .develope-ai-sec .col-md-5, + .we-see-solution-sec .col-md-6 { + width: 100%; + } + + .develope-ai-sec .col-md-5 img { + scale: 1; + } + + .why-choose-us-content-main { + grid-template-columns: repeat(2, 1fr); + } + + .look-app-dev .col-md-6:last-child { + position: relative; + } + + .look-app-dev .look-side-img { + position: absolute; + bottom: 0; + } + + .craft-scalable-sec .row { + flex-direction: column; + gap: 20px; + } + + .craft-scalable-sec .row .col-md-7, + .craft-scalable-sec .row .col-md-5 { + width: 100%; + } + + .craft-scalable-sec .row .col-md-5 { + width: 100%; + } + + .craft-scalable-content-main { + margin-bottom: 22px; + } + + .industries-we-serve-box-main { + grid-template-columns: repeat(2, 1fr); + } + .choose-your-path-main { grid-template-columns: repeat(2, 1fr); } @@ -2741,9 +2879,9 @@ p.btn-sym { padding: 30px 0; } - .dual-slider .bg-img { + /* .dual-slider .bg-img { height: 145vh; - } + } */ .content-download-sec { gap: 10px; @@ -2762,9 +2900,9 @@ p.btn-sym { } - .dual-slider .bg-img img { + /* .dual-slider .bg-img img { height: 69%; - } + } */ div#card_slide .next_arrow { right: 40%; @@ -2782,6 +2920,153 @@ p.btn-sym { display: none; } + .section { + padding: 40px 0; + } + + .solution-tab-main .nav-tabs { + width: 100%; + flex-wrap: nowrap; + overflow-x: auto; + overflow-y: hidden; + padding-bottom: 1px; + } + + .solution-tab-main .nav-tabs .nav-item { + flex-grow: 1; + text-align: center; + white-space: nowrap; + } + + .steps-main { + grid-template-columns: repeat(2, 1fr); + } + + .why-hire-sec .transform-box-main { + grid-template-columns: repeat(1, 1fr); + } + + .consulting-look-sec .container { + max-width: 720px; + } + + .consulting-look-sec .consulting-side-img img { + width: 225px; + height: 200px; + } + + + .digital-transform .transform-box:last-child { + grid-column: span 1; + } + + .futuretech-sec .pink-txt { + padding-left: 0 !important; + padding-top: 20px !important; + } + + .our-flutter-team-left-img { + width: 100%; + height: auto; + } + + .built-for-left-img img { + width: 100%; + } + + .our-flutter-team-sec .row, + .app-built-for .row { + gap: 20px; + } + + .our-flutter-team-side-content { + margin-top: 20px; + } + + .futuretech-sec .col-md-7 { + border-left: none; + } + + .learn-ai-sec .row, + .app-built-for .row { + flex-direction: column-reverse; + } + + .learn-ai-sec .col-md-6 .head { + font-size: 2.5rem; + margin-top: 20px; + } + + .how_we_leverage .main_box { + grid-template-columns: repeat(2, 1fr); + } + + .why-choose-us-content-main { + grid-template-columns: repeat(1, 1fr); + } + + .fintech-sec { + padding-top: 20px; + } + + .fintech-right-box-main { + padding: 0; + } + + .fintech-sec .row .col-md-8 { + border-left: none; + } + + .our-values-box-main { + grid-template-columns: repeat(2, 1fr); + border-top: none; + } + + .our-values-box:last-child { + border-right: 1px solid #262626; + } + + .web-dev .transform-box-main .transform-box:first-child { + grid-column: span 1; + } + + .look-side-img { + display: none; + } + + .built-for-scale-sec .row { + padding: 0 20px; + } + + .built-for-scale-sec .built-for-ios img { + scale: 1.2; + } + + .company-sets-apart .transform-box-main { + grid-template-columns: repeat(1, 1fr); + } + + .dual-slider .bg-img { + height: 100vh; + } + + .cl-downside-img { + position: inherit; + } + + .solution-tab .nav { + overflow-x: auto; + width: 100%; + flex-wrap: nowrap; + border: none; + height: 100%; + overflow-y: hidden; + } + + .solution-tab .nav { + padding-bottom: 16px; + } + .portfolio-box-main { grid-template-columns: repeat(1, 1fr); } @@ -2833,10 +3118,6 @@ p.btn-sym { width: 100%; } - .dual-slider .bg-img img { - object-fit: fill; - } - .crafting-sec .row, .cloud-sec .row, @@ -2884,7 +3165,7 @@ p.btn-sym { .cmm-inputs-main input, .cmm-inputs-main select, .cmm-inputs-main textarea { - padding: 12px; + padding: 12px 12px 20px 10px; margin-bottom: 20px; } @@ -2952,13 +3233,70 @@ p.btn-sym { @media (max-width:576px) { + .head { + font-size: 2.4rem; + line-height: 120%; + } + + .comp-count-main .comp-count { + padding-right: 0px; + padding-top: 20px; + } + + .consulting-content { + flex-direction: column-reverse; + } + + .consulting-look-sec .left-sec { + max-width: 100%; + } + + .crafting-sec .box { + padding: 12px 18px; + } + + .our-values-box { + padding-right: 20px; + padding-top: 20px; + } + + .built-for-scale-sec .built-for-ios img { + scale: 1; + } + + .flutter-exp-main { + grid-template-columns: repeat(1, 1fr); + grid-gap: 36px 40px; + } + + .four-grid .transform-box-main { + grid-template-columns: repeat(1, 1fr); + } + + .choose-your-path-box { + backdrop-filter: blur(-1px) saturate(180%); + -webkit-backdrop-filter: blur(-1px) saturate(180%); + } + + .industries-we-serve-box { + padding: 28px 20px; + } + + .industries-we-serve-box .mid-para { + margin-bottom: 24px; + } + + .industries-we-serve-box-main { + grid-template-columns: repeat(1, 1fr); + } + .choose-your-path-main { grid-template-columns: repeat(1, 1fr); } .dual-slider .bg-img { - height: 160vh; + height: 100vh; } div#card_slide .prev_arrow { @@ -2993,7 +3331,7 @@ p.btn-sym { } .dual-slider .bg-img img { - height: 62%; + height: -webkit-fill-available; } .mobile-download-main { @@ -3022,6 +3360,9 @@ p.btn-sym { bottom: 12%; } + .how_we_leverage .main_box { + grid-template-columns: repeat(1, 1fr); + } } @media (max-width:420px) { @@ -3030,4 +3371,8 @@ p.btn-sym { grid-template-columns: repeat(1, 1fr); } + .fintech-right-box-main { + grid-template-columns: repeat(1, 1fr); + } + } \ No newline at end of file diff --git a/assets/css/style.css b/assets/css/style.css index 946889f..f4c2779 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -1872,6 +1872,78 @@ button.pdf.btn { +.home-form { + margin-top: 50px; +} +.home-form .form-group { + position: relative; + margin-bottom: 20px; +} + +.home-form .form-group input, +.home-form .form-group select, +.home-form .form-group textarea { + width: 100%; + outline: none; + background: none; + resize: none; +} + +.home-form .form-group label { + position: absolute; + top: 50%; + left: 10px; + transform: translateY(-50%); + font-size: 14px; + color: #ccc; + pointer-events: none; + transition: all 0.3s ease; +} + +.home-form .form-group input:focus + label, +.home-form .form-group input:not(:placeholder-shown) + label, +.home-form .form-group select:focus + label, +.home-form .form-group select:not([value=""]) + label, +.home-form .form-group textarea:focus + label, +.home-form .form-group textarea:not(:placeholder-shown) + label { + top: -10px; + font-size: 16px; + color: #969696; +} + + + + + /* for all social containers*/ + .socialContainer { + width: 50px; + height: 50px; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + overflow: hidden; + transition-duration: 1s; + cursor: pointer; + } + + + .socialContainer:hover .socialSvg { + animation: slide-in-top 0.3s both; + } + + @keyframes slide-in-top { + 0% { + transform: translateY(-50px); + opacity: 0; + } + + 100% { + transform: translateY(0); + opacity: 1; + } + } + /* mobile responsive start */ @@ -2367,8 +2439,7 @@ button.pdf.btn { } .why_wdipl_section .container { - gap: 50px; - flex-direction: column; + gap: 20px; } .why_wdipl_section .why_inner, @@ -2397,7 +2468,7 @@ button.pdf.btn { } .why_choose_other_sec .lighting_hand img { - width: 100%; + width: 50%; } } @@ -2407,7 +2478,9 @@ button.pdf.btn { .request_the_price_sec .radio_btn_side ul { grid-template-columns: repeat(1, 1fr); } - + .lets_talk a, .lets_talk button { + font-size: 15px; + } } diff --git a/assets/js/custom.js b/assets/js/custom.js index 41acb55..835eb9b 100644 --- a/assets/js/custom.js +++ b/assets/js/custom.js @@ -79,18 +79,6 @@ window.addEventListener("scroll", () => { // navigate-bar start -const navigate = document.querySelector("#top_navigate_bar"); - -window.addEventListener("scroll", () => { - const currentScroll = window.scrollY; - if (currentScroll > 100) { - navigate.classList.add("other_class"); - } else { - navigate.classList.remove("other_class"); - } -}); - -// navigate-bar end // header accordion start diff --git a/components/footer.php b/components/footer.php index fdb9acc..4824078 100644 --- a/components/footer.php +++ b/components/footer.php @@ -89,21 +89,21 @@
©Copyright 2023 WDIPL – Software company. All rights reserved
diff --git a/components/footer2.php b/components/footer2.php deleted file mode 100644 index 2777fc4..0000000 --- a/components/footer2.php +++ /dev/null @@ -1,150 +0,0 @@ - - -Our talented team of developers, designers, and engineers has consistently demonstrated
a dedication to pushing the
boundaries of what is possible in the digital landscape.
Looking for the Best in App Development?
Our talented team of developers, designers, and engineers has consistently demonstrated
a dedication to pushing the
boundaries of what is possible in the digital landscape.
Our talented team of developers, designers, and engineers has consistently demonstrated
a dedication to pushing the
boundaries of what is possible in the digital landscape.
How We Work
Our talented team of developers, designers, and engineers has consistently demonstrated @@ -432,7 +432,7 @@
Enterpret will integrate directly with any feedback channel. Take advantage of our CSV importer or API
Explore 1000+ resources
Over 1,000 articles on emerging tech trends and breakthroughs.
Ready to Lead the Financial Revolution?
Get in touch with our fintech experts to build solutions that power your business
forward.