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

wdi homepage work

Browse Source
This commit is contained in:
Priyanshu Vishwakarma
2024-12-17 16:18:45 +05:30
parent 514c56257e
commit 3b2b5d8974
5 changed files with 24 additions and 408 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -543,6 +543,10 @@ section.dual-slider .col-lg-10 {
background-size: cover;
}
.choose-your-path-sec .mid-para {
font-size: 1.8rem;
}
.choose-your-path-main {
display: grid;
grid-template-columns: repeat(3, 1fr);
@@ -855,22 +859,17 @@ section.dual-slider .col-lg-10 {
justify-content: center;
}
.home-form {
background-color: #1C1C1C;
padding: 20px 30px;
border-radius: 10px;
border: 1px solid #4c4c4c;
margin-top: 40px;
.home-form .lets_talk {
display: flex;
justify-content: center;
margin: 50px 0 30px 0;
}
.home-form .br-txt {
margin-bottom: 50px;
.home-form .lets_talk a {
width: 30%;
justify-content: center;
}
.home-form .br-txt span {
border-bottom: 2px solid #E5195E;
padding: 0 80px 20px 80px;
}
.cmm-inputs-main {
margin: 30px 0;

8
assets/css/style.css
View File

@@ -1,7 +1,3 @@
/* @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap'); */
*,
::before,
@@ -304,7 +300,7 @@ img {
.header .nav_bar .drop_down>.nav_link::after {
position: absolute;
width: 0;
height: 3px;
height: 1px;
border-radius: 10px;
background: var(--orange);
bottom: 0px;
@@ -336,7 +332,7 @@ img.arrow_up {
display: flex;
align-items: center;
gap: 10px;
transition: all 0.5s;
transition: all 0.3s;
border-radius: 4px;
}

377
assets/js/custom.js
View File

@@ -1,9 +1,4 @@
// animation wow start
new WOW({ mobile: false }).init();
// animation wow end
// header navbar start
@@ -94,341 +89,6 @@ $(document).ready(function () {
// header accordion end
// Slider award start
$(document).ready(function () {
$('#award_slider').slick({
autoplay: true,
slidesToShow: 4,
slidesToScroll: 1,
arrows: true,
dots: false,
autoplaySpeed: 2000,
responsive: [{
breakpoint: 1081,
settings: {
slidesToShow: 3,
slidesToScroll: 1,
},
},
{
breakpoint: 992,
settings: {
slidesToShow: 2,
slidesToScroll: 1,
}
},
{
breakpoint: 601,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
}
},
],
});
});
$(document).ready(function () {
$('#award_slider_light').slick({
autoplay: true,
slidesToShow: 3,
slidesToScroll: 1,
arrows: true,
dots: false,
autoplaySpeed: 2000,
responsive: [{
breakpoint: 1081,
settings: {
slidesToShow: 3,
slidesToScroll: 1,
},
},
{
breakpoint: 992,
settings: {
slidesToShow: 2,
slidesToScroll: 1,
}
},
{
breakpoint: 601,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
}
},
],
});
});
$(document).ready(function () {
$('#apps_sliders').slick({
centerMode: true,
centerPadding: '60px',
slidesToShow: 3,
slidesToScroll: 1,
responsive: [
{
breakpoint: 992,
settings: {
centerMode: true,
centerPadding: '40px',
slidesToShow: 2
}
},
{
breakpoint: 768,
settings: {
centerMode: true,
centerPadding: '40px',
slidesToShow: 1
}
}
]
});
});
$(document).ready(function () {
$('#language_content').slick({
arrows: false,
infinite: true,
slidesToShow: 3,
slidesToScroll: 1,
centerMode: true,
focusOnSelect: true,
asNavFor: '#language_logos',
responsive: [
{
breakpoint: 769,
settings: {
slidesToShow: 1
}
},
]
});
});
$(document).ready(function () {
$('#language_logos').slick({
slidesToShow: 5,
slidesToScroll: 1,
dots: false,
arrows: true,
centerMode: true,
focusOnSelect: true,
asNavFor: '#language_content',
responsive: [
{
breakpoint: 1081,
settings: {
slidesToShow: 3
}
},
{
breakpoint: 769,
settings: {
slidesToShow: 1
}
},
]
});
});
$(document).ready(function () {
$('#about_team_sliders').slick({
slidesToScroll: 1,
slidesToShow: 5,
arrows: true,
dots: false,
responsive: [
{
breakpoint: 1025,
settings: {
slidesToShow: 4
}
},
{
breakpoint: 992,
settings: {
slidesToShow: 3
}
},
{
breakpoint: 768,
settings: {
slidesToShow: 2
}
},
{
breakpoint: 577,
settings: {
slidesToShow: 1
}
}
]
});
});
// Slider award end
// gsf_slider start
$(document).ready(function () {
$('#gsf_slider').slick({
autoplay: true,
slidesToShow: 1,
slidesToScroll: 1,
arrows: true,
dots: false,
autoplaySpeed: 2000,
});
});
$(document).ready(function () {
$('#gsf_slider_other').slick({
autoplay: true,
slidesToShow: 1,
slidesToScroll: 1,
arrows: true,
dots: true,
autoplaySpeed: 2000,
});
});
// gsf_slider end
// clients_slider start
$(document).ready(function () {
$('#clients_slider').slick({
autoplay: true,
prevArrow: '<button class="prev-arrow"><img loading="lazy" src="../assets/images/round_left.svg" alt="prev-left"></button>',
nextArrow: '<button class="next-arrow"><img loading="lazy" src="../assets/images/round_right.svg" alt="prev-right"></button>',
slidesToShow: 1,
slidesToScroll: 1,
arrows: true,
dots: false,
autoplaySpeed: 2000,
});
});
$(document).ready(function () {
$('#invest_port_slider').slick({
autoplay: true,
slidesToShow: 1,
slidesToScroll: 1,
dots: true,
arrows: false,
// centerMode: true,
focusOnSelect: true
});
});
$(document).ready(function () {
$('#clients_slider2').slick({
autoplay: true,
slidesToShow: 1,
slidesToScroll: 1,
arrows: true,
dots: true,
autoplaySpeed: 2000,
prevArrow: '<button class="prev-arrow"><img loading="lazy" src="../assets/images/round_left.svg" alt="prev-left"></button>',
nextArrow: '<button class="next-arrow"><img loading="lazy" src="../assets/images/round_right.svg" alt="prev-right"></button>',
});
});
$(document).ready(function () {
$('#clients_slider3').slick({
autoplay: true,
slidesToShow: 1,
slidesToScroll: 1,
arrows: true,
dots: false,
autoplaySpeed: 2000,
prevArrow: '<button class="prev-arrow"><img loading="lazy" src="../assets/images/round_left.svg" alt="prev-left"></button>',
nextArrow: '<button class="next-arrow"><img loading="lazy" src="../assets/images/round_right.svg" alt="prev-right"></button>',
});
});
$(document).ready(function () {
$('#clients_slider4').slick({
autoplay: true,
slidesToShow: 1,
slidesToScroll: 1,
arrows: true,
dots: false,
autoplaySpeed: 2000,
prevArrow: '<button class="prev-arrow"><img loading="lazy" src="../assets/images/round_left.svg" alt="prev-left"></button>',
nextArrow: '<button class="next-arrow"><img loading="lazy" src="../assets/images/round_right.svg" alt="prev-right"></button>',
});
});
$(document).ready(function () {
$('#striving_slider').slick({
infinite: false,
autoplay: true,
slidesToShow: 1,
slidesToScroll: 1,
arrows: true,
dots: true,
autoplaySpeed: 2000,
});
});
$(document).ready(function () {
$('#three_mobile_apps').slick({
infinite: false,
autoplay: true,
slidesToShow: 1,
slidesToScroll: 1,
arrows: true,
dots: true,
autoplaySpeed: 2000,
});
});
// clients_slider end
// client_two_slider start
$(document).ready(function () {
$('#client_content').slick({
// autoplay: true,
slidesToShow: 1,
slidesToScroll: 1,
arrows: false,
dots: false,
autoplaySpeed: 2000,
asNavFor: '#client_logos',
});
});
$(document).ready(function () {
$('#client_logos').slick({
// autoplay: true,
slidesToShow: 3,
slidesToScroll: 1,
arrows: false,
dots: true,
autoplaySpeed: 2000,
asNavFor: '#client_content',
});
});
// client_two_slider end
// slider mouse-hover start
$(document).ready(function () {
// Select the Slick Slider container
const slider = $('#gsf_slider');
// Add event listeners to Slick Slider navigation buttons
slider.find('.slick-prev, .slick-next').on('mouseenter', function () {
slider.addClass('active');
});
slider.find('.slick-prev, .slick-next').on('mouseleave', function () {
slider.removeClass('active');
});
});
// slider mouse-hover end
@@ -515,37 +175,6 @@ closeBtn.addEventListener('click', () => {
// left side open nav end
// stepper start
document.addEventListener('DOMContentLoaded', function () {
const steps = document.querySelectorAll('.rq_step');
steps.forEach((step, index) => {
step.addEventListener('click', () => {
showStep(index);
});
});
function showStep(stepIndex) {
steps.forEach((step, index) => {
if (index <= stepIndex) {
step.classList.add('completed');
} else {
step.classList.remove('completed');
}
if (index === stepIndex) {
step.classList.add('active');
} else {
step.classList.remove('active');
}
});
}
});
// stepper end
// plus_minus_start
$(document).ready(function () {
@@ -588,6 +217,8 @@ pageNumbers.forEach(function (pageNumber) {
});
});
// *********** Portfolio slider start
$(document).ready(function () {
@@ -688,7 +319,7 @@ $(document).ready(function () {
// *********** Portfolio slider end
// *********** Portfolio slider start
// *********** Range input start
const slider = document.getElementById('customRange3');
const dots = document.querySelectorAll('.dot');
@@ -740,4 +371,4 @@ slider.addEventListener('input', updateSliderProgress);
// Initial update on page load
updateSliderProgress();
// *********** Portfolio slider start end
// *********** Range input end

3
pages/ai-ml.php
View File

@@ -545,9 +545,6 @@
a dedication to pushing the <br> boundaries of what is possible in the digital landscape.</p>
<div class="home-form">
<div class="text-center br-txt">
<span class="mid-para">Let's Collaborate to Shape your Vision into Reality </span>
</div>
<div class="cmm-inputs-main">
<div class="row">
<div class="col-md-6">

21
pages/homepage.php
View File

@@ -159,7 +159,7 @@
aesthetic preferences and project requirements.</p>
</div>
<div>
<p class="mb-2">Create Building blocks, architecture design and 
Transformation Roadmap</p>
<p class="mb-2">Create Building blocks, architecture design and Transformation Roadmap</p>
<p class="dark-grey-para">Streamline your design process with ready-to-use templates and
sections, adaptable to various web projects.</p>
</div>
@@ -523,8 +523,7 @@
</div>
<div class="choose-your-path-box">
<div class="choose-your-path-box-img">
<img loading="lazy" src="../assets/images/new-img/a-team.svg"
alt="Illustration of an App Idea">
<img loading="lazy" src="../assets/images/new-img/a-team.svg" alt="Illustration of an App Idea">
</div>
<p class="mini-head-para">I have an App Idea</p>
<p class="grey-para">
@@ -543,8 +542,7 @@
</div>
<div class="choose-your-path-box">
<div class="choose-your-path-box-img">
<img loading="lazy" src="../assets/images/new-img/my-app.svg"
alt="Illustration of an App Idea">
<img loading="lazy" src="../assets/images/new-img/my-app.svg" alt="Illustration of an App Idea">
</div>
<p class="mini-head-para">I have an App Idea</p>
<p class="grey-para">
@@ -571,18 +569,14 @@
<!-- Let's Collaborate to Shape your Vision start -->
<!-- common contact start -->
<section class="lets-collaborate-sec">
<section class="cmm-contact">
<div class="container">
<p class="mid-head">Choosing the right partner is essential to your success.</p>
<p class="mid-head">Let's Collaborate to Shape your Vision into Reality </p>
<p class="grey-para">Our talented team of developers, designers, and engineers has consistently demonstrated
a dedication to pushing the <br> boundaries of what is possible in the digital landscape.</p>
<div class="home-form">
<div class="text-center br-txt">
<span class="mid-para">Let's Collaborate to Shape your Vision into Reality </span>
</div>
<div class="cmm-inputs-main">
<div class="row">
<div class="col-md-6">
@@ -643,11 +637,10 @@
</a>
</div>
</div>
</div>
</section>
<!-- Let's Collaborate to Shape your Vision start -->
<!-- common contact end -->