Skip to content

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

updated the basic layout for the comparision page

parent 6283a343
Showing with 270 additions and 28 deletions
README.md 0 → 100644
NODE VERSION : 21.6.0
CD dev
npm run dev
\ No newline at end of file
assets/css/style.css
This source diff could not be displayed because it is too large. You can view the blob instead.
assets/img/quote.svg 0 → 100644
<svg width="136" height="114" viewBox="0 0 136 114" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.16" d="M135.058 0V26.0755H127.034C120.571 26.0755 115.445 27.0784 111.657 29.0842C107.868 31.09 105.082 34.5444 103.299 39.4475C101.516 44.1277 100.625 50.4795 100.625 58.5027V83.241L90.9299 64.5201C92.49 63.4058 94.7186 62.5143 97.6159 61.8457C100.513 60.9542 103.522 60.5085 106.642 60.5085C113.997 60.5085 120.126 62.8486 125.029 67.5288C129.932 71.9862 132.383 78.2264 132.383 86.2497C132.383 93.8272 130.043 100.29 125.363 105.639C120.683 110.765 113.997 113.328 105.305 113.328C99.7331 113.328 94.4958 112.102 89.5927 109.651C84.9125 106.976 81.1237 102.519 78.2264 96.2787C75.3292 89.8155 73.8805 81.0123 73.8805 69.8689V64.1858C73.8805 48.3622 75.9978 35.7702 80.2323 26.4098C84.6896 17.0494 91.0413 10.3633 99.2874 6.35172C107.533 2.11724 117.563 0 129.374 0H135.058ZM61.1771 0V26.0755H53.1539C46.6907 26.0755 41.5648 27.0784 37.776 29.0842C33.9873 31.09 31.2014 34.5444 29.4185 39.4475C27.6356 44.1277 26.7441 50.4795 26.7441 58.5027V83.241L17.0494 64.5201C18.6094 63.4058 20.8381 62.5143 23.7354 61.8457C26.6327 60.9542 29.6414 60.5085 32.7615 60.5085C40.1161 60.5085 46.245 62.8486 51.1481 67.5288C56.0511 71.9862 58.5027 78.2264 58.5027 86.2497C58.5027 93.8272 56.1626 100.29 51.4824 105.639C46.8021 110.765 40.1161 113.328 31.4243 113.328C25.8526 113.328 20.6152 112.102 15.7121 109.651C11.0319 106.976 7.24319 102.519 4.34591 96.2787C1.44864 89.8155 0 81.0123 0 69.8689V64.1858C0 48.3622 2.11724 35.7702 6.35172 26.4098C10.8091 17.0494 17.1608 10.3633 25.4069 6.35172C33.653 2.11724 43.682 0 55.494 0H61.1771Z" fill="#005AFF"/>
</svg>
blocks/custom-banner-with-right-image.php
<?php if(get_field('enable_section')):
if(is_page("Portfolio Detail")):?>
<section class="background-dark pb-60 ABOUT TOP-BANNER-SECTION PORTFOLIO-INTRO">
<div class="container">
<div class="row ">
<div class="col-lg-4 col-md-5">
<!--<?php if($image = get_field('image')): echo wp_get_attachment_image($image); endif;?>-->
<?php
$image = get_field('image');
$size = 'full';
if ($image) {
echo wp_get_attachment_image($image, $size);
} ?>
</div>
<div class="col-lg-7 col-12">
<div class="position-relative left-text-wrapper">
<?php the_field('description');?>
</div>
</div>
</div>
</div>
</section>
<?php else:?>
<?php if(get_field('enable_section')):?>
<section class="background-dark pb-60 ABOUT TOP-BANNER-SECTION">
<div class="container">
<div class="row align-items-center justify-content-between">
......@@ -44,5 +20,4 @@
</div>
</div>
</section>
<?php endif; endif;?>
\ No newline at end of file
<?php endif;?>
\ No newline at end of file
dev/sass/pages/seo-audit/_audit-intro.scss 0 → 100644
.AUDIT-INTRO {
background-color: $primary;
.ai-content {
max-width: 766px;
margin: 0 auto;
text-align: center;
h1,
p {
color: $white;
}
h1 {
margin-bottom: 16px;
}
p + .search-field {
margin-top: 48px;
}
.search-field {
position: relative;
input {
width: 100%;
background-color: $white;
padding-right: 210px;
}
.audit-search {
position: absolute;
top: 0px;
right: 0px;
bottom: 0;
min-width: 220px;
border: none;
outline: none;
background-color: $black;
color: $white;
font-weight: 600;
}
}
}
}
@media (max-width: 768px) {
.AUDIT-INTRO {
.ai-content {
.search-field {
.audit-search {
min-width: 120px;
}
}
}
}
}
dev/sass/pages/seo-audit/_audit-quote.scss 0 → 100644
.AUDIT-QUOTE {
.quote-content {
max-width: 970px;
margin: 0 auto;
position: relative;
img {
position: absolute;
z-index: -1;
left: 50%;
max-width: 135px;
top: -40px;
}
}
}
dev/sass/pages/seo-audit/_audit-toolbox.scss 0 → 100644
.AUDIT-TOOL-BOX {
background-color: $black;
.section-title {
* {
color: $white;
}
}
.service-item {
background-color: $white;
}
}
@media (min-width: 768px) {
.AUDIT-TOOL-BOX {
.row {
--bs-gutter-y: 24px;
}
}
}
dev/sass/pages/site-comparision/_comparison-form.scss 0 → 100644
.COMPARISON-FORM {
.section-title {
margin-bottom: 24px;
}
.submit-field {
position: relative;
max-width: fit-content;
svg {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 40px;
}
}
}
dev/sass/pages/site-comparision/_inner-banner.scss 0 → 100644
.AUDIT-INNER-BANNER {
background-color: $primary;
h1 {
color: $white;
}
}
dev/sass/style.scss
......@@ -50,3 +50,8 @@ $body-font: "Sora", sans-serif;
@import "pages/portfolio-detail/portfolio-testimonial";
@import "pages/portfolio-detail/portfolio-title-desc";
@import "pages/portfolio-detail/related-portfolio";
@import "pages/seo-audit/audit-intro";
@import "pages/seo-audit/audit-toolbox";
@import "pages/seo-audit/audit-quote";
@import "pages/site-comparision/inner-banner";
@import "pages/site-comparision/comparison-form";
page-templates/seo-audit.php 0 → 100644
<?php
/**
* Template Name: SEO Audit
*/
get_header();
the_content();
get_template_part("/template-parts/seo-audit/audit-intro", null);
get_template_part("/template-parts/service-detail/service-listing", null);
get_template_part("/template-parts/seo-audit/audit-tool-box", null);
get_template_part("/template-parts/seo-audit/audit-quote", null);
get_footer();
?>
\ No newline at end of file
page-templates/site-comparison.php 0 → 100644
<?php
/**
* Template Name: SITE Comparison
*/
get_header();
the_content();
get_template_part("/template-parts/site-comparison/audit-page-intro", null);
get_template_part("/template-parts/site-comparison/comparison-form", null);
get_template_part("/template-parts/service-detail/service-listing", null);
get_template_part("/template-parts/seo-audit/audit-quote", null);
get_footer();
?>
\ No newline at end of file
template-parts/seo-audit/audit-intro.php 0 → 100644
<section class="AUDIT-INTRO pb-40">
<div class="container">
<div class="ai-content">
<div class="section-title top-title">
<h1>Run SEO Audit for Your Website</h1>
<p>Fix your all website technical issues with our free seo audit tool, this tool provides you the comprehensive
report to make your web error free</p>
<div class="search-field">
<div class="input-field">
<input type="search" name="search-key" id="search-key" placeholder="Enter your Website here..">
</div>
<button type="submit" class="audit-search">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M19 11C19 15.4184 15.4184 19 11 19C6.5816 19 3 15.4184 3 11C3 6.5816 6.5816 3 11 3C15.4184 3 19 6.5816 19 11Z"
stroke="white" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" />
<path d="M20.9984 20.9999L16.6484 16.6499" stroke="white" stroke-width="3" stroke-linecap="round"
stroke-linejoin="round" />
</svg>
Audit
</button>
</div>
</div>
</div>
</div>
</section>
\ No newline at end of file
template-parts/seo-audit/audit-quote.php 0 → 100644
<section class="AUDIT-QUOTE py-80">
<div class="container">
<div class="quote-content">
<img src="<?php echo get_parent_theme_file_uri()?>/assets/img/quote.svg" alt="">
<h4 class="text-center">We’ve always aimed to do things a little differently at Buffer. Since the early days,
we’ve had a focus on
building one of the most unique and fulfilling workplaces by rethinking a lot of traditional practices.</h4>
</div>
</div>
</section>
\ No newline at end of file
template-parts/seo-audit/audit-tool-box.php 0 → 100644
<section class="AUDIT-TOOL-BOX SERVICE-LISTING py-80 mt-80">
<div class="container">
<div class="top-title section-title">
<h2>Services we provide in Content Marketing</h2>
<p>Our swift-paced team is capable of handling design projects on anywhere and anytime. We’re ready to deliver
your best product wherever you are!</p>
</div>
<div class="row">
<?php
$services = array_fill(0, 6, []);
foreach ($services as $service) {
?>
<div class="col-md-6 col-xl-4">
<div class="service-item">
<div class="si-icon">
<img src="<?php echo get_parent_theme_file_uri()?>/assets/img/service-detail-01.svg" alt="">
</div>
<div class="si-content">
<strong>Strategy Development</strong>
<p>We design a custom content strategy that aligns with your business objectives, target audience, and
industry trends.</p>
</div>
</div>
</div>
<?php
}
?>
</div>
</div>
</section>
\ No newline at end of file
template-parts/site-comparison/audit-page-intro.php 0 → 100644
<section class="AUDIT-INNER-BANNER pb-40">
<div class="container">
<div class="top-title">
<h1>Best Competitor Analysis Tool for you</h1>
</div>
</div>
</section>
\ No newline at end of file
template-parts/site-comparison/comparison-form.php 0 → 100644
<section class="COMPARISON-FORM pt-80">
<div class="container">
<div class="section-title top-title">
<h3>Find Keyword GAP Study from our best competitor analysis tool</h3>
<p>Unable to find competion gap to perform in google search, try our best competitor analysis tool, which gives
you the detail data of your competitors</p>
</div>
<div class="row">
<div class="col-sm-6">
<div class="input-field">
<input type="text" placeholder="Website URL">
</div>
</div>
<div class="col-sm-6">
<div class="input-field">
<input type="text" placeholder="Competitor’s Website URL">
</div>
</div>
</div>
<div class="submit-field">
<input type="submit" value="Analyze">
<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
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