Commit c4de2ed4 by Arjun Jhukal

Merge branch 'feature/widget' into dev

parents 1140ca5b 26e27497
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -3,7 +3,7 @@
$case_study_content = get_field('case_study_content') ?: [];
if (!empty($case_study_content) && isset($case_study_content) && is_array($case_study_content)):
?>
<section class="case-study-general makura-new">
<section class="case-study-general makura-new">
<div class="container">
<div class="row">
<div class="col-lg-4 col-xl-3">
......@@ -20,7 +20,8 @@ if (!empty($case_study_content) && isset($case_study_content) && is_array($case_
if (!empty($case_study_content_title)):
?>
<li class="<?php echo esc_attr($i === 0) ? 'active' : ''; ?>">
<a href="#" data-target="<?php echo esc_attr($case_study_content_title_id); ?>"><?php echo esc_html($case_study_content_title); ?></a>
<a href="#"
data-target="<?php echo esc_attr($case_study_content_title_id); ?>"><?php echo esc_html($case_study_content_title); ?></a>
</li>
<?php endif;
endforeach; ?>
......@@ -37,7 +38,8 @@ if (!empty($case_study_content) && isset($case_study_content) && is_array($case_
$case_study_content_title_id = str_replace(' ', '-', strtolower($case_study_content_title));
if (!empty($case_study_content_title)):
?>
<h2 id="<?php echo esc_attr($case_study_content_title_id); ?>"><?php echo esc_html($case_study_content_title); ?></h2>
<h2 id="<?php echo esc_attr($case_study_content_title_id); ?>">
<?php echo esc_html($case_study_content_title); ?></h2>
<?php endif;
if (!empty($case_study_content_desc)): echo $case_study_content_desc;
endif; ?>
......@@ -46,6 +48,6 @@ if (!empty($case_study_content) && isset($case_study_content) && is_array($case_
</div>
</div>
</div>
</section>
</section>
<?php endif; ?>
<!-- !Case Study Content -->
\ No newline at end of file
......@@ -12,9 +12,10 @@
class="btn btn-start-project btn-primary"><?php echo get_field('wb_button_text') ?></a>
</div>
<div class="review-block d-flex">
<div class="review">
<img src="<?php echo get_parent_theme_file_uri()?>/assets/img/banner-image-01.png" alt=""
class="img-fluid">
<div class="review bg-white rounded-2">
<div class="clutch-widget" data-url="https://widget.clutch.co" data-widget-type="2"
data-height="45" data-nofollow="true" data-expandifr="true" data-scale="100"
data-clutchcompany-id="2395284"></div>
</div>
<div class="review">
<img src="<?php echo get_parent_theme_file_uri()?>/assets/img/banner-image-02.png" alt=""
......@@ -34,3 +35,5 @@
</div>
</section>
<?php endif; ?>
<script type="text/javascript" src="https://widget.clutch.co/static/js/widget.js"></script>
\ No newline at end of file
......@@ -286,6 +286,7 @@
li {
text-align: start;
list-style-type: none;
a {
opacity: 0.56;
......
......@@ -116,7 +116,14 @@ input[type="number"] {
margin-top: 32px;
gap: 8px;
img {
.review {
background-color: var(--white);
border-radius: 4px;
padding: 12px;
}
img,
.clutch-widget {
max-height: 64px;
}
}
......
.awards {
padding: 80px 0;
.award {
.section-title {
margin-bottom: 32px;
img {
margin-bottom: 16px;
}
h2 {
margin-bottom: 8px;
}
p {
strong {
color: $background-dark ;
}
}
}
&:not(:last-child) {
padding-bottom: 64px;
margin-bottom: 64px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.award-content {
margin-top: 32px;
p,
ul {
margin-bottom: 0;
+p,
+ul {
margin-top: 16px;
}
}
ul {
li {
position: relative;
list-style-type: none;
padding-left: 20px;
+li {
margin-top: 8px;
}
&::before {
content: "";
width: 8px;
height: 8px;
background-color: $primary;
transform: rotate(45deg);
position: absolute;
left: 0;
top: 8px;
}
}
}
strong {
display: block;
margin-bottom: 16px;
}
a {
&.btn {
margin-top: 24px;
}
}
}
}
}
@media (min-width:992px) {
.awards {
padding: 104px 0 148px;
.award {
.section-title {
margin-bottom: 48px;
}
.featured-image {
max-width: calc(100% - 56px);
}
.award-content {
margin-top: 0;
strong {
margin-bottom: 16px;
}
}
}
}
}
\ No newline at end of file
......@@ -73,3 +73,5 @@ $body-font: "Sora", sans-serif;
@import "pages/case-study/case-study-filter";
@import "pages/milestone";
@import "./base/cta";
@import "./pages/awards/award-listing";
@import "./pages/awards/award-detail";
\ No newline at end of file
<?php
/**
* Template Name: Award Detail
*/
get_header();
the_content();
get_footer();
?>
\ No newline at end of file
<?php
/**
* Template Name: Award List
*/
get_header();
the_content();
?>
<section class="awards">
<div class="container">
<div class="award">
<div class="section-title">
<img src="<?php echo get_parent_theme_file_uri()?>/assets/img/milestone.svg" alt="" class="img-fluid">
<h2>Recognition from World Health Organization</h2>
<p>Date:<strong> 24 October 2024</strong></p>
</div>
<div class="row">
<div class="col-lg-6">
<div class="featured-image">
<img src="<?php echo get_parent_theme_file_uri()?>/assets/img/blog-banner.png" alt=""
class="img-fluid">
</div>
</div>
<div class="col-lg-6">
<div class="award-content">
<strong>Proudly, we made up to Top 9.</strong>
<p>On the inaugural film festival organized by The World Health Organization (WHO), we competed
against the 1265 participants from more than 118 countries. The Film co-created by the
National Health Education Information and Communication Centre (NHEICC) of the Ministry of
Health and Population-Nepal and Makura Creations was nominated in the 'Animation' category
on Menstrual Hygiene.</p>
<ul>
<li>Arjun </li>
</ul>
<a href="#"
class="btn btn-primary btn-padding hover-up btn-start-project font-14 fw-500 btn-padding btn-submit">Start
your project
<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M4 13L16.17 13L10.58 18.59L12 20L20 12L12 4L10.59 5.41L16.17 11L4 11L4 13Z"
fill="white"></path>
</svg>
<span class="bg-hover" style="left: 108px; top: 62.1562px;"></span>
</a>
</div>
</div>
</div>
</div>
<div class="award">
<div class="section-title">
<img src="<?php echo get_parent_theme_file_uri()?>/assets/img/milestone.svg" alt="" class="img-fluid">
<h2>Recognition from World Health Organization</h2>
<p>Date:<strong> 24 October 2024</strong></p>
</div>
<div class="row flex-lg-row-reverse">
<div class="col-lg-6">
<div class="featured-image">
<img src="<?php echo get_parent_theme_file_uri()?>/assets/img/blog-banner.png" alt=""
class="img-fluid">
</div>
</div>
<div class="col-lg-6">
<div class="award-content">
<strong>Proudly, we made up to Top 9.</strong>
<p>On the inaugural film festival organized by The World Health Organization (WHO), we competed
against the 1265 participants from more than 118 countries. The Film co-created by the
National Health Education Information and Communication Centre (NHEICC) of the Ministry of
Health and Population-Nepal and Makura Creations was nominated in the 'Animation' category
on Menstrual Hygiene.</p>
<a href="#"
class="btn btn-primary btn-padding hover-up btn-start-project font-14 fw-500 btn-padding btn-submit">Start
your project
<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M4 13L16.17 13L10.58 18.59L12 20L20 12L12 4L10.59 5.41L16.17 11L4 11L4 13Z"
fill="white"></path>
</svg>
<span class="bg-hover" style="left: 108px; top: 62.1562px;"></span>
</a>
</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