Skip to content

M
makura-2025
Commit a1ca2eee by Arjun Jhukal
Options

updated the bugfix at case study listing and added arrow to the cta at banner

parent 39e1c0da
Showing with 103 additions and 27 deletions
assets/css/style.css
This source diff could not be displayed because it is too large. You can view the blob instead.
blocks/welcome-banner-spider.php
<?php if (get_field('enable_spider_welcome_banner_section')) : ?> <?php if (get_field('enable_spider_welcome_banner_section')) : ?>
<section class="py-80 HOME TOP-BANNER-SECTION home2"> <section class="py-80 HOME TOP-BANNER-SECTION home2">
<div class="container"> <div class="container">
<div class="row align-items-center"> <div class="row align-items-center">
<div class="col-lg-5 col-md-5 col-12 mx-auto left-text"> <div class="col-lg-5 col-md-5 col-12 mx-auto left-text">
<div class="position-relative left-text-wrapper"> <div class="position-relative left-text-wrapper">
<h1><?php echo get_field('wb_title') ?></h1> <h1><?php echo get_field('wb_title') ?></h1>
<p><?php echo get_field('wb_subtitle') ?></p> <p><?php echo get_field('wb_subtitle') ?></p>
</div> </div>
<div class="button-wrapper"> <div class="button-wrapper">
<a href="<?php echo get_field('wb_button_link') ?>" class="btn btn-start-project btn-primary"><?php echo get_field('wb_button_text') ?></a> <a href="<?php echo get_field('wb_button_link') ?>" class="btn btn-start-project btn-primary">
</div> <?php echo get_field('wb_button_text') ?><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>
</a>
</div> </div>
<div class="col-lg-6 col-md-6 col-12 mx-auto"> </div>
<div class="jumbotron showcase parallax-window" data-parallax="scroll" <div class="col-lg-6 col-md-6 col-12 mx-auto">
<div class="jumbotron showcase parallax-window" data-parallax="scroll"
data-image-src="images/showcase-bg.jpg" data-position="-80% -90%" style="margin-top:70px;"> data-image-src="images/showcase-bg.jpg" data-position="-80% -90%" style="margin-top:70px;">
<div class="col-md-5" style="margin-top:-50px;"> <div class="col-md-5" style="margin-top:-50px;">
<canvas id="scratch" style="width: 500px; height: 400px;"></canvas> <canvas id="scratch" style="width: 500px; height: 400px;"></canvas>
</div> </div>
</div> </div>
</div>
</div> </div>
</div> </div>
</section> </div>
</section>
<?php endif; ?> <?php endif; ?>
\ No newline at end of file
blocks/welcome-banner.php
...@@ -9,7 +9,12 @@ ...@@ -9,7 +9,12 @@
</div> </div>
<div class="button-wrapper"> <div class="button-wrapper">
<a href="<?php echo get_field('wb_button_link') ?>" <a href="<?php echo get_field('wb_button_link') ?>"
class="btn btn-start-project btn-primary"><?php echo get_field('wb_button_text') ?></a> class="btn btn-start-project btn-primary"><?php echo get_field('wb_button_text') ?><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></a>
</div> </div>
<?php <?php
$review_widget = get_field('review_widget') ?: []; $review_widget = get_field('review_widget') ?: [];
......
dev/sass/pages/_about.scss
//TOP-BANNER-SECTION //TOP-BANNER-SECTION
.TOP-BANNER-SECTION {
&.background-dark {
background: #005aff !important;
}
.TOP-BANNER-SECTION,
.PORTFOLIO-TOP-TITLE-SECTION {
.btn-start-project { .btn-start-project {
background-color: #121526; background-color: #121526;
svg {
margin-left: 8px;
transition: all 0.3s ease-in-out;
}
&:hover { &:hover {
color: $primary !important; color: $primary !important;
border-color: $white; border-color: $white;
&::before { &::before {
background-color: $white; background-color: $white;
} }
svg {
path {
fill: $primary;
}
}
} }
} }
}
.TOP-BANNER-SECTION {
&.background-dark {
background: #005aff !important;
}
.left-text-wrapper { .left-text-wrapper {
&::before { &::before {
display: none; display: none;
} }
p { p {
margin: 1.5rem 0 0 0; margin: 1.5rem 0 0 0;
} }
} }
.nav-pills { .nav-pills {
padding: 1.5rem 0; padding: 1.5rem 0;
@media (max-width: 767.98px) { @media (max-width: 767.98px) {
padding: 1.5rem; padding: 1.5rem;
} }
border-top: 1px solid #58595a; border-top: 1px solid #58595a;
border-bottom: 1px solid #58595a; border-bottom: 1px solid #58595a;
margin-bottom: 0 !important; margin-bottom: 0 !important;
li { li {
margin-right: 2.75rem; margin-right: 2.75rem;
&:last-child { &:last-child {
margin-right: 0; margin-right: 0;
} }
} }
button { button {
padding: 0; padding: 0;
background-color: unset !important; background-color: unset !important;
...@@ -46,17 +72,20 @@ ...@@ -46,17 +72,20 @@
font-weight: 600; font-weight: 600;
line-height: 24px; line-height: 24px;
letter-spacing: -0.4px; letter-spacing: -0.4px;
&.active { &.active {
color: #000000 !important; color: #000000 !important;
} }
} }
} }
} }
//TOP-BANNER-SECTION //TOP-BANNER-SECTION
//ABOUTPAGE //ABOUTPAGE
.ABOUTPAGE-COUTER { .ABOUTPAGE-COUTER {
.card-wrapper { .card-wrapper {
.experience, .experience,
.client, .client,
.experts { .experts {
...@@ -68,21 +97,25 @@ ...@@ -68,21 +97,25 @@
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
span { span {
font-weight: 600; font-weight: 600;
font-size: 44px; font-size: 44px;
} }
p { p {
font-weight: 500; font-weight: 500;
} }
} }
} }
} }
//ABOUTPAGE //ABOUTPAGE
//ABOUT-TOP-AFTER-COUNTER-SECTION //ABOUT-TOP-AFTER-COUNTER-SECTION
.ABOUT-TOP-AFTER-COUNTER-SECTION { .ABOUT-TOP-AFTER-COUNTER-SECTION {
@media (max-width: 767.98px) { @media (max-width: 767.98px) {
h1, h1,
h2, h2,
h3, h3,
...@@ -91,9 +124,11 @@ ...@@ -91,9 +124,11 @@
h6 { h6 {
font-size: 2rem !important; font-size: 2rem !important;
} }
p { p {
font-size: 1.125rem !important; font-size: 1.125rem !important;
} }
.right-image-wrapper { .right-image-wrapper {
.image-wrapper { .image-wrapper {
img { img {
...@@ -105,17 +140,20 @@ ...@@ -105,17 +140,20 @@
} }
} }
} }
.left-text-wrapper { .left-text-wrapper {
span { span {
font-weight: 600; font-weight: 600;
font-size: 14px; font-size: 14px;
color: #005aff; color: #005aff;
} }
.text-wrapper { .text-wrapper {
h2 { h2 {
font-size: 2.75rem; font-size: 2.75rem;
margin-top: 1.25rem; margin-top: 1.25rem;
} }
p { p {
color: #58595a; color: #58595a;
font-family: $body-font; font-family: $body-font;
...@@ -125,6 +163,7 @@ ...@@ -125,6 +163,7 @@
} }
} }
} }
.right-image-wrapper { .right-image-wrapper {
.image-wrapper { .image-wrapper {
img { img {
...@@ -135,10 +174,12 @@ ...@@ -135,10 +174,12 @@
} }
} }
} }
//ABOUT-TOP-AFTER-COUNTER-SECTION //ABOUT-TOP-AFTER-COUNTER-SECTION
//MISSION-VISION-SECTION //MISSION-VISION-SECTION
.MISSION-VISION-SECTION { .MISSION-VISION-SECTION {
h1, h1,
h2, h2,
h3, h3,
...@@ -148,43 +189,53 @@ ...@@ -148,43 +189,53 @@
font-weight: 600; font-weight: 600;
font-size: 2.5rem; font-size: 2.5rem;
margin-bottom: 5.75rem; margin-bottom: 5.75rem;
@media (max-width: 767.98px) { @media (max-width: 767.98px) {
font-size: 2rem !important; font-size: 2rem !important;
margin-bottom: 2rem; margin-bottom: 2rem;
} }
} }
.row { .row {
padding-bottom: 7rem; padding-bottom: 7rem;
&:nth-child(odd) { &:nth-child(odd) {
flex-direction: row-reverse; flex-direction: row-reverse;
.left-text-wrapper { .left-text-wrapper {
.text-wrapper { .text-wrapper {
padding-right: 0; padding-right: 0;
} }
} }
} }
&:nth-last-of-type() { &:nth-last-of-type() {
padding-bottom: 0; padding-bottom: 0;
} }
.left-text-wrapper { .left-text-wrapper {
.text-wrapper { .text-wrapper {
padding-right: 1.25rem; padding-right: 1.25rem;
h2 { h2 {
font-size: 2.75rem; font-size: 2.75rem;
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
} }
p { p {
margin-bottom: 1.75rem; margin-bottom: 1.75rem;
color: #58595a; color: #58595a;
font-family: $body-font; font-family: $body-font;
font-size: 1.125rem; font-size: 1.125rem;
font-weight: 400; font-weight: 400;
@media (max-width: 767.98px) { @media (max-width: 767.98px) {
font-size: 1.125rem !important; font-size: 1.125rem !important;
} }
} }
} }
} }
.right-image-wrapper { .right-image-wrapper {
.image-wrapper { .image-wrapper {
img { img {
...@@ -197,6 +248,7 @@ ...@@ -197,6 +248,7 @@
} }
} }
} }
//MISSION-VISION-SECTION //MISSION-VISION-SECTION
//technologies-use-innovating //technologies-use-innovating
...@@ -208,4 +260,4 @@ ...@@ -208,4 +260,4 @@
font-weight: 600; font-weight: 600;
letter-spacing: -0.6px; letter-spacing: -0.6px;
} }
} }
\ No newline at end of file
dev/sass/pages/case-study/_case-study-list.scss
...@@ -38,7 +38,7 @@ ...@@ -38,7 +38,7 @@
} }
p { p {
font-size: 14px; font-size: 14px !important;
letter-spacing: -0.29px; letter-spacing: -0.29px;
color: #8F8F8F; color: #8F8F8F;
} }
...@@ -48,6 +48,8 @@ ...@@ -48,6 +48,8 @@
h4 { h4 {
margin-bottom: 4px; margin-bottom: 4px;
font-size: 18px !important;
line-height: 100%;
&.dec { &.dec {
svg { svg {
......
single-service.php
...@@ -11,7 +11,8 @@ get_header(); ...@@ -11,7 +11,8 @@ get_header();
<nav aria-label="breadcrumb"> <nav aria-label="breadcrumb">
<ol class="breadcrumb"> <ol class="breadcrumb">
<li class="breadcrumb-item"><a href="<?php echo site_url('/');?>">Home</a></li> <li class="breadcrumb-item"><a href="<?php echo site_url('/');?>">Home</a></li>
<li class="breadcrumb-item"><a href="<?php echo get_permalink(get_page_by_path('services'));?>">Services</a></li> <li class="breadcrumb-item"><a
href="<?php echo get_permalink(get_page_by_path('services'));?>">Services</a></li>
<li class="breadcrumb-item active" aria-current="page"><?php the_title();?></li> <li class="breadcrumb-item active" aria-current="page"><?php the_title();?></li>
</ol> </ol>
</nav> </nav>
...@@ -24,16 +25,23 @@ get_header(); ...@@ -24,16 +25,23 @@ get_header();
<div class="row align-items-center justify-content-between"> <div class="row align-items-center justify-content-between">
<div class="col-lg-5 col-md-5 col-12"> <div class="col-lg-5 col-md-5 col-12">
<h1 class="pb-20"><?php the_title();?></h1> <h1 class="pb-20"><?php the_title();?></h1>
<p><?php the_field('banner_description');?></p> <p><?php the_field('banner_description');?></p>
<?php if(get_field('enable_inquiry')):?> <?php if(get_field('enable_inquiry')):?>
<div class="d-flex w-100 button-wrapper"> <div class="d-flex w-100 button-wrapper">
<button class="btn mb-20 btn-start-project btn-primary"><a href="<?php echo get_home_url().'/contact-us/';?>"><?php the_field('inquiry_text');?></a></button> <a class="btn mb-20 btn-start-project btn-primary"
href="<?php echo get_home_url().'/contact-us/';?>"><?php the_field('inquiry_text');?><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>
</a>
</div> </div>
<?php endif;?> <?php endif;?>
</div> </div>
<div class="col-lg-5 col-md-5 mx-auto col-12 text-center right-image"> <div class="col-lg-5 col-md-5 mx-auto col-12 text-center right-image">
<?php if($image = get_field('banner_image')):?> <?php if($image = get_field('banner_image')):?>
<?php echo wp_get_attachment_image($image,'full'); endif;?> <?php echo wp_get_attachment_image($image,'full'); endif;?>
</div> </div>
</div> </div>
</div> </div>
......
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