Skip to content

M
makura-2025
Commit 162b7470 by Arjun Jhukal
Options

updated the single listing card

parent 449e4a85
Showing with 152 additions and 0 deletions
assets/css/style.css
This source diff could not be displayed because it is too large. You can view the blob instead.
dev/sass/pages/case-study/_case-study-list.scss 0 → 100644
.case-study-card {
border: 1px solid #1215261A;
padding: 12px;
border-radius: 8px;
transition: all 0.3s ease-in-out;
.csc-image {
aspect-ratio: 347/236;
border-radius: 8px;
overflow: hidden;
img {
width: 100%;
height: 100%;
object-fit: cover;
}
}
.csc-content {
padding: 24px 12px 12px;
a.title {
font-weight: 600;
font-size: 18px;
line-height: 24px;
letter-spacing: -0.29px;
margin-bottom: 16px;
span {
max-width: calc(100% - 48px);
transition: all 0.3s ease-in-out;
}
svg {
opacity: 0;
transition: all 0.3s ease-in-out;
}
}
p {
font-size: 14px;
letter-spacing: -0.29px;
color: #8F8F8F;
}
.csc-number {
margin-top: 24px;
h4 {
margin-bottom: 4px;
}
}
}
&:hover {
border-color: $primary;
a.title {
span {
color: $primary;
}
svg {
opacity: 1;
}
}
}
}
.case-study-listing {
padding: 64px 0;
}
@media (min-width:992px) {
.case-study-listing {
padding: 64px 0 132px;
}
}
\ No newline at end of file
dev/sass/style.scss
...@@ -69,4 +69,5 @@ $body-font: "Sora", sans-serif; ...@@ -69,4 +69,5 @@ $body-font: "Sora", sans-serif;
@import "pages/master-portfolio/moment-gallery"; @import "pages/master-portfolio/moment-gallery";
@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/milestone"; @import "pages/milestone";
\ No newline at end of file
page-templates/case-study-listing.php 0 → 100644
<?php
/**
* Template Name: Case Study Listing
*/
get_header();
the_content();
?>
<section class="case-study-listing makura-new">
<div class="container">
<div class="row">
<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>
<?php
get_footer();
?>
\ 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