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 106 additions and 19 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')) : ?>
<section class="py-80 HOME TOP-BANNER-SECTION home2">
<section class="py-80 HOME TOP-BANNER-SECTION home2">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-5 col-md-5 col-12 mx-auto left-text">
......@@ -8,7 +8,14 @@
<p><?php echo get_field('wb_subtitle') ?></p>
</div>
<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">
<?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">
......@@ -21,5 +28,5 @@
</div>
</div>
</div>
</section>
</section>
<?php endif; ?>
\ No newline at end of file
blocks/welcome-banner.php
......@@ -9,7 +9,12 @@
</div>
<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>
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>
<?php
$review_widget = get_field('review_widget') ?: [];
......
dev/sass/pages/_about.scss
//TOP-BANNER-SECTION
.TOP-BANNER-SECTION {
&.background-dark {
background: #005aff !important;
}
.TOP-BANNER-SECTION,
.PORTFOLIO-TOP-TITLE-SECTION {
.btn-start-project {
background-color: #121526;
svg {
margin-left: 8px;
transition: all 0.3s ease-in-out;
}
&:hover {
color: $primary !important;
border-color: $white;
&::before {
background-color: $white;
}
svg {
path {
fill: $primary;
}
}
}
}
}
.TOP-BANNER-SECTION {
&.background-dark {
background: #005aff !important;
}
.left-text-wrapper {
&::before {
display: none;
}
p {
margin: 1.5rem 0 0 0;
}
}
.nav-pills {
padding: 1.5rem 0;
@media (max-width: 767.98px) {
padding: 1.5rem;
}
border-top: 1px solid #58595a;
border-bottom: 1px solid #58595a;
margin-bottom: 0 !important;
li {
margin-right: 2.75rem;
&:last-child {
margin-right: 0;
}
}
button {
padding: 0;
background-color: unset !important;
......@@ -46,17 +72,20 @@
font-weight: 600;
line-height: 24px;
letter-spacing: -0.4px;
&.active {
color: #000000 !important;
}
}
}
}
//TOP-BANNER-SECTION
//ABOUTPAGE
.ABOUTPAGE-COUTER {
.card-wrapper {
.experience,
.client,
.experts {
......@@ -68,21 +97,25 @@
flex-direction: column;
align-items: center;
justify-content: center;
span {
font-weight: 600;
font-size: 44px;
}
p {
font-weight: 500;
}
}
}
}
//ABOUTPAGE
//ABOUT-TOP-AFTER-COUNTER-SECTION
.ABOUT-TOP-AFTER-COUNTER-SECTION {
@media (max-width: 767.98px) {
h1,
h2,
h3,
......@@ -91,9 +124,11 @@
h6 {
font-size: 2rem !important;
}
p {
font-size: 1.125rem !important;
}
.right-image-wrapper {
.image-wrapper {
img {
......@@ -105,17 +140,20 @@
}
}
}
.left-text-wrapper {
span {
font-weight: 600;
font-size: 14px;
color: #005aff;
}
.text-wrapper {
h2 {
font-size: 2.75rem;
margin-top: 1.25rem;
}
p {
color: #58595a;
font-family: $body-font;
......@@ -125,6 +163,7 @@
}
}
}
.right-image-wrapper {
.image-wrapper {
img {
......@@ -135,10 +174,12 @@
}
}
}
//ABOUT-TOP-AFTER-COUNTER-SECTION
//MISSION-VISION-SECTION
.MISSION-VISION-SECTION {
h1,
h2,
h3,
......@@ -148,43 +189,53 @@
font-weight: 600;
font-size: 2.5rem;
margin-bottom: 5.75rem;
@media (max-width: 767.98px) {
font-size: 2rem !important;
margin-bottom: 2rem;
}
}
.row {
padding-bottom: 7rem;
&:nth-child(odd) {
flex-direction: row-reverse;
.left-text-wrapper {
.text-wrapper {
padding-right: 0;
}
}
}
&:nth-last-of-type() {
padding-bottom: 0;
}
.left-text-wrapper {
.text-wrapper {
padding-right: 1.25rem;
h2 {
font-size: 2.75rem;
margin-bottom: 1.5rem;
}
p {
margin-bottom: 1.75rem;
color: #58595a;
font-family: $body-font;
font-size: 1.125rem;
font-weight: 400;
@media (max-width: 767.98px) {
font-size: 1.125rem !important;
}
}
}
}
.right-image-wrapper {
.image-wrapper {
img {
......@@ -197,6 +248,7 @@
}
}
}
//MISSION-VISION-SECTION
//technologies-use-innovating
......
dev/sass/pages/case-study/_case-study-list.scss
......@@ -38,7 +38,7 @@
}
p {
font-size: 14px;
font-size: 14px !important;
letter-spacing: -0.29px;
color: #8F8F8F;
}
......@@ -48,6 +48,8 @@
h4 {
margin-bottom: 4px;
font-size: 18px !important;
line-height: 100%;
&.dec {
svg {
......
single-resource.php
......@@ -64,13 +64,19 @@ endif;
<a href="<?php echo esc_url($url); ?>" target="_blank"
class="btn btn-primary btn-padding hover-up btn-start-project font-14 fw-500 btn-padding btn-submit"
download>Download
Now [<?php echo $icon; ?>]</a>
Now [<?php echo $icon; ?>]<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-5 col-md-5 mx-auto col-12 text-center right-image">
<div class="image-wrapper">
<div class="image">
<img src="<?php echo esc_url($post_thumbnail_url); ?>" alt="<?php echo esc_attr(the_title()); ?>">
<img src="<?php echo esc_url($post_thumbnail_url); ?>"
alt="<?php echo esc_attr(the_title()); ?>">
</div>
</div>
</div>
......@@ -126,8 +132,10 @@ endif;
<li>
<a href="https://www.facebook.com/sharer/sharer.php?u=<?php echo urlencode(get_permalink()); ?>"
target="_blank">
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="0.5" y="0.5" width="31" height="31" rx="15.5" stroke="#878787" />
<svg width="32" height="32" viewBox="0 0 32 32" fill="none"
xmlns="http://www.w3.org/2000/svg">
<rect x="0.5" y="0.5" width="31" height="31" rx="15.5"
stroke="#878787" />
<path
d="M19.7188 17H17.375V24H14.25V17H11.6875V14.125H14.25V11.9062C14.25 9.40625 15.75 8 18.0312 8C19.125 8 20.2812 8.21875 20.2812 8.21875V10.6875H19C17.75 10.6875 17.375 11.4375 17.375 12.25V14.125H20.1562L19.7188 17Z"
fill="#878787" />
......@@ -139,8 +147,10 @@ endif;
<li>
<a href="https://twitter.com/intent/tweet?url=<?php echo urlencode(get_permalink()); ?>&text=Check%20this%20out!"
target="_blank">
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="0.5" y="0.5" width="31" height="31" rx="15.5" stroke="#878787" />
<svg width="32" height="32" viewBox="0 0 32 32" fill="none"
xmlns="http://www.w3.org/2000/svg">
<rect x="0.5" y="0.5" width="31" height="31" rx="15.5"
stroke="#878787" />
<path
d="M22.3438 12.75C22.3438 12.9062 22.3438 13.0312 22.3438 13.1875C22.3438 17.5312 19.0625 22.5 13.0312 22.5C11.1562 22.5 9.4375 21.9688 8 21.0312C8.25 21.0625 8.5 21.0938 8.78125 21.0938C10.3125 21.0938 11.7188 20.5625 12.8438 19.6875C11.4062 19.6562 10.1875 18.7188 9.78125 17.4062C10 17.4375 10.1875 17.4688 10.4062 17.4688C10.6875 17.4688 11 17.4062 11.25 17.3438C9.75 17.0312 8.625 15.7188 8.625 14.125V14.0938C9.0625 14.3438 9.59375 14.4688 10.125 14.5C9.21875 13.9062 8.65625 12.9062 8.65625 11.7812C8.65625 11.1562 8.8125 10.5938 9.09375 10.125C10.7188 12.0938 13.1562 13.4062 15.875 13.5625C15.8125 13.3125 15.7812 13.0625 15.7812 12.8125C15.7812 11 17.25 9.53125 19.0625 9.53125C20 9.53125 20.8438 9.90625 21.4688 10.5625C22.1875 10.4062 22.9062 10.125 23.5312 9.75C23.2812 10.5312 22.7812 11.1562 22.0938 11.5625C22.75 11.5 23.4062 11.3125 23.9688 11.0625C23.5312 11.7188 22.9688 12.2812 22.3438 12.75Z"
fill="#878787" />
......@@ -152,8 +162,10 @@ endif;
<li>
<a href="https://www.linkedin.com/shareArticle?mini=true&url=<?php echo urlencode(get_permalink()); ?>&title=Check%20this%20template"
target="_blank">
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="0.5" y="0.5" width="31" height="31" rx="15.5" stroke="#878787" />
<svg width="32" height="32" viewBox="0 0 32 32" fill="none"
xmlns="http://www.w3.org/2000/svg">
<rect x="0.5" y="0.5" width="31" height="31" rx="15.5"
stroke="#878787" />
<path
d="M12.125 22H9.21875V12.6562H12.125V22ZM10.6562 11.4062C9.75 11.4062 9 10.625 9 9.6875C9 8.78125 9.75 8.03125 10.6562 8.03125C11.5938 8.03125 12.3438 8.78125 12.3438 9.6875C12.3438 10.625 11.5938 11.4062 10.6562 11.4062ZM22.9688 22H20.0938V17.4688C20.0938 16.375 20.0625 15 18.5625 15C17.0625 15 16.8438 16.1562 16.8438 17.375V22H13.9375V12.6562H16.7188V13.9375H16.75C17.1562 13.2188 18.0938 12.4375 19.5 12.4375C22.4375 12.4375 23 14.375 23 16.875V22H22.9688Z"
fill="#878787" />
......
single-service.php
......@@ -11,7 +11,8 @@ get_header();
<nav aria-label="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 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>
</ol>
</nav>
......@@ -27,7 +28,14 @@ get_header();
<p><?php the_field('banner_description');?></p>
<?php if(get_field('enable_inquiry')):?>
<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>
<?php endif;?>
</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