Commit b7431648 by jhukal9@gmail.com

Merge branch 'feature/html-conversion' into dev

parents 0c50d450 94e50ac5
NODE VERSION : 21.6.0
CD dev
npm run dev
\ No newline at end of file
This source diff could not be displayed because it is too large. You can view the blob instead.
<svg width="16" height="10" viewBox="0 0 16 10" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15.9688 1.31876C15.875 0.887514 15.6188 0.596889 15.1813 0.475014C14.7031 0.340639 14.3063 0.487514 13.9688 0.828139C12.6594 2.14064 11.3531 3.45626 10.0469 4.77189C9.39064 5.42814 8.72814 6.08126 8.00314 6.80314L2.02189 0.821889C1.52189 0.321889 0.80939 0.293764 0.34689 0.734389C-0.11561 1.17501 -0.12186 1.92189 0.36564 2.41251C2.62189 4.68126 4.88752 6.94689 7.15627 9.20314C7.65002 9.69376 8.34377 9.70626 8.82814 9.22189C11.1094 6.95626 13.3813 4.68439 15.6469 2.40626C15.9438 2.10626 16.0625 1.73751 15.9688 1.31876Z" fill="#005AFF"/>
</svg>
<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>
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="Frame" clip-path="url(#clip0_4211_3447)">
<path id="Vector" d="M11.9974 6.6665H9.33073C8.62349 6.6665 7.94521 6.94746 7.44511 7.44755C6.94501 7.94765 6.66406 8.62593 6.66406 9.33317V25.3332C6.66406 26.0404 6.94501 26.7187 7.44511 27.2188C7.94521 27.7189 8.62349 27.9998 9.33073 27.9998H22.6641C23.3713 27.9998 24.0496 27.7189 24.5497 27.2188C25.0498 26.7187 25.3307 26.0404 25.3307 25.3332V9.33317C25.3307 8.62593 25.0498 7.94765 24.5497 7.44755C24.0496 6.94746 23.3713 6.6665 22.6641 6.6665H19.9974" stroke="#005AFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_2" d="M17.3333 4H14.6667C13.1939 4 12 5.19391 12 6.66667C12 8.13943 13.1939 9.33333 14.6667 9.33333H17.3333C18.8061 9.33333 20 8.13943 20 6.66667C20 5.19391 18.8061 4 17.3333 4Z" stroke="#005AFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_3" d="M12 18.6667L14.6667 21.3333L20 16" stroke="#005AFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_4211_3447">
<rect width="32" height="32" fill="white"/>
</clipPath>
</defs>
</svg>
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="Frame" clip-path="url(#clip0_4211_3469)">
<path id="Vector" d="M4 25.3333C8.444 22.6666 10.6667 19.9999 10.6667 17.3333C10.6667 13.3333 9.33333 13.3333 8 13.3333C6.66667 13.3333 5.29067 14.7799 5.33333 17.3333C5.37867 20.0639 7.544 21.1693 8.66667 22.6666C10.6667 25.3333 12 25.9999 13.3333 23.9999C14.2227 22.6666 14.8893 21.5559 15.3333 20.6666C16.6667 23.7773 18.444 25.3333 20.6667 25.3333H24" stroke="#005AFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_2" d="M26.6693 22.6667V6.66667C26.6693 5.172 25.4973 4 24.0026 4C22.5079 4 21.3359 5.172 21.3359 6.66667V22.6667L24.0026 25.3333L26.6693 22.6667Z" stroke="#005AFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_3" d="M21.3359 9.3335H26.6693" stroke="#005AFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_4211_3469">
<rect width="32" height="32" fill="white"/>
</clipPath>
</defs>
</svg>
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="Frame" clip-path="url(#clip0_4211_3475)">
<path id="Vector" d="M18.6641 4V9.33333C18.6641 9.68695 18.8045 10.0261 19.0546 10.2761C19.3046 10.5262 19.6438 10.6667 19.9974 10.6667H25.3307" stroke="#005AFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_2" d="M15.9974 28H9.33073C8.62349 28 7.94521 27.719 7.44511 27.219C6.94501 26.7189 6.66406 26.0406 6.66406 25.3333V6.66667C6.66406 5.95942 6.94501 5.28115 7.44511 4.78105C7.94521 4.28095 8.62349 4 9.33073 4H18.6641L25.3307 10.6667V16.6667" stroke="#005AFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_3" d="M21.9974 26.6667C23.8383 26.6667 25.3307 25.1743 25.3307 23.3333C25.3307 21.4924 23.8383 20 21.9974 20C20.1564 20 18.6641 21.4924 18.6641 23.3333C18.6641 25.1743 20.1564 26.6667 21.9974 26.6667Z" stroke="#005AFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_4" d="M24.6641 26L27.9974 29.3333" stroke="#005AFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_4211_3475">
<rect width="32" height="32" fill="white"/>
</clipPath>
</defs>
</svg>
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="Frame" clip-path="url(#clip0_4211_3427)">
<path id="Vector" d="M16 28C22.6274 28 28 22.6274 28 16C28 9.37258 22.6274 4 16 4C9.37258 4 4 9.37258 4 16C4 22.6274 9.37258 28 16 28Z" stroke="#005AFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_2" d="M13.3333 22L16 18L18.6667 22M16 18V15.3333L20 14M12 14L16 15.3333" stroke="#005AFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_3" d="M16.0026 10.6668C16.3708 10.6668 16.6693 10.3684 16.6693 10.0002C16.6693 9.63197 16.3708 9.3335 16.0026 9.3335C15.6344 9.3335 15.3359 9.63197 15.3359 10.0002C15.3359 10.3684 15.6344 10.6668 16.0026 10.6668Z" fill="#005AFF" stroke="#005AFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_4211_3427">
<rect width="32" height="32" fill="white"/>
</clipPath>
</defs>
</svg>
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="fi_17554905">
<path id="Vector" d="M4.41642 10.1123C5.58044 8.32287 9.86173 3.71687 13.4122 1.32402C13.563 1.22239 13.7332 1.42188 13.6082 1.55391C10.2352 5.11597 6.62991 9.14508 4.55931 12.6291C4.50163 12.7261 4.36239 12.7295 4.30212 12.6341C3.26017 10.9836 2.36653 8.61123 0.451089 7.88425C0.308794 7.83024 0.32247 7.62906 0.470435 7.59341C2.30602 7.15115 3.16614 8.72101 4.41642 10.1121V10.1123Z" fill="white"/>
</g>
</svg>
<?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">
<div class="col-lg-6 col-12">
<div class="position-relative left-text-wrapper">
<?php the_field('description');?>
</div>
</div>
<div class="col-lg-5 col-md-5 mx-auto col-12 text-center right-image">
<!--<?php if($image = get_field('image')): echo wp_get_attachment_image($image); endif;?>-->
<section class="background-dark pb-60 ABOUT TOP-BANNER-SECTION">
<div class="container">
<div class="row align-items-center justify-content-between">
<div class="col-lg-6 col-12">
<div class="position-relative left-text-wrapper">
<?php the_field('description');?>
</div>
</div>
<div class="col-lg-5 col-md-5 mx-auto col-12 text-center right-image">
<!--<?php if($image = get_field('image')): echo wp_get_attachment_image($image); endif;?>-->
<?php
<?php
$image = get_field('image');
$size = 'full';
if ($image) {
echo wp_get_attachment_image($image, $size);
} ?>
</div>
</div>
</div>
</div>
</div>
</section>
<?php endif;?>
\ No newline at end of file
<?php endif;?>
\ No newline at end of file
a,
button {
transition: all 0.3s ease-in-out;
}
.section-title {
margin-bottom: 3.75rem;
}
.input-field {
margin-bottom: 32px;
label {
color: $black;
font-size: 16px;
font-weight: 600;
line-height: 20px;
display: block;
margin-bottom: 8px;
}
input,
select,
textarea {
padding: 16px;
color: rgb(88, 89, 90);
font-size: 14px;
line-height: 20px;
letter-spacing: -0.3px;
border: none;
display: block;
width: 100%;
border-radius: 0;
&:focus {
outline-color: $primary;
}
}
input,
textarea {
background: rgba(0, 0, 0, 0.05);
&::placeholder {
opacity: 0.4;
}
}
textarea {
resize: none;
}
}
.select-field {
background: rgba(0, 0, 0, 0.05);
position: relative;
max-width: fit-content;
&::after {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 16px;
background: url(../img/angle-down.svg) no-repeat center/contain;
width: 16px;
height: 9px;
// z-index: -1;
}
select {
background-color: transparent;
appearance: none;
-webkit-appearance: none;
position: relative;
z-index: 1;
}
}
.submit-field {
position: relative;
max-width: fit-content;
input[type="submit"] {
padding: 0.75rem 1.625rem;
border-radius: 0;
min-width: 12.5rem;
justify-content: center;
color: $white;
font-size: 1rem;
font-family: $body-font;
background-color: $primary;
border: none;
&:hover {
background-color: $primary-second !important;
color: #fff !important;
opacity: 0.9;
svg {
path {
fill: #fff !important;
}
}
}
}
svg {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 40px;
}
}
.btn-outlined {
padding: 0.75rem 1.625rem;
border-radius: 0;
border: 1px solid rgba(0, 0, 0, 0.1);
min-width: 12.5rem;
justify-content: center;
color: $background-dark;
font-size: 1rem;
font-family: $body-font;
border: 1px solid rgba(0, 0, 0, 0.1);
background-color: transparent;
@media screen and (min-width: 770px) and (max-width: 1024.98px) {
padding: 0.75rem 1.75rem;
font-size: 12px !important;
}
&:hover {
background-color: $primary-second !important;
color: #fff !important;
svg {
path {
fill: #fff !important;
}
}
}
}
// .download-popup {
// position: fixed;
// top: 80px;
// bottom: 64px;
// left: 50%;
// transform: translateX(-50%);
// background-color: $white;
// }
@media (max-width: 767px) {
.section-title {
margin-bottom: 2rem;
h2 {
font-size: 2rem !important;
}
}
.input-field {
margin-bottom: 24px;
}
}
.PORTFOLIO-INTRO {
img {
max-width: 272px;
}
}
.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;
}
}
}
}
}
.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;
}
}
}
.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;
}
}
}
.SERVICE-DETAIL-FORM {
.form-content-box {
max-width: 1160px;
margin: 0 auto;
background-color: $secondary;
padding: 64px;
}
}
@media (max-width: 991px) {
.SERVICE-DETAIL-FORM {
.form-content-box {
padding: 32px 20px;
}
}
}
.SERVICE-LISTING {
.service-item {
padding: 24px;
border: 1px solid rgba(0, 0, 0, 0.1);
height: 100%;
.si-icon {
margin-bottom: 12px;
}
.si-content {
strong {
font-size: 1rem;
font-weight: 600;
line-height: 2rem;
letter-spacing: -0.6px;
display: block;
margin-bottom: 4px;
}
p {
font-size: 0.875rem;
line-height: 1.25rem;
color: rgba(0, 0, 0, 0.8);
margin-bottom: 0;
}
}
}
.row {
--bs-gutter-y: 0;
}
}
@media (max-width: 767px) {
.SERVICE-LISTING {
.service-item {
padding: 1rem;
height: unset;
.si-content {
strong {
font-size: 1.6rem;
line-height: 2.6rem;
}
p {
line-height: 1.875rem;
}
}
}
.row {
> div {
&:not(:last-child) {
.service-item {
margin-bottom: 1rem;
}
}
}
}
}
}
@media (min-width: 768px) and (max-width: 1199px) {
.SERVICE-LISTING {
.row {
--bs-gutter-y: 1.5rem;
> div {
&:not(:last-child) {
.service-item {
margin-bottom: 0;
}
}
}
}
}
}
.PLANS {
.plan-item {
border: 1px solid rgba(88, 89, 90, 0.3);
padding: 1.75rem;
height: 100%;
h3 {
color: $black;
font-size: 2.75rem;
font-weight: 600;
line-height: 3.5rem;
letter-spacing: -1px;
margin-bottom: 1rem;
span {
color: $grey;
font-weight: 400;
font-size: 1rem;
line-height: 1.5rem;
letter-spacing: -0.4px;
}
}
.pi-title {
margin-bottom: 2rem;
}
.benefit-list {
padding-top: 1.5rem;
margin-top: 1.5rem;
border-top: 1px solid rgba(0, 0, 0, 0.1);
h5 {
margin-bottom: 0.75rem;
}
ul {
li {
position: relative;
list-style-type: none;
padding-left: 2rem;
font-size: 0.875rem;
line-height: 1.5rem;
svg {
position: absolute;
left: 0;
}
&:not(:last-child) {
margin-bottom: 0.75rem;
}
}
}
}
&.featured {
background-color: $background-dark;
position: relative;
.plan-tag {
position: absolute;
top: 8px;
right: 8px;
background-color: $red;
padding: 4px 12px 4px 4px;
font-size: 12px;
line-height: 16px;
border-radius: 30px;
}
&::before {
content: "";
position: absolute;
top: 0;
right: 0;
background: url(../img/spider-web.svg) no-repeat center/contain;
width: 120px;
height: 120px;
}
.pi-title,
.pricing-cta,
.benefit-list {
z-index: 1;
position: relative;
}
h1,
h2,
h3,
h4,
h5,
strong,
span,
small,
a,
p,
li {
color: $white;
}
.btn-outlined {
background-color: $primary;
color: $white;
&:hover {
background-color: $white !important;
color: $primary !important;
}
}
ul {
li {
svg {
path {
fill: $white;
}
rect {
fill: rgba(255, 255, 255, 0.1);
}
}
}
}
.benefit-list {
border-color: rgba(255, 255, 255, 0.1);
}
}
}
.row {
> div {
&:not(:last-child) {
.plan-item {
margin-bottom: 0;
}
}
}
}
}
@media (max-width: 991px) {
.PLANS {
.plan-item {
height: unset;
}
.row {
> div {
&:not(:last-child) {
.plan-item {
margin-bottom: 16px;
}
}
}
}
}
}
.COMPARISON-FORM {
.section-title {
margin-bottom: 24px;
}
}
.AUDIT-INNER-BANNER {
background-color: $primary;
h1 {
color: $white;
}
}
......@@ -4,7 +4,8 @@ $theme-colors: (
"secondary": #f9f8f4,
"dark": #000000,
"light": #f6f8f9,
"grey": #58595a
"grey": #58595a,
"red": #f71d24
);
//colors
......@@ -14,6 +15,7 @@ $secondary: #f9f8f4;
$background-dark: #121526;
$primary-second: #005aff;
$grey: #58595a;
$red: #f71d24;
//fonts
$body-font: "Sora", sans-serif;
......@@ -34,3 +36,22 @@ $body-font: "Sora", sans-serif;
@import "pages/service";
@import "pages/course-detail";
@import "pages/responsive";
@import "base/global";
@import "pages/service-detail/service-lisiting";
@import "pages/service-detail/service-plans";
@import "pages/service-detail/service-detail-form";
@import "pages/portfolio-detail/portfolio-gallery";
@import "pages/portfolio-detail/portfolio-icon-and-typo";
@import "pages/portfolio-detail/portfolio-icon-list";
@import "pages/portfolio-detail/portfolio-intro";
@import "pages/portfolio-detail/portfolio-mockup";
@import "pages/portfolio-detail/portfolio-single-image";
@import "pages/portfolio-detail/portfolio-single-image";
@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";
......@@ -246,6 +246,59 @@
</div>
</div>
<div class="download-popup">
<div class="dp-content-box">
<div class="form-content-box">
<div class="top-title section-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
website's performance.
</p>
</div>
<div class="row">
<div class="col-sm-6">
<div class="input-field">
<label>Full Name</label>
<input type="text" placeholder="Enter your Full Name ">
</div>
</div>
<div class="col-sm-6">
<div class="input-field">
<label>Phone Number (Optional)</label>
<input type="text" placeholder="Enter your Phone Number">
</div>
</div>
<div class="col-sm-6">
<div class="input-field">
<label>Enter your Email Address</label>
<input type="text" placeholder="Enter your Enter your Email Address ">
</div>
</div>
<div class="col-sm-6">
<div class="input-field">
<label>Company Name</label>
<input type="text" placeholder="Enter the Name of your Company">
</div>
</div>
<div class="col">
<div class="input-field">
<label>Message (optional)</label>
<textarea rows="3" placeholder="Enter the message you want us to send"></textarea>
</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>
</div>
</div>
<?php wp_footer() ?>
</body>
......
<?php
/**
* Template Name: Portfolio Detail
*/
get_header();
the_content();
get_template_part("/template-parts/portfolio-detail/portfolio-gallery", null);
get_template_part("/template-parts/portfolio-detail/portfolio-icon-and-typo", null);
get_template_part("/template-parts/portfolio-detail/portfolio-icon-list", null);
get_template_part("/template-parts/portfolio-detail/portfolio-mockup", null);
get_template_part("/template-parts/portfolio-detail/portfolio-single-image", null);
get_template_part("/template-parts/portfolio-detail/portfolio-testimonial", null);
get_template_part("/template-parts/portfolio-detail/portfolio-title-desc", null);
get_template_part("/template-parts/portfolio-detail/related-portfolio", null);
get_footer();
?>
\ No newline at end of file
<?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
<?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
<section class="PORTFOLIO-GALLERY ">
<div class="container">
<div class="row">
<div class="col-6 col">
<img src="<?php echo get_parent_theme_file_uri()?>/assets/img/placeholder-01.png" alt="" class="img-fluid">
</div>
</div>
</div>
</section>
\ No newline at end of file
<section class="RELATED-PORTFOLIO pt-80">
<div class="container">
<h3>Typography</h3>
<h3>Color Palette</h3>
</div>
</section>
\ No newline at end of file
<section class="ICON-LISTING pt-80">
<div class="container">
<div class="top-title section-title">
<h2>App Icon and Favicon</h2>
<p>Doko Tours is an internationally award winning promotional products company with a unique and innovative
offering, ranging from a branded merchandise to bespoke, tailored OEM products.</p>
</div>
</div>
</section>
\ No newline at end of file
<section class="PORTFOLIO-MOCKUP pt-80">
<div class="container">
<div class="top-title section-title">
<h2>Mockups</h2>
<p>Doko Tours is an internationally award winning promotional products company with a unique and innovative
offering.</p>
</div>
</div>
</section>
\ No newline at end of file
<section class="PORTFOLIO-SINGLE-IMAGE ">
<div class="container">
<div class="row">
<div class="col-6 col">
<img src="<?php echo get_parent_theme_file_uri()?>/assets/img/placeholder-01.png" alt="" class="img-fluid">
</div>
</div>
</div>
</section>
\ No newline at end of file
<section class="PORTFOLIO-TESTIMONIAL pt-80">
<div class="container">
<div class="top-title section-title">
<h2>Wonderful responses for this project.</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>
</section>
\ No newline at end of file
<section class="TITLE-DESCRIPTION pt-80">
<div class="container">
<div class="top-title section-title">
<h2>Meta Tag Section to Play for SEO</h2>
<p>Often referred to simply as the "SEO Title," it's the title tag displayed on search engine results pages
(SERPs) and in the browser tab. A short summary or snippet displayed under the title tag on SERPs. It's used to
describe the page's content concisely and attractively. In web design or content writing, you might refer to the
overall area as the "SEO Metadata Section" or "Meta Information Section".</p>
<a href="#" class=".btn-start-project">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_4258_11575)">
<path
d="M6.89401 10.5825C6.47401 12.785 5.96089 14.8969 4.44089 16C3.97182 12.6706 5.12995 10.1703 5.66745 7.51596C4.75057 5.97221 5.77776 2.86596 7.71182 3.63158C10.0915 4.57283 5.6512 9.37002 8.63214 9.96908C11.7446 10.5944 13.0149 4.56877 11.0853 2.60939C8.29651 -0.220295 2.96776 2.54471 3.62307 6.59596C3.78245 7.58627 4.80589 7.88689 4.03214 9.25346C2.24714 8.85783 1.71464 7.45033 1.78307 5.57377C1.89339 2.50189 4.54307 0.351268 7.20089 0.0537679C10.5618 -0.322482 13.7162 1.28752 14.1518 4.44939C14.6424 8.01783 12.6346 11.8825 9.04089 11.6047C8.06651 11.5291 7.65776 11.0463 6.89401 10.5825Z"
fill="white" />
</g>
<defs>
<clipPath id="clip0_4258_11575">
<rect width="16" height="16" fill="white" />
</clipPath>
</defs>
</svg>
View in Pinterest</a>
</div>
</div>
</section>
\ No newline at end of file
<section class="RELATED-PORTFOLIO py-80">
<div class="container">
<div class="top-title section-title">
<h2>Related Portfolio you might like</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>
</section>
\ No newline at end of file
<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
<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
<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
<section class="SERVICE-DETAIL-FORM py-80">
<div class="container">
<div class="top-title">
<h2>Get Started with Content Marketing</h2>
<p>Fill out the form below to receive a customized content marketing strategy tailored to your business goals.</p>
<div class="form-content-box">
<div class="top-title section-title">
<h2>Get Started with Content Marketing</h2>
<p>Fill out the form below to receive a customized content marketing strategy tailored to your business goals.
</p>
</div>
<div class="row">
<div class="col-sm-6">
<div class="input-field">
<label>Full Name</label>
<input type="text" placeholder="Enter your Full Name ">
</div>
</div>
<div class="col-sm-6">
<div class="input-field">
<label>Phone Number (Optional)</label>
<input type="text" placeholder="Enter your Phone Number">
</div>
</div>
<div class="col-sm-6">
<div class="input-field">
<label>Enter your Email Address</label>
<input type="text" placeholder="Enter your Enter your Email Address ">
</div>
</div>
<div class="col-sm-6">
<div class="input-field">
<label>Company Name</label>
<input type="text" placeholder="Enter the Name of your Company">
</div>
</div>
<div class="col-sm-6">
<div class="input-field">
<label>Preferred Plan</label>
<div class="select-field">
<select name="" id="">
<option value="" selected disabled>Preferred Plan</option>
<option value="">Web Starter</option>
<option value="">Spider Growth</option>
<option value="">Arachnid Premium</option>
</select>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="input-field">
<label>Website URL (Optional)</label>
<input type="text" placeholder="Enter the url of the website">
</div>
</div>
<div class="col">
<div class="input-field">
<label>Additional Notes (Optional)</label>
<textarea rows="3" placeholder="Enter any additional notes you want to add"></textarea>
</div>
</div>
</div>
<div class="submit-field">
<input type="submit" value="Submit Now">
</div>
</div>
</div>
</section>
\ No newline at end of file
<section class="SERVICE-LISTING pt-80">
<div class="container">
<div class="top-title">
<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, 4, []);
foreach ($services as $service) {
?>
<div class="col-md-6 col-xl-3">
<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
<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
<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