Skip to content

M
makura-2025
Commit e58319bc by Arjun Jhukal
Options

updated the basic footer layout

parent 162b7470
Showing with 445 additions and 1 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/nepal.svg 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
assets/img/usa.svg 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
dev/sass/base/_footer.scss
......@@ -2,26 +2,34 @@
.upper-footer {
position: relative;
min-height: 29.75rem;
@media (max-width: 1200px) {
min-height: 35rem;
}
@media (max-width: 991px) {
min-height: 33rem;
}
@media (max-width: 768px) {
min-height: 20rem;
}
@media (max-width: 576px) {
min-height: 20rem;
}
.inner-text-wrapper {
.inner-wrapper {
position: relative;
h2 {
margin-bottom: 4.0625rem;
@media (max-width: 767.98px) {
font-size: 1.5rem !important;
}
&:before {
content: "";
background-image: url("https://makuracreations.com/wp-content/themes/makura/assets/img/footer-left-arrow.png");
......@@ -31,26 +39,31 @@
background-repeat: no-repeat;
position: absolute;
left: -27%;
@media (max-width: 1023.98px) {
height: 150px;
width: 150px;
}
@media (max-width: 767.98px) {
height: 130px;
width: 130px;
left: -46%;
}
@media (max-width: 424.98px) {
display: none;
}
}
}
}
a {
position: relative;
width: 15.75rem;
display: block;
margin: 0 auto;
&::before {
content: "";
background-image: url("https://makuracreations.com/wp-content/themes/makura/assets/img/start-project.png");
......@@ -66,17 +79,21 @@
}
}
}
.left-img {
position: absolute;
bottom: 0;
left: 0;
img {
height: 100%;
width: 100%;
object-fit: contain;
@media (max-width: 1023.98px) {
height: 100%;
}
@media (max-width: 768px) {
height: 7rem;
width: 7rem;
......@@ -84,17 +101,21 @@
}
}
}
.right-img {
position: absolute;
bottom: 0;
right: 0;
img {
height: 100%;
width: 100%;
object-fit: contain;
@media (max-width: 1023.98px) {
height: 100%;
}
@media (max-width: 768px) {
height: 7rem;
width: 7rem;
......@@ -103,23 +124,30 @@
}
}
}
.section-footer {
padding: 64px 0;
.row {
@media (max-width: 991px) {
justify-content: center;
margin: auto;
text-align: center;
.col-lg-5 {
margin-bottom: 1.25rem;
}
ul {
justify-content: center !important;
margin-top: 1rem;
}
}
}
.lower-footer {
padding: 0 0 2rem 0;
.nav-item {
.font-16 {
@media (max-width: 991px) {
......@@ -127,42 +155,52 @@
}
}
}
.top-ul {
justify-content: center;
margin: 0;
@media (max-width: 767.98px) {
flex-direction: column;
li {
padding-right: 0 !important;
margin: 0 auto;
margin-bottom: 1.25rem;
}
}
li {
padding-right: 1rem;
a {
color: rgba(255, 255, 255, 0.56);
transition: color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
padding: 0 20px;
&:hover {
color: white;
text-decoration: underline;
}
}
&:last-of-type {
padding-right: 0;
}
}
}
}
.social-links {
margin-bottom: 2rem;
border-bottom: 2px solid #000;
padding-bottom: 2rem;
ul {
display: flex;
align-items: center;
margin-bottom: 0;
@media (max-width: 425px) {
li {
a {
......@@ -170,21 +208,25 @@
}
}
}
li {
@media screen and (max-width: 1024.98px) {
margin: 0;
text-align: center;
}
a {
color: rgba(255, 255, 255, 0.56);
padding: 0 2rem;
transition: color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
svg {
&:hover {
path {
fill: #868fce;
}
}
path {
transition: 0.5s ease-in-out;
}
......@@ -193,14 +235,17 @@
}
}
}
span {
color: rgba(255, 255, 255, 0.56) !important;
}
.footer-bottom-right-content {
li {
&:first-child {
margin-right: 2rem;
}
a {
color: rgba(255, 255, 255, 0.56);
font-family: $body-font;
......@@ -208,11 +253,160 @@
font-weight: 400;
line-height: 180%;
letter-spacing: -0.4px;
&:hover {
text-decoration: underline;
}
}
}
}
.footer-links {
.footer-link-wrapper {
padding: 24px;
border-radius: 12px;
background-color: #6CAFF60A;
&:not(:last-child) {
margin-bottom: 20px;
}
}
strong {
display: block;
padding-bottom: 12px;
margin-bottom: 12px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1)
}
ul {
margin-bottom: 0;
li {
text-align: start;
a {
opacity: 0.56;
font-size: 14px;
line-height: 180%;
letter-spacing: 0;
&:hover {
opacity: 1;
svg {
path {
fill-opacity: 1;
fill: var(--white);
}
}
}
}
&:not(:last-child) {
margin-bottom: 8px;
}
}
&.socials {
li {
a {
display: flex;
align-items: center;
gap: 8px;
}
}
}
}
}
.footer-branch {
.branch-title {
margin-bottom: 12px;
gap: 8px;
span {
color: var(--white) !important;
font-family: "Sora", sans-serif;
font-weight: 600;
font-size: 14px;
line-height: 180%;
letter-spacing: -0.4px;
display: block;
}
}
ul {
li {
a {
svg {
margin-right: 8px;
}
}
}
}
}
.row {
>div {
&:not(:first-child) {
.footer-branch {
margin-top: 24px;
}
}
}
}
}
//section-footer
@media (min-width:576px) {
.section-footer {
.footer-links {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 8px;
.footer-link-wrapper {
height: 100%;
}
}
}
}
@media (min-width:768px) {
.section-footer {
.footer-links {
grid-template-columns: repeat(3, 1fr);
.footer-link-wrapper.location-wrapper {
height: 100%;
grid-column: 1/-1;
}
}
}
}
@media (min-width:1200px) {
.section-footer {
.footer-links {
display: flex;
.footer-link-wrapper {
flex: 1 0 auto;
margin-bottom: 0 !important;
height: unset;
&:not(.location-wrapper) {
max-width: 232px;
}
.footer-branch {
margin-top: 0 !important;
}
}
}
}
}
//section-footer
\ No newline at end of file
dev/sass/pages/case-study/_case-study-list.scss
......@@ -71,6 +71,10 @@
.case-study-listing {
padding: 64px 0;
.row {
--bs-gutter-y: 24px;
}
}
@media (min-width:992px) {
......
footer.php
This source diff could not be displayed because it is too large. You can view the blob instead.
page-templates/case-study-listing.php
......@@ -59,6 +59,251 @@ the_content();
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<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">
<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">
<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">
<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">
<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>
</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