Skip to content

M
makura-2025
Commit 9e7219d0 by Arjun Jhukal
Options

updated the award listing

parent 1463e35a
Showing with 216 additions and 2 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/base/_footer.scss
...@@ -286,6 +286,7 @@ ...@@ -286,6 +286,7 @@
li { li {
text-align: start; text-align: start;
list-style-type: none;
a { a {
opacity: 0.56; opacity: 0.56;
......
dev/sass/pages/awards/_award-listing.scss 0 → 100644
.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
dev/sass/style.scss
...@@ -72,4 +72,6 @@ $body-font: "Sora", sans-serif; ...@@ -72,4 +72,6 @@ $body-font: "Sora", sans-serif;
@import "pages/case-study/case-study-list"; @import "pages/case-study/case-study-list";
@import "pages/case-study/case-study-filter"; @import "pages/case-study/case-study-filter";
@import "pages/milestone"; @import "pages/milestone";
@import "./base/cta"; @import "./base/cta";
\ No newline at end of file @import "./pages/awards/award-listing";
@import "./pages/awards/award-detail";
\ No newline at end of file
page-templates/award-detail.php 0 → 100644
<?php
/**
* Template Name: Award Detail
*/
get_header();
the_content();
get_footer();
?>
\ No newline at end of file
page-templates/award-list.php 0 → 100644
<?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