Skip to content

M
makura-2025
Commit a8611dad by jhukal9@gmail.com
Options

updated the minor change

parent b7431648
Showing with 648 additions and 532 deletions
assets/css/style.css
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
<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
(function ($) { (function ($) {
$(".FAQS-SECTION .accordion-collapse").each(function (index) { $(".FAQS-SECTION .accordion-collapse").each(function (index) {
if ($(this).hasClass("show")) if ($(this).hasClass("show"))
$(this).parent(".accordion-item").addClass("classColor"); $(this).parent(".accordion-item").addClass("classColor");
}); });
var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]')) var tooltipTriggerList = [].slice.call(
var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) { document.querySelectorAll('[data-bs-toggle="tooltip"]'),
return new bootstrap.Tooltip(tooltipTriggerEl) );
}) 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"); $(".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; $(".counter").countUp();
// trip planner step fieldset
// $(".modal-steps-wrapper-box .next").click(function (event) { var current_fs, next_fs, previous_fs;
// event.preventDefault();
// $('body,html').animate({ scrollTop: 0 }, 0); // $(".modal-steps-wrapper-box .next").click(function (event) {
// current_fs = $(this).closest('fieldset'); // event.preventDefault();
// next_fs = $(this).closest('fieldset').next(); // $('body,html').animate({ scrollTop: 0 }, 0);
// current_fs = $(this).closest('fieldset');
// $("#progressbar li").eq($("fieldset").index(next_fs)).addClass("active").prev().addClass('complete'); // next_fs = $(this).closest('fieldset').next();
// next_fs.show(); // $("#progressbar li").eq($("fieldset").index(next_fs)).addClass("active").prev().addClass('complete');
// current_fs.hide();
// }) // next_fs.show();
// current_fs.hide();
// $(".modal-steps-wrapper-box .previous").click(function (event) { // })
// event.preventDefault();
// $('body,html').animate({ scrollTop: 0 }, 0); // $(".modal-steps-wrapper-box .previous").click(function (event) {
// current_fs = $(this).closest('fieldset'); // event.preventDefault();
// previous_fs = $(this).closest('fieldset').prev(); // $('body,html').animate({ scrollTop: 0 }, 0);
// current_fs = $(this).closest('fieldset');
// $("#progressbar li").eq($("fieldset").index(current_fs)).removeClass("active").prev().removeClass('complete'); // previous_fs = $(this).closest('fieldset').prev();
// previous_fs.show(); // $("#progressbar li").eq($("fieldset").index(current_fs)).removeClass("active").prev().removeClass('complete');
// current_fs.hide();
// }) // previous_fs.show();
// current_fs.hide();
// })
console.log($(".experience").length);
if ($(".experience").length == 1) { console.log($(".experience").length);
document.addEventListener("DOMContentLoaded", () => { if ($(".experience").length == 1) {
function counter(id, start, end, duration) { document.addEventListener("DOMContentLoaded", () => {
let obj = document.getElementById(id), function counter(id, start, end, duration) {
current = start, let obj = document.getElementById(id),
range = end - start, current = start,
increment = end > start ? 1 : -1, range = end - start,
step = Math.abs(Math.floor(duration / range)), increment = end > start ? 1 : -1,
timer = setInterval(() => { step = Math.abs(Math.floor(duration / range)),
current += increment; timer = setInterval(() => {
obj.textContent = current; current += increment;
if (current == end) { obj.textContent = current;
clearInterval(timer); if (current == end) {
} clearInterval(timer);
}, step); }
} }, step);
counter("experience", 0, 10, 3000); }
counter("client", 100, 432, 2500); counter("experience", 0, 10, 3000);
counter("experts", 0, 27, 3000); counter("client", 100, 432, 2500);
}); counter("experts", 0, 27, 3000);
} });
}
//gsap mobile motion
gsap.registerPlugin(ScrollTrigger); //gsap mobile motion
gsap.registerPlugin(ScrollTrigger);
gsap.to(".mob2", {
y: 600, gsap.to(".mob2", {
ease: "none", y: 600,
duration: 2, ease: "none",
scrollTrigger: { duration: 2,
trigger: ".mob2", scrollTrigger: {
start: "80px 30%", trigger: ".mob2",
end: "900px 50%", start: "80px 30%",
scrub: 2, end: "900px 50%",
}, scrub: 2,
}); },
gsap.to(".mob1", { });
y: 130, gsap.to(".mob1", {
ease: "none", y: 130,
duration: 2, ease: "none",
scrollTrigger: { duration: 2,
trigger: ".mob2", scrollTrigger: {
start: "80px 30%", trigger: ".mob2",
end: "300px 50%", start: "80px 30%",
scrub: 1, end: "300px 50%",
}, scrub: 1,
}); },
gsap.to(".mob3", { });
y: 130, gsap.to(".mob3", {
ease: "none", y: 130,
duration: 2, ease: "none",
scrollTrigger: { duration: 2,
trigger: ".mob2", scrollTrigger: {
start: "80px 30%", trigger: ".mob2",
end: "300px 50%", start: "80px 30%",
scrub: 1, end: "300px 50%",
}, scrub: 1,
}); },
gsap.to(".mob4", { });
y: 100, gsap.to(".mob4", {
ease: "none", y: 100,
duration: 2, ease: "none",
scrollTrigger: { duration: 2,
trigger: ".mob2", scrollTrigger: {
start: "60% 30%", trigger: ".mob2",
end: "60% 30%", start: "60% 30%",
scrub: 1, end: "60% 30%",
}, scrub: 1,
}); },
gsap.to(".mob5", { });
y: 100, gsap.to(".mob5", {
ease: "none", y: 100,
duration: 2, ease: "none",
scrollTrigger: { duration: 2,
trigger: ".mob2", scrollTrigger: {
start: "60% 30%", trigger: ".mob2",
end: "60% 30%", start: "60% 30%",
scrub: 1, end: "60% 30%",
}, scrub: 1,
}); },
});
$(".see-more-btn").click(function () {
$(".expandable-text").toggleClass("expanded"); $(".see-more-btn").click(function () {
if ($(".expandable-text").hasClass("expanded")) { $(".expandable-text").toggleClass("expanded");
$(".see-more-btn").text("Show less"); if ($(".expandable-text").hasClass("expanded")) {
} else { $(".see-more-btn").text("Show less");
$(".see-more-btn").text("See more"); } else {
} $(".see-more-btn").text("See more");
$("html, body").animate( }
{ $("html, body").animate(
scrollTop: $(".expandable-text").offset().top - 200, {
}, scrollTop: $(".expandable-text").offset().top - 200,
1000 },
); 1000,
}); );
});
$(".get-quote-button").click(function () {
$(".request-hide-success-modal").hide(); $(".get-quote-button").click(function () {
$(".request-success-modal").show(); $(".request-hide-success-modal").hide();
}); $(".request-success-modal").show();
});
// accordion-loadmore
$(".see-more-btn-accordion").click(function () { // accordion-loadmore
$(".expandable-text-accordion").toggleClass("expanded"); $(".see-more-btn-accordion").click(function () {
if ($(".expandable-text-accordion").hasClass("expanded")) { $(".expandable-text-accordion").toggleClass("expanded");
$(".see-more-btn-accordion").text("Load less"); if ($(".expandable-text-accordion").hasClass("expanded")) {
} else { $(".see-more-btn-accordion").text("Load less");
$(".see-more-btn-accordion").text("Load more"); } else {
} $(".see-more-btn-accordion").text("Load more");
$("html, body").animate( }
{ $("html, body").animate(
scrollTop: $(".expandable-text-accordion").offset().top - 200, {
}, scrollTop: $(".expandable-text-accordion").offset().top - 200,
1000 },
); 1000,
}); );
});
$(document).ready(function (jQuery) {
if ($(".accordion-collapse").hasClass("show")) { $(document).ready(function (jQuery) {
$(this).find(".accordion-item").addClass("bg"); if ($(".accordion-collapse").hasClass("show")) {
} else { $(this).find(".accordion-item").addClass("bg");
$(".accordion-item").removeClass("bg"); } else {
} $(".accordion-item").removeClass("bg");
}); }
});
//meet-team-wrapper
$(".meet-team-wrapper").owlCarousel({ //meet-team-wrapper
loop: false, $(".meet-team-wrapper").owlCarousel({
autoplay: true, loop: false,
margin: 40, autoplay: true,
nav: false, margin: 40,
dots: false, nav: false,
responsive: { dots: false,
0: { responsive: {
items: 1, 0: {
}, items: 1,
600: { },
items: 2, 600: {
}, items: 2,
1000: { },
items: 4, 1000: {
}, items: 4,
}, },
}); },
});
//technology-carousel-wrapper
$(".technology-carousel-wrapper").owlCarousel({ //technology-carousel-wrapper
loop: false, $(".technology-carousel-wrapper").owlCarousel({
autoplay: true, loop: false,
margin: 40, autoplay: true,
nav: false, margin: 40,
dots: false, nav: false,
responsive: { dots: false,
0: { responsive: {
items: 6, 0: {
}, items: 6,
600: { },
items: 6, 600: {
}, items: 6,
1000: { },
items: 9, 1000: {
}, items: 9,
}, },
}); },
});
//portfolio-carousel
$(".portfolio-carousel").owlCarousel({ //portfolio-carousel
loop: false, $(".portfolio-carousel").owlCarousel({
autoplay: true, loop: false,
margin: 40, autoplay: true,
nav: false, margin: 40,
dots: false, nav: false,
responsive: { dots: false,
0: { responsive: {
items: 1, 0: {
}, items: 1,
600: { },
items: 2, 600: {
}, items: 2,
1000: { },
items: 3, 1000: {
}, items: 3,
}, },
}); },
});
//customer-feedback
$(".customer-feedback").owlCarousel({ //customer-feedback
loop: false, $(".customer-feedback").owlCarousel({
autoplay: true, loop: false,
margin: 20, autoplay: true,
nav: false, margin: 20,
dots: true, nav: false,
responsive: { dots: true,
0: { responsive: {
items: 1, 0: {
}, items: 1,
576: { },
items: 1, 576: {
}, items: 1,
768: { },
items: 2, 768: {
}, items: 2,
1000: { },
items: 3, 1000: {
}, items: 3,
}, },
}); },
});
//customer-feedback-course-detail
$(".customer-feedback-course-detail").owlCarousel({ //customer-feedback-course-detail
loop: false, $(".customer-feedback-course-detail").owlCarousel({
autoplay: true, loop: false,
margin: 40, autoplay: true,
nav: false, margin: 40,
dots: true, nav: false,
responsive: { dots: true,
0: { responsive: {
items: 1, 0: {
}, items: 1,
600: { },
items: 2, 600: {
}, items: 2,
1000: { },
items: 2, 1000: {
}, items: 2,
}, },
}); },
});
//customer-feedback-course-detail
$(".client-carouselwrapper").owlCarousel({ //customer-feedback-course-detail
loop: false, $(".client-carouselwrapper").owlCarousel({
autoplay: true, loop: false,
margin: 20, autoplay: true,
nav: false, margin: 20,
dots: false, nav: false,
responsive: { dots: false,
0: { responsive: {
items: 3, 0: {
}, items: 3,
600: { },
items: 4, 600: {
}, items: 4,
1000: { },
items: 5, 1000: {
}, items: 5,
}, },
}); },
});
//more-course-section
$(".more-course-section").owlCarousel({ //more-course-section
loop: false, $(".more-course-section").owlCarousel({
autoplay: true, loop: false,
margin: 20, autoplay: true,
nav: false, margin: 20,
dots: true, nav: false,
responsive: { dots: true,
0: { responsive: {
items: 1, 0: {
}, items: 1,
600: { },
items: 2, 600: {
}, items: 2,
1000: { },
items: 2, 1000: {
}, items: 2,
}, },
}); },
});
//customer-feedback-portfolio
$(".customer-feedback-portfolio").owlCarousel({ //customer-feedback-portfolio
loop: false, $(".customer-feedback-portfolio").owlCarousel({
autoplay: true, loop: false,
margin: 10, autoplay: true,
nav: false, margin: 10,
dots: false, nav: false,
responsive: { dots: false,
0: { responsive: {
items: 1, 0: {
}, items: 1,
600: { },
items: 1, 600: {
}, items: 1,
1000: { },
items: 1, 1000: {
}, items: 1,
}, },
}); },
});
//blog-carousel
$(".blog-carousel").owlCarousel({ //blog-carousel
loop: true, $(".blog-carousel").owlCarousel({
autoplay: true, loop: true,
margin: 20, autoplay: true,
nav: false, margin: 20,
dots: false, nav: false,
responsive: { dots: false,
0: { responsive: {
items: 1, 0: {
}, items: 1,
600: { },
items: 3, 600: {
}, items: 3,
1000: { },
items: 3, 1000: {
}, items: 3,
}, },
}); },
});
//time-pickr
$("#timePicker").flatpickr({ //time-pickr
enableTime: true, $("#timePicker").flatpickr({
noCalendar: true, enableTime: true,
dateFormat: "H:i", noCalendar: true,
}); dateFormat: "H:i",
//for date picker and disable the date });
$(".date").flatpickr(); //for date picker and disable the date
var date1 = $(".start-date").flatpickr({ $(".date").flatpickr();
minDate: "today", var date1 = $(".start-date").flatpickr({
onChange: function (selectedDates, dateStr, instance) { minDate: "today",
date2.set("minDate", dateStr); onChange: function (selectedDates, dateStr, instance) {
}, date2.set("minDate", dateStr);
}); },
});
var date2 = $(".end-date").flatpickr({});
var date2 = $(".end-date").flatpickr({});
$(function () {
$("body").tooltip({ $(function () {
selector: "[data-toggle=tooltip]", $("body").tooltip({
placement: "bottom", selector: "[data-toggle=tooltip]",
}); placement: "bottom",
}); });
});
$(".toggler-icon").click(function () {
$(".navbar-nav").addClass("show"); $(".toggler-icon").click(function () {
}); $(".navbar-nav").addClass("show");
$(".navbar-nav li").click(function () { });
$(".navbar-nav").removeClass("show"); $(".navbar-nav li").click(function () {
}); $(".navbar-nav").removeClass("show");
});
$(".side-menu-close").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(".btn-start-project").click(function(event) {
// jQuery('body').addClass('no-scroll'); // event.preventDefault();
// }); // jQuery('body').addClass('no-scroll');
// });
$(window)
.scroll(function () { $(window)
var scrollDistance = $(window).scrollTop() + 201; .scroll(function () {
// Assign active class to nav links while scolling var scrollDistance = $(window).scrollTop() + 201;
$(".nav-content").each(function (i) { // Assign active class to nav links while scolling
if ($(this).position().top <= scrollDistance) { $(".nav-content").each(function (i) {
$(".top-nav ul li a").removeClass("active"); if ($(this).position().top <= scrollDistance) {
$(".top-nav ul li a").eq(i).addClass("active"); $(".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"); if (scrollDistance == 201) {
} $(".top-nav ul li a").removeClass("active");
}) }
.scroll(); })
.scroll();
// sticky nav
// $(function () { // sticky nav
// var header = $(".navbar"); // $(function () {
// $(window).scroll(function () { // var header = $(".navbar");
// var scroll = $(window).scrollTop(); // $(window).scroll(function () {
// if (scroll >= 200) { // var scroll = $(window).scrollTop();
// header.addClass("sticky-top"); // if (scroll >= 200) {
// } else { // header.addClass("sticky-top");
// header.removeClass("sticky-top"); // } else {
// } // header.removeClass("sticky-top");
// }); // }
// }); // });
// });
var lastScrollTop = 0;
$(window).scroll(function(event) { var lastScrollTop = 0;
var thisValue = $(this).scrollTop(); $(window).scroll(function (event) {
if (thisValue == 0) { var thisValue = $(this).scrollTop();
$(".navbar").removeClass("sticky-top"); if (thisValue == 0) {
} else if (thisValue > lastScrollTop) { $(".navbar").removeClass("sticky-top");
$(".navbar").removeClass("sticky-top"); } else if (thisValue > lastScrollTop) {
} else { $(".navbar").removeClass("sticky-top");
$(".navbar").addClass("sticky-top"); } else {
} $(".navbar").addClass("sticky-top");
lastScrollTop = thisValue; }
}); lastScrollTop = thisValue;
});
$(".button-close").click(function () { $(".button-close").click(function () {
$(".modal-dialog").addClass("addCss"); $(".modal-dialog").addClass("addCss");
}); });
//side-nav //side-nav
$("#side-nav").click(function () { $("#side-nav").click(function () {
$(".nav-side-menu").addClass("active"); $(".nav-side-menu").addClass("active");
$("#side-nav").css("visibility", "hidden"); $("#side-nav").css("visibility", "hidden");
}); });
$(".close-icon").click(function () { $(".close-icon").click(function () {
$(".nav-side-menu").removeClass("active"); $(".nav-side-menu").removeClass("active");
$("#side-nav").css("visibility", "visible"); $("#side-nav").css("visibility", "visible");
}); });
//read more blogs //read more blogs
$(".readmoreblogs").owlCarousel({ $(".readmoreblogs").owlCarousel({
loop: false, loop: false,
margin: 10, margin: 10,
nav: true, nav: true,
responsive: { responsive: {
0: { 0: {
items: 1, items: 1,
}, },
600: { 600: {
items: 2, items: 2,
}, },
1000: { 1000: {
items: 3, items: 3,
}, },
}, },
}); });
// returntotop // returntotop
$(window).scroll(function () { $(window).scroll(function () {
if ($(this).scrollTop() >= 200) { if ($(this).scrollTop() >= 200) {
$("#return-to-top").show(200); $("#return-to-top").show(200);
} else { } else {
$("#return-to-top").hide(200); $("#return-to-top").hide(200);
} }
}); });
$("#return-to-top").click(function () { $("#return-to-top").click(function () {
$("body,html").animate({ scrollTop: 0 }, 1000); $("body,html").animate({ scrollTop: 0 }, 1000);
}); });
//thankyou message for comment in blog-detail //thankyou message for comment in blog-detail
$("#submitBtn").click(function () { $("#submitBtn").click(function () {
$(".alert-success").slideToggle("slow").delay(2000).slideToggle("slow"); $(".alert-success").slideToggle("slow").delay(2000).slideToggle("slow");
}); });
//thankyou message for book //thankyou message for book
$("#submit").click(function () { $("#submit").click(function () {
$(".alert-success").slideToggle("slow").delay(2000).slideToggle("slow"); $(".alert-success").slideToggle("slow").delay(2000).slideToggle("slow");
}); });
jQuery(document).ready(function ($) { jQuery(document).ready(function ($) {
jQuery('img').removeAttr('width').removeAttr('height'); jQuery("img").removeAttr("width").removeAttr("height");
}); });
$('.fpData').click(function () { $(".fpData").click(function () {
var button = $(this); var button = $(this);
var dataCatValue = $(this).data('cat'); var dataCatValue = $(this).data("cat");
button.addClass('loading') button.addClass("loading");
console.log(dataCatValue); console.log(dataCatValue);
$.ajax({ $.ajax({
url: frontend_ajax_object.ajaxurl, url: frontend_ajax_object.ajaxurl,
method: 'POST', method: "POST",
dataType: 'json', dataType: "json",
data: { data: {
action: 'get_fetch_more_portfolios', action: "get_fetch_more_portfolios",
data_cat: dataCatValue data_cat: dataCatValue,
}, },
success: function (response) { success: function (response) {
button.remove(); button.remove();
// Handle the response here // Handle the response here
console.log(response.html); console.log(response.html);
$('#append_' + dataCatValue).append(response.html); $("#append_" + dataCatValue).append(response.html);
}, },
error: function (xhr, status, error) { error: function (xhr, status, error) {
// Handle errors // Handle errors
console.log(error); console.log(error);
} },
}); });
}); });
})(jQuery);
\ No newline at end of file $(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
...@@ -138,14 +138,57 @@ button { ...@@ -138,14 +138,57 @@ button {
} }
} }
// .download-popup { .custom-overlay {
// position: fixed; position: fixed;
// top: 80px; inset: 0;
// bottom: 64px; z-index: 112;
// left: 50%; background-color: rgba(0, 0, 0, 0.6);
// transform: translateX(-50%); }
// background-color: $white;
// } .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) { @media (max-width: 767px) {
.section-title { .section-title {
...@@ -158,4 +201,35 @@ button { ...@@ -158,4 +201,35 @@ button {
.input-field { .input-field {
margin-bottom: 24px; 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
...@@ -248,13 +248,19 @@ ...@@ -248,13 +248,19 @@
<div class="download-popup"> <div class="download-popup">
<div class="dp-content-box"> <div class="dp-content-box">
<div class="form-content-box"> <div class="top-title section-title d-flex justify-content-between align-items-start">
<div class="top-title section-title"> <div class="title">
<h2>Get Your Free SEO Audit Delivered to Your Inbox</h2> <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. website's performance.
</p> </p>
</div> </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="row">
<div class="col-sm-6"> <div class="col-sm-6">
<div class="input-field"> <div class="input-field">
...@@ -271,7 +277,7 @@ ...@@ -271,7 +277,7 @@
<div class="col-sm-6"> <div class="col-sm-6">
<div class="input-field"> <div class="input-field">
<label>Enter your Email Address</label> <label>Enter your Email Address</label>
<input type="text" placeholder="Enter your Enter your Email Address "> <input type="text" placeholder="Enter your Email Address ">
</div> </div>
</div> </div>
<div class="col-sm-6"> <div class="col-sm-6">
...@@ -288,7 +294,7 @@ ...@@ -288,7 +294,7 @@
</div> </div>
</div> </div>
<div class="submit-field "> <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"> <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" <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" 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 @@ ...@@ -298,6 +304,7 @@
</div> </div>
</div> </div>
</div> </div>
<a href="#" class="custom-overlay"></a>
<?php wp_footer() ?> <?php wp_footer() ?>
......
template-parts/site-comparison/comparison-form.php
...@@ -26,5 +26,13 @@ ...@@ -26,5 +26,13 @@
fill="white" /> fill="white" />
</svg> </svg>
</div> </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> </div>
</section> </section>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment