Skip to content

M
makura-2025
Commit d2a378b6 by Arjun Jhukal
Options

updated new tab

parent 6b49ca86
Showing with 455 additions and 7 deletions
assets/css/style.css
This source diff could not be displayed because it is too large. You can view the blob instead.
assets/js/script.js
...@@ -210,7 +210,6 @@ ...@@ -210,7 +210,6 @@
/** GALLERY LIGHT BOX AND DYNAMIC SLIDER ENDS HERE */ /** GALLERY LIGHT BOX AND DYNAMIC SLIDER ENDS HERE */
/** CASE STUDY DETAIL */ /** CASE STUDY DETAIL */
$(function () { $(function () {
// Handle click on TOC items // Handle click on TOC items
$(".case-study-general .category-list a[data-target]").on("click", function (e) { $(".case-study-general .category-list a[data-target]").on("click", function (e) {
...@@ -263,4 +262,48 @@ ...@@ -263,4 +262,48 @@
} }
}); });
}) })
/** CUSTOM FILTER */
$(function () {
$(".case-study-filter a").on("click", function (e) {
e.preventDefault();
$(".case-study-filter a").removeClass("active");
$(this).addClass("active");
const currentActive = $(this).data("filter"); // e.g. "design", "dev", etc.
// Show all items first
$(".case-study-listing .row > div").removeClass("d-none");
if (currentActive !== "") {
$(".case-study-listing .row > div").each(function () {
if (!$(this).hasClass(currentActive)) {
$(this).addClass("d-none");
}
});
}
});
});
/** CASE STUDY LOAD MORE */
$(function () {
$(".load-hidden-item").on("click", function (e) {
e.preventDefault();
var items = $(".case-study-listing .extra-item");
var isVisible = items.is(":visible");
if (isVisible) {
items.slideUp();
$(this).find("span").text("Load More");
$(this).parent().removeClass("show-less");
} else {
items.slideDown();
$(this).find("span").text("Show Less");
$(this).parent().addClass("show-less");
}
})
})
})(jQuery); })(jQuery);
dev/sass/pages/case-study/_case-study-filter.scss 0 → 100644
.case-study-filter {
ul {
margin-bottom: 0;
gap: 44px;
border-top: 1px solid rgba(255, 255, 255, 0.2);
li {
list-style-type: none;
a {
display: inline-block;
color: var(--white);
padding: 24px 0;
position: relative;
font-size: 16px;
line-height: 24px;
letter-spacing: -0.4px;
&::after {
content: "";
width: 16px;
height: 16px;
background-color: var(--white);
transform: translateX(-50%) rotate(45deg);
position: absolute;
top: calc(100% - 8px);
left: 50%;
opacity: 0;
}
&.active {
font-weight: 600;
&::after {
opacity: 1;
}
}
}
}
}
}
\ No newline at end of file
dev/sass/pages/case-study/_case-study-list.scss
...@@ -48,7 +48,15 @@ ...@@ -48,7 +48,15 @@
h4 { h4 {
margin-bottom: 4px; margin-bottom: 4px;
&.dec {
svg {
transform: rotate(180deg);
}
}
} }
} }
} }
...@@ -75,10 +83,32 @@ ...@@ -75,10 +83,32 @@
.row { .row {
--bs-gutter-y: 24px; --bs-gutter-y: 24px;
} }
.load-more-wrapper {
margin-top: 32px;
&.show-less {
svg {
transform: rotate(180deg);
}
}
}
.extra-item {
display: none;
}
} }
@media (min-width:992px) { @media (min-width:992px) {
.case-study-listing { .case-study-listing {
padding: 64px 0 132px; padding: 64px 0 132px;
.load-more-wrapper {
margin-top: 48px;
svg {
margin-left: 12px;
}
}
} }
} }
\ No newline at end of file
dev/sass/style.scss
...@@ -70,4 +70,5 @@ $body-font: "Sora", sans-serif; ...@@ -70,4 +70,5 @@ $body-font: "Sora", sans-serif;
@import "pages/case-study/case-study-banner"; @import "pages/case-study/case-study-banner";
@import "pages/case-study/case-study-general"; @import "pages/case-study/case-study-general";
@import "pages/case-study/case-study-list"; @import "pages/case-study/case-study-list";
@import "pages/case-study/case-study-filter";
@import "pages/milestone"; @import "pages/milestone";
\ No newline at end of file
page-templates/case-study-listing.php
...@@ -7,10 +7,132 @@ ...@@ -7,10 +7,132 @@
get_header(); get_header();
the_content(); the_content();
?> ?>
<section class="case-study-filter bg-primary">
<div class="container">
<ul class="d-flex justify-content-start align-items-center">
<li>
<a href="#" data-filter="" class="active">All Categories</a>
</li>
<li>
<a href="#" data-filter="web-design">Web Design</a>
</li>
<li>
<a href="#" data-filter="mobile-app">Mobile Application</a>
</li>
<li>
<a href="#" data-filter="videos">Videos</a>
</li>
<li>
<a href="#" data-filter="digital-marketing">Digital Marketing</a>
</li>
<li>
<a href="#" data-filter="brand-graphics">Branding & Graphics</a>
</li>
</ul>
</div>
</section>
<section class="case-study-listing makura-new"> <section class="case-study-listing makura-new">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-lg-4 col-md-6"> <div class="col-lg-4 col-md-6 brand-graphics">
<div class="case-study-card">
<a class="csc-image d-block h-100">
<img src="<?php echo get_parent_theme_file_uri()?>/assets/img/blog-banner.png" alt=""
class="img-fluid">
</a>
<div class="csc-content">
<a href="#" class="title d-flex justify-content-between">
<span>Boosting Fan Engagement for CAN</span>
<span>
<svg width="17" height="17" viewBox="0 0 17 17" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M2.40133 16.4853L13.8753 5.0113L13.8753 15.5519L16.5435 15.5425V0.457528H1.45852L1.45852 3.11625L11.9897 3.12568L0.515713 14.5997L2.40133 16.4853Z"
fill="#005AFF" />
</svg>
</span>
</a>
<p>Revamped digital presence with engaging visuals and interactive content.</p>
<div class="csc-number">
<div class="row">
<div class="col-6">
<h4>3X
<svg width="12" height="15" viewBox="0 0 12 15" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M0.753906 5.64355C0.769649 5.47739 0.835984 5.32056 0.943359 5.19238L1.00098 5.13086L1.00391 5.12793L5.37891 0.991211L5.44336 0.936523C5.59928 0.81571 5.79304 0.750029 5.99219 0.75C6.19157 0.75 6.38596 0.815463 6.54199 0.936523L6.60547 0.991211L10.9766 5.12598L10.9775 5.125C11.0616 5.20174 11.1297 5.29407 11.1768 5.39746C11.2121 5.47527 11.2355 5.55812 11.2451 5.64258L11.25 5.72656C11.251 5.84025 11.2278 5.95322 11.1826 6.05762C11.1488 6.13577 11.1034 6.20824 11.0479 6.27246L10.9883 6.33398C10.9056 6.41206 10.8084 6.4735 10.7021 6.51465C10.5957 6.55583 10.4815 6.57613 10.3672 6.5752L10.2822 6.57031C10.1972 6.5616 10.1135 6.54101 10.0342 6.50879L9.95703 6.47266C9.88144 6.43314 9.812 6.38298 9.75098 6.32324L6.86719 3.59766L6.86719 13.4092C6.86716 13.6083 6.79417 13.7981 6.66504 13.9473L6.60645 14.0088C6.44141 14.1648 6.21987 14.25 5.99219 14.25C5.76467 14.25 5.54388 14.1646 5.37891 14.0088L5.32031 13.9473C5.191 13.7981 5.11721 13.6085 5.11719 13.4092L5.11719 3.59766L2.23047 6.32617L2.22754 6.33008H2.22656C2.06085 6.48097 1.84188 6.56239 1.61719 6.56055L1.5332 6.55664C1.33863 6.53693 1.1544 6.45416 1.01172 6.31934L0.953125 6.25879C0.825248 6.11149 0.751852 5.9244 0.75 5.72754L0.753906 5.64355Z"
fill="#25D60D" stroke="#25D60D" stroke-width="0.5" />
</svg>
</h4>
<p>social media interaction</p>
</div>
<div class="col-6">
<h4>2X
<svg width="12" height="15" viewBox="0 0 12 15" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M0.753906 5.64355C0.769649 5.47739 0.835984 5.32056 0.943359 5.19238L1.00098 5.13086L1.00391 5.12793L5.37891 0.991211L5.44336 0.936523C5.59928 0.81571 5.79304 0.750029 5.99219 0.75C6.19157 0.75 6.38596 0.815463 6.54199 0.936523L6.60547 0.991211L10.9766 5.12598L10.9775 5.125C11.0616 5.20174 11.1297 5.29407 11.1768 5.39746C11.2121 5.47527 11.2355 5.55812 11.2451 5.64258L11.25 5.72656C11.251 5.84025 11.2278 5.95322 11.1826 6.05762C11.1488 6.13577 11.1034 6.20824 11.0479 6.27246L10.9883 6.33398C10.9056 6.41206 10.8084 6.4735 10.7021 6.51465C10.5957 6.55583 10.4815 6.57613 10.3672 6.5752L10.2822 6.57031C10.1972 6.5616 10.1135 6.54101 10.0342 6.50879L9.95703 6.47266C9.88144 6.43314 9.812 6.38298 9.75098 6.32324L6.86719 3.59766L6.86719 13.4092C6.86716 13.6083 6.79417 13.7981 6.66504 13.9473L6.60645 14.0088C6.44141 14.1648 6.21987 14.25 5.99219 14.25C5.76467 14.25 5.54388 14.1646 5.37891 14.0088L5.32031 13.9473C5.191 13.7981 5.11721 13.6085 5.11719 13.4092L5.11719 3.59766L2.23047 6.32617L2.22754 6.33008H2.22656C2.06085 6.48097 1.84188 6.56239 1.61719 6.56055L1.5332 6.55664C1.33863 6.53693 1.1544 6.45416 1.01172 6.31934L0.953125 6.25879C0.825248 6.11149 0.751852 5.9244 0.75 5.72754L0.753906 5.64355Z"
fill="#25D60D" stroke="#25D60D" stroke-width="0.5" />
</svg>
</h4>
<p>website traffic in 3 months</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 digital-marketing">
<div class="case-study-card">
<a class="csc-image d-block h-100">
<img src="<?php echo get_parent_theme_file_uri()?>/assets/img/blog-banner.png" alt=""
class="img-fluid">
</a>
<div class="csc-content">
<a href="#" class="title d-flex justify-content-between">
<span>Boosting Fan Engagement for CAN</span>
<span>
<svg width="17" height="17" viewBox="0 0 17 17" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M2.40133 16.4853L13.8753 5.0113L13.8753 15.5519L16.5435 15.5425V0.457528H1.45852L1.45852 3.11625L11.9897 3.12568L0.515713 14.5997L2.40133 16.4853Z"
fill="#005AFF" />
</svg>
</span>
</a>
<p>Revamped digital presence with engaging visuals and interactive content.</p>
<div class="csc-number">
<div class="row">
<div class="col-6">
<h4 class="dec">3X
<svg width="12" height="15" viewBox="0 0 12 15" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M0.753906 5.64355C0.769649 5.47739 0.835984 5.32056 0.943359 5.19238L1.00098 5.13086L1.00391 5.12793L5.37891 0.991211L5.44336 0.936523C5.59928 0.81571 5.79304 0.750029 5.99219 0.75C6.19157 0.75 6.38596 0.815463 6.54199 0.936523L6.60547 0.991211L10.9766 5.12598L10.9775 5.125C11.0616 5.20174 11.1297 5.29407 11.1768 5.39746C11.2121 5.47527 11.2355 5.55812 11.2451 5.64258L11.25 5.72656C11.251 5.84025 11.2278 5.95322 11.1826 6.05762C11.1488 6.13577 11.1034 6.20824 11.0479 6.27246L10.9883 6.33398C10.9056 6.41206 10.8084 6.4735 10.7021 6.51465C10.5957 6.55583 10.4815 6.57613 10.3672 6.5752L10.2822 6.57031C10.1972 6.5616 10.1135 6.54101 10.0342 6.50879L9.95703 6.47266C9.88144 6.43314 9.812 6.38298 9.75098 6.32324L6.86719 3.59766L6.86719 13.4092C6.86716 13.6083 6.79417 13.7981 6.66504 13.9473L6.60645 14.0088C6.44141 14.1648 6.21987 14.25 5.99219 14.25C5.76467 14.25 5.54388 14.1646 5.37891 14.0088L5.32031 13.9473C5.191 13.7981 5.11721 13.6085 5.11719 13.4092L5.11719 3.59766L2.23047 6.32617L2.22754 6.33008H2.22656C2.06085 6.48097 1.84188 6.56239 1.61719 6.56055L1.5332 6.55664C1.33863 6.53693 1.1544 6.45416 1.01172 6.31934L0.953125 6.25879C0.825248 6.11149 0.751852 5.9244 0.75 5.72754L0.753906 5.64355Z"
fill="#25D60D" stroke="#25D60D" stroke-width="0.5" />
</svg>
</h4>
<p>social media interaction</p>
</div>
<div class="col-6">
<h4>2X
<svg width="12" height="15" viewBox="0 0 12 15" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M0.753906 5.64355C0.769649 5.47739 0.835984 5.32056 0.943359 5.19238L1.00098 5.13086L1.00391 5.12793L5.37891 0.991211L5.44336 0.936523C5.59928 0.81571 5.79304 0.750029 5.99219 0.75C6.19157 0.75 6.38596 0.815463 6.54199 0.936523L6.60547 0.991211L10.9766 5.12598L10.9775 5.125C11.0616 5.20174 11.1297 5.29407 11.1768 5.39746C11.2121 5.47527 11.2355 5.55812 11.2451 5.64258L11.25 5.72656C11.251 5.84025 11.2278 5.95322 11.1826 6.05762C11.1488 6.13577 11.1034 6.20824 11.0479 6.27246L10.9883 6.33398C10.9056 6.41206 10.8084 6.4735 10.7021 6.51465C10.5957 6.55583 10.4815 6.57613 10.3672 6.5752L10.2822 6.57031C10.1972 6.5616 10.1135 6.54101 10.0342 6.50879L9.95703 6.47266C9.88144 6.43314 9.812 6.38298 9.75098 6.32324L6.86719 3.59766L6.86719 13.4092C6.86716 13.6083 6.79417 13.7981 6.66504 13.9473L6.60645 14.0088C6.44141 14.1648 6.21987 14.25 5.99219 14.25C5.76467 14.25 5.54388 14.1646 5.37891 14.0088L5.32031 13.9473C5.191 13.7981 5.11721 13.6085 5.11719 13.4092L5.11719 3.59766L2.23047 6.32617L2.22754 6.33008H2.22656C2.06085 6.48097 1.84188 6.56239 1.61719 6.56055L1.5332 6.55664C1.33863 6.53693 1.1544 6.45416 1.01172 6.31934L0.953125 6.25879C0.825248 6.11149 0.751852 5.9244 0.75 5.72754L0.753906 5.64355Z"
fill="#25D60D" stroke="#25D60D" stroke-width="0.5" />
</svg>
</h4>
<p>website traffic in 3 months</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 videos">
<div class="case-study-card"> <div class="case-study-card">
<a class="csc-image d-block h-100"> <a class="csc-image d-block h-100">
<img src="<?php echo get_parent_theme_file_uri()?>/assets/img/blog-banner.png" alt="" <img src="<?php echo get_parent_theme_file_uri()?>/assets/img/blog-banner.png" alt=""
...@@ -59,7 +181,7 @@ the_content(); ...@@ -59,7 +181,7 @@ the_content();
</div> </div>
</div> </div>
</div> </div>
<div class="col-lg-4 col-md-6"> <div class="col-lg-4 col-md-6 mobile-app">
<div class="case-study-card"> <div class="case-study-card">
<a class="csc-image d-block h-100"> <a class="csc-image d-block h-100">
<img src="<?php echo get_parent_theme_file_uri()?>/assets/img/blog-banner.png" alt="" <img src="<?php echo get_parent_theme_file_uri()?>/assets/img/blog-banner.png" alt=""
...@@ -108,7 +230,7 @@ the_content(); ...@@ -108,7 +230,7 @@ the_content();
</div> </div>
</div> </div>
</div> </div>
<div class="col-lg-4 col-md-6"> <div class="col-lg-4 col-md-6 web-design">
<div class="case-study-card"> <div class="case-study-card">
<a class="csc-image d-block h-100"> <a class="csc-image d-block h-100">
<img src="<?php echo get_parent_theme_file_uri()?>/assets/img/blog-banner.png" alt="" <img src="<?php echo get_parent_theme_file_uri()?>/assets/img/blog-banner.png" alt=""
...@@ -157,7 +279,7 @@ the_content(); ...@@ -157,7 +279,7 @@ the_content();
</div> </div>
</div> </div>
</div> </div>
<div class="col-lg-4 col-md-6"> <div class="col-lg-4 col-md-6 web-design">
<div class="case-study-card"> <div class="case-study-card">
<a class="csc-image d-block h-100"> <a class="csc-image d-block h-100">
<img src="<?php echo get_parent_theme_file_uri()?>/assets/img/blog-banner.png" alt="" <img src="<?php echo get_parent_theme_file_uri()?>/assets/img/blog-banner.png" alt=""
...@@ -206,7 +328,7 @@ the_content(); ...@@ -206,7 +328,7 @@ the_content();
</div> </div>
</div> </div>
</div> </div>
<div class="col-lg-4 col-md-6"> <div class="col-lg-4 col-md-6 extra-item brand-graphics">
<div class="case-study-card"> <div class="case-study-card">
<a class="csc-image d-block h-100"> <a class="csc-image d-block h-100">
<img src="<?php echo get_parent_theme_file_uri()?>/assets/img/blog-banner.png" alt="" <img src="<?php echo get_parent_theme_file_uri()?>/assets/img/blog-banner.png" alt=""
...@@ -255,7 +377,56 @@ the_content(); ...@@ -255,7 +377,56 @@ the_content();
</div> </div>
</div> </div>
</div> </div>
<div class="col-lg-4 col-md-6"> <div class="col-lg-4 col-md-6 extra-item digital-marketing">
<div class="case-study-card">
<a class="csc-image d-block h-100">
<img src="<?php echo get_parent_theme_file_uri()?>/assets/img/blog-banner.png" alt=""
class="img-fluid">
</a>
<div class="csc-content">
<a href="#" class="title d-flex justify-content-between">
<span>Boosting Fan Engagement for CAN</span>
<span>
<svg width="17" height="17" viewBox="0 0 17 17" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M2.40133 16.4853L13.8753 5.0113L13.8753 15.5519L16.5435 15.5425V0.457528H1.45852L1.45852 3.11625L11.9897 3.12568L0.515713 14.5997L2.40133 16.4853Z"
fill="#005AFF" />
</svg>
</span>
</a>
<p>Revamped digital presence with engaging visuals and interactive content.</p>
<div class="csc-number">
<div class="row">
<div class="col-6">
<h4 class="dec">3X
<svg width="12" height="15" viewBox="0 0 12 15" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M0.753906 5.64355C0.769649 5.47739 0.835984 5.32056 0.943359 5.19238L1.00098 5.13086L1.00391 5.12793L5.37891 0.991211L5.44336 0.936523C5.59928 0.81571 5.79304 0.750029 5.99219 0.75C6.19157 0.75 6.38596 0.815463 6.54199 0.936523L6.60547 0.991211L10.9766 5.12598L10.9775 5.125C11.0616 5.20174 11.1297 5.29407 11.1768 5.39746C11.2121 5.47527 11.2355 5.55812 11.2451 5.64258L11.25 5.72656C11.251 5.84025 11.2278 5.95322 11.1826 6.05762C11.1488 6.13577 11.1034 6.20824 11.0479 6.27246L10.9883 6.33398C10.9056 6.41206 10.8084 6.4735 10.7021 6.51465C10.5957 6.55583 10.4815 6.57613 10.3672 6.5752L10.2822 6.57031C10.1972 6.5616 10.1135 6.54101 10.0342 6.50879L9.95703 6.47266C9.88144 6.43314 9.812 6.38298 9.75098 6.32324L6.86719 3.59766L6.86719 13.4092C6.86716 13.6083 6.79417 13.7981 6.66504 13.9473L6.60645 14.0088C6.44141 14.1648 6.21987 14.25 5.99219 14.25C5.76467 14.25 5.54388 14.1646 5.37891 14.0088L5.32031 13.9473C5.191 13.7981 5.11721 13.6085 5.11719 13.4092L5.11719 3.59766L2.23047 6.32617L2.22754 6.33008H2.22656C2.06085 6.48097 1.84188 6.56239 1.61719 6.56055L1.5332 6.55664C1.33863 6.53693 1.1544 6.45416 1.01172 6.31934L0.953125 6.25879C0.825248 6.11149 0.751852 5.9244 0.75 5.72754L0.753906 5.64355Z"
fill="#25D60D" stroke="#25D60D" stroke-width="0.5" />
</svg>
</h4>
<p>social media interaction</p>
</div>
<div class="col-6">
<h4>2X
<svg width="12" height="15" viewBox="0 0 12 15" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M0.753906 5.64355C0.769649 5.47739 0.835984 5.32056 0.943359 5.19238L1.00098 5.13086L1.00391 5.12793L5.37891 0.991211L5.44336 0.936523C5.59928 0.81571 5.79304 0.750029 5.99219 0.75C6.19157 0.75 6.38596 0.815463 6.54199 0.936523L6.60547 0.991211L10.9766 5.12598L10.9775 5.125C11.0616 5.20174 11.1297 5.29407 11.1768 5.39746C11.2121 5.47527 11.2355 5.55812 11.2451 5.64258L11.25 5.72656C11.251 5.84025 11.2278 5.95322 11.1826 6.05762C11.1488 6.13577 11.1034 6.20824 11.0479 6.27246L10.9883 6.33398C10.9056 6.41206 10.8084 6.4735 10.7021 6.51465C10.5957 6.55583 10.4815 6.57613 10.3672 6.5752L10.2822 6.57031C10.1972 6.5616 10.1135 6.54101 10.0342 6.50879L9.95703 6.47266C9.88144 6.43314 9.812 6.38298 9.75098 6.32324L6.86719 3.59766L6.86719 13.4092C6.86716 13.6083 6.79417 13.7981 6.66504 13.9473L6.60645 14.0088C6.44141 14.1648 6.21987 14.25 5.99219 14.25C5.76467 14.25 5.54388 14.1646 5.37891 14.0088L5.32031 13.9473C5.191 13.7981 5.11721 13.6085 5.11719 13.4092L5.11719 3.59766L2.23047 6.32617L2.22754 6.33008H2.22656C2.06085 6.48097 1.84188 6.56239 1.61719 6.56055L1.5332 6.55664C1.33863 6.53693 1.1544 6.45416 1.01172 6.31934L0.953125 6.25879C0.825248 6.11149 0.751852 5.9244 0.75 5.72754L0.753906 5.64355Z"
fill="#25D60D" stroke="#25D60D" stroke-width="0.5" />
</svg>
</h4>
<p>website traffic in 3 months</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 extra-item videos">
<div class="case-study-card"> <div class="case-study-card">
<a class="csc-image d-block h-100"> <a class="csc-image d-block h-100">
<img src="<?php echo get_parent_theme_file_uri()?>/assets/img/blog-banner.png" alt="" <img src="<?php echo get_parent_theme_file_uri()?>/assets/img/blog-banner.png" alt=""
...@@ -304,6 +475,165 @@ the_content(); ...@@ -304,6 +475,165 @@ the_content();
</div> </div>
</div> </div>
</div> </div>
<div class="col-lg-4 col-md-6 extra-item mobile-app">
<div class="case-study-card">
<a class="csc-image d-block h-100">
<img src="<?php echo get_parent_theme_file_uri()?>/assets/img/blog-banner.png" alt=""
class="img-fluid">
</a>
<div class="csc-content">
<a href="#" class="title d-flex justify-content-between">
<span>Boosting Fan Engagement for CAN</span>
<span>
<svg width="17" height="17" viewBox="0 0 17 17" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M2.40133 16.4853L13.8753 5.0113L13.8753 15.5519L16.5435 15.5425V0.457528H1.45852L1.45852 3.11625L11.9897 3.12568L0.515713 14.5997L2.40133 16.4853Z"
fill="#005AFF" />
</svg>
</span>
</a>
<p>Revamped digital presence with engaging visuals and interactive content.</p>
<div class="csc-number">
<div class="row">
<div class="col-6">
<h4>3X
<svg width="12" height="15" viewBox="0 0 12 15" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M0.753906 5.64355C0.769649 5.47739 0.835984 5.32056 0.943359 5.19238L1.00098 5.13086L1.00391 5.12793L5.37891 0.991211L5.44336 0.936523C5.59928 0.81571 5.79304 0.750029 5.99219 0.75C6.19157 0.75 6.38596 0.815463 6.54199 0.936523L6.60547 0.991211L10.9766 5.12598L10.9775 5.125C11.0616 5.20174 11.1297 5.29407 11.1768 5.39746C11.2121 5.47527 11.2355 5.55812 11.2451 5.64258L11.25 5.72656C11.251 5.84025 11.2278 5.95322 11.1826 6.05762C11.1488 6.13577 11.1034 6.20824 11.0479 6.27246L10.9883 6.33398C10.9056 6.41206 10.8084 6.4735 10.7021 6.51465C10.5957 6.55583 10.4815 6.57613 10.3672 6.5752L10.2822 6.57031C10.1972 6.5616 10.1135 6.54101 10.0342 6.50879L9.95703 6.47266C9.88144 6.43314 9.812 6.38298 9.75098 6.32324L6.86719 3.59766L6.86719 13.4092C6.86716 13.6083 6.79417 13.7981 6.66504 13.9473L6.60645 14.0088C6.44141 14.1648 6.21987 14.25 5.99219 14.25C5.76467 14.25 5.54388 14.1646 5.37891 14.0088L5.32031 13.9473C5.191 13.7981 5.11721 13.6085 5.11719 13.4092L5.11719 3.59766L2.23047 6.32617L2.22754 6.33008H2.22656C2.06085 6.48097 1.84188 6.56239 1.61719 6.56055L1.5332 6.55664C1.33863 6.53693 1.1544 6.45416 1.01172 6.31934L0.953125 6.25879C0.825248 6.11149 0.751852 5.9244 0.75 5.72754L0.753906 5.64355Z"
fill="#25D60D" stroke="#25D60D" stroke-width="0.5" />
</svg>
</h4>
<p>social media interaction</p>
</div>
<div class="col-6">
<h4>2X
<svg width="12" height="15" viewBox="0 0 12 15" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M0.753906 5.64355C0.769649 5.47739 0.835984 5.32056 0.943359 5.19238L1.00098 5.13086L1.00391 5.12793L5.37891 0.991211L5.44336 0.936523C5.59928 0.81571 5.79304 0.750029 5.99219 0.75C6.19157 0.75 6.38596 0.815463 6.54199 0.936523L6.60547 0.991211L10.9766 5.12598L10.9775 5.125C11.0616 5.20174 11.1297 5.29407 11.1768 5.39746C11.2121 5.47527 11.2355 5.55812 11.2451 5.64258L11.25 5.72656C11.251 5.84025 11.2278 5.95322 11.1826 6.05762C11.1488 6.13577 11.1034 6.20824 11.0479 6.27246L10.9883 6.33398C10.9056 6.41206 10.8084 6.4735 10.7021 6.51465C10.5957 6.55583 10.4815 6.57613 10.3672 6.5752L10.2822 6.57031C10.1972 6.5616 10.1135 6.54101 10.0342 6.50879L9.95703 6.47266C9.88144 6.43314 9.812 6.38298 9.75098 6.32324L6.86719 3.59766L6.86719 13.4092C6.86716 13.6083 6.79417 13.7981 6.66504 13.9473L6.60645 14.0088C6.44141 14.1648 6.21987 14.25 5.99219 14.25C5.76467 14.25 5.54388 14.1646 5.37891 14.0088L5.32031 13.9473C5.191 13.7981 5.11721 13.6085 5.11719 13.4092L5.11719 3.59766L2.23047 6.32617L2.22754 6.33008H2.22656C2.06085 6.48097 1.84188 6.56239 1.61719 6.56055L1.5332 6.55664C1.33863 6.53693 1.1544 6.45416 1.01172 6.31934L0.953125 6.25879C0.825248 6.11149 0.751852 5.9244 0.75 5.72754L0.753906 5.64355Z"
fill="#25D60D" stroke="#25D60D" stroke-width="0.5" />
</svg>
</h4>
<p>website traffic in 3 months</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 extra-item web-design">
<div class="case-study-card">
<a class="csc-image d-block h-100">
<img src="<?php echo get_parent_theme_file_uri()?>/assets/img/blog-banner.png" alt=""
class="img-fluid">
</a>
<div class="csc-content">
<a href="#" class="title d-flex justify-content-between">
<span>Boosting Fan Engagement for CAN</span>
<span>
<svg width="17" height="17" viewBox="0 0 17 17" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M2.40133 16.4853L13.8753 5.0113L13.8753 15.5519L16.5435 15.5425V0.457528H1.45852L1.45852 3.11625L11.9897 3.12568L0.515713 14.5997L2.40133 16.4853Z"
fill="#005AFF" />
</svg>
</span>
</a>
<p>Revamped digital presence with engaging visuals and interactive content.</p>
<div class="csc-number">
<div class="row">
<div class="col-6">
<h4>3X
<svg width="12" height="15" viewBox="0 0 12 15" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M0.753906 5.64355C0.769649 5.47739 0.835984 5.32056 0.943359 5.19238L1.00098 5.13086L1.00391 5.12793L5.37891 0.991211L5.44336 0.936523C5.59928 0.81571 5.79304 0.750029 5.99219 0.75C6.19157 0.75 6.38596 0.815463 6.54199 0.936523L6.60547 0.991211L10.9766 5.12598L10.9775 5.125C11.0616 5.20174 11.1297 5.29407 11.1768 5.39746C11.2121 5.47527 11.2355 5.55812 11.2451 5.64258L11.25 5.72656C11.251 5.84025 11.2278 5.95322 11.1826 6.05762C11.1488 6.13577 11.1034 6.20824 11.0479 6.27246L10.9883 6.33398C10.9056 6.41206 10.8084 6.4735 10.7021 6.51465C10.5957 6.55583 10.4815 6.57613 10.3672 6.5752L10.2822 6.57031C10.1972 6.5616 10.1135 6.54101 10.0342 6.50879L9.95703 6.47266C9.88144 6.43314 9.812 6.38298 9.75098 6.32324L6.86719 3.59766L6.86719 13.4092C6.86716 13.6083 6.79417 13.7981 6.66504 13.9473L6.60645 14.0088C6.44141 14.1648 6.21987 14.25 5.99219 14.25C5.76467 14.25 5.54388 14.1646 5.37891 14.0088L5.32031 13.9473C5.191 13.7981 5.11721 13.6085 5.11719 13.4092L5.11719 3.59766L2.23047 6.32617L2.22754 6.33008H2.22656C2.06085 6.48097 1.84188 6.56239 1.61719 6.56055L1.5332 6.55664C1.33863 6.53693 1.1544 6.45416 1.01172 6.31934L0.953125 6.25879C0.825248 6.11149 0.751852 5.9244 0.75 5.72754L0.753906 5.64355Z"
fill="#25D60D" stroke="#25D60D" stroke-width="0.5" />
</svg>
</h4>
<p>social media interaction</p>
</div>
<div class="col-6">
<h4>2X
<svg width="12" height="15" viewBox="0 0 12 15" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M0.753906 5.64355C0.769649 5.47739 0.835984 5.32056 0.943359 5.19238L1.00098 5.13086L1.00391 5.12793L5.37891 0.991211L5.44336 0.936523C5.59928 0.81571 5.79304 0.750029 5.99219 0.75C6.19157 0.75 6.38596 0.815463 6.54199 0.936523L6.60547 0.991211L10.9766 5.12598L10.9775 5.125C11.0616 5.20174 11.1297 5.29407 11.1768 5.39746C11.2121 5.47527 11.2355 5.55812 11.2451 5.64258L11.25 5.72656C11.251 5.84025 11.2278 5.95322 11.1826 6.05762C11.1488 6.13577 11.1034 6.20824 11.0479 6.27246L10.9883 6.33398C10.9056 6.41206 10.8084 6.4735 10.7021 6.51465C10.5957 6.55583 10.4815 6.57613 10.3672 6.5752L10.2822 6.57031C10.1972 6.5616 10.1135 6.54101 10.0342 6.50879L9.95703 6.47266C9.88144 6.43314 9.812 6.38298 9.75098 6.32324L6.86719 3.59766L6.86719 13.4092C6.86716 13.6083 6.79417 13.7981 6.66504 13.9473L6.60645 14.0088C6.44141 14.1648 6.21987 14.25 5.99219 14.25C5.76467 14.25 5.54388 14.1646 5.37891 14.0088L5.32031 13.9473C5.191 13.7981 5.11721 13.6085 5.11719 13.4092L5.11719 3.59766L2.23047 6.32617L2.22754 6.33008H2.22656C2.06085 6.48097 1.84188 6.56239 1.61719 6.56055L1.5332 6.55664C1.33863 6.53693 1.1544 6.45416 1.01172 6.31934L0.953125 6.25879C0.825248 6.11149 0.751852 5.9244 0.75 5.72754L0.753906 5.64355Z"
fill="#25D60D" stroke="#25D60D" stroke-width="0.5" />
</svg>
</h4>
<p>website traffic in 3 months</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 extra-item web-design">
<div class="case-study-card">
<a class="csc-image d-block h-100">
<img src="<?php echo get_parent_theme_file_uri()?>/assets/img/blog-banner.png" alt=""
class="img-fluid">
</a>
<div class="csc-content">
<a href="#" class="title d-flex justify-content-between">
<span>Boosting Fan Engagement for CAN</span>
<span>
<svg width="17" height="17" viewBox="0 0 17 17" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M2.40133 16.4853L13.8753 5.0113L13.8753 15.5519L16.5435 15.5425V0.457528H1.45852L1.45852 3.11625L11.9897 3.12568L0.515713 14.5997L2.40133 16.4853Z"
fill="#005AFF" />
</svg>
</span>
</a>
<p>Revamped digital presence with engaging visuals and interactive content.</p>
<div class="csc-number">
<div class="row">
<div class="col-6">
<h4>3X
<svg width="12" height="15" viewBox="0 0 12 15" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M0.753906 5.64355C0.769649 5.47739 0.835984 5.32056 0.943359 5.19238L1.00098 5.13086L1.00391 5.12793L5.37891 0.991211L5.44336 0.936523C5.59928 0.81571 5.79304 0.750029 5.99219 0.75C6.19157 0.75 6.38596 0.815463 6.54199 0.936523L6.60547 0.991211L10.9766 5.12598L10.9775 5.125C11.0616 5.20174 11.1297 5.29407 11.1768 5.39746C11.2121 5.47527 11.2355 5.55812 11.2451 5.64258L11.25 5.72656C11.251 5.84025 11.2278 5.95322 11.1826 6.05762C11.1488 6.13577 11.1034 6.20824 11.0479 6.27246L10.9883 6.33398C10.9056 6.41206 10.8084 6.4735 10.7021 6.51465C10.5957 6.55583 10.4815 6.57613 10.3672 6.5752L10.2822 6.57031C10.1972 6.5616 10.1135 6.54101 10.0342 6.50879L9.95703 6.47266C9.88144 6.43314 9.812 6.38298 9.75098 6.32324L6.86719 3.59766L6.86719 13.4092C6.86716 13.6083 6.79417 13.7981 6.66504 13.9473L6.60645 14.0088C6.44141 14.1648 6.21987 14.25 5.99219 14.25C5.76467 14.25 5.54388 14.1646 5.37891 14.0088L5.32031 13.9473C5.191 13.7981 5.11721 13.6085 5.11719 13.4092L5.11719 3.59766L2.23047 6.32617L2.22754 6.33008H2.22656C2.06085 6.48097 1.84188 6.56239 1.61719 6.56055L1.5332 6.55664C1.33863 6.53693 1.1544 6.45416 1.01172 6.31934L0.953125 6.25879C0.825248 6.11149 0.751852 5.9244 0.75 5.72754L0.753906 5.64355Z"
fill="#25D60D" stroke="#25D60D" stroke-width="0.5" />
</svg>
</h4>
<p>social media interaction</p>
</div>
<div class="col-6">
<h4>2X
<svg width="12" height="15" viewBox="0 0 12 15" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M0.753906 5.64355C0.769649 5.47739 0.835984 5.32056 0.943359 5.19238L1.00098 5.13086L1.00391 5.12793L5.37891 0.991211L5.44336 0.936523C5.59928 0.81571 5.79304 0.750029 5.99219 0.75C6.19157 0.75 6.38596 0.815463 6.54199 0.936523L6.60547 0.991211L10.9766 5.12598L10.9775 5.125C11.0616 5.20174 11.1297 5.29407 11.1768 5.39746C11.2121 5.47527 11.2355 5.55812 11.2451 5.64258L11.25 5.72656C11.251 5.84025 11.2278 5.95322 11.1826 6.05762C11.1488 6.13577 11.1034 6.20824 11.0479 6.27246L10.9883 6.33398C10.9056 6.41206 10.8084 6.4735 10.7021 6.51465C10.5957 6.55583 10.4815 6.57613 10.3672 6.5752L10.2822 6.57031C10.1972 6.5616 10.1135 6.54101 10.0342 6.50879L9.95703 6.47266C9.88144 6.43314 9.812 6.38298 9.75098 6.32324L6.86719 3.59766L6.86719 13.4092C6.86716 13.6083 6.79417 13.7981 6.66504 13.9473L6.60645 14.0088C6.44141 14.1648 6.21987 14.25 5.99219 14.25C5.76467 14.25 5.54388 14.1646 5.37891 14.0088L5.32031 13.9473C5.191 13.7981 5.11721 13.6085 5.11719 13.4092L5.11719 3.59766L2.23047 6.32617L2.22754 6.33008H2.22656C2.06085 6.48097 1.84188 6.56239 1.61719 6.56055L1.5332 6.55664C1.33863 6.53693 1.1544 6.45416 1.01172 6.31934L0.953125 6.25879C0.825248 6.11149 0.751852 5.9244 0.75 5.72754L0.753906 5.64355Z"
fill="#25D60D" stroke="#25D60D" stroke-width="0.5" />
</svg>
</h4>
<p>website traffic in 3 months</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="load-more-wrapper text-center">
<a href="#"
class="btn btn-primary btn-padding hover-up btn-start-project font-14 fw-500 btn-padding btn-submit text-white d-inline-block load-hidden-item">
<span> Load More</span>
<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M7.5 -3.0598e-07L7.5 12.17L1.91 6.58L0.5 8L8.5 16L16.5 8L15.09 6.59L9.5 12.17L9.5 -3.93402e-07L7.5 -3.0598e-07Z"
fill="white" />
</svg>
</a>
</div> </div>
</div> </div>
</section> </section>
......
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