Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
M
makura-2025
Overview
Overview
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
Raj Shah
makura-2025
Commits
a8611dad
Commit
a8611dad
authored
Jan 02, 2025
by
jhukal9@gmail.com
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
updated the minor change
parent
b7431648
Hide whitespace changes
Inline
Side-by-side
Showing
6 changed files
with
648 additions
and
532 deletions
+648
-532
style.css
assets/css/style.css
+0
-0
x-mark.svg
assets/img/x-mark.svg
+4
-0
style.js
assets/js/style.js
+541
-519
_global.scss
dev/sass/base/_global.scss
+82
-8
footer.php
footer.php
+12
-5
comparison-form.php
template-parts/site-comparison/comparison-form.php
+9
-0
No files found.
assets/css/style.css
View file @
a8611dad
This source diff could not be displayed because it is too large. You can
view the blob
instead.
assets/img/x-mark.svg
0 → 100644
View file @
a8611dad
<svg
width=
"32"
height=
"32"
viewBox=
"0 0 32 32"
fill=
"none"
xmlns=
"http://www.w3.org/2000/svg"
>
<path
d=
"M22.5977 9.40039L9.39833 22.5997"
stroke=
"black"
stroke-width=
"2"
stroke-linecap=
"round"
stroke-linejoin=
"round"
/>
<path
d=
"M9.40234 9.40039L22.6017 22.5997"
stroke=
"black"
stroke-width=
"2"
stroke-linecap=
"round"
stroke-linejoin=
"round"
/>
</svg>
assets/js/style.js
View file @
a8611dad
(
function
(
$
)
{
$
(
".FAQS-SECTION .accordion-collapse"
).
each
(
function
(
index
)
{
if
(
$
(
this
).
hasClass
(
"show"
))
$
(
this
).
parent
(
".accordion-item"
).
addClass
(
"classColor"
);
});
var
tooltipTriggerList
=
[].
slice
.
call
(
document
.
querySelectorAll
(
'[data-bs-toggle="tooltip"]'
))
var
tooltipList
=
tooltipTriggerList
.
map
(
function
(
tooltipTriggerEl
)
{
return
new
bootstrap
.
Tooltip
(
tooltipTriggerEl
)
})
$
(
".accordion-header"
).
click
(
function
(
index
)
{
if
(
$
(
this
).
siblings
(
".accordion-collapse"
).
hasClass
(
"show"
));
$
(
this
).
parent
(
".accordion-item"
).
toggleClass
(
"classColor"
);
});
$
(
'.counter'
).
countUp
();
// trip planner step fieldset
var
current_fs
,
next_fs
,
previous_fs
;
// $(".modal-steps-wrapper-box .next").click(function (event) {
// event.preventDefault();
// $('body,html').animate({ scrollTop: 0 }, 0);
// current_fs = $(this).closest('fieldset');
// next_fs = $(this).closest('fieldset').next();
// $("#progressbar li").eq($("fieldset").index(next_fs)).addClass("active").prev().addClass('complete');
// next_fs.show();
// current_fs.hide();
// })
// $(".modal-steps-wrapper-box .previous").click(function (event) {
// event.preventDefault();
// $('body,html').animate({ scrollTop: 0 }, 0);
// current_fs = $(this).closest('fieldset');
// previous_fs = $(this).closest('fieldset').prev();
// $("#progressbar li").eq($("fieldset").index(current_fs)).removeClass("active").prev().removeClass('complete');
// previous_fs.show();
// current_fs.hide();
// })
console
.
log
(
$
(
".experience"
).
length
);
if
(
$
(
".experience"
).
length
==
1
)
{
document
.
addEventListener
(
"DOMContentLoaded"
,
()
=>
{
function
counter
(
id
,
start
,
end
,
duration
)
{
let
obj
=
document
.
getElementById
(
id
),
current
=
start
,
range
=
end
-
start
,
increment
=
end
>
start
?
1
:
-
1
,
step
=
Math
.
abs
(
Math
.
floor
(
duration
/
range
)),
timer
=
setInterval
(()
=>
{
current
+=
increment
;
obj
.
textContent
=
current
;
if
(
current
==
end
)
{
clearInterval
(
timer
);
}
},
step
);
}
counter
(
"experience"
,
0
,
10
,
3000
);
counter
(
"client"
,
100
,
432
,
2500
);
counter
(
"experts"
,
0
,
27
,
3000
);
});
}
//gsap mobile motion
gsap
.
registerPlugin
(
ScrollTrigger
);
gsap
.
to
(
".mob2"
,
{
y
:
600
,
ease
:
"none"
,
duration
:
2
,
scrollTrigger
:
{
trigger
:
".mob2"
,
start
:
"80px 30%"
,
end
:
"900px 50%"
,
scrub
:
2
,
},
});
gsap
.
to
(
".mob1"
,
{
y
:
130
,
ease
:
"none"
,
duration
:
2
,
scrollTrigger
:
{
trigger
:
".mob2"
,
start
:
"80px 30%"
,
end
:
"300px 50%"
,
scrub
:
1
,
},
});
gsap
.
to
(
".mob3"
,
{
y
:
130
,
ease
:
"none"
,
duration
:
2
,
scrollTrigger
:
{
trigger
:
".mob2"
,
start
:
"80px 30%"
,
end
:
"300px 50%"
,
scrub
:
1
,
},
});
gsap
.
to
(
".mob4"
,
{
y
:
100
,
ease
:
"none"
,
duration
:
2
,
scrollTrigger
:
{
trigger
:
".mob2"
,
start
:
"60% 30%"
,
end
:
"60% 30%"
,
scrub
:
1
,
},
});
gsap
.
to
(
".mob5"
,
{
y
:
100
,
ease
:
"none"
,
duration
:
2
,
scrollTrigger
:
{
trigger
:
".mob2"
,
start
:
"60% 30%"
,
end
:
"60% 30%"
,
scrub
:
1
,
},
});
$
(
".see-more-btn"
).
click
(
function
()
{
$
(
".expandable-text"
).
toggleClass
(
"expanded"
);
if
(
$
(
".expandable-text"
).
hasClass
(
"expanded"
))
{
$
(
".see-more-btn"
).
text
(
"Show less"
);
}
else
{
$
(
".see-more-btn"
).
text
(
"See more"
);
}
$
(
"html, body"
).
animate
(
{
scrollTop
:
$
(
".expandable-text"
).
offset
().
top
-
200
,
},
1000
);
});
$
(
".get-quote-button"
).
click
(
function
()
{
$
(
".request-hide-success-modal"
).
hide
();
$
(
".request-success-modal"
).
show
();
});
// accordion-loadmore
$
(
".see-more-btn-accordion"
).
click
(
function
()
{
$
(
".expandable-text-accordion"
).
toggleClass
(
"expanded"
);
if
(
$
(
".expandable-text-accordion"
).
hasClass
(
"expanded"
))
{
$
(
".see-more-btn-accordion"
).
text
(
"Load less"
);
}
else
{
$
(
".see-more-btn-accordion"
).
text
(
"Load more"
);
}
$
(
"html, body"
).
animate
(
{
scrollTop
:
$
(
".expandable-text-accordion"
).
offset
().
top
-
200
,
},
1000
);
});
$
(
document
).
ready
(
function
(
jQuery
)
{
if
(
$
(
".accordion-collapse"
).
hasClass
(
"show"
))
{
$
(
this
).
find
(
".accordion-item"
).
addClass
(
"bg"
);
}
else
{
$
(
".accordion-item"
).
removeClass
(
"bg"
);
}
});
//meet-team-wrapper
$
(
".meet-team-wrapper"
).
owlCarousel
({
loop
:
false
,
autoplay
:
true
,
margin
:
40
,
nav
:
false
,
dots
:
false
,
responsive
:
{
0
:
{
items
:
1
,
},
600
:
{
items
:
2
,
},
1000
:
{
items
:
4
,
},
},
});
//technology-carousel-wrapper
$
(
".technology-carousel-wrapper"
).
owlCarousel
({
loop
:
false
,
autoplay
:
true
,
margin
:
40
,
nav
:
false
,
dots
:
false
,
responsive
:
{
0
:
{
items
:
6
,
},
600
:
{
items
:
6
,
},
1000
:
{
items
:
9
,
},
},
});
//portfolio-carousel
$
(
".portfolio-carousel"
).
owlCarousel
({
loop
:
false
,
autoplay
:
true
,
margin
:
40
,
nav
:
false
,
dots
:
false
,
responsive
:
{
0
:
{
items
:
1
,
},
600
:
{
items
:
2
,
},
1000
:
{
items
:
3
,
},
},
});
//customer-feedback
$
(
".customer-feedback"
).
owlCarousel
({
loop
:
false
,
autoplay
:
true
,
margin
:
20
,
nav
:
false
,
dots
:
true
,
responsive
:
{
0
:
{
items
:
1
,
},
576
:
{
items
:
1
,
},
768
:
{
items
:
2
,
},
1000
:
{
items
:
3
,
},
},
});
//customer-feedback-course-detail
$
(
".customer-feedback-course-detail"
).
owlCarousel
({
loop
:
false
,
autoplay
:
true
,
margin
:
40
,
nav
:
false
,
dots
:
true
,
responsive
:
{
0
:
{
items
:
1
,
},
600
:
{
items
:
2
,
},
1000
:
{
items
:
2
,
},
},
});
//customer-feedback-course-detail
$
(
".client-carouselwrapper"
).
owlCarousel
({
loop
:
false
,
autoplay
:
true
,
margin
:
20
,
nav
:
false
,
dots
:
false
,
responsive
:
{
0
:
{
items
:
3
,
},
600
:
{
items
:
4
,
},
1000
:
{
items
:
5
,
},
},
});
//more-course-section
$
(
".more-course-section"
).
owlCarousel
({
loop
:
false
,
autoplay
:
true
,
margin
:
20
,
nav
:
false
,
dots
:
true
,
responsive
:
{
0
:
{
items
:
1
,
},
600
:
{
items
:
2
,
},
1000
:
{
items
:
2
,
},
},
});
//customer-feedback-portfolio
$
(
".customer-feedback-portfolio"
).
owlCarousel
({
loop
:
false
,
autoplay
:
true
,
margin
:
10
,
nav
:
false
,
dots
:
false
,
responsive
:
{
0
:
{
items
:
1
,
},
600
:
{
items
:
1
,
},
1000
:
{
items
:
1
,
},
},
});
//blog-carousel
$
(
".blog-carousel"
).
owlCarousel
({
loop
:
true
,
autoplay
:
true
,
margin
:
20
,
nav
:
false
,
dots
:
false
,
responsive
:
{
0
:
{
items
:
1
,
},
600
:
{
items
:
3
,
},
1000
:
{
items
:
3
,
},
},
});
//time-pickr
$
(
"#timePicker"
).
flatpickr
({
enableTime
:
true
,
noCalendar
:
true
,
dateFormat
:
"H:i"
,
});
//for date picker and disable the date
$
(
".date"
).
flatpickr
();
var
date1
=
$
(
".start-date"
).
flatpickr
({
minDate
:
"today"
,
onChange
:
function
(
selectedDates
,
dateStr
,
instance
)
{
date2
.
set
(
"minDate"
,
dateStr
);
},
});
var
date2
=
$
(
".end-date"
).
flatpickr
({});
$
(
function
()
{
$
(
"body"
).
tooltip
({
selector
:
"[data-toggle=tooltip]"
,
placement
:
"bottom"
,
});
});
$
(
".toggler-icon"
).
click
(
function
()
{
$
(
".navbar-nav"
).
addClass
(
"show"
);
});
$
(
".navbar-nav li"
).
click
(
function
()
{
$
(
".navbar-nav"
).
removeClass
(
"show"
);
});
$
(
".side-menu-close"
).
click
(
function
()
{
$
(
".navbar-nav"
).
removeClass
(
"show"
);
});
// jQuery(".btn-start-project").click(function(event) {
// event.preventDefault();
// jQuery('body').addClass('no-scroll');
// });
$
(
window
)
.
scroll
(
function
()
{
var
scrollDistance
=
$
(
window
).
scrollTop
()
+
201
;
// Assign active class to nav links while scolling
$
(
".nav-content"
).
each
(
function
(
i
)
{
if
(
$
(
this
).
position
().
top
<=
scrollDistance
)
{
$
(
".top-nav ul li a"
).
removeClass
(
"active"
);
$
(
".top-nav ul li a"
).
eq
(
i
).
addClass
(
"active"
);
}
});
if
(
scrollDistance
==
201
)
{
$
(
".top-nav ul li a"
).
removeClass
(
"active"
);
}
})
.
scroll
();
// sticky nav
// $(function () {
// var header = $(".navbar");
// $(window).scroll(function () {
// var scroll = $(window).scrollTop();
// if (scroll >= 200) {
// header.addClass("sticky-top");
// } else {
// header.removeClass("sticky-top");
// }
// });
// });
var
lastScrollTop
=
0
;
$
(
window
).
scroll
(
function
(
event
)
{
var
thisValue
=
$
(
this
).
scrollTop
();
if
(
thisValue
==
0
)
{
$
(
".navbar"
).
removeClass
(
"sticky-top"
);
}
else
if
(
thisValue
>
lastScrollTop
)
{
$
(
".navbar"
).
removeClass
(
"sticky-top"
);
}
else
{
$
(
".navbar"
).
addClass
(
"sticky-top"
);
}
lastScrollTop
=
thisValue
;
});
$
(
".button-close"
).
click
(
function
()
{
$
(
".modal-dialog"
).
addClass
(
"addCss"
);
});
//side-nav
$
(
"#side-nav"
).
click
(
function
()
{
$
(
".nav-side-menu"
).
addClass
(
"active"
);
$
(
"#side-nav"
).
css
(
"visibility"
,
"hidden"
);
});
$
(
".close-icon"
).
click
(
function
()
{
$
(
".nav-side-menu"
).
removeClass
(
"active"
);
$
(
"#side-nav"
).
css
(
"visibility"
,
"visible"
);
});
//read more blogs
$
(
".readmoreblogs"
).
owlCarousel
({
loop
:
false
,
margin
:
10
,
nav
:
true
,
responsive
:
{
0
:
{
items
:
1
,
},
600
:
{
items
:
2
,
},
1000
:
{
items
:
3
,
},
},
});
// returntotop
$
(
window
).
scroll
(
function
()
{
if
(
$
(
this
).
scrollTop
()
>=
200
)
{
$
(
"#return-to-top"
).
show
(
200
);
}
else
{
$
(
"#return-to-top"
).
hide
(
200
);
}
});
$
(
"#return-to-top"
).
click
(
function
()
{
$
(
"body,html"
).
animate
({
scrollTop
:
0
},
1000
);
});
//thankyou message for comment in blog-detail
$
(
"#submitBtn"
).
click
(
function
()
{
$
(
".alert-success"
).
slideToggle
(
"slow"
).
delay
(
2000
).
slideToggle
(
"slow"
);
});
//thankyou message for book
$
(
"#submit"
).
click
(
function
()
{
$
(
".alert-success"
).
slideToggle
(
"slow"
).
delay
(
2000
).
slideToggle
(
"slow"
);
});
jQuery
(
document
).
ready
(
function
(
$
)
{
jQuery
(
'img'
).
removeAttr
(
'width'
).
removeAttr
(
'height'
);
});
$
(
'.fpData'
).
click
(
function
()
{
var
button
=
$
(
this
);
var
dataCatValue
=
$
(
this
).
data
(
'cat'
);
button
.
addClass
(
'loading'
)
console
.
log
(
dataCatValue
);
$
.
ajax
({
url
:
frontend_ajax_object
.
ajaxurl
,
method
:
'POST'
,
dataType
:
'json'
,
data
:
{
action
:
'get_fetch_more_portfolios'
,
data_cat
:
dataCatValue
},
success
:
function
(
response
)
{
button
.
remove
();
// Handle the response here
console
.
log
(
response
.
html
);
$
(
'#append_'
+
dataCatValue
).
append
(
response
.
html
);
},
error
:
function
(
xhr
,
status
,
error
)
{
// Handle errors
console
.
log
(
error
);
}
});
});
})(
jQuery
);
\ No newline at end of file
if
(
$
(
this
).
hasClass
(
"show"
))
$
(
this
).
parent
(
".accordion-item"
).
addClass
(
"classColor"
);
});
var
tooltipTriggerList
=
[].
slice
.
call
(
document
.
querySelectorAll
(
'[data-bs-toggle="tooltip"]'
),
);
var
tooltipList
=
tooltipTriggerList
.
map
(
function
(
tooltipTriggerEl
)
{
return
new
bootstrap
.
Tooltip
(
tooltipTriggerEl
);
});
$
(
".accordion-header"
).
click
(
function
(
index
)
{
if
(
$
(
this
).
siblings
(
".accordion-collapse"
).
hasClass
(
"show"
));
$
(
this
).
parent
(
".accordion-item"
).
toggleClass
(
"classColor"
);
});
$
(
".counter"
).
countUp
();
// trip planner step fieldset
var
current_fs
,
next_fs
,
previous_fs
;
// $(".modal-steps-wrapper-box .next").click(function (event) {
// event.preventDefault();
// $('body,html').animate({ scrollTop: 0 }, 0);
// current_fs = $(this).closest('fieldset');
// next_fs = $(this).closest('fieldset').next();
// $("#progressbar li").eq($("fieldset").index(next_fs)).addClass("active").prev().addClass('complete');
// next_fs.show();
// current_fs.hide();
// })
// $(".modal-steps-wrapper-box .previous").click(function (event) {
// event.preventDefault();
// $('body,html').animate({ scrollTop: 0 }, 0);
// current_fs = $(this).closest('fieldset');
// previous_fs = $(this).closest('fieldset').prev();
// $("#progressbar li").eq($("fieldset").index(current_fs)).removeClass("active").prev().removeClass('complete');
// previous_fs.show();
// current_fs.hide();
// })
console
.
log
(
$
(
".experience"
).
length
);
if
(
$
(
".experience"
).
length
==
1
)
{
document
.
addEventListener
(
"DOMContentLoaded"
,
()
=>
{
function
counter
(
id
,
start
,
end
,
duration
)
{
let
obj
=
document
.
getElementById
(
id
),
current
=
start
,
range
=
end
-
start
,
increment
=
end
>
start
?
1
:
-
1
,
step
=
Math
.
abs
(
Math
.
floor
(
duration
/
range
)),
timer
=
setInterval
(()
=>
{
current
+=
increment
;
obj
.
textContent
=
current
;
if
(
current
==
end
)
{
clearInterval
(
timer
);
}
},
step
);
}
counter
(
"experience"
,
0
,
10
,
3000
);
counter
(
"client"
,
100
,
432
,
2500
);
counter
(
"experts"
,
0
,
27
,
3000
);
});
}
//gsap mobile motion
gsap
.
registerPlugin
(
ScrollTrigger
);
gsap
.
to
(
".mob2"
,
{
y
:
600
,
ease
:
"none"
,
duration
:
2
,
scrollTrigger
:
{
trigger
:
".mob2"
,
start
:
"80px 30%"
,
end
:
"900px 50%"
,
scrub
:
2
,
},
});
gsap
.
to
(
".mob1"
,
{
y
:
130
,
ease
:
"none"
,
duration
:
2
,
scrollTrigger
:
{
trigger
:
".mob2"
,
start
:
"80px 30%"
,
end
:
"300px 50%"
,
scrub
:
1
,
},
});
gsap
.
to
(
".mob3"
,
{
y
:
130
,
ease
:
"none"
,
duration
:
2
,
scrollTrigger
:
{
trigger
:
".mob2"
,
start
:
"80px 30%"
,
end
:
"300px 50%"
,
scrub
:
1
,
},
});
gsap
.
to
(
".mob4"
,
{
y
:
100
,
ease
:
"none"
,
duration
:
2
,
scrollTrigger
:
{
trigger
:
".mob2"
,
start
:
"60% 30%"
,
end
:
"60% 30%"
,
scrub
:
1
,
},
});
gsap
.
to
(
".mob5"
,
{
y
:
100
,
ease
:
"none"
,
duration
:
2
,
scrollTrigger
:
{
trigger
:
".mob2"
,
start
:
"60% 30%"
,
end
:
"60% 30%"
,
scrub
:
1
,
},
});
$
(
".see-more-btn"
).
click
(
function
()
{
$
(
".expandable-text"
).
toggleClass
(
"expanded"
);
if
(
$
(
".expandable-text"
).
hasClass
(
"expanded"
))
{
$
(
".see-more-btn"
).
text
(
"Show less"
);
}
else
{
$
(
".see-more-btn"
).
text
(
"See more"
);
}
$
(
"html, body"
).
animate
(
{
scrollTop
:
$
(
".expandable-text"
).
offset
().
top
-
200
,
},
1000
,
);
});
$
(
".get-quote-button"
).
click
(
function
()
{
$
(
".request-hide-success-modal"
).
hide
();
$
(
".request-success-modal"
).
show
();
});
// accordion-loadmore
$
(
".see-more-btn-accordion"
).
click
(
function
()
{
$
(
".expandable-text-accordion"
).
toggleClass
(
"expanded"
);
if
(
$
(
".expandable-text-accordion"
).
hasClass
(
"expanded"
))
{
$
(
".see-more-btn-accordion"
).
text
(
"Load less"
);
}
else
{
$
(
".see-more-btn-accordion"
).
text
(
"Load more"
);
}
$
(
"html, body"
).
animate
(
{
scrollTop
:
$
(
".expandable-text-accordion"
).
offset
().
top
-
200
,
},
1000
,
);
});
$
(
document
).
ready
(
function
(
jQuery
)
{
if
(
$
(
".accordion-collapse"
).
hasClass
(
"show"
))
{
$
(
this
).
find
(
".accordion-item"
).
addClass
(
"bg"
);
}
else
{
$
(
".accordion-item"
).
removeClass
(
"bg"
);
}
});
//meet-team-wrapper
$
(
".meet-team-wrapper"
).
owlCarousel
({
loop
:
false
,
autoplay
:
true
,
margin
:
40
,
nav
:
false
,
dots
:
false
,
responsive
:
{
0
:
{
items
:
1
,
},
600
:
{
items
:
2
,
},
1000
:
{
items
:
4
,
},
},
});
//technology-carousel-wrapper
$
(
".technology-carousel-wrapper"
).
owlCarousel
({
loop
:
false
,
autoplay
:
true
,
margin
:
40
,
nav
:
false
,
dots
:
false
,
responsive
:
{
0
:
{
items
:
6
,
},
600
:
{
items
:
6
,
},
1000
:
{
items
:
9
,
},
},
});
//portfolio-carousel
$
(
".portfolio-carousel"
).
owlCarousel
({
loop
:
false
,
autoplay
:
true
,
margin
:
40
,
nav
:
false
,
dots
:
false
,
responsive
:
{
0
:
{
items
:
1
,
},
600
:
{
items
:
2
,
},
1000
:
{
items
:
3
,
},
},
});
//customer-feedback
$
(
".customer-feedback"
).
owlCarousel
({
loop
:
false
,
autoplay
:
true
,
margin
:
20
,
nav
:
false
,
dots
:
true
,
responsive
:
{
0
:
{
items
:
1
,
},
576
:
{
items
:
1
,
},
768
:
{
items
:
2
,
},
1000
:
{
items
:
3
,
},
},
});
//customer-feedback-course-detail
$
(
".customer-feedback-course-detail"
).
owlCarousel
({
loop
:
false
,
autoplay
:
true
,
margin
:
40
,
nav
:
false
,
dots
:
true
,
responsive
:
{
0
:
{
items
:
1
,
},
600
:
{
items
:
2
,
},
1000
:
{
items
:
2
,
},
},
});
//customer-feedback-course-detail
$
(
".client-carouselwrapper"
).
owlCarousel
({
loop
:
false
,
autoplay
:
true
,
margin
:
20
,
nav
:
false
,
dots
:
false
,
responsive
:
{
0
:
{
items
:
3
,
},
600
:
{
items
:
4
,
},
1000
:
{
items
:
5
,
},
},
});
//more-course-section
$
(
".more-course-section"
).
owlCarousel
({
loop
:
false
,
autoplay
:
true
,
margin
:
20
,
nav
:
false
,
dots
:
true
,
responsive
:
{
0
:
{
items
:
1
,
},
600
:
{
items
:
2
,
},
1000
:
{
items
:
2
,
},
},
});
//customer-feedback-portfolio
$
(
".customer-feedback-portfolio"
).
owlCarousel
({
loop
:
false
,
autoplay
:
true
,
margin
:
10
,
nav
:
false
,
dots
:
false
,
responsive
:
{
0
:
{
items
:
1
,
},
600
:
{
items
:
1
,
},
1000
:
{
items
:
1
,
},
},
});
//blog-carousel
$
(
".blog-carousel"
).
owlCarousel
({
loop
:
true
,
autoplay
:
true
,
margin
:
20
,
nav
:
false
,
dots
:
false
,
responsive
:
{
0
:
{
items
:
1
,
},
600
:
{
items
:
3
,
},
1000
:
{
items
:
3
,
},
},
});
//time-pickr
$
(
"#timePicker"
).
flatpickr
({
enableTime
:
true
,
noCalendar
:
true
,
dateFormat
:
"H:i"
,
});
//for date picker and disable the date
$
(
".date"
).
flatpickr
();
var
date1
=
$
(
".start-date"
).
flatpickr
({
minDate
:
"today"
,
onChange
:
function
(
selectedDates
,
dateStr
,
instance
)
{
date2
.
set
(
"minDate"
,
dateStr
);
},
});
var
date2
=
$
(
".end-date"
).
flatpickr
({});
$
(
function
()
{
$
(
"body"
).
tooltip
({
selector
:
"[data-toggle=tooltip]"
,
placement
:
"bottom"
,
});
});
$
(
".toggler-icon"
).
click
(
function
()
{
$
(
".navbar-nav"
).
addClass
(
"show"
);
});
$
(
".navbar-nav li"
).
click
(
function
()
{
$
(
".navbar-nav"
).
removeClass
(
"show"
);
});
$
(
".side-menu-close"
).
click
(
function
()
{
$
(
".navbar-nav"
).
removeClass
(
"show"
);
});
// jQuery(".btn-start-project").click(function(event) {
// event.preventDefault();
// jQuery('body').addClass('no-scroll');
// });
$
(
window
)
.
scroll
(
function
()
{
var
scrollDistance
=
$
(
window
).
scrollTop
()
+
201
;
// Assign active class to nav links while scolling
$
(
".nav-content"
).
each
(
function
(
i
)
{
if
(
$
(
this
).
position
().
top
<=
scrollDistance
)
{
$
(
".top-nav ul li a"
).
removeClass
(
"active"
);
$
(
".top-nav ul li a"
).
eq
(
i
).
addClass
(
"active"
);
}
});
if
(
scrollDistance
==
201
)
{
$
(
".top-nav ul li a"
).
removeClass
(
"active"
);
}
})
.
scroll
();
// sticky nav
// $(function () {
// var header = $(".navbar");
// $(window).scroll(function () {
// var scroll = $(window).scrollTop();
// if (scroll >= 200) {
// header.addClass("sticky-top");
// } else {
// header.removeClass("sticky-top");
// }
// });
// });
var
lastScrollTop
=
0
;
$
(
window
).
scroll
(
function
(
event
)
{
var
thisValue
=
$
(
this
).
scrollTop
();
if
(
thisValue
==
0
)
{
$
(
".navbar"
).
removeClass
(
"sticky-top"
);
}
else
if
(
thisValue
>
lastScrollTop
)
{
$
(
".navbar"
).
removeClass
(
"sticky-top"
);
}
else
{
$
(
".navbar"
).
addClass
(
"sticky-top"
);
}
lastScrollTop
=
thisValue
;
});
$
(
".button-close"
).
click
(
function
()
{
$
(
".modal-dialog"
).
addClass
(
"addCss"
);
});
//side-nav
$
(
"#side-nav"
).
click
(
function
()
{
$
(
".nav-side-menu"
).
addClass
(
"active"
);
$
(
"#side-nav"
).
css
(
"visibility"
,
"hidden"
);
});
$
(
".close-icon"
).
click
(
function
()
{
$
(
".nav-side-menu"
).
removeClass
(
"active"
);
$
(
"#side-nav"
).
css
(
"visibility"
,
"visible"
);
});
//read more blogs
$
(
".readmoreblogs"
).
owlCarousel
({
loop
:
false
,
margin
:
10
,
nav
:
true
,
responsive
:
{
0
:
{
items
:
1
,
},
600
:
{
items
:
2
,
},
1000
:
{
items
:
3
,
},
},
});
// returntotop
$
(
window
).
scroll
(
function
()
{
if
(
$
(
this
).
scrollTop
()
>=
200
)
{
$
(
"#return-to-top"
).
show
(
200
);
}
else
{
$
(
"#return-to-top"
).
hide
(
200
);
}
});
$
(
"#return-to-top"
).
click
(
function
()
{
$
(
"body,html"
).
animate
({
scrollTop
:
0
},
1000
);
});
//thankyou message for comment in blog-detail
$
(
"#submitBtn"
).
click
(
function
()
{
$
(
".alert-success"
).
slideToggle
(
"slow"
).
delay
(
2000
).
slideToggle
(
"slow"
);
});
//thankyou message for book
$
(
"#submit"
).
click
(
function
()
{
$
(
".alert-success"
).
slideToggle
(
"slow"
).
delay
(
2000
).
slideToggle
(
"slow"
);
});
jQuery
(
document
).
ready
(
function
(
$
)
{
jQuery
(
"img"
).
removeAttr
(
"width"
).
removeAttr
(
"height"
);
});
$
(
".fpData"
).
click
(
function
()
{
var
button
=
$
(
this
);
var
dataCatValue
=
$
(
this
).
data
(
"cat"
);
button
.
addClass
(
"loading"
);
console
.
log
(
dataCatValue
);
$
.
ajax
({
url
:
frontend_ajax_object
.
ajaxurl
,
method
:
"POST"
,
dataType
:
"json"
,
data
:
{
action
:
"get_fetch_more_portfolios"
,
data_cat
:
dataCatValue
,
},
success
:
function
(
response
)
{
button
.
remove
();
// Handle the response here
console
.
log
(
response
.
html
);
$
(
"#append_"
+
dataCatValue
).
append
(
response
.
html
);
},
error
:
function
(
xhr
,
status
,
error
)
{
// Handle errors
console
.
log
(
error
);
},
});
});
$
(
function
()
{
$
(
".custom-overlay"
).
on
(
"click"
,
function
(
e
)
{
e
.
preventDefault
();
$
(
"body"
).
removeClass
(
"overflow-hidden"
);
$
(
".download-popup"
).
removeClass
(
"active"
);
$
(
this
).
removeClass
(
"active"
);
});
$
(
".download-seo-audit"
).
on
(
"click"
,
function
(
e
)
{
e
.
preventDefault
();
$
(
"body"
).
addClass
(
"overflow-hidden"
);
$
(
".download-popup"
).
addClass
(
"active"
);
$
(
".custom-overlay"
).
addClass
(
"active"
);
$
(
".close-download-popup"
).
on
(
"click"
,
function
(
e
)
{
e
.
preventDefault
();
$
(
"body"
).
removeClass
(
"overflow-hidden"
);
$
(
".download-popup"
).
removeClass
(
"active"
);
$
(
".custom-overlay"
).
removeClass
(
"active"
);
});
});
});
})(
jQuery
);
dev/sass/base/_global.scss
View file @
a8611dad
...
...
@@ -138,14 +138,57 @@ button {
}
}
// .download-popup {
// position: fixed;
// top: 80px;
// bottom: 64px;
// left: 50%;
// transform: translateX(-50%);
// background-color: $white;
// }
.custom-overlay
{
position
:
fixed
;
inset
:
0
;
z-index
:
112
;
background-color
:
rgba
(
0
,
0
,
0
,
0
.6
);
}
.download-popup
{
position
:
fixed
;
top
:
80px
;
bottom
:
20px
;
left
:
50%
;
transform
:
translateX
(
-50%
);
background-color
:
$white
;
z-index
:
113
;
min-width
:
1058px
;
display
:
grid
;
place-items
:
center
;
button
{
background-color
:
transparent
;
outline
:
none
;
border
:
none
;
}
.section-title
{
position
:
relative
;
padding
:
48px
48px
0
;
button
{
position
:
absolute
;
top
:
24px
;
right
:
16px
;
}
}
.form-content-box
{
padding
:
0
48px
48px
;
}
}
.custom-overlay
,
.download-popup
{
opacity
:
0
;
visibility
:
hidden
;
transition
:
all
0
.3s
ease-in-out
;
&
.active
{
opacity
:
1
;
visibility
:
visible
;
}
}
@media
(
max-width
:
767px
)
{
.section-title
{
...
...
@@ -158,4 +201,35 @@ button {
.input-field
{
margin-bottom
:
24px
;
}
.download-popup
{
.section-title
{
button
{
position
:
unset
;
min-width
:
48px
;
}
}
}
}
@media
(
max-width
:
1199px
)
{
.download-popup
{
min-width
:
90%
;
bottom
:
24px
;
.section-title
{
position
:
relative
;
padding
:
24px
16px
0
;
}
.dp-content-box
{
height
:
calc
(
100vh
-
24px
);
}
.form-content-box
{
max-height
:
calc
(
100%
-
140px
);
overflow
:
auto
;
padding
:
0
16px
24px
;
}
}
}
footer.php
View file @
a8611dad
...
...
@@ -248,13 +248,19 @@
<div
class=
"download-popup"
>
<div
class=
"dp-content-box"
>
<div
class=
"
form-content-box
"
>
<div
class=
"t
op-title section-t
itle"
>
<div
class=
"
top-title section-title d-flex justify-content-between align-items-start
"
>
<div
class=
"title"
>
<h2>
Get Your Free SEO Audit Delivered to Your Inbox
</h2>
<p>
Fill out the form, and we'll send you a detailed SEO audit directly to your email, helping you improve your
<p
class=
"d-none d-md-block"
>
Fill out the form, and we'll send you a detailed SEO audit directly to your email,
helping you improve your
website's performance.
</p>
</div>
<button
type=
"button"
class=
"close-download-popup"
>
<img
src=
"
<?php
echo
get_parent_theme_file_uri
()
?>
/assets/img/x-mark.svg"
alt=
""
>
</button>
</div>
<div
class=
"form-content-box"
>
<div
class=
"row"
>
<div
class=
"col-sm-6"
>
<div
class=
"input-field"
>
...
...
@@ -271,7 +277,7 @@
<div
class=
"col-sm-6"
>
<div
class=
"input-field"
>
<label>
Enter your Email Address
</label>
<input
type=
"text"
placeholder=
"Enter your E
nter your E
mail Address "
>
<input
type=
"text"
placeholder=
"Enter your Email Address "
>
</div>
</div>
<div
class=
"col-sm-6"
>
...
...
@@ -288,7 +294,7 @@
</div>
</div>
<div
class=
"submit-field "
>
<input
type=
"submit"
value=
"
Analyze
"
>
<input
type=
"submit"
value=
"
Submit
"
>
<svg
width=
"16"
height=
"16"
viewBox=
"0 0 16 16"
fill=
"none"
xmlns=
"http://www.w3.org/2000/svg"
>
<path
fill-rule=
"evenodd"
clip-rule=
"evenodd"
d=
"M-6.11959e-07 9L12.17 9L6.58 14.59L8 16L16 8L8 6.99382e-07L6.59 1.41L12.17 7L-7.86805e-07 7L-6.11959e-07 9Z"
...
...
@@ -298,6 +304,7 @@
</div>
</div>
</div>
<a
href=
"#"
class=
"custom-overlay"
></a>
<?php
wp_footer
()
?>
...
...
template-parts/site-comparison/comparison-form.php
View file @
a8611dad
...
...
@@ -26,5 +26,13 @@
fill=
"white"
/>
</svg>
</div>
<div
class=
"submit-field download-seo-audit"
>
<input
type=
"submit"
value=
"Experimental Download"
>
<svg
width=
"16"
height=
"16"
viewBox=
"0 0 16 16"
fill=
"none"
xmlns=
"http://www.w3.org/2000/svg"
>
<path
fill-rule=
"evenodd"
clip-rule=
"evenodd"
d=
"M-6.11959e-07 9L12.17 9L6.58 14.59L8 16L16 8L8 6.99382e-07L6.59 1.41L12.17 7L-7.86805e-07 7L-6.11959e-07 9Z"
fill=
"white"
/>
</svg>
</div>
</div>
</section>
\ No newline at end of file
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment