Skip to content

M
makura-2025
Commit fb446ac3 by jhukal9@gmail.com
Options

initial commit

parent 5f41aade
Showing with 4450 additions and 184 deletions
.DS_Store 0 → 100644
File added
.git-ftp.log 0 → 100644
c9c6d646313e03721c98ceb868884b142a715736
.gitignore
node_modules
\ No newline at end of file
404.php
This is 404 Page <?php get_header(); ?>
\ No newline at end of file <section class="page-not-found position-relative">
<div class="container">
<div class="row">
<div class="col-md-6 mx-auto text-center">
<?php
$image = get_field('pnf_image', 'option');
$size = 'full'; // (thumbnail, medium, large, full or custom size)
if ($image) {
echo wp_get_attachment_image($image, $size);
}
?>
<h2 class="font-secondary text-uppercase text-primary fw-600 mt-4"><?php echo get_field('pnf_title', 'option'); ?></h2>
<p><?php echo get_field('pnf_subtitle', 'option'); ?> </p>
<a href="<?php echo get_home_url(); ?>" class="d-inline-block btn btn-primary btn-padding hover-up btn-start-project font-14 fw-500 btn-padding btn-submit">Go To Homepage <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.125 10H16.875" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
<path d="M11.25 4.375L16.875 10L11.25 15.625" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</a>
</div>
</div>
</div>
</section>
<?php get_footer(); ?>
\ No newline at end of file
archive.php
<?php
get_header();
$current_page_id = get_queried_object_id();
$currentObject = get_queried_object();
?>
<div class="container-fluid background-dark breadcrumb-background-dark py-40">
<div class="container">
<div class="row">
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="<?php echo site_url('/');?>">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">Blog</li>
</ol>
</nav>
</div>
</div>
</div>
<section class="background-dark pb-60 BLOGLISTING-TOP-TITLE-SECTION">
<div class="container">
<div class="row justify-content-between">
<div class="col-lg-3 pb-60 title-wrapper">
<!-- <h1><?php echo $currentObject->name;?></h1> -->
<h1>Blog</h1>
</div>
<div class="col-lg-6 pb-60 paragraph">
<!-- <p><?php echo get_the_excerpt();?></p> -->
<p><?php echo get_field('arch_description', 'option'); ?></p>
</div>
</div>
</div>
</section>
<section class="py-60 BLOGLISTING-LIST-ITEM-SECTION">
<div class="container">
<div class="row justify-content-between">
<div class="col-lg-2 col-12 left-filter">
<?php get_sidebar();?>
</div>
<div class="col-lg-10 col-12 blog-list">
<div class="row justify-content-evenly">
<?php while(have_posts()):the_post();?>
<div class="col-lg-6 col-md-6">
<div class="blog-card">
<a href="<?php the_permalink();?>">
<div class="blog-image-wrapper">
<?php the_post_thumbnail();?>
</div>
<!--<p class="text-dark mb-0">Author: <?php echo get_the_author(); ?></p>-->
<div class="text-wrapper">
<p>
<?php
$post_tags = get_the_tags();
if ($post_tags) {
foreach ($post_tags as $tag) {
echo $tag->name . ',';
}
}
?>
<h6><?php the_title();?></h6>
<?php the_excerpt();?>
<div class="card-detail d-flex justify-content-between">
<div><svg width="20" height="21" viewBox="0 0 20 21" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M16.25 3.625H3.75C3.40482 3.625 3.125 3.90482 3.125 4.25V16.75C3.125 17.0952 3.40482 17.375 3.75 17.375H16.25C16.5952 17.375 16.875 17.0952 16.875 16.75V4.25C16.875 3.90482 16.5952 3.625 16.25 3.625Z"
stroke="#005AFF" stroke-width="1.5" stroke-linecap="round"
stroke-linejoin="round" />
<path d="M13.75 2.375V4.875" stroke="#005AFF" stroke-width="1.5"
stroke-linecap="round" stroke-linejoin="round" />
<path d="M6.25 2.375V4.875" stroke="#005AFF" stroke-width="1.5"
stroke-linecap="round" stroke-linejoin="round" />
<path d="M3.125 7.375H16.875" stroke="#005AFF" stroke-width="1.5"
stroke-linecap="round" stroke-linejoin="round" />
</svg>
<?php echo get_the_date('d, M Y');?></div>
<div><svg width="20" height="20" viewBox="0 0 20 20" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M10 4.375C3.75 4.375 1.25 10 1.25 10C1.25 10 3.75 15.625 10 15.625C16.25 15.625 18.75 10 18.75 10C18.75 10 16.25 4.375 10 4.375Z"
stroke="#005AFF" stroke-width="1.5" stroke-linecap="round"
stroke-linejoin="round" />
<path
d="M10 13.125C11.7259 13.125 13.125 11.7259 13.125 10C13.125 8.27411 11.7259 6.875 10 6.875C8.27411 6.875 6.875 8.27411 6.875 10C6.875 11.7259 8.27411 13.125 10 13.125Z"
stroke="#005AFF" stroke-width="1.5" stroke-linecap="round"
stroke-linejoin="round" />
</svg>
<?php echo (int) get_post_meta(get_the_ID(),'total_views')??0;?> Views</div>
<div class="d-none">
<svg width="18" height="15" viewBox="0 0 18 15" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M4.60515 6C3.99821 6 3.50786 6.44688 3.50786 7C3.50786 7.55312 3.99821 8 4.60515 8C5.2121 8 5.70245 7.55312 5.70245 7C5.70245 6.44688 5.2121 6 4.60515 6ZM8.44569 6C7.83875 6 7.3484 6.44688 7.3484 7C7.3484 7.55312 7.83875 8 8.44569 8C9.05264 8 9.54299 7.55312 9.54299 7C9.54299 6.44688 9.05264 6 8.44569 6ZM12.2862 6C11.6793 6 11.1889 6.44688 11.1889 7C11.1889 7.55312 11.6793 8 12.2862 8C12.8932 8 13.3835 7.55312 13.3835 7C13.3835 6.44688 12.8932 6 12.2862 6ZM8.44569 0.5C3.59701 0.5 -0.332685 3.40937 -0.332685 7C-0.332685 8.4875 0.349697 9.85 1.48128 10.9469C0.970356 12.1781 -0.0926513 13.2219 -0.109797 13.2344C-0.336114 13.4531 -0.397837 13.7719 -0.267533 14.0469C-0.137229 14.3219 0.161099 14.5 0.490288 14.5C2.59916 14.5 4.26225 13.6969 5.2601 13.0531C6.2511 13.3375 7.32096 13.5 8.44569 13.5C13.2944 13.5 17.2241 10.5906 17.2241 7C17.2241 3.40937 13.2944 0.5 8.44569 0.5ZM8.44569 12C7.53014 12 6.62487 11.8719 5.75732 11.6219L4.97892 11.3969L4.31025 11.8281C3.8199 12.1438 3.14781 12.4969 2.33855 12.7344C2.58887 12.3562 2.83233 11.9312 3.02093 11.4781L3.38441 10.6L2.67802 9.91875C2.05737 9.31563 1.31326 8.31875 1.31326 7C1.31326 4.24375 4.51257 2 8.44569 2C12.3788 2 15.5781 4.24375 15.5781 7C15.5781 9.75625 12.3788 12 8.44569 12Z"
fill="#005AFF" />
</svg>
<?php echo get_comments_number();?> Comments
</div>
</div>
</div>
</a>
</div>
</div>
<?php endwhile;?>
</div>
<?php the_posts_pagination();?>
<!-- <nav aria-label="Page navigation example">
<ul class="pagination justify-content-center">
<li class="page-item"><a class="page-link" href="#">Previous</a></li>
<li class="page-item"><a class="page-link" href="#">1</a></li>
<li class="page-item"><a class="page-link" href="#">2</a></li>
<li class="page-item"><a class="page-link" href="#">3</a></li>
<li class="page-item"><a class="page-link" href="#">Next</a></li>
</ul>
</nav> -->
</div>
</div>
</div>
</section>
<!-- // <?php echo custom_page_content(get_the_content(null,false,$current_page_id));?> -->
<?php get_footer() ?>
\ No newline at end of file
assets/css/style (1).css 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
assets/css/style.css
This source diff could not be displayed because it is too large. You can view the blob instead.
assets/js/counterup.js 0 → 100644
/*!
* jquery.countup.js 1.0.3
*
* Copyright 2016, Adrián Guerra Marrero http://agmstudio.io @AGMStudio_io
* Released under the MIT License
*
* Date: Oct 27, 2016
*/
(function ($) {
"use strict";
$.fn.countUp = function (options) {
// Defaults
var settings = $.extend({
'time': 2000,
'delay': 10
}, options);
return this.each(function () {
// Store the object
var $this = $(this);
var $settings = settings;
var counterUpper = function () {
if (!$this.data('counterupTo')) {
$this.data('counterupTo', $this.text());
}
var time = parseInt($this.data("counter-time")) > 0 ? parseInt($this.data("counter-time")) : $settings.time;
var delay = parseInt($this.data("counter-delay")) > 0 ? parseInt($this.data("counter-delay")) : $settings.delay;
var divisions = time / delay;
var num = $this.data('counterupTo');
var nums = [num];
var isComma = /[0-9]+,[0-9]+/.test(num);
num = num.replace(/,/g, '');
var isInt = /^[0-9]+$/.test(num);
var isFloat = /^[0-9]+\.[0-9]+$/.test(num);
var decimalPlaces = isFloat ? (num.split('.')[1] || []).length : 0;
// Generate list of incremental numbers to display
for (var i = divisions; i >= 1; i--) {
// Preserve as int if input was int
var newNum = parseInt(Math.round(num / divisions * i));
// Preserve float if input was float
if (isFloat) {
newNum = parseFloat(num / divisions * i).toFixed(decimalPlaces);
}
// Preserve commas if input had commas
if (isComma) {
while (/(\d+)(\d{3})/.test(newNum.toString())) {
newNum = newNum.toString().replace(/(\d+)(\d{3})/, '$1' + ',' + '$2');
}
}
nums.unshift(newNum);
}
$this.data('counterup-nums', nums);
$this.text('0');
// Updates the number until we're done
var f = function () {
$this.text($this.data('counterup-nums').shift());
if ($this.data('counterup-nums').length) {
setTimeout($this.data('counterup-func'), delay);
} else {
delete $this.data('counterup-nums');
$this.data('counterup-nums', null);
$this.data('counterup-func', null);
}
};
$this.data('counterup-func', f);
// Start the count up
setTimeout($this.data('counterup-func'), delay);
};
// Perform counts when the element gets into view
$this.waypoint(counterUpper, { offset: '100%', triggerOnce: true });
});
};
})(jQuery);
assets/js/style.js
(function ($) { (function ($) {
$(".FAQS-SECTION .accordion-collapse").each(function (index) {
if ($(this).hasClass("show"))
$(this).parent(".accordion-item").addClass("classColor");
});
var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
return new bootstrap.Tooltip(tooltipTriggerEl)
})
$(".accordion-header").click(function (index) {
if ($(this).siblings(".accordion-collapse").hasClass("show"));
$(this).parent(".accordion-item").toggleClass("classColor");
});
$('.counter').countUp();
// trip planner step fieldset // trip planner step fieldset
var current_fs, next_fs, previous_fs; var current_fs, next_fs, previous_fs;
$(".modal-steps-wrapper-box .next").click(function (event) { // $(".modal-steps-wrapper-box .next").click(function (event) {
event.preventDefault(); // event.preventDefault();
$('body,html').animate({ scrollTop: 0 }, 0); // $('body,html').animate({ scrollTop: 0 }, 0);
current_fs = $(this).closest('fieldset'); // current_fs = $(this).closest('fieldset');
next_fs = $(this).closest('fieldset').next(); // next_fs = $(this).closest('fieldset').next();
$("#progressbar li").eq($("fieldset").index(next_fs)).addClass("active").prev().addClass('complete'); // $("#progressbar li").eq($("fieldset").index(next_fs)).addClass("active").prev().addClass('complete');
next_fs.show(); // next_fs.show();
current_fs.hide(); // current_fs.hide();
}) // })
$(".modal-steps-wrapper-box .previous").click(function (event) { // $(".modal-steps-wrapper-box .previous").click(function (event) {
event.preventDefault(); // event.preventDefault();
$('body,html').animate({ scrollTop: 0 }, 0); // $('body,html').animate({ scrollTop: 0 }, 0);
current_fs = $(this).closest('fieldset'); // current_fs = $(this).closest('fieldset');
previous_fs = $(this).closest('fieldset').prev(); // previous_fs = $(this).closest('fieldset').prev();
$("#progressbar li").eq($("fieldset").index(current_fs)).removeClass("active").prev().removeClass('complete'); // $("#progressbar li").eq($("fieldset").index(current_fs)).removeClass("active").prev().removeClass('complete');
previous_fs.show(); // previous_fs.show();
current_fs.hide(); // current_fs.hide();
}) // })
console.log($(".experience").length); console.log($(".experience").length);
...@@ -123,7 +139,7 @@ ...@@ -123,7 +139,7 @@
1000 1000
); );
}); });
$(".get-quote-button").click(function () { $(".get-quote-button").click(function () {
$(".request-hide-success-modal").hide(); $(".request-hide-success-modal").hide();
$(".request-success-modal").show(); $(".request-success-modal").show();
...@@ -155,7 +171,7 @@ ...@@ -155,7 +171,7 @@
//meet-team-wrapper //meet-team-wrapper
$(".meet-team-wrapper").owlCarousel({ $(".meet-team-wrapper").owlCarousel({
loop: true, loop: false,
autoplay: true, autoplay: true,
margin: 40, margin: 40,
nav: false, nav: false,
...@@ -172,17 +188,17 @@ ...@@ -172,17 +188,17 @@
}, },
}, },
}); });
//technology-carousel-wrapper //technology-carousel-wrapper
$(".technology-carousel-wrapper").owlCarousel({ $(".technology-carousel-wrapper").owlCarousel({
loop: true, loop: false,
autoplay: true, autoplay: true,
margin: 40, margin: 40,
nav: false, nav: false,
dots: false, dots: false,
responsive: { responsive: {
0: { 0: {
items: 3, items: 6,
}, },
600: { 600: {
items: 6, items: 6,
...@@ -195,7 +211,7 @@ ...@@ -195,7 +211,7 @@
//portfolio-carousel //portfolio-carousel
$(".portfolio-carousel").owlCarousel({ $(".portfolio-carousel").owlCarousel({
loop: true, loop: false,
autoplay: true, autoplay: true,
margin: 40, margin: 40,
nav: false, nav: false,
...@@ -215,16 +231,19 @@ ...@@ -215,16 +231,19 @@
//customer-feedback //customer-feedback
$(".customer-feedback").owlCarousel({ $(".customer-feedback").owlCarousel({
loop: true, loop: false,
autoplay: true, autoplay: true,
margin: 10, margin: 20,
nav: false, nav: false,
dots: true, dots: true,
responsive: { responsive: {
0: { 0: {
items: 1, items: 1,
}, },
600: { 576: {
items: 1,
},
768: {
items: 2, items: 2,
}, },
1000: { 1000: {
...@@ -235,7 +254,7 @@ ...@@ -235,7 +254,7 @@
//customer-feedback-course-detail //customer-feedback-course-detail
$(".customer-feedback-course-detail").owlCarousel({ $(".customer-feedback-course-detail").owlCarousel({
loop: true, loop: false,
autoplay: true, autoplay: true,
margin: 40, margin: 40,
nav: false, nav: false,
...@@ -255,17 +274,17 @@ ...@@ -255,17 +274,17 @@
//customer-feedback-course-detail //customer-feedback-course-detail
$(".client-carouselwrapper").owlCarousel({ $(".client-carouselwrapper").owlCarousel({
loop: true, loop: false,
autoplay: true, autoplay: true,
margin: 40, margin: 20,
nav: false, nav: false,
dots: true, dots: false,
responsive: { responsive: {
0: { 0: {
items: 2, items: 3,
}, },
600: { 600: {
items: 3, items: 4,
}, },
1000: { 1000: {
items: 5, items: 5,
...@@ -275,7 +294,7 @@ ...@@ -275,7 +294,7 @@
//more-course-section //more-course-section
$(".more-course-section").owlCarousel({ $(".more-course-section").owlCarousel({
loop: true, loop: false,
autoplay: true, autoplay: true,
margin: 20, margin: 20,
nav: false, nav: false,
...@@ -295,7 +314,7 @@ ...@@ -295,7 +314,7 @@
//customer-feedback-portfolio //customer-feedback-portfolio
$(".customer-feedback-portfolio").owlCarousel({ $(".customer-feedback-portfolio").owlCarousel({
loop: true, loop: false,
autoplay: true, autoplay: true,
margin: 10, margin: 10,
nav: false, nav: false,
...@@ -305,7 +324,7 @@ ...@@ -305,7 +324,7 @@
items: 1, items: 1,
}, },
600: { 600: {
items: 2, items: 1,
}, },
1000: { 1000: {
items: 1, items: 1,
...@@ -325,10 +344,10 @@ ...@@ -325,10 +344,10 @@
items: 1, items: 1,
}, },
600: { 600: {
items: 2, items: 3,
}, },
1000: { 1000: {
items: 2, items: 3,
}, },
}, },
}); });
...@@ -367,7 +386,12 @@ ...@@ -367,7 +386,12 @@
$(".side-menu-close").click(function () { $(".side-menu-close").click(function () {
$(".navbar-nav").removeClass("show"); $(".navbar-nav").removeClass("show");
}); });
// jQuery(".btn-start-project").click(function(event) {
// event.preventDefault();
// jQuery('body').addClass('no-scroll');
// });
$(window) $(window)
.scroll(function () { .scroll(function () {
var scrollDistance = $(window).scrollTop() + 201; var scrollDistance = $(window).scrollTop() + 201;
...@@ -385,17 +409,31 @@ ...@@ -385,17 +409,31 @@
.scroll(); .scroll();
// sticky nav // sticky nav
$(function () { // $(function () {
var header = $(".navbar"); // var header = $(".navbar");
$(window).scroll(function () { // $(window).scroll(function () {
var scroll = $(window).scrollTop(); // var scroll = $(window).scrollTop();
if (scroll >= 200) { // if (scroll >= 200) {
header.addClass("sticky-top"); // header.addClass("sticky-top");
} else { // } else {
header.removeClass("sticky-top"); // header.removeClass("sticky-top");
} // }
}); // });
}); // });
var lastScrollTop = 0;
$(window).scroll(function(event) {
var thisValue = $(this).scrollTop();
if (thisValue == 0) {
$(".navbar").removeClass("sticky-top");
} else if (thisValue > lastScrollTop) {
$(".navbar").removeClass("sticky-top");
} else {
$(".navbar").addClass("sticky-top");
}
lastScrollTop = thisValue;
});
$(".button-close").click(function () { $(".button-close").click(function () {
$(".modal-dialog").addClass("addCss"); $(".modal-dialog").addClass("addCss");
...@@ -450,4 +488,33 @@ ...@@ -450,4 +488,33 @@
$("#submit").click(function () { $("#submit").click(function () {
$(".alert-success").slideToggle("slow").delay(2000).slideToggle("slow"); $(".alert-success").slideToggle("slow").delay(2000).slideToggle("slow");
}); });
})(jQuery);
jQuery(document).ready(function ($) {
jQuery('img').removeAttr('width').removeAttr('height');
});
$('.fpData').click(function () {
var button = $(this);
var dataCatValue = $(this).data('cat');
button.addClass('loading')
console.log(dataCatValue);
$.ajax({
url: frontend_ajax_object.ajaxurl,
method: 'POST',
dataType: 'json',
data: {
action: 'get_fetch_more_portfolios',
data_cat: dataCatValue
},
success: function (response) {
button.remove();
// Handle the response here
console.log(response.html);
$('#append_' + dataCatValue).append(response.html);
},
error: function (xhr, status, error) {
// Handle errors
console.log(error);
}
});
});
})(jQuery);
\ No newline at end of file
blocks/about-client-section.php 0 → 100644
<section class="container-fluid py-80 AFTER-BANNER-SECTION">
<div class="container">
<div class="row mx-auto justify-content-between">
<div class="col-lg-3 fw-600">
<h3><?php the_field('title');?></h3>
</div>
<div class="col-lg-8 m-auto">
<?php the_field('description');?>
</div>
</div>
</div>
</section>
\ No newline at end of file
blocks/about-us/employe-feel.php 0 → 100644
<?php if(get_field('enable_section')):?>
<div class="py-80 container-fluid EMPLOYE-FEEL">
<div class="container">
<div class="row">
<?php the_field('description');?>
<div class="employee-detail">
<h5><?php the_field('name');?></h5>
<p><?php the_field('designation');?></p>
</div>
</div>
</div>
</div>
<?php endif;?>
\ No newline at end of file
blocks/about-us/how-it-feels.php 0 → 100644
<?php if(get_field('enable_section')):?>
<section class="container-fluid py-80 HOW-IT-FEELS-SECTION">
<div class="container">
<div class="row justify-content-between first-row">
<div class="col-lg-3 pb-60 title-wrapper">
<h1><?php the_field('title');?></h1>
</div>
<div class="col-lg-6 pb-60 paragraph">
<?php the_field('description');?>
</div>
</div>
<?php if(have_rows('content')):?>
<div class="row justify-content-between second-row">
<?php while(have_rows('content')): the_row();?>
<div class="col-lg-3 col-md-3">
<div class="shape-card-wrapper">
<div class="image-wrapper left-shape">
<?php if($image = get_sub_field('image')): echo wp_get_attachment_image($image); endif;?>
</div>
<h5><?php the_sub_field('title');?></h5>
<?php the_sub_field('description');?>
</div>
</div>
<?php endwhile;?>
</div>
<?php endif;?>
</div>
</section>
<?php endif;?>
\ No newline at end of file
blocks/about-us/mission-vision.php 0 → 100644
<?php if(get_field('enable_section')):?>
<section class="container-fluid bg-secondary py-80 ABOUT MISSION-VISION-SECTION">
<div class="container">
<div class="text-justify col-lg-11 mx-auto">
<h2><?php the_field('title');?></h2>
</div>
<?php if(have_rows('content')): while(have_rows('content')): the_row();?>
<div class="row">
<div class="col-lg-5 m-auto left-text-wrapper">
<div class="text-wrapper">
<h2><?php the_sub_field('title');?> </h2>
<?php the_sub_field('description');?>
</div>
</div>
<div class="col-lg-5 m-auto right-image-wrapper">
<div class="image-wrapper">
<?php if($image = get_sub_field('image')): echo wp_get_attachment_image($image,'full'); endif;?>
</div>
</div>
</div>
<?php endwhile; endif;?>
</div>
</section>
<?php endif;?>
\ No newline at end of file
blocks/about-us/our-story.php 0 → 100644
<?php if(get_field('enable_section')):?>
<section class="container-fluid py-80 ABOUT ABOUT-TOP-AFTER-COUNTER-SECTION">
<div class="container">
<div class="row">
<div class="col-lg-5 col-md-5 mx-auto left-text-wrapper">
<div class="text-wrapper">
<span><?php the_field('subtitle');?></span>
<h2><?php the_field('title');?></h2>
<?php the_field('description');?>
</div>
</div>
<div class="col-lg-5 col-md-5 mx-auto right-image-wrapper">
<div class="image-wrapper">
<?php if($image = get_field('image')): echo wp_get_attachment_image($image,'full'); endif;?>
</div>
</div>
</div>
</div>
</section>
<?php endif;?>
\ No newline at end of file
blocks/about-us/our-team-with-departments.php 0 → 100644
<?php if(get_field('enable_section')):?>
<section class="container-fluid pt-80 ABOUT MEET-OUR-TEAM-SECTION bg-secondary">
<div class="container">
<div class="row">
<div class="col-lg-5 col-md-5 text-center col-12 m-auto title-wrapper">
<h2><?php the_field('title');?></h2>
<?php the_field('description');?>
</div>
<?php $categories = get_field('departments');
if($categories):
?>
<div class="bg-secondary main-wrapper">
<div class="tabs-wrapper">
<ul class="nav nav-pills mb-5 justify-content-center" id="pills-tab" role="tablist">
<?php foreach($categories as $key=>$cat): ?>
<li class="nav-item" role="presentation">
<button class="nav-link <?php echo $key==0?'active':'';?>" id="pills-<?php echo $cat->slug;?>-tab" data-bs-toggle="pill"
data-bs-target="#pills-<?php echo $cat->slug;?>" type="button" role="tab" aria-controls="pills-<?php echo $cat->slug;?>"
aria-selected="true"><?php echo $cat->name;?></button>
</li>
<?php endforeach;?>
</ul>
<div class="tab-content" id="pills-tabContent">
<?php foreach($categories as $key=>$cat):?>
<div class="tab-pane fade <?php echo $key==0?'show active':''; ?>" id="pills-<?php echo $cat->slug;?>" role="tabpanel"
aria-labelledby="pills-<?php echo $cat->slug;?>-tab" tabindex="0">
<div class="row">
<div class="meet-team-wrapper owl-carousel owl-theme">
<?php $wp_query = new WP_Query([
'post_type'=>'portfolio',
'post_status' => 'publish',
'posts_per_page'=>'6',
'tax_query'=>array(array(
'taxonomy'=>'portfolio-category',
'field'=>'slug',
'terms'=>[$cat->slug]
))
]);
if($wp_query->have_posts()):
while($wp_query->have_posts()): $wp_query->the_post();
?>
<div class="item team-card">
<a href="meet-our-team" class="inner-card bg-secondary">
<div class="img-wrapper position-relative">
<div class="backgroundimg">
<?php the_post_thumbnail();?>
</div>
<img src="<?php echo get_template_directory_uri();?>/assets/img/team-background.png" alt="<?php the_title();?>">
</div>
<div class="info text-center">
<h5><?php the_title();?></h5>
<span><?php the_field('designation');?></span>
</div>
</a>
</div>
<?php endwhile; wp_reset_postdata(); endif;?>
</div>
</div>
</div>
<?php endforeach;?>
</div>
</div>
</div>
<?php endif;?>
</div>
</div>
</section>
<?php endif;?>
\ No newline at end of file
blocks/about-us/our-team.php 0 → 100644
<?php if(get_field('enable_section')):?>
<section class="container-fluid py-80 ABOUT MEET-OUR-TEAM-SECTION">
<div class="container">
<div class="row">
<div class="col-lg-5 col-md-5 text-center col-12 m-auto pb-80 title-wrapper">
<h2><?php the_field('title');?></h2>
<?php the_field('description');?>
</div>
<?php if($members = get_field('members')):?>
<div class="about-team">
<div class="row">
<?php foreach($members as $member):?>
<div class="col-sm-6 col-md-4 col-lg-3 mb-3 team-card">
<div href="meet-our-team" class="card">
<?php echo get_the_post_thumbnail($member);?>
<div class="info text-center">
<h5><?php echo get_the_title($member);?></h5>
<span><?php echo get_field('designation',$member);?></span>
</div>
</div>
</div>
<?php endforeach;?>
</div>
<?php if ($link = get_field('link')) : $link_target = $link['target'] ? $link['target'] : '_self';?>
<a href="<?php echo $link['url']; ?>" target="<?php echo esc_attr( $link_target ); ?>"
class="btn d-flex m-auto mt-60 align-items-center start-project btn-start-project-white"
style="width: fit-content; margin: auto;"><?php echo $link['title']; ?>
<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>
<?php endif;?>
</div>
<?php endif;?>
</div>
</div>
</section>
<?php endif;?>
\ No newline at end of file
blocks/about-us/stat-section.php 0 → 100644
<section class="container-fluid ABOUT TOP-CAROUSEL-SECTION">
<div class="container">
<div class="mb-5 row">
<div class="col-lg-6">
<?php the_field('left_description');?>
<!--<h4>How did we come up with the name Makura Creations?</h4>-->
<!--<p>When we were thinking of names, we aimed for something that reflected our work and highlighted our Nepali roots. As web technology specialists, we decided on Makura, which directly translates to Spider in English. Spiders are known for their hard work, and since we also value industriousness, the name felt like a fitting choice.</p>-->
</div>
<div class="col-lg-6">
<?php the_field('right_description');?>
<!--<h4>Why was Makura Creations founded?</h4>-->
<!--<p>Makura Creations was established to meet the digital requirements of our clients, take pride in our work, and most importantly create an impact. The clients we serve, the high standard of our output, and the positive impact on our clients are all driving factors for us. This drive is reflected in the final outcomes delivered by our team.</p>-->
</div>
</div>
<?php if(have_rows('stats')):?>
<div class="row">
<div class="col-lg-10 mx-auto">
<div class="row">
<?php while(have_rows('stats')):the_row();?>
<div class="text-center col-lg-4 experience">
<div class="counting-number background-dark experience-card">
<h4 class="counter"><?php the_sub_field('number');?></h4>
<p><?php the_sub_field('title');?></p>
</div>
</div>
<?php endwhile;?>
</div>
</div>
</div>
<?php endif;?>
</div>
</section>
\ No newline at end of file
blocks/banner-block.php 0 → 100644
<?php if(is_admin()): echo '<h1>Banner Block</h1>'; endif;?>
<div class="banner2">
<?php if($image = get_field('image')): echo wp_get_attachment_image($image,'full'); endif;?>
</div>
\ No newline at end of file
blocks/blogs-block.php
<?php if(get_field('enable_section')):?> <?php if(get_field('enable_section')):?>
<section class="container-fluid py-80 HOME BLOG-SECTION"> <?php if(get_field('enable_section')): ?>
<section class="container-fluid pt-80 HOME BLOG-SECTION">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-lg-5 col-md-5 text-center col-12 m-auto pb-80 title-wrapper"> <div class="col-lg-5 col-md-5 text-center col-12 m-auto pb-4 title-wrapper">
<h2><?php the_field('title');?></h2> <h2><?php the_field('title'); ?></h2>
<?php the_field('description');?> <?php the_field('description'); ?>
</div> </div>
</div> </div>
<?php $cats = array_filter((array) get_field('categories')); <?php
$args = ['post_type'=>'post', $cats = array_filter((array) get_field('categories'));
$args = [
'post_type' => 'post',
'post_status' => 'publish', 'post_status' => 'publish',
'posts_per_page'=>'6', 'posts_per_page' => 6,
];
if(!empty($cats)) {
$args['tax_query'] = [
[
'taxonomy' => 'category',
'field' => 'term_id',
'terms' => $cats,
]
]; ];
}
if(!empty($cats)){
$args['tax_query']=array( $new_query = new WP_Query($args);
'taxonomy'=>'category', ?>
// 'operator'=>'IN', <?php if($new_query->have_posts()): ?>
'field'=>'term_id', <div class="row">
'terms'=>[] <div class="blog-carousel owl-carousel owl-theme">
); <?php while($new_query->have_posts()): $new_query->the_post(); ?>
} <div class="item">
$new_query = new WP_Query($args); <div class="blog-card-wrapper">
?> <a href="<?php the_permalink(); ?>">
<?php if($new_query->have_posts()):?> <div class="blog-image-wrapper">
<div class="row"> <?php the_post_thumbnail(); ?>
<div class="blog-carousel owl-carousel owl-theme"> </div>
<?php while($new_query->have_posts()): $new_query->the_post();?> </a>
<div class="item"> <div class="text-wrapper">
<a href="<?php the_permalink();?>"> <!--<p><?php echo get_simple_tag_list(get_the_ID()); ?></p>-->
<div class="blog-card-wrapper"> <a style="display: block;" href="<?php the_permalink(); ?>">
<div class="blog-image-wrapper"> <h6><?php the_title(); ?></h6></a>
<?php the_post_thumbnail();?> <?php the_excerpt(); ?>
</div> <div class="d-flex align-items-center justify-content-between bottom-section">
<div class="text-wrapper"> <div class="left">
<p>Design, Illustrations, UI/UX</p> <span><svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<h6><?php the_title();?></h6> <path d="M16.25 3.625H3.75C3.40482 3.625 3.125 3.90482 3.125 4.25V16.75C3.125 17.0952 3.40482 17.375 3.75 17.375H16.25C16.5952 17.375 16.875 17.0952 16.875 16.75V4.25C16.875 3.90482 16.5952 3.625 16.25 3.625Z" stroke="#005AFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<?php the_excerpt();?> <path d="M13.75 2.375V4.875" stroke="#005AFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<div class="d-flex align-items-center justify-content-between bottom-section"> <path d="M6.25 2.375V4.875" stroke="#005AFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<div class="left"> <path d="M3.125 7.375H16.875" stroke="#005AFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<span><?php echo get_the_date('d, M Y',get_the_ID());?></span> </svg><?php echo get_the_date('d, M Y', get_the_ID()); ?></span>
</div> </div>
<div class="right"> <div class="right">
<p>Read More <svg width="17" height="16" viewBox="0 0 17 16" fill="none" <a href="<?php the_permalink(); ?>">Read More <svg width="17" height="16" viewBox="0 0 17 16" fill="none"
xmlns="http://www.w3.org/2000/svg"> xmlns="http://www.w3.org/2000/svg">
<path d="M3 8H14" stroke="#005AFF" stroke-width="1.5" <path d="M3 8H14" stroke="#005AFF" stroke-width="1.5"
stroke-linecap="round" stroke-linejoin="round" /> stroke-linecap="round" stroke-linejoin="round" />
<path d="M9.5 3.5L14 8L9.5 12.5" stroke="#005AFF" stroke-width="1.5" <path d="M9.5 3.5L14 8L9.5 12.5" stroke="#005AFF" stroke-width="1.5"
stroke-linecap="round" stroke-linejoin="round" /> stroke-linecap="round" stroke-linejoin="round" />
</svg> </svg>
</p> </a>
</div>
</div> </div>
</div> </div>
</div> </div>
</a>
</div> </div>
<?php endwhile; wp_reset_postdata(); ?>
</div> </div>
<button class="btn btn-start-project btn-primary">View All Blogs <svg width="25" height="24" <?php endwhile; wp_reset_postdata(); ?>
viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M4.5 13L16.67 13L11.08 18.59L12.5 20L20.5 12L12.5 4L11.09 5.41L16.67 11L4.5 11L4.5 13Z"
fill="white" />
</svg>
</button>
</div> </div>
<?php endif;?> </div>
<?php endif; ?>
<div class="row mt-4">
<?php
$link = get_field('bb_view_blogs');
if($link):
$link_url = $link['url'];
$link_title = $link['title'];
$link_target = $link['target'] ? $link['target'] : '_self';
?>
<a class="btn btn-start-project btn-primary" href="<?php echo esc_url($link_url); ?>" target="<?php echo esc_attr($link_target); ?>">
<?php echo esc_html($link_title); ?>
<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M4.5 13L16.67 13L11.08 18.59L12.5 20L20.5 12L12.5 4L11.09 5.41L16.67 11L4.5 11L4.5 13Z"
fill="white" />
</svg>
</a>
<?php endif; ?>
</div>
</div> </div>
</section> </section>
<?php endif; ?>
<?php endif;?> <?php endif;?>
\ No newline at end of file
blocks/contact-us/contact-breadcrumb.php 0 → 100644
<?php if(get_field('enable_section')):?>
<!-- BREADCRUMB -->
<div class="container-fluid py-40 <?php echo (is_page('contact-us')) ? 'contact-page-class' : ''; ?>">
<div class="container">
<div class="row">
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="<?php echo site_url('/');?>">Home</a></li>
<?php if(have_rows('contact_crumbs')): while(have_rows('contact_crumbs')): the_row();
?>
<?php if ($link = get_sub_field('link')) : $link_target = $link['target'] ? $link['target'] : '_self';?>
<li class="breadcrumb-item"><a href="<?php echo $link['url']; ?>"
target="<?php echo esc_attr( $link_target ); ?>"><?php echo $link['title']; ?></a></li>
<?php endif;?>
<?php endwhile; endif;?>
<li class="breadcrumb-item active" aria-current="page">
<a href="#"><?php echo ($title = get_field('contact_page_title'))?$title:get_the_title();?></a></li>
</ol>
</nav>
</div>
</div>
</div>
<!-- BREADCRUMB -->
<?php endif; ?>
\ No newline at end of file
blocks/contact-us/contact-details.php 0 → 100644
<?php if(get_field('enable_section')):?>
<section class="pb-60 CONTACT TOP-BANNER-SECTION">
<div class="container">
<div class="row align-items-center justify-content-between">
<div class="col-lg-4 col-md-4 col-12 image-wrapper">
<?php if($image = get_field('image')): echo wp_get_attachment_image($image,'full'); endif;?>
</div>
<div class="col-lg-4 col-md-4 col-12 get-in-touch">
<div class="position-relative left-text-wrapper">
<h1><?php the_field('title');?></h1>
<?php the_field('description');?>
</div>
</div>
<div class="col-lg-4 col-md-4 col-12 detail-wrapper">
<div class="number detail-inner-wrapper">
<div class="icon bg-primary">
<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="M6.54 5C6.6 5.89 6.75 6.76 6.99 7.59L5.79 8.79C5.38 7.59 5.12 6.32 5.03 5H6.54ZM16.4 17.02C17.25 17.26 18.12 17.41 19 17.47V18.96C17.68 18.87 16.41 18.61 15.2 18.21L16.4 17.02ZM7.5 3H4C3.45 3 3 3.45 3 4C3 13.39 10.61 21 20 21C20.55 21 21 20.55 21 20V16.51C21 15.96 20.55 15.51 20 15.51C18.76 15.51 17.55 15.31 16.43 14.94C16.33 14.9 16.22 14.89 16.12 14.89C15.86 14.89 15.61 14.99 15.41 15.18L13.21 17.38C10.38 15.93 8.06 13.62 6.62 10.79L8.82 8.59C9.1 8.31 9.18 7.92 9.07 7.57C8.7 6.45 8.5 5.25 8.5 4C8.5 3.45 8.05 3 7.5 3Z"
fill="white" />
</svg>
</div>
<div class="icon-detail">
<span>Phone Number</span><br>
<a
href="tel:<?php echo get_field('phone_number');?>"><?php echo get_field('phone_number');?></a>
</div>
</div>
<div class="mail detail-inner-wrapper">
<div class="icon bg-primary">
<svg width="24" height="24" viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M20 2C20 0.9 19.1 0 18 0H2C0.9 0 0 0.9 0 2V14C0 15.1 0.9 16 2 16H18C19.1 16 20 15.1 20 14V2ZM18 2L10 7L2 2H18ZM18 14H2V4L10 9L18 4V14Z"
fill="white" />
</svg>
</div>
<div class="icon-detail">
<span>Email</span><br>
<a href="mailto:<?php echo get_field('email');?>"><?php echo get_field('email');?></a>
</div>
</div>
<div class="location detail-inner-wrapper">
<a href="https://maps.app.goo.gl/PvDHxKSo3VRPy1n78" target="_blank" class="d-flex">
<div class="icon bg-primary">
<svg width="24" height="24" viewBox="0 0 14 20" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M7 0C10.87 0 14 3.13 14 7C14 12.25 7 20 7 20C7 20 0 12.25 0 7C0 3.13 3.13 0 7 0ZM2 7C2 9.85 4.92 14.21 7 16.88C9.12 14.19 12 9.88 12 7C12 4.24 9.76 2 7 2C4.24 2 2 4.24 2 7ZM7 9.5C5.61929 9.5 4.5 8.38071 4.5 7C4.5 5.61929 5.61929 4.5 7 4.5C8.38071 4.5 9.5 5.61929 9.5 7C9.5 8.38071 8.38071 9.5 7 9.5Z"
fill="white" />
</svg>
</div>
<div class="icon-detail">
<span>Address</span>
<div><?php the_field('address');?></div>
</div>
</a>
</div>
</div>
</div>
</div>
</section>
<?php endif;?>
\ No newline at end of file
blocks/contact-us/contact-form.php 0 → 100644
<?php if(get_field('enable_section')):?>
<section class="bg-secondary container-fluid py-80 CONTACT-FORM-SECTION">
<div class="container">
<div class="row justify-content-between">
<div class="col-lg-5 col-md-5 col-12 left-section">
<h2><?php the_field('title');?></h2>
<?php the_field('description');?>
<!--<h2>Get in Touch</h2>-->
<!--<p>Have an idea to execute or wanna know about us? Ring us up</p>-->
<div class="image-wrapper">
<?php if($image = get_field('image')): echo wp_get_attachment_image($image,'full'); endif;?>
</div>
</div>
<div class="form-wrapper col-lg-5 col-md-5 col-12">
<?php echo do_shortcode(get_field('contact_form_shortcode'));?>
</div>
</div>
</div>
</section>
<?php endif;?>
\ No newline at end of file
blocks/contact-us/map-section.php 0 → 100644
<?php if(get_field('enable_section')):?>
<section class="bg-secondary map">
<?php the_field('map_iframe');?>
</section>
<?php endif;?>
\ No newline at end of file
blocks/custom-banner-with-right-image.php 0 → 100644
<?php if(get_field('enable_section')):?>
<section class="background-dark pb-60 ABOUT TOP-BANNER-SECTION">
<div class="container">
<div class="row align-items-center justify-content-between">
<div class="col-lg-6 col-12">
<div class="position-relative left-text-wrapper">
<?php the_field('description');?>
</div>
</div>
<div class="col-lg-5 col-md-5 mx-auto col-12 text-center right-image">
<!--<?php if($image = get_field('image')): echo wp_get_attachment_image($image); endif;?>-->
<?php
$image = get_field('image');
$size = 'full';
if ($image) {
echo wp_get_attachment_image($image, $size);
} ?>
</div>
</div>
</div>
</section>
<?php endif;?>
\ No newline at end of file
blocks/custom-breadcrumb.php 0 → 100644
<?php if(get_field('enable_section')):?>
<div class="container-fluid py-40 background-dark breadcrumb-background-dark">
<div class="container">
<div class="row">
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="<?php echo site_url('/');?>">Home</a></li>
<?php if(have_rows('crumbs')): while(have_rows('crumbs')): the_row();
?>
<?php if ($link = get_sub_field('link')) : $link_target = $link['target'] ? $link['target'] : '_self';?>
<li class="breadcrumb-item"><a href="<?php echo $link['url']; ?>" target="<?php echo esc_attr( $link_target ); ?>"><?php echo $link['title']; ?></a></li>
<?php endif;?>
<?php endwhile; endif;?>
<li class="breadcrumb-item active" aria-current="page"><?php echo ($title = get_field('page_title'))?$title:get_the_title();?></li>
</ol>
</nav>
</div>
</div>
</div>
<?php endif;?>
\ No newline at end of file
blocks/custom-page-banner.php 0 → 100644
<?php if($image = get_field('banner')):?>
<section class="container-fluid PAGE-BANNER">
<div class="row">
<?php echo wp_get_attachment_image($image,'full');?>
</div>
</section>
<?php endif;?>
\ No newline at end of file
blocks/custom-quote-block.php 0 → 100644
<?php if(is_admin()): echo '<h1>Custom Quote Block</h1>'; endif;?>
<div class="p-40 mb-60 quote background-dark">
<svg width="29" height="24" viewBox="0 0 29 24" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M28.6018 0V5.52212H26.9027C25.5339 5.52212 24.4484 5.73451 23.646 6.15929C22.8437 6.58407 22.2537 7.31563 21.8761 8.35398C21.4985 9.34513 21.3097 10.6903 21.3097 12.3894V17.6283L19.2566 13.6637C19.587 13.4277 20.059 13.2389 20.6726 13.0973C21.2861 12.9086 21.9233 12.8142 22.5841 12.8142C24.1416 12.8142 25.4395 13.3097 26.4779 14.3009C27.5162 15.2448 28.0354 16.5664 28.0354 18.2655C28.0354 19.8702 27.5398 21.2389 26.5487 22.3717C25.5575 23.4572 24.1416 24 22.3009 24C21.1209 24 20.0118 23.7404 18.9735 23.2212C17.9823 22.6549 17.1799 21.7109 16.5664 20.3894C15.9528 19.0206 15.646 17.1563 15.646 14.7965V13.5929C15.646 10.2419 16.0944 7.57522 16.9912 5.59292C17.9351 3.61062 19.2802 2.19469 21.0265 1.34513C22.7729 0.448377 24.8968 0 27.3982 0H28.6018ZM12.9558 0V5.52212H11.2566C9.88791 5.52212 8.80236 5.73451 8 6.15929C7.19764 6.58407 6.60767 7.31563 6.23009 8.35398C5.85251 9.34513 5.66372 10.6903 5.66372 12.3894V17.6283L3.61062 13.6637C3.941 13.4277 4.41298 13.2389 5.02655 13.0973C5.64012 12.9086 6.27729 12.8142 6.93805 12.8142C8.49558 12.8142 9.79351 13.3097 10.8319 14.3009C11.8702 15.2448 12.3894 16.5664 12.3894 18.2655C12.3894 19.8702 11.8938 21.2389 10.9027 22.3717C9.91151 23.4572 8.49558 24 6.65487 24C5.47493 24 4.36578 23.7404 3.32743 23.2212C2.33628 22.6549 1.53392 21.7109 0.920354 20.3894C0.306785 19.0206 0 17.1563 0 14.7965V13.5929C0 10.2419 0.448378 7.57522 1.34513 5.59292C2.28909 3.61062 3.63422 2.19469 5.38053 1.34513C7.12684 0.448377 9.25074 0 11.7522 0H12.9558Z"
fill="#005AFF" />
</svg>
<?php the_field('description');?>
</div>
\ No newline at end of file
blocks/faqs-block.php
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
<h2><?php the_field('title');?></h2> <h2><?php the_field('title');?></h2>
<?php the_field('description');?> <?php the_field('description');?>
<div class="image-wrapper"> <div class="image-wrapper">
<?php if($image = get_field('image')): echo wp_get_attachment_image($image); endif;?> <?php if($image = get_field('image')): echo wp_get_attachment_image($image, 'full'); endif;?>
</div> </div>
</div> </div>
<?php $faqs = get_field('faqs'); if($faqs):?> <?php $faqs = get_field('faqs'); if($faqs):?>
......
blocks/new-service-content-list-section.php 0 → 100644
<?php if(get_field('enable_section')):?>
<section class="container-fluid py-80 SERVICE HOMEPAGE-TOP-AFTER-CAROUSEL-SECTION">
<div class="container">
<div class="row">
<div class="title-wrapper">
<h3><?php the_field('title');?></h3>
<?php the_field('description');?>
</div>
</div>
<?php if(have_rows('content')): while(have_rows('content')): the_row();?>
<div class="row">
<div class="col-lg-6 m-auto left-text-wrapper">
<div class="text-wrapper">
<h2><?php the_sub_field('title');?></h2>
<?php the_sub_field('description');?>
</div>
<div class="technology-used">
<h3><?php the_sub_field('technology_title');?></h3>
<?php if($images = get_sub_field('technology_images')):?>
<ul class="d-flex list-unstyled">
<?php foreach( $images as $image_id ): ?>
<li>
<?php echo wp_get_attachment_image( $image_id, 'full' ); ?>
</li>
<?php endforeach;?>
</ul>
<?php endif;?>
</div>
</div>
<div class="col-lg-6 m-auto right-image-wrapper">
<div class="image-wrapper">
<?php if($image=get_sub_field('image')): echo wp_get_attachment_image($image,'full'); endif;?>
</div>
</div>
</div>
<?php endwhile; endif;?>
</div>
</section>
<?php endif;?>
\ No newline at end of file
blocks/partners-carousel.php
<?php if (get_field('enable_partners_carousel_section')) : ?> <?php if (get_field('enable_partners_carousel_section')) : ?>
<section class="pt-80 container-fluid HOME TOP-CAROUSEL-SECTION reversed"> <section class="py-80 container-fluid HOME TOP-CAROUSEL-SECTION reversed">
<div class="container"> <div class="container">
<div class="row mb-60 pb-60 border-bottom"> <div class="row mb-60 pb-60 border-bottom">
<div class="mb-3 text-center title-wrapper"> <div class="mb-3 text-center title-wrapper">
<h5>Efficient and High-Performing Team to Execute All The Work. Trusted by many!</h5> <h5><?php echo get_field('pc_title'); ?></h5>
</div> </div>
<div class="col-lg-10 mx-auto"> <div class="col-lg-10 mx-auto">
<div class="client-carouselwrapper owl-carousel owl-theme"> <div class="client-carouselwrapper owl-carousel owl-theme">
<?php <?php
if (have_rows('pc_partners_list')) : if (have_rows('pc_partners_list')) :
while (have_rows('pc_partners_list')) : the_row(); ?> while (have_rows('pc_partners_list')) : the_row(); ?>
<a target="_blank" href="<?php echo get_sub_field('link'); ?>" class="item"> <!--<a target="_blank" href="<?php echo get_sub_field('link'); ?>" class="item">-->
<!--<a href="" onclick="return false;" class="item">-->
<?php <?php
$image = get_sub_field('logo'); $image = get_sub_field('logo');
$size = 'full'; // (thumbnail, medium, large, full or custom size) $size = 'full'; // (thumbnail, medium, large, full or custom size)
if ($image) { if ($image) {
echo wp_get_attachment_image($image, $size); echo wp_get_attachment_image($image, $size);
} ?> } ?>
</a> <!--</a>-->
<?php endwhile; <?php endwhile;
endif; ?> endif; ?>
</div> </div>
......
blocks/portfolio-banner.php 0 → 100644
<section class="background-dark pb-60 PD-TOP-SECTION">
<div class="container">
<div class="row justify-content-between">
<div class="col-lg-5 pb-60 title-wrapper">
<?php the_field('description');?>
</div>
<div class="col-lg-4">
<div class="client-logo-wrapper">
<?php if($image = get_field('client_logo')):echo wp_get_attachment_image($image,'full'); endif;?>
</div>
<?php if($scope = get_field('scope_of_work')):?>
<div class="scope-work-wrapper">
<ul class="list-unstyled">
<?php echo $scope;?>
</ul>
</div>
<?php endif;?>
</div>
</div>
<?php if ($link = get_field('link')) : $link_target = $link['target'] ? $link['target'] : '_self';?>
<div class="row justify-content-between">
<div class="col-lg-4 col-md-4 col-12 d-flex align-items-center go-to-section">
<div class="border-div d-flex align-items-center">
<a href="<?php echo $link['url']; ?>" target="_blank">
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M8.25349 16.4601C8.49594 16.2183 8.82439 16.0825 9.16682 16.0825C9.50925 16.0825 9.8377 16.2183 10.0802 16.4601C10.1999 16.5797 10.2949 16.7218 10.3598 16.8782C10.4246 17.0345 10.458 17.2022 10.458 17.3714C10.458 17.5407 10.4246 17.7083 10.3598 17.8647C10.2949 18.0211 10.1999 18.1632 10.0802 18.2828L7.34015 21.0188C7.1004 21.258 6.91019 21.5423 6.78041 21.8551C6.65063 22.168 6.58383 22.5034 6.58383 22.8421C6.58383 23.1808 6.65063 23.5162 6.78041 23.8291C6.91019 24.142 7.1004 24.4262 7.34015 24.6654C7.82505 25.1491 8.48196 25.4207 9.16682 25.4207C9.85168 25.4207 10.5086 25.1491 10.9935 24.6654L17.3855 18.2828C17.5053 18.1632 17.6003 18.0211 17.6651 17.8647C17.7299 17.7083 17.7633 17.5407 17.7633 17.3714C17.7633 17.2022 17.7299 17.0345 17.6651 16.8782C17.6003 16.7218 17.5053 16.5797 17.3855 16.4601C17.2655 16.3405 17.1703 16.1983 17.1054 16.0418C17.0404 15.8853 17.007 15.7176 17.007 15.5481C17.007 15.3787 17.0404 15.2109 17.1054 15.0544C17.1703 14.8979 17.2655 14.7558 17.3855 14.6361C17.6279 14.3943 17.9564 14.2585 18.2988 14.2585C18.6412 14.2585 18.9697 14.3943 19.2122 14.6361C19.5719 14.995 19.8573 15.4214 20.052 15.8907C20.2467 16.3601 20.347 16.8633 20.347 17.3714C20.347 17.8796 20.2467 18.3828 20.052 18.8521C19.8573 19.3215 19.5719 19.7479 19.2122 20.1068L12.8188 26.4894C11.8492 27.457 10.5353 28.0005 9.16549 28.0005C7.79566 28.0005 6.48178 27.457 5.51215 26.4894C5.03265 26.0109 4.65223 25.4425 4.39267 24.8167C4.13311 24.191 3.99951 23.5202 3.99951 22.8428C3.99951 22.1653 4.13311 21.4945 4.39267 20.8688C4.65223 20.2431 5.03265 19.6747 5.51215 19.1961L8.25349 16.4588V16.4601ZM23.7468 15.5401C23.5044 15.7819 23.1759 15.9177 22.8335 15.9177C22.4911 15.9177 22.1626 15.7819 21.9202 15.5401C21.8004 15.4205 21.7054 15.2784 21.6405 15.1221C21.5757 14.9657 21.5423 14.7981 21.5423 14.6288C21.5423 14.4595 21.5757 14.2919 21.6405 14.1355C21.7054 13.9791 21.8004 13.8371 21.9202 13.7174L24.6602 10.9814C24.8999 10.7422 25.0901 10.458 25.2199 10.1451C25.3497 9.83223 25.4165 9.49683 25.4165 9.15811C25.4165 8.81939 25.3497 8.484 25.2199 8.17113C25.0901 7.85826 24.8999 7.57405 24.6602 7.33478C24.1753 6.85114 23.5183 6.57954 22.8335 6.57954C22.1486 6.57954 21.4917 6.85114 21.0068 7.33478L14.6162 13.7174C14.4964 13.8371 14.4014 13.9791 14.3365 14.1355C14.2717 14.2919 14.2383 14.4595 14.2383 14.6288C14.2383 14.7981 14.2717 14.9657 14.3365 15.1221C14.4014 15.2784 14.4964 15.4205 14.6162 15.5401C14.7361 15.6598 14.8313 15.8019 14.8963 15.9584C14.9612 16.1149 14.9946 16.2827 14.9946 16.4521C14.9946 16.6216 14.9612 16.7893 14.8963 16.9458C14.8313 17.1023 14.7361 17.2445 14.6162 17.3641C14.3737 17.6059 14.0452 17.7417 13.7028 17.7417C13.3604 17.7417 13.0319 17.6059 12.7895 17.3641C12.4298 17.0052 12.1444 16.5788 11.9496 16.1095C11.7549 15.6401 11.6547 15.1369 11.6547 14.6288C11.6547 14.1206 11.7549 13.6175 11.9496 13.1481C12.1444 12.6787 12.4298 12.2524 12.7895 11.8934L19.1828 5.51078C20.1524 4.54318 21.4663 3.99976 22.8362 3.99976C24.206 3.99976 25.5199 4.54318 26.4895 5.51078C26.969 5.98932 27.3494 6.55773 27.609 7.18347C27.8685 7.80922 28.0021 8.48001 28.0021 9.15745C28.0021 9.83489 27.8685 10.5057 27.609 11.1314C27.3494 11.7572 26.969 12.3256 26.4895 12.8041L23.7468 15.5414V15.5401Z"
fill="#005AFF" />
</svg>
<h2 class="m-0"><?php echo $link['title']; ?></h2>
</a>
</div>
</div>
</div>
<?php endif;?>
</div>
</section>
\ No newline at end of file
blocks/portfolio-block.php
...@@ -31,63 +31,44 @@ ...@@ -31,63 +31,44 @@
</ul> </ul>
<div class="tab-content" id="pills-tabContent"> <div class="tab-content" id="pills-tabContent">
<?php foreach($categories as $key=>$cat):?> <?php foreach($categories as $key=>$cat): ?>
<div class="tab-pane fade <?php echo $key==0?'show active':''; ?>" id="pills-<?php echo $cat->slug;?>" role="tabpanel" <div class="tab-pane fade <?php echo $key==0 ? 'show active' : ''; ?>" id="pills-<?php echo $cat->slug; ?>" role="tabpanel"
aria-labelledby="pills-home-tab" tabindex="0"> aria-labelledby="pills-home-tab" tabindex="0">
<div class="row pb-60"> <div class="row pb-60">
<?php $wp_query = new WP_Query([ <?php
'post_type'=>'portfolio', $wp_query = new WP_Query([
'post_status' => 'publish', 'post_type' => 'portfolio',
'posts_per_page'=>'6', 'post_status' => 'publish',
'tax_query'=>array(array( 'posts_per_page' => '6',
'taxonomy'=>'portfolio-category', 'tax_query' => array(array(
'field'=>'slug', 'taxonomy' => 'portfolio-category',
'terms'=>[$cat->slug] 'field' => 'slug',
)) 'terms' => [$cat->slug]
]); ))
if($wp_query->have_posts()): ]);
while($wp_query->have_posts()): $wp_query->the_post(); if($wp_query->have_posts()):
?> while($wp_query->have_posts()): $wp_query->the_post();
<div class="col-lg-4 col-12 recent-card-wrapper m-auto"> get_template_part('template-parts/content-portfolio');
<a href="<?php the_permalink();?>"> endwhile;
<?php the_post_thumbnail();?> wp_reset_postdata();
<div class="bottom-text"> else: ?>
<div class="d-flex align-items-center justify-content-between title"> <div class="col-12 text-center">
<div class="heading"> <p>No portfolio items found in this category.</p>
<h3><?php the_title();?></h3> </div>
</div> <?php endif; ?>
<div class="site-link"> </div>
<p>View Site <svg width="16" height="16" viewBox="0 0 16 16" fill="none" <a href="<?php get_home_url(); ?>/portfolio/" class="btn m-auto d-flex align-items-center start-project btn-start-project-white load-more-content" style="width: fit-content;">View
xmlns="http://www.w3.org/2000/svg"> All Works
<path d="M4 12L12 4" stroke="#58595A" stroke-width="1.5" <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
stroke-linecap="round" stroke-linejoin="round" /> xmlns="http://www.w3.org/2000/svg">
<path d="M5.5 4H12V10.5" stroke="#58595A" stroke-width="1.5" <path fill-rule="evenodd" clip-rule="evenodd"
stroke-linecap="round" stroke-linejoin="round" /> d="M4 13L16.17 13L10.58 18.59L12 20L20 12L12 4L10.59 5.41L16.17 11L4 11L4 13Z"
</svg> fill="white" />
</p> </svg>
</div> </a>
</div> </div>
<ul class="list-unstyled d-flex"> <?php endforeach; ?>
<li>#Website</li>
<li>#ui/ux</li>
<li>#Development</li>
</ul>
</div>
</a>
</div>
<?php endwhile; wp_reset_postdata(); endif;?>
</div>
<button class="btn m-auto d-flex align-items-center start-project btn-start-project-white">View
All Works
<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" />
</svg>
</button>
</div>
<?php endforeach;?>
</div> </div>
</div> </div>
......
blocks/portfolio-conclusion-section.php 0 → 100644
<section class="position-relative PROJECT-CONCLUSION">
<div class="container">
<div class="row">
<div class="col-lg-5">
<?php if($image = get_field('image')): echo wp_get_attachment_image($image,'full'); endif;?>
</div>
<div class="col-lg-7">
<?php echo get_field('description');?>
<?php if(have_rows('stats')): ?>
<div class="percentage-box">
<div class="row">
<?php while(have_rows('stats')): the_row();?>
<div class="col-lg-6">
<div class="inner-wrapper">
<span><?php the_sub_field('number');?></span>
<p><?php the_sub_field('title');?></p>
</div>
</div>
<?php endwhile;?>
</div>
</div>
<?php endif;?>
</div>
</div>
<?php if($quote_text=get_field('quote_text')):?>
<div class="row ax-auto">
<div class="col-lg-10 mx-auto">
<div class="position-relative py-100 quote-text">
<div class="icon-wrapper">
<svg width="136" height="114" viewBox="0 0 136 114" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path opacity="0.16"
d="M136 0V26.0755H127.977C121.514 26.0755 116.388 27.0784 112.599 29.0842C108.81 31.09 106.024 34.5444 104.241 39.4475C102.458 44.1277 101.567 50.4795 101.567 58.5027V83.241L91.8723 64.5201C93.4323 63.4058 95.661 62.5143 98.5583 61.8457C101.456 60.9542 104.464 60.5085 107.584 60.5085C114.939 60.5085 121.068 62.8486 125.971 67.5288C130.874 71.9862 133.326 78.2264 133.326 86.2497C133.326 93.8272 130.985 100.29 126.305 105.639C121.625 110.765 114.939 113.328 106.247 113.328C100.676 113.328 95.4381 112.102 90.5351 109.651C85.8548 106.976 82.0661 102.519 79.1688 96.2787C76.2715 89.8155 74.8229 81.0123 74.8229 69.8689V64.1858C74.8229 48.3622 76.9402 35.7702 81.1746 26.4098C85.632 17.0494 91.9837 10.3633 100.23 6.35172C108.476 2.11724 118.505 0 130.317 0H136ZM62.1195 0V26.0755H54.0962C47.6331 26.0755 42.5071 27.0784 38.7184 29.0842C34.9297 31.09 32.1438 34.5444 30.3609 39.4475C28.5779 44.1277 27.6865 50.4795 27.6865 58.5027V83.241L17.9917 64.5201C19.5518 63.4058 21.7805 62.5143 24.6778 61.8457C27.575 60.9542 30.5837 60.5085 33.7039 60.5085C41.0585 60.5085 47.1874 62.8486 52.0904 67.5288C56.9935 71.9862 59.4451 78.2264 59.4451 86.2497C59.4451 93.8272 57.105 100.29 52.4247 105.639C47.7445 110.765 41.0585 113.328 32.3667 113.328C26.795 113.328 21.5576 112.102 16.6545 109.651C11.9743 106.976 8.18557 102.519 5.2883 96.2787C2.39102 89.8155 0.942383 81.0123 0.942383 69.8689V64.1858C0.942383 48.3622 3.05962 35.7702 7.2941 26.4098C11.7514 17.0494 18.1032 10.3633 26.3493 6.35172C34.5954 2.11724 44.6244 0 56.4364 0H62.1195Z"
fill="#005AFF" />
</svg>
</div>
<?php echo $quote_text;?>
</div>
</div>
</div>
<?php endif;?>
</div>
</section>
\ No newline at end of file
blocks/portfolio-listing-section.php 0 → 100644
<?php if (get_field('enable_section')) :
$terms = get_terms('portfolio-category');
if ($terms) :
?>
<section class="background-dark mb-60 ABOUT TOP-BANNER-SECTION">
<div class="container">
<div class="row">
<ul class="nav nav-pills mb-3" id="pills-tab" role="tablist">
<?php foreach ($terms as $key => $term) : ?>
<li class="nav-item" role="presentation">
<button class="nav-link <?php echo $key == 0 ? 'active' : ''; ?>" id="pills-<?php echo $term->slug; ?>-tab" data-bs-toggle="pill" data-bs-target="#pills-<?php echo $term->slug; ?>" type="button" role="tab" aria-controls="pills-<?php echo $term->slug; ?>" aria-selected="<?php echo $key == 0 ? true : false; ?>"><?php echo $term->name; ?></button>
</li>
<?php endforeach; ?>
</ul>
</div>
</div>
</section>
<section class="container-fluid HOME OUR-MOST-RECENT-WORKS mb-60">
<div class="container">
<div class="row">
<div class="tabs-wrapper">
<div class="tab-content" id="pills-tabContent">
<?php foreach ($terms as $key => $term) : ?>
<?php $total_items = 0; ?>
<div class="tab-pane fade <?php echo $key == 0 ? 'show active' : ''; ?>" id="pills-<?php echo $term->slug; ?>" role="tabpanel" aria-labelledby="pills-<?php echo $term->slug; ?>-tab" tabindex="0">
<div class="row" id="append_<?php echo $term->slug; ?>">
<?php $wp_query = new WP_Query([
'post_type' => 'portfolio',
'post_status' => 'publish',
'posts_per_page' => 6,
'tax_query' => array(array(
'taxonomy' => 'portfolio-category',
'field' => 'slug',
'terms' => [$term->slug]
))
]);
$total_items = $wp_query->found_posts;
if ($wp_query->have_posts()) :
while ($wp_query->have_posts()) : $wp_query->the_post();
?>
<div class="col-sm-12 col-md-6 col-lg-4 col-12 recent-card-wrapper m-auto d-block">
<a href="<?php the_permalink(); ?>">
<?php the_post_thumbnail(); ?>
<div class="bottom-text">
<div class="d-flex align-items-center justify-content-between title">
<div class="heading">
<h3><?php the_title(); ?></h3>
</div>
<div class="site-link">
<p>View Site <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4 12L12 4" stroke="#58595A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
<path d="M5.5 4H12V10.5" stroke="#58595A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</p>
</div>
</div>
<ul class="list-unstyled d-flex">
<?php
$post_tags = get_the_terms(get_the_ID(), 'portfolio-tag');
if ($post_tags && !is_wp_error($post_tags)) :
foreach ($post_tags as $tag) :
?>
<li>#<?php echo $tag->name; ?></li>
<?php
endforeach;
endif;
?>
</ul>
</div>
</a>
</div>
<?php endwhile;
wp_reset_postdata();
endif; ?>
</div>
<?php if ($total_items > 6) : ?>
<button data-cat="<?php echo $term->slug; ?>" class="btn m-auto d-flex align-items-center start-project btn-start-project-white load-more-content fpData" id="fpData">
<span class="loaded">
Load More
<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" />
</svg>
</span>
<span class="load">
<div class="lds-ellipsis">
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</span>
</button>
<?php endif; ?>
</div>
<?php endforeach; ?>
</div>
</div>
</div>
</div>
</section>
<?php endif;
endif; ?>
\ No newline at end of file
blocks/portfolio-text-image-section.php 0 → 100644
<?php
if(have_rows('content')):
while(have_rows('content')):
the_row();
$image_position = get_sub_field('image_position');
$image = get_sub_field('image');
?>
<section class="<?php echo (get_sub_field('background_colour')=='dark')?'background-dark':'bg-primary';?> container-fluid py-80 ONLY-TEXT-SECTION">
<div class="container">
<div class="row">
<?php if($image_position=='left'):?>
<div class="col-lg-6 col-12">
<?php if($image): echo wp_get_attachment_image($image,'full');endif;?>
</div>
<?php endif;?>
<div class="col-lg-6 col-12">
<?php echo get_sub_field('description');?>
</div>
<?php if($image_position!='left'):?>
<div class="col-lg-6 col-12">
<?php if($image): echo wp_get_attachment_image($image,'full');endif;?>
</div>
<?php endif;?>
</div>
</div>
</section>
<?php endwhile; endif;?>
\ No newline at end of file
blocks/related-portfolio-section.php 0 → 100644
<?php if(get_field('enable_section')):?>
<section class="container-fluid YOU-MAY-LIKE">
<div class="container">
<div class="row">
<div class="main-wrapper">
<div class="col-lg-8 top-title-wrapper">
<h2><?php the_field('title');?></h2>
<?php the_field('description');?>
</div>
</div>
<?php if($portfolios = get_field('related_portfolios')):?>
<div class="portfolio-carousel owl-carousel owl-theme">
<?php foreach($portfolios as $portfolio):
// Check if $portfolio is an object or an ID
$post_id = is_object($portfolio) ? $portfolio->ID : $portfolio;
?>
<div class="item">
<div class="recent-card-wrapper">
<a href="<?php echo get_the_permalink($post_id);?>">
<?php echo get_the_post_thumbnail($portfolio);?>
<div class="bottom-text">
<div class="d-flex align-items-center justify-content-between title">
<div class="heading">
<h3><?php echo get_the_title($portfolio);?></h3>
</div>
<div class="site-link">
<p>View Site <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path d="M4 12L12 4" stroke="#58595A" stroke-width="1.5"
stroke-linecap="round" stroke-linejoin="round" />
<path d="M5.5 4H12V10.5" stroke="#58595A" stroke-width="1.5"
stroke-linecap="round" stroke-linejoin="round" />
</svg>
</p>
</div>
</div>
<ul class="list-unstyled d-flex">
<?php
$terms = get_terms('portfolio-category');
foreach ($terms as $term) {
echo '<li>#' . $term->name . '</li>';
}
?>
</ul>
</div>
</a>
</div>
</div>
<?php endforeach;?>
</div>
<?php endif; ?>
<?php if ($link = get_field('link')) : $link_target = $link['target'] ? $link['target'] : '_self';?>
<a href="<?php echo $link['url']; ?>" target="<?php echo esc_attr( $link_target ); ?>" class="btn my-60 mx-auto d-flex align-items-center start-project btn-start-project-white"
style="width: fit-content;"><?php echo $link['title']; ?>
<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>
<?php endif;?>
</div>
</div>
</section>
<?php endif;?>
\ No newline at end of file
blocks/right-image-description.php
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
<?php if( $image = get_field('image')): echo wp_get_attachment_image($image,'full'); endif;?> <?php if( $image = get_field('image')): echo wp_get_attachment_image($image,'full'); endif;?>
</div> </div>
<div class="col-lg-5"> <div class="col-lg-5">
<div class="right-content-wrapper py-100"> <div class="right-content-wrapper py-5">
<?php the_field('description');?> <?php the_field('description');?>
</div> </div>
</div> </div>
......
blocks/service-content-list-section.php 0 → 100644
<?php if(get_field('enable_section')):?>
<section class="container-fluid py-80 SERVICE HOMEPAGE-TOP-AFTER-CAROUSEL-SECTION">
<div class="container">
<div class="row">
<div class="title-wrapper">
<h3><?php the_field('title');?></h3>
<?php the_field('description');?>
</div>
</div>
<?php if(have_rows('content')): while(have_rows('content')): the_row();?>
<div class="row">
<div class="col-lg-6 m-auto left-text-wrapper">
<div class="text-wrapper">
<h2><?php the_sub_field('title');?></h2>
<?php the_sub_field('description');?>
</div>
<div class="technology-used">
<h3><?php the_sub_field('technology_title');?></h3>
<?php if($images = get_sub_field('technology_images')):?>
<ul class="d-flex list-unstyled">
<?php foreach( $images as $image_id ): ?>
<li>
<?php echo wp_get_attachment_image( $image_id, 'full' ); ?>
</li>
<?php endforeach;?>
</ul>
<?php endif;?>
</div>
</div>
<div class="col-lg-6 m-auto right-image-wrapper">
<div class="image-wrapper">
<?php if($image=get_sub_field('image')): echo wp_get_attachment_image($image,'full'); endif;?>
</div>
</div>
</div>
<?php endwhile; endif;?>
</div>
</section>
<?php endif;?>
\ No newline at end of file
blocks/service-list-section.php 0 → 100644
<?php if(get_field('enable_section')):?>
<section class="container-fluid py-80 SERVICE services-list HOMEPAGE-TOP-AFTER-CAROUSEL-SECTION">
<div class="container">
<?php
if( have_rows('service_list') ):
while( have_rows('service_list') ) : the_row();
?>
<div class="row">
<div class="col-lg-6 m-auto left-text-wrapper">
<div class="text-wrapper">
<?php echo get_sub_field('title_description'); ?>
</div>
<div class="tags-wrapper">
<?php echo get_sub_field('tags_list'); ?>
</div>
<a href="<?php echo get_sub_field('view_service_detail_link'); ?>"
class="btn d-flex align-items-center start-project btn-start-project-white">View
Detail
<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 class="col-lg-6 m-auto right-image-wrapper">
<div class="image-wrapper">
<?php
$image = get_sub_field('service_thumbnail');
if( !empty( $image ) ): ?>
<img src="<?php echo esc_url($image['url']); ?>" alt="<?php echo esc_attr($image['alt']); ?>" />
<?php endif; ?>
</div>
</div>
</div>
<?php
endwhile;
endif;
?>
</div>
</section>
<?php endif;?>
\ No newline at end of file
blocks/service-portfolio-list-section.php 0 → 100644
<?php if(get_field('enable_section')):?>
<section class="container-fluid YOU-MAY-LIKE">
<div class="container">
<div class="row">
<div class="main-wrapper">
<div class="top-title-wrapper">
<h2 class="mb-0"><?php the_field('title');?></h2>
<p><?php the_field('description');?></p>
</div>
</div>
<div class="portfolio-carousel owl-carousel owl-theme">
<?php $portfolios = get_field('portfolios')??[]; foreach($portfolios as $key=>$portfolio):?>
<div class="item">
<div class="recent-card-wrapper">
<a href="<?php echo get_permalink($portfolio);?>">
<?php echo get_the_post_thumbnail($portfolio);?>
<div class="bottom-text">
<div class="d-flex align-items-center justify-content-between title">
<div class="heading">
<h3><?php echo get_the_title($portfolio);?></h3>
</div>
<div class="site-link">
<p>View Site <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path d="M4 12L12 4" stroke="#58595A" stroke-width="1.5"
stroke-linecap="round" stroke-linejoin="round" />
<path d="M5.5 4H12V10.5" stroke="#58595A" stroke-width="1.5"
stroke-linecap="round" stroke-linejoin="round" />
</svg>
</p>
</div>
</div>
<ul class="d-none list-unstyled d-flex">
<?php if($tags = get_tags(['taxonomy'=>'portfolio-tag'])): foreach($tags as $tag):?>
<li>#<?php echo $tag->name;?></li>
<?php endforeach; endif;?>
</ul>
</div>
</a>
</div>
</div>
<?php endforeach;?>
</div>
<?php if ($link = get_field('link')) : $link_target = $link['target'] ? $link['target'] : '_self';?>
<a class="btn my-60 mx-auto d-flex align-items-center start-project btn-start-project-white" href="<?php echo $link['url']; ?>" target="<?php echo esc_attr( $link_target ); ?>"
style="width: fit-content;"><?php echo $link['title']; ?>
<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>
<?php endif;?>
</div>
</div>
</section>
<?php endif;?>
\ No newline at end of file
blocks/service-work-process-section.php 0 → 100644
<?php if(get_field('enable_section')):?>
<section class="my-60 WORKS-ON-WORK-SECTION">
<div class="container">
<div class="row">
<div class="main-wrapper">
<div class="top-title-wrapper">
<h2><?php the_field('title');?></h2>
<?php the_field('description');?>
</div>
</div>
<?php if(have_rows('steps')): ?>
<div class="inner-list-wrapper">
<div class="row">
<?php while(have_rows('steps')): the_row();?>
<div class="text-center mx-auto col-lg-2 col-6 mb-2">
<div class="m-auto icon-wrapper">
<?php if($image = get_sub_field('image')): echo wp_get_attachment_image($image,'full'); endif;?>
</div>
<h5><?php the_sub_field('title');?></h5>
<?php the_sub_field('description');?>
</div>
<?php endwhile;?>
</div>
</div>
<?php endif;?>
</div>
</div>
</section>
<?php endif;?>
\ No newline at end of file
blocks/share-buttons-section.php 0 → 100644
<?php if(get_field('enable_section')):?>
<section class="container-fluid FINAL-THOUGHT-SECTION">
<div class="container">
<div class="row pt-80">
<div class="col-lg-6 mx-auto text-center">
<div class="share-article">
<p class="font-18"><?php echo get_field('title');?></p>
<div class="d-flex social-icon justify-content-center">
<a href="https://www.addtoany.com/add_to/facebook?linkurl=<?php echo urlencode(get_the_permalink());?>&linkname=<?php echo urlencode(get_the_title());?>&linknote=" rel="nofollow noopener" target="_blank" class="a2a_button_facebook share-option-icon icon d-flex align-items-center justify-content-center facebook">
<svg width="12" height="21" viewBox="0 0 12 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10.6484 11.75H7.71875V20.5H3.8125V11.75H0.609375V8.15625H3.8125V5.38281C3.8125 2.25781 5.6875 0.5 8.53906 0.5C9.90625 0.5 11.3516 0.773438 11.3516 0.773438V3.85938H9.75C8.1875 3.85938 7.71875 4.79688 7.71875 5.8125V8.15625H11.1953L10.6484 11.75Z" fill="white"/>
</svg>
</a>
<a href="https://www.addtoany.com/add_to/twitter?linkurl=<?php echo urlencode(get_the_permalink());?>&linkname=<?php echo urlencode(get_the_title());?>&linknote=" class="share-option-icon a2a_button_twitter icon d-flex align-items-center justify-content-center twitter">
<svg width="20" height="17" viewBox="0 0 20 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.9297 4.4375C17.9297 4.63281 17.9297 4.78906 17.9297 4.98438C17.9297 10.4141 13.8281 16.625 6.28906 16.625C3.94531 16.625 1.79688 15.9609 0 14.7891C0.3125 14.8281 0.625 14.8672 0.976562 14.8672C2.89062 14.8672 4.64844 14.2031 6.05469 13.1094C4.25781 13.0703 2.73438 11.8984 2.22656 10.2578C2.5 10.2969 2.73438 10.3359 3.00781 10.3359C3.35938 10.3359 3.75 10.2578 4.0625 10.1797C2.1875 9.78906 0.78125 8.14844 0.78125 6.15625V6.11719C1.32812 6.42969 1.99219 6.58594 2.65625 6.625C1.52344 5.88281 0.820312 4.63281 0.820312 3.22656C0.820312 2.44531 1.01562 1.74219 1.36719 1.15625C3.39844 3.61719 6.44531 5.25781 9.84375 5.45312C9.76562 5.14062 9.72656 4.82812 9.72656 4.51562C9.72656 2.25 11.5625 0.414062 13.8281 0.414062C15 0.414062 16.0547 0.882812 16.8359 1.70312C17.7344 1.50781 18.6328 1.15625 19.4141 0.6875C19.1016 1.66406 18.4766 2.44531 17.6172 2.95312C18.4375 2.875 19.2578 2.64062 19.9609 2.32812C19.4141 3.14844 18.7109 3.85156 17.9297 4.4375Z" fill="white"/>
</svg>
</a>
<a href="https://www.addtoany.com/add_to/linkedin?linkurl=<?php echo urlencode(get_the_permalink());?>&linkname=<?php echo urlencode(get_the_title());?>&linknote=" class="share-option-icon a2a_button_linkedin icon d-flex align-items-center justify-content-center linkedin">
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.15625 18H0.523438V6.32031H4.15625V18ZM2.32031 4.75781C1.1875 4.75781 0.25 3.78125 0.25 2.60938C0.25 1.47656 1.1875 0.539062 2.32031 0.539062C3.49219 0.539062 4.42969 1.47656 4.42969 2.60938C4.42969 3.78125 3.49219 4.75781 2.32031 4.75781ZM17.7109 18H14.1172V12.3359C14.1172 10.9688 14.0781 9.25 12.2031 9.25C10.3281 9.25 10.0547 10.6953 10.0547 12.2188V18H6.42188V6.32031H9.89844V7.92188H9.9375C10.4453 7.02344 11.6172 6.04688 13.375 6.04688C17.0469 6.04688 17.75 8.46875 17.75 11.5938V18H17.7109Z" fill="white"/>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<?php endif;?>
\ No newline at end of file
blocks/start-project-cta.php
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
<h2><?php the_field('title');?></h2> <h2><?php the_field('title');?></h2>
</div> </div>
<?php if ($link = get_field('link')) : $link_target = $link['target'] ? $link['target'] : '_self';?> <?php if ($link = get_field('link')) : $link_target = $link['target'] ? $link['target'] : '_self';?>
<a href="<?php echo $link['url']; ?>" target="<?php echo esc_attr( $link_target ); ?>"> <a data-bs-toggle="modal" data-bs-target="#exampleModal" href="<?php echo $link['url']; ?>" target="<?php echo esc_attr( $link_target ); ?>">
<h3><?php echo $link['title']; ?></h3> <h3><?php echo $link['title']; ?></h3>
</a> </a>
<?php endif;?> <?php endif;?>
......
blocks/technology-used-section.php 0 → 100644
<section class="py-80 TECHNOLOGY-USED-SECTION">
<div class="container">
<div class="row">
<div class="col-6 mx-auto text-center">
<h4><?php the_field('title');?></h4>
<?php if($images = get_field('images')):?>
<div class="technology-carousel-wrapper owl-carousel owl-theme">
<?php foreach( $images as $image_id ): ?>
<div class="item">
<?php echo wp_get_attachment_image( $image_id, 'full' ); ?>
</div>
<?php endforeach;?>
</div>
<?php endif;?>
</div>
</div>
</div>
</section>
\ No newline at end of file
blocks/testimonial-block.php
<?php if(get_field('enable_section')):?> <?php if(get_field('enable_section')):?>
<section class="container-fluid background-dark py-80 HOME OUR-CUSTOMERS-SAY-SECTION"> <section class="container-fluid background-dark py-80 HOME OUR-CUSTOMERS-SAY-SECTION <?php if (is_singular('portfolio')): ?>single-what-customers-say<?php endif; ?>">
<div class="container"> <div class="container">
<div class="row top-title pb-60 justify-content-between"> <div class="row top-title pb-60 justify-content-between">
<div class="col-lg-5 col-md-6 col-12"> <div class="col-lg-5 col-md-6 col-12">
...@@ -11,9 +11,9 @@ ...@@ -11,9 +11,9 @@
<?php the_field('description');?> <?php the_field('description');?>
</div> </div>
</div> </div>
<?php $testimonials = get_field('testimonials'); if($testimonials):?> <?php $testimonials = get_field('testimonials'); if($testimonials): $carousle_type = get_field('carousel_type'); ?>
<div class="row"> <div class="row">
<div class="customer-feedback owl-carousel owl-theme"> <div class="<?php if($carousle_type==3): echo 'customer-feedback'; elseif($carousle_type==2): echo ''; else: echo 'customer-feedback-portfolio'; endif;?> owl-carousel owl-theme">
<?php foreach($testimonials as $testimonial):?> <?php foreach($testimonials as $testimonial):?>
<div class="item feedback-wrapper p-40"> <div class="item feedback-wrapper p-40">
......
blocks/title-cta.php
<?php if(get_field('enable_section')):?> <?php if(get_field('enable_section')):?>
<section class="container-fluid HOME NOT-LISTED-SECTION py-60"> <section class="container-fluid HOME NOT-LISTED-SECTION pt-60 mb-100">
<div class="container"> <div class="container">
<div class="row text-center justify-content-center"> <div class="row text-center align-items-center justify-content-center">
<div class="col-lg-2 col-md-2"> <div class="col-lg-2 col-md-2">
<h5><?php the_field('title');?></h5> <h5><?php the_field('title');?></h5>
</div> </div>
<div class="col-lg-6 col-md-6"> <div class="col-lg-5 col-md-5">
<?php the_field('subtitle');?> <?php the_field('subtitle');?>
</div> </div>
<?php if ($link = get_field('link')) : $link_target = $link['target'] ? $link['target'] : '_self';?> <?php if ($link = get_field('link')) : $link_target = $link['target'] ? $link['target'] : '_self';?>
......
blocks/two-coloumns-block.php 0 → 100644
<?php if(is_admin()): echo '<h1>Two Columns with right image Block</h1>'; endif;?>
<div class="row launch-container py-60">
<div class="col-lg-6 m-auto left-text-wrapper">
<div class="text-wrapper">
<?php the_field('description');?>
</div>
</div>
<div class="col-lg-5 m-auto right-image-wrapper">
<div class="image-wrapper">
<?php if($image = get_field('image')): echo wp_get_attachment_image($image,'full'); endif;?>
</div>
</div>
</div>
\ No newline at end of file
blocks/vacancy-listing.php 0 → 100644
<?php if(get_field('enable_section')): ?>
<section class="container-fluid py-80 VACANCY SEARCH-SECTION">
<div class="container">
<div class="row">
<?php $paged = ( get_query_var( 'paged' ) ) ? absint( get_query_var( 'paged' ) ) : 1; $wp_query = new WP_Query([
'post_type'=>'vacancy','posts_per_page'=>10,'paged' => $paged,'s'=>sanitize_text_field($_GET['q']??''),
'meta_query'=>[
'relation'=>"AND",
[
'key'=>'is_open',
'compare'=>'=',
'value'=>1
],
[
'key'=>'deadline',
'compare'=>'>=',
'value'=>date( 'Ymd' )
]
]
]);
if($wp_query->have_posts()): while($wp_query->have_posts()): $wp_query->the_post();?>
<?php
$now = date_create('now');
$deadline= date_create(get_field('deadline',get_the_ID()));
$interval = date_diff($now,$deadline);
?>
<div class="search-container col-lg-11 col-md-11 mx-auto col-12">
<form action="<?php echo get_permalink(get_queried_object());?>">
<div class="input-group mb-4">
<input type="text" name="q" value="<?php echo sanitize_text_field($_GET['q']??'');?>"
placeholder="What're you searching for?" aria-describedby="button-addon5"
class="form-control rounded-0" required>
<div class="input-group-append">
<button id="button-addon5" type="submit" class="btn btn-dark rounded-0"><svg width="25"
height="25" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M25.3333 14.6667C25.3333 20.5579 20.5579 25.3333 14.6667 25.3333C8.77547 25.3333 4 20.5579 4 14.6667C4 8.77547 8.77547 4 14.6667 4C20.5579 4 25.3333 8.77547 25.3333 14.6667Z"
stroke="white" stroke-width="5" stroke-linecap="round"
stroke-linejoin="round" />
<path d="M27.9992 28L22.1992 22.2" stroke="white" stroke-width="5"
stroke-linecap="round" stroke-linejoin="round" />
</svg>
</button>
</div>
</div>
</form>
</div>
<div class="col-lg-11 col-md-11 mx-auto col-12 align-items-center job-lists-wrapper">
<a href="<?php the_permalink();?>">
<div class="inner-wrapper py-40 d-flex align-items-center justify-content-between">
<div class="job-list">
<h2><?php the_title();?></h2>
<div class="font-16 fw-600 vacancy-duration d-flex">
<span>Deadline : <?php the_field('deadline',get_the_ID());?></span>
<p>(<?php echo $interval->format('%R%a days');?> Left)</p>
</div>
</div>
<div class="button-wrapper">
<button class="btn m-auto d-flex align-items-center btn-start-project-white">Find out
more
</button>
</div>
</div>
</a>
</div>
<?php endwhile;
else: ?>
<div class="col-lg-11 col-md-11 mx-auto col-12 text-center">
<?php _e( 'We do not have any openings at the moment. However, if you still believe you can add value to the company by joining us, please reach out to us at info@makuracreations.com.' ); ?>
</div>
<?php endif;
wp_reset_postdata();
?>
</div>
<?php echo paginate_links([
// 'current' => max( 1, $paged ),
'total' => $wp_query->max_num_pages
]);?>
</section>
<?php endif;?>
\ No newline at end of file
blocks/welcome-banner-spider.php 0 → 100644
<?php if (get_field('enable_spider_welcome_banner_section')) : ?>
<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">
<div class="position-relative left-text-wrapper">
<h1><?php echo get_field('wb_title') ?></h1>
<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>
</div>
</div>
<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;">
<div class="col-md-5" style="margin-top:-50px;">
<canvas id="scratch" style="width: 500px; height: 400px;"></canvas>
</div>
</div>
</div>
</div>
</div>
</section>
<?php endif; ?>
\ No newline at end of file
blocks/what-we-do-section.php
<?php if(get_field('enable_section')):?> <?php if(get_field('enable_section')):?>
<section class="container-fluid py-80 HOME WHAT-WE-DO-SECTION"> <section class="container-fluid pt-80 HOME WHAT-WE-DO-SECTION">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-lg-8 top-title"> <div class="col-lg-8 top-title">
......
dev/package.json 0 → 100644
{
"name": "dev",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"dev": "sass --no-source-map --update --watch --style=compressed ./sass/style.scss:../assets/css/style.css"
},
"keywords": [],
"author": "",
"license": "ISC",
"dependencies": {
"bootstrap": "^5.3.3",
"sass": "^1.32.0"
}
}
dev/sass/base/_footer.scss 0 → 100644
//section-footer
.upper-footer {
position: relative;
min-height: 29.75rem;
@media (max-width: 1200px) {
min-height: 35rem;
}
@media (max-width: 991px) {
min-height: 33rem;
}
@media (max-width: 768px) {
min-height: 20rem;
}
@media (max-width: 576px) {
min-height: 20rem;
}
.inner-text-wrapper {
.inner-wrapper {
position: relative;
h2 {
margin-bottom: 4.0625rem;
@media (max-width: 767.98px) {
font-size: 1.5rem !important;
}
&:before {
content: "";
background-image: url("https://makuracreations.com/wp-content/themes/makura/assets/img/footer-left-arrow.png");
height: 200px;
width: 200px;
background-size: contain;
background-repeat: no-repeat;
position: absolute;
left: -27%;
@media (max-width: 1023.98px) {
height: 150px;
width: 150px;
}
@media (max-width: 767.98px) {
height: 130px;
width: 130px;
left: -46%;
}
@media (max-width: 424.98px) {
display: none;
}
}
}
}
a {
position: relative;
width: 15.75rem;
display: block;
margin: 0 auto;
&::before {
content: "";
background-image: url("https://makuracreations.com/wp-content/themes/makura/assets/img/start-project.png");
background-size: contain;
background-repeat: no-repeat;
position: absolute;
display: block;
height: 70px;
width: 100%;
margin: 0 auto;
top: -50%;
left: 0;
}
}
}
.left-img {
position: absolute;
bottom: 0;
left: 0;
img {
height: 100%;
width: 100%;
object-fit: contain;
@media (max-width: 1023.98px) {
height: 100%;
}
@media (max-width: 768px) {
height: 7rem;
width: 7rem;
object-fit: contain;
}
}
}
.right-img {
position: absolute;
bottom: 0;
right: 0;
img {
height: 100%;
width: 100%;
object-fit: contain;
@media (max-width: 1023.98px) {
height: 100%;
}
@media (max-width: 768px) {
height: 7rem;
width: 7rem;
object-fit: contain;
}
}
}
}
.section-footer {
.row {
@media (max-width: 991px) {
justify-content: center;
margin: auto;
text-align: center;
.col-lg-5 {
margin-bottom: 1.25rem;
}
ul {
justify-content: center !important;
margin-top: 1rem;
}
}
}
.lower-footer {
padding: 0 0 2rem 0;
.nav-item {
.font-16 {
@media (max-width: 991px) {
font-size: 0.75rem !important;
}
}
}
.top-ul {
justify-content: center;
margin: 0;
@media (max-width: 767.98px) {
flex-direction: column;
li {
padding-right: 0 !important;
margin: 0 auto;
margin-bottom: 1.25rem;
}
}
li {
padding-right: 1rem;
a {
color: rgba(255, 255, 255, 0.56);
transition: color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
padding: 0 20px;
&:hover {
color: white;
text-decoration: underline;
}
}
&:last-of-type {
padding-right: 0;
}
}
}
}
.social-links {
margin-bottom: 2rem;
border-bottom: 2px solid #000;
padding-bottom: 2rem;
ul {
display: flex;
align-items: center;
margin-bottom: 0;
@media (max-width: 425px) {
li {
a {
padding: 0 1rem !important;
}
}
}
li {
@media screen and (max-width: 1024.98px) {
margin: 0;
text-align: center;
}
a {
color: rgba(255, 255, 255, 0.56);
padding: 0 2rem;
transition: color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
svg {
&:hover {
path {
fill: #868fce;
}
}
path {
transition: 0.5s ease-in-out;
}
}
}
}
}
}
span {
color: rgba(255, 255, 255, 0.56) !important;
}
.footer-bottom-right-content {
li {
&:first-child {
margin-right: 2rem;
}
a {
color: rgba(255, 255, 255, 0.56);
font-family: $body-font;
font-size: 1rem;
font-weight: 400;
line-height: 180%;
letter-spacing: -0.4px;
}
}
}
}
//section-footer
dev/sass/base/_header.scss 0 → 100644
///top-nav
.top-nav {
width: 100%;
background-color: $white;
top: 0;
right: 0;
left: 0;
z-index: 111;
transition: 0.4s ease-in-out;
@media (max-width: 1030px) {
.navbar-nav {
flex-direction: column !important;
}
}
.side-menu-close {
@media (max-width: 1030px) {
display: block !important;
position: relative;
top: -3%;
right: 0 !important;
width: 100%;
}
}
.nav-wrapper {
padding: 1.25rem 0;
.nav-left {
padding-left: 0;
ul {
li {
a {
margin-right: 1.125rem;
position: relative;
transition: transform 0.3s ease-in-out;
&.active {
&::before {
content: "";
position: absolute;
width: 100%;
height: 4px;
border-radius: 4px;
background-color: $primary;
bottom: 0;
left: 0;
transform-origin: right;
transform: scaleX(0 1);
transition: transform 0.3s ease-in-out;
transform-origin: left;
}
}
&:hover {
&::before {
content: "";
position: absolute;
width: 100%;
height: 4px;
border-radius: 4px;
background-color: $primary;
bottom: 0;
left: 0;
transform-origin: right;
transform: scaleX(0 1);
transform-origin: left;
}
}
}
}
.book-button {
display: block;
}
}
.logo {
img {
object-fit: contain;
height: 36px;
min-width: 10rem;
}
}
.navbar-nav {
@media (max-width: 1024.98px) {
margin-right: unset !important;
}
li {
&:last-of-type {
a {
&.active {
color: rgba(0, 0, 0, 0.55);
&::before {
display: none;
}
}
}
}
a {
@media (max-width: 1024.98px) {
margin-right: 1.25rem !important;
}
}
}
}
}
.nav-right {
ul {
li {
margin-right: 2.5rem;
@media (max-width: 1030px) {
margin-right: 0;
margin-bottom: 1.875rem;
}
&.active {
a {
color: #000;
position: relative;
&::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 100%;
color: transparent;
background: #000;
height: 1px;
}
}
}
a {
font-weight: 400;
position: relative;
transition: 0.3s ease-in-out;
color: #211e1e;
font-family: $body-font;
font-size: 1rem;
letter-spacing: -0.3px;
&:hover {
color: #000;
&::after {
width: 100%;
}
}
&::after {
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 0%;
content: ".";
color: transparent;
background: #000;
height: 1px;
transition: 0.3s ease-in-out;
}
}
&:last-of-type {
margin-right: 0;
}
}
}
.book-button {
margin-left: 3.75rem;
@media (min-width: 1030px) and (max-width: 1198.98px) {
margin-left: 0.375rem;
.btn {
font-size: 12px !important;
}
}
@media (max-width: 1030px) {
margin-left: 0;
}
@media (max-width: 1030px) and (max-width: 1198.98px) {
margin-left: 0.375rem;
.btn {
font-size: 9px !important;
padding: 7px 14px;
}
}
&:hover {
svg {
transform: translate(7px);
}
}
svg {
transition: 0.2s ease;
transform: translateX(10px);
}
}
}
hr {
position: absolute;
width: 100%;
bottom: 0;
margin: 0;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
}
}
///top-nav
.headerScrolled {
position: fixed;
z-index: 1000;
top: 0;
background-color: transparent;
width: 100%;
height: 5.625rem;
transition: 0.4s ease-in-out;
}
.sticky-top {
padding: 15px 30px;
backdrop-filter: blur(20px) saturate(160%) contrast(45%) brightness(140%);
-webkit-backdrop-filter: blur(20px) saturate(160%) contrast(45%)
brightness(140%);
-webkit-box-shadow: 0 6px 9px 0 rgba(0, 0, 0, 0.06);
animation: slideDown 0.8s ease forwards;
// overflow: hidden;
@media (max-width: 1030px) {
animation: unset;
.navbar-nav {
flex-direction: column !important;
}
}
.nav-wrapper {
border: none;
.nav-left {
.logo {
.brand-logo {
svg {
width: 7.5rem;
}
}
}
}
}
}
@keyframes slideDown {
0% {
max-height: 0;
opacity: 0;
transition: 0.4s ease-in-out;
}
100% {
max-height: 200px;
opacity: 1;
transition: 0.4s ease-in-out;
/* Set to whatever height you want to slide down to */
}
}
.menu-toggler {
display: none;
}
@media (max-width: 1199px) {
.navbar-nav {
li {
a {
font-size: 1.125rem !important;
margin-right: 0 !important;
}
}
}
}
@media (max-width: 1030px) {
.menu-toggler {
display: block;
}
.navbar-nav {
transform: translateX(-100%);
transition: 0.3s ease-in-out;
position: fixed;
top: 0;
left: 0;
// background: linear-gradient(
// 90deg,
// rgba(63, 154, 212, 1) 13%,
// rgba(40, 74, 223, 1) 96%
// );
left: 0;
height: 100vh;
width: 100%;
z-index: 1111;
padding: 4rem 2rem;
text-align: center;
// &.show {
// transform: translateX(0);
// top: 0;
// background: linear-gradient(
// 90deg,
// rgba(63, 154, 212, 1) 13%,
// rgba(40, 74, 223, 1) 96%
// );
// left: 0;
// height: 100vh;
// width: 100%;
// z-index: 1111;
// padding: 4rem 2rem;
// text-align: center;
// .side-menu-close {
// display: block !important;
// position: absolute;
// right: 8%;
// top: 3%;
// }
// li {
// a {
// color: #fff !important;
// padding: 1rem;
// }
// &:hover {
// a {
// color: $secondary;
// }
// }
// }
// }
&.show {
background: $white;
height: 110vh;
padding: 6rem 2rem;
transform: translateX(0);
top: 0;
left: 0;
height: 100vh;
width: 100%;
z-index: 1111;
padding: 4rem 2rem;
text-align: center;
.side-menu-close {
right: 4%;
}
li {
width: 100%;
a {
padding-left: 0 !important;
color: $black !important;
display: block;
text-align: left;
border-bottom: 1px solid rgba($color: #000000, $alpha: 0.1);
}
}
}
}
}
@media (max-width: 470px) {
.book-button {
display: block;
}
.navbar-nav {
.book-button {
display: block !important;
width: 100%;
margin-top: 2rem;
}
}
}
:target::before {
content: "";
display: block;
height: 150px;
margin-top: -180px;
}
dev/sass/base/_mixins.scss 0 → 100644
@mixin transition {
-o-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@mixin transformXY {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@mixin transformY {
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
@mixin transformX {
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
@mixin position {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
width: 100%;
}
@mixin positionTop {
position: absolute;
top: 0;
left: 0;
right: 0;
display: block;
width: 100%;
}
@mixin positionMiddle {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
right: 0;
display: block;
width: 100%;
}
@mixin positionBottom {
position: absolute;
left: 0;
right: 0;
bottom: 0;
display: block;
width: 100%;
}
dev/sass/pages/_about.scss 0 → 100644
//TOP-BANNER-SECTION
.TOP-BANNER-SECTION {
&.background-dark {
background: #005aff !important;
}
.btn-start-project,
.btn-start-project {
background-color: #121526;
}
.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;
color: #f9f8f4 !important;
font-family: $body-font;
font-size: 1rem;
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 {
padding: 1.9375rem 4.25rem;
border: 1px solid rgba(0, 0, 0, 0.1);
height: 158px;
margin: 0 auto;
display: flex;
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,
h4,
h5,
h6 {
font-size: 2rem !important;
}
p {
font-size: 1.125rem !important;
}
.right-image-wrapper {
.image-wrapper {
img {
height: 20rem !important;
width: 20rem !important;
display: flex !important;
margin: auto !important;
}
}
}
}
.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;
font-size: 1.125rem;
font-weight: 400;
margin: 0;
}
}
}
.right-image-wrapper {
.image-wrapper {
img {
height: 25rem;
width: 25rem;
object-fit: contain;
}
}
}
}
//ABOUT-TOP-AFTER-COUNTER-SECTION
//MISSION-VISION-SECTION
.MISSION-VISION-SECTION {
h1,
h2,
h3,
h4,
h5,
h6 {
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 {
max-height: 25rem;
width: 100%;
object-fit: contain;
mix-blend-mode: darken;
}
}
}
}
}
//MISSION-VISION-SECTION
//technologies-use-innovating
.technologies-use-innovating {
.title {
color: #121526;
font-family: $body-font;
font-size: 1.5rem;
font-weight: 600;
letter-spacing: -0.6px;
}
}
dev/sass/pages/_blog.scss 0 → 100644
.BLOGLISTING-TOP-TITLE-SECTION {
&.background-dark {
background: #005aff !important;
}
}
.left-filter {
border-right: 2px solid rgba(0, 0, 0, 0.2);
@media (max-width: 1023.98px) {
border-right: 0;
}
.blog-side-bar {
position: sticky;
top: 18%;
.back-to-blog {
margin-bottom: 3.4375rem;
}
.blog-category {
h6 {
margin-bottom: 1.25rem;
font-size: 1.25rem;
font-weight: 600;
color: #005aff;
}
.category-list {
ul {
list-style-type: none;
li {
margin-bottom: 1.25rem;
font-weight: 400;
font-size: 16px;
&::marker {
display: none;
}
&:last-child {
margin: 0;
}
a {
color: #1215269b;
}
&:hover {
a {
color: #005aff;
}
}
}
}
}
}
}
}
.blog-list {
button {
border: 1px solid rgba(0, 0, 0, 0.1);
}
.quote {
svg {
margin-bottom: 1rem;
}
}
.launch-container {
.left-text-wrapper {
.text-wrapper {
h2 {
font-size: 2rem;
}
}
}
}
.blog-detail-content {
span {
color: #58595a;
}
ul,
ol {
margin-left: 1.25rem;
list-style-type: none;
li {
font-size: 1.125rem;
display: flex;
position: relative;
flex-direction: column;
padding-left: 18px;
margin-bottom: 1.25rem;
color: #58595a;
&::before {
content: "";
background-image: url(../../assets/img/dot2.svg);
height: 11px;
width: 34px;
background-repeat: no-repeat;
background-size: contain;
margin-right: 8px;
display: block;
position: absolute;
left: 0;
top: 7px;
}
}
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 1.5rem;
margin-bottom: 1.25rem;
}
.image-wrapper {
img {
width: 25rem;
height: 25rem;
object-fit: contain;
}
}
}
}
.BLOGDETAIL-TOP-TITLE-SECTION {
&.background-dark {
background: #005aff !important;
}
.title-wrapper {
.views {
.post-views {
margin-right: 6px;
}
}
.post-date {
.svg-wrapper {
@media (max-width: 767.98px) {
display: block !important;
}
}
span {
margin-right: 2rem;
margin-bottom: 0;
svg {
margin-right: 0.625rem;
}
}
div {
margin-right: 2rem;
}
}
h1 {
margin: 1.25rem 0;
}
}
}
.share-article {
@media (max-width: 767.98px) {
margin-bottom: 0;
}
margin-bottom: 3.5rem;
h5 {
margin-bottom: 1rem;
color: $primary;
}
.social-icon {
margin-bottom: 1rem;
.icon {
min-height: 3rem;
min-width: 3rem;
margin-right: 1rem;
border-radius: 50%;
border: 1px solid #8f8f8f;
transition: 0.5s ease;
transition: 0.3s ease-in-out;
svg {
path {
transition: 0.3s ease-in-out;
fill: #8f8f8f;
}
}
&:hover {
border: 1px solid $white;
svg {
path {
fill: $white;
}
}
}
}
}
}
.share-article2 {
@media (max-width: 767.98px) {
margin-bottom: 0;
}
margin-bottom: 3.5rem;
h5 {
margin-bottom: 1rem;
color: $primary;
}
.social-icon {
margin-bottom: 1rem;
.icon {
min-height: 3rem;
min-width: 3rem;
margin-right: 1rem;
border-radius: 50%;
border: 1px solid #878787;
transition: 0.5s ease;
background-color: $white;
transition: 0.3s ease-in-out;
svg {
path {
transition: 0.3s ease-in-out;
fill: #878787;
}
}
&:hover {
border: 1px solid #000;
svg {
path {
fill: #000;
}
}
}
}
}
}
.left-filter {
.blog-side-bar {
.tags-wrapper {
display: unset;
ul {
list-style-type: none;
display: flex;
flex-wrap: wrap;
li {
border: 1px solid rgba(0, 0, 0, 0.1);
padding: 0.375rem 1.25rem;
margin-right: 0.75rem;
margin-bottom: 0.75rem;
border: 1px solid rgba(0, 0, 0, 0.1);
padding: 0.375rem 1.25rem;
margin-right: 0.75rem;
margin-bottom: 0.75rem;
font-family: $body-font;
font-size: 0.875rem;
font-weight: 600;
a {
color: #121526;
}
}
}
h5 {
margin-bottom: 1rem;
color: $primary;
}
.tags {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-right: 0.75rem;
font-size: 0.8125rem;
font-weight: 500;
height: auto;
white-space: nowrap;
.tag {
border: 1px solid rgba(0, 0, 0, 0.1);
padding: 0.375rem 1.25rem;
margin-right: 0.75rem;
margin-bottom: 0.75rem;
}
}
}
}
}
.RELATED-BLOGS {
.after-title {
@media (max-width: 767.98px) {
display: block !important;
.right-button {
justify-content: start !important;
}
}
}
.right-button {
button {
border: 1px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 767.98px) {
.btn-start-project,
.btn-start-project {
padding: 1rem !important;
}
}
}
span {
color: #b1b1b1;
}
}
.BLOGDETAIL-LIST-ITEM-SECTION {
.blog-detail-side-bar {
p {
margin-bottom: 3.4375rem;
}
}
}
dev/sass/pages/_contact.scss 0 → 100644
.contact-page-class {
.breadcrumb .breadcrumb-item + .breadcrumb-item:before {
content: "";
background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.79425 5.64963L9.44083 5.00205L9.43891 5.00012L8.78656 4.34481L6.9873 2.53739L4.72042 0.258301L2.44199 2.54899L0.640807 4.3564L0.00192476 5.00012L0 5.00205L0.64658 5.64963L2.44584 7.45898L4.72042 9.74193L6.99307 7.45898L8.79425 5.64963Z' fill='%23121526'/%3E%3C/svg%3E%0A");
}
}
.TOP-BANNER-SECTION {
.get-in-touch {
position: relative;
&::before {
content: "";
background-image: url(../../assets/img/contact-arrow.png);
height: 100%;
min-width: 100%;
background-size: contain;
background-repeat: no-repeat;
position: absolute;
right: -39%;
top: -130%;
pointer-events: none;
@media (max-width: 767.98px) {
display: none;
}
}
}
.image-wrapper {
img {
object-fit: contain;
}
}
.detail-wrapper {
.detail-inner-wrapper {
display: flex;
align-items: center;
margin-bottom: 3rem;
.icon {
height: 4rem;
width: 4rem;
padding: 1.25rem;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-right: 1rem;
background-color: #121526 !important;
}
.icon-detail {
span {
color: #666;
font-weight: 400;
font-size: 1rem;
}
div,
a {
font-weight: 700;
font-size: 1.25rem;
color: #000;
pointer-events: fill;
}
}
}
.location {
&:hover {
.icon-detail {
div {
text-decoration: underline;
}
}
}
}
}
}
// CONTACT-FORM-SECTION
.CONTACT-FORM-SECTION {
.form-wrapper input[type="submit"]:focus {
background-color: $primary !important;
}
.left-section {
h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: 1.5rem;
}
p {
color: #58595a;
font-family: $body-font;
font-size: 1.125rem;
font-weight: 400;
margin-bottom: 1.875rem;
}
}
.image-wrapper {
img {
height: 25rem;
width: fit-content;
object-fit: contain;
}
}
}
.form-wrapper {
input {
border-radius: 0;
padding: 1rem;
&:focus {
background: rgba(0, 0, 0, 0.05);
padding: 1.125rem 1rem;
border-radius: 0;
outline: none;
border: 1px solid #ced4da;
box-shadow: unset;
}
}
textarea {
&:focus {
background: rgba(0, 0, 0, 0.05);
padding: 1.125rem 1rem;
border-radius: 0;
outline: none;
border: 1px solid #ced4da;
box-shadow: unset;
}
}
label {
font-weight: 600;
font-size: 14px;
}
.form-control {
background: rgba(0, 0, 0, 0.05);
}
}
.form-wrapper,
textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required.form-control {
min-height: 250px;
resize: none;
}
// CONTACT-FORM-SECTION
dev/sass/pages/_course-detail.scss 0 → 100644
//program-highlight-section
.program-highlight-section {
padding: 1.5625rem 0;
.main-card-wrapper {
padding-left: 0;
padding-right: 1.25rem;
.card-wrapper {
padding: 1.5625rem;
min-height: 20.3125rem;
margin-bottom: 1.25rem;
border: 1px solid rgba(0, 0, 0, 0.1);
svg {
margin-bottom: 0.875rem;
path {
stroke: #005aff;
}
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: 0.375rem;
}
}
}
}
//course-detail-accordion
.course-detail-accordion {
&.expandable-text-accordion-wrapper {
.expandable-text-accordion {
&::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
height: 32%;
width: 100%;
background-size: cover;
background-image: url(../../assets/img/expand-text.png);
background-repeat: no-repeat;
z-index: 111;
}
border: none;
padding: 0;
max-height: 48rem;
&.expanded {
max-height: 100%;
}
.accordion-item {
margin-bottom: 1.75rem;
&.bg {
background-color: #f9f8f4;
}
.accordion-header {
button {
span {
margin-left: auto;
font-size: 14px;
color: #58595a;
font-weight: 400;
}
}
}
.accordion-button {
&::after {
margin-left: 2.5rem !important;
}
}
}
}
}
}
//about-the-instructors
.about-the-instructors {
h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: 2rem !important;
}
.instructor-card {
border: 1px solid rgba(0, 0, 0, 0.1);
padding: 1.25rem;
margin-bottom: 1.75rem;
flex-wrap: wrap;
.left-content {
.image-wrapper {
margin-right: 1.6875rem;
}
}
.right-content {
@media (max-width: 767.98px) {
margin-top: 1.875rem;
}
.course {
margin-right: 2.5625rem;
span {
font-size: 0.875rem;
}
}
}
}
}
//course-detail-problem-solver
.course-detail-problem-solver {
@media (max-width: 767.98px) {
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 1.875rem !important;
}
}
.row {
padding-bottom: 5rem;
&:nth-child(even) {
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: 0;
h2 {
font-size: 2.75rem;
margin-bottom: 1.5rem;
}
}
}
.right-image-wrapper {
.image-wrapper {
img {
max-height: 25rem;
width: 100%;
object-fit: contain;
}
}
}
}
}
//COURSE-DETAIL-FAQ'S-SECTION
.COURSE-DETAIL-FAQS-SECTION {
.accordion-wrapper {
h2 {
font-size: 2.75rem;
}
.accordion {
.accordion-item {
.accordion-header {
.accordion-button {
padding-left: 0;
}
}
.accordion-collapse {
.accordion-body {
padding-left: 0;
}
}
}
}
}
}
//MORE-COURSE-SECTION
.MORE-COURSE-SECTION {
.more-course-section {
.course-card {
transition: 0.5s ease;
&:hover {
img {
transform: scale(1.1);
}
h3 {
color: $primary;
}
}
}
.course-image-wrapper {
margin-bottom: 1.25rem;
overflow: hidden;
max-height: 17.1875rem;
img {
object-fit: cover;
transition: 0.5s ease;
}
}
.text-wrapper {
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 1.125rem;
}
.rating-div-wrapper {
margin-bottom: 0.625rem;
.start-wrapper {
padding-right: 0.8125rem;
}
.point {
padding-right: 1.25rem;
color: #58595a;
font-family: $body-font;
font-size: 0.875rem;
font-weight: 600;
letter-spacing: -0.4px;
}
.text {
color: #000;
font-family: $body-font;
font-size: 0.875rem;
font-weight: 400;
letter-spacing: -0.5px;
}
}
.specification {
margin-bottom: 0.625rem;
}
.discount-price {
.discounted-price {
margin-right: 0.75rem;
color: #000;
}
.discount-price {
position: relative;
color: rgba(0, 0, 0, 0.5);
font-family: $body-font;
font-size: 1.125rem;
font-weight: 600;
letter-spacing: -0.5px;
.price-cut {
height: 1px;
transform: rotate(356deg);
width: 100%;
top: 8px;
right: 0;
background-color: #ff0202;
position: absolute;
}
}
}
}
}
}
//TOP-TITLE-SECTION
.TOP-TITLE-SECTION {
.title-wrapper {
h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: 1.875rem;
}
p {
margin-bottom: 1.875rem;
}
}
.rating-div-wrapper {
margin-bottom: 2.625rem;
}
.course-short-detail-wrapper {
margin-bottom: 2.625rem;
.course-short-detail {
padding-right: 2.5rem;
span {
color: #000;
font-weight: 600;
}
}
}
}
//course-detail-inquiry
.course-detail-inquiry {
color: $white !important;
background-color: transparent;
border: 1px solid $white;
border-radius: 0;
&:hover {
color: #000 !important;
}
}
dev/sass/pages/_meet-our-team.scss 0 → 100644
.HOW-IT-FEELS-SECTION {
.second-row {
@media (max-width: 767.98px) {
text-align: center;
}
}
.shape-card-wrapper {
.image-wrapper {
margin-bottom: 2.8125rem;
position: relative;
img {
height: 17.5rem;
width: 17.5rem;
object-fit: contain;
}
&.left-shape {
&::before {
content: "";
background-image: url("data:image/svg+xml,%3Csvg width='22' height='37' viewBox='0 0 22 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.4782 14.3975C18.068 9.41018 14.0775 4.84554 9.59061 0.79952C8.16254 -0.49552 6.3123 1.86431 7.74036 3.15935C12.0184 7.03442 15.8198 11.405 19.0644 16.179C20.1542 17.7734 22.5679 15.9919 21.4782 14.3975Z' fill='%231226AA'/%3E%3Cpath d='M15.2852 24.1761L2.8603 19.3142C2.49417 19.1576 2.08082 19.1528 1.71115 19.3009C1.34149 19.449 1.04582 19.738 0.889166 20.1041C0.732515 20.4702 0.727709 20.8836 0.875832 21.2532C1.02396 21.6229 1.31287 21.9186 1.679 22.0752L14.0637 26.9668C14.245 27.0443 14.4397 27.0854 14.6369 27.0877C14.8341 27.09 15.0298 27.0534 15.2128 26.9801C15.3959 26.9068 15.5627 26.7981 15.7037 26.6603C15.8448 26.5225 15.9572 26.3582 16.0348 26.1769C16.1124 25.9957 16.1535 25.8009 16.1558 25.6037C16.1581 25.4065 16.1215 25.2108 16.0481 25.0278C15.9748 24.8448 15.8661 24.678 15.7283 24.5369C15.5905 24.3959 15.4263 24.2834 15.245 24.2058L15.2852 24.1761Z' fill='%231226AA'/%3E%3Cpath d='M15.732 32.3098C12.1851 31.9492 8.60194 32.3219 5.2052 33.4048C4.84079 33.545 4.54486 33.8209 4.37955 34.1747C4.21423 34.5284 4.19238 34.9325 4.31856 35.302C4.46905 35.6685 4.75499 35.9628 5.11692 36.1239C5.47886 36.285 5.88896 36.3004 6.26197 36.167C6.62288 36.0497 6.99778 35.9346 7.37057 35.8335C7.44298 35.7801 7.56289 35.791 7.65312 35.7617C8.10005 35.6431 7.51291 35.7906 7.77133 35.7366C8.02975 35.6826 8.14201 35.6494 8.34029 35.615C9.12113 35.4489 9.91066 35.3268 10.7052 35.2492C11.4758 35.1651 12.2542 35.1251 13.0283 35.1131L13.6062 35.1215L13.7342 35.1265L14.0261 35.1348C14.4273 35.1618 14.837 35.195 15.2554 35.2342C15.6415 35.2786 16.0298 35.1713 16.3384 34.935C16.647 34.6987 16.8518 34.3519 16.9098 33.9676C16.9677 33.5833 16.8742 33.1914 16.6489 32.8747C16.4237 32.558 16.0843 32.341 15.7023 32.2696L15.732 32.3098Z' fill='%231226AA'/%3E%3C/svg%3E%0A");
background-size: contain;
background-repeat: no-repeat;
height: 50px;
width: 50px;
display: block;
position: absolute;
top: 25%;
left: -34px;
@media (max-width: 767.98px) {
display: none;
}
}
&::after {
content: "";
background-image: url(../../assets/img/after-shape.png);
background-size: contain;
background-repeat: no-repeat;
height: 100%;
width: 100%;
display: block;
position: absolute;
right: -76%;
top: 0;
@media (max-width: 767.98px) {
display: none;
}
@media (min-width: 767.98px) and (max-width: 1023.98px) {
right: -83%;
top: 22px;
}
}
}
&.middle-left-shape {
&::before {
content: "";
background-image: url("data:image/svg+xml,%3Csvg width='22' height='37' viewBox='0 0 22 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.4782 14.3975C18.068 9.41018 14.0775 4.84554 9.59061 0.79952C8.16254 -0.49552 6.3123 1.86431 7.74036 3.15935C12.0184 7.03442 15.8198 11.405 19.0644 16.179C20.1542 17.7734 22.5679 15.9919 21.4782 14.3975Z' fill='%231226AA'/%3E%3Cpath d='M15.2852 24.1761L2.8603 19.3142C2.49417 19.1576 2.08082 19.1528 1.71115 19.3009C1.34149 19.449 1.04582 19.738 0.889166 20.1041C0.732515 20.4702 0.727709 20.8836 0.875832 21.2532C1.02396 21.6229 1.31287 21.9186 1.679 22.0752L14.0637 26.9668C14.245 27.0443 14.4397 27.0854 14.6369 27.0877C14.8341 27.09 15.0298 27.0534 15.2128 26.9801C15.3959 26.9068 15.5627 26.7981 15.7037 26.6603C15.8448 26.5225 15.9572 26.3582 16.0348 26.1769C16.1124 25.9957 16.1535 25.8009 16.1558 25.6037C16.1581 25.4065 16.1215 25.2108 16.0481 25.0278C15.9748 24.8448 15.8661 24.678 15.7283 24.5369C15.5905 24.3959 15.4263 24.2834 15.245 24.2058L15.2852 24.1761Z' fill='%231226AA'/%3E%3Cpath d='M15.732 32.3098C12.1851 31.9492 8.60194 32.3219 5.2052 33.4048C4.84079 33.545 4.54486 33.8209 4.37955 34.1747C4.21423 34.5284 4.19238 34.9325 4.31856 35.302C4.46905 35.6685 4.75499 35.9628 5.11692 36.1239C5.47886 36.285 5.88896 36.3004 6.26197 36.167C6.62288 36.0497 6.99778 35.9346 7.37057 35.8335C7.44298 35.7801 7.56289 35.791 7.65312 35.7617C8.10005 35.6431 7.51291 35.7906 7.77133 35.7366C8.02975 35.6826 8.14201 35.6494 8.34029 35.615C9.12113 35.4489 9.91066 35.3268 10.7052 35.2492C11.4758 35.1651 12.2542 35.1251 13.0283 35.1131L13.6062 35.1215L13.7342 35.1265L14.0261 35.1348C14.4273 35.1618 14.837 35.195 15.2554 35.2342C15.6415 35.2786 16.0298 35.1713 16.3384 34.935C16.647 34.6987 16.8518 34.3519 16.9098 33.9676C16.9677 33.5833 16.8742 33.1914 16.6489 32.8747C16.4237 32.558 16.0843 32.341 15.7023 32.2696L15.732 32.3098Z' fill='%231226AA'/%3E%3C/svg%3E%0A");
background-size: contain;
background-repeat: no-repeat;
height: 50px;
width: 50px;
display: block;
position: absolute;
top: -47px;
left: 27%;
transform: rotate(45deg);
@media (max-width: 767.98px) {
display: none;
}
@media (min-width: 767.98px) and (max-width: 1023.98px) {
top: -4px;
}
}
&::after {
content: "";
background-image: url(../../assets/img/after-shape2.png);
background-size: contain;
background-repeat: no-repeat;
height: 100%;
width: 100%;
display: block;
position: absolute;
right: -70%;
bottom: -70%;
@media (max-width: 767.98px) {
display: none;
}
@media (min-width: 767.98px) and (max-width: 1023.98px) {
right: -87%;
bottom: -67%;
}
}
}
&.right-left-shape {
&::before {
content: "";
background-image: url("data:image/svg+xml,%3Csvg width='22' height='37' viewBox='0 0 22 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.4782 14.3975C18.068 9.41018 14.0775 4.84554 9.59061 0.79952C8.16254 -0.49552 6.3123 1.86431 7.74036 3.15935C12.0184 7.03442 15.8198 11.405 19.0644 16.179C20.1542 17.7734 22.5679 15.9919 21.4782 14.3975Z' fill='%231226AA'/%3E%3Cpath d='M15.2852 24.1761L2.8603 19.3142C2.49417 19.1576 2.08082 19.1528 1.71115 19.3009C1.34149 19.449 1.04582 19.738 0.889166 20.1041C0.732515 20.4702 0.727709 20.8836 0.875832 21.2532C1.02396 21.6229 1.31287 21.9186 1.679 22.0752L14.0637 26.9668C14.245 27.0443 14.4397 27.0854 14.6369 27.0877C14.8341 27.09 15.0298 27.0534 15.2128 26.9801C15.3959 26.9068 15.5627 26.7981 15.7037 26.6603C15.8448 26.5225 15.9572 26.3582 16.0348 26.1769C16.1124 25.9957 16.1535 25.8009 16.1558 25.6037C16.1581 25.4065 16.1215 25.2108 16.0481 25.0278C15.9748 24.8448 15.8661 24.678 15.7283 24.5369C15.5905 24.3959 15.4263 24.2834 15.245 24.2058L15.2852 24.1761Z' fill='%231226AA'/%3E%3Cpath d='M15.732 32.3098C12.1851 31.9492 8.60194 32.3219 5.2052 33.4048C4.84079 33.545 4.54486 33.8209 4.37955 34.1747C4.21423 34.5284 4.19238 34.9325 4.31856 35.302C4.46905 35.6685 4.75499 35.9628 5.11692 36.1239C5.47886 36.285 5.88896 36.3004 6.26197 36.167C6.62288 36.0497 6.99778 35.9346 7.37057 35.8335C7.44298 35.7801 7.56289 35.791 7.65312 35.7617C8.10005 35.6431 7.51291 35.7906 7.77133 35.7366C8.02975 35.6826 8.14201 35.6494 8.34029 35.615C9.12113 35.4489 9.91066 35.3268 10.7052 35.2492C11.4758 35.1651 12.2542 35.1251 13.0283 35.1131L13.6062 35.1215L13.7342 35.1265L14.0261 35.1348C14.4273 35.1618 14.837 35.195 15.2554 35.2342C15.6415 35.2786 16.0298 35.1713 16.3384 34.935C16.647 34.6987 16.8518 34.3519 16.9098 33.9676C16.9677 33.5833 16.8742 33.1914 16.6489 32.8747C16.4237 32.558 16.0843 32.341 15.7023 32.2696L15.732 32.3098Z' fill='%231226AA'/%3E%3C/svg%3E%0A");
background-size: contain;
background-repeat: no-repeat;
height: 50px;
width: 50px;
display: block;
position: absolute;
top: 0;
right: 51px;
transform: rotate(114deg);
@media (max-width: 767.98px) {
display: none;
}
@media (min-width: 767.98px) and (max-width: 1023.98px) {
top: 29px;
right: 0;
}
}
}
}
}
}
.EMPLOYE-FEEL {
@media (max-width: 767.98px) {
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 1.875rem !important;
}
}
h2 {
color: #121526;
font-family: $body-font;
font-size: 2.5rem;
font-weight: 600;
line-height: 60px;
letter-spacing: -1.4px;
}
.employee-detail {
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 1.5rem;
margin-bottom: 0.5rem;
}
p {
font-size: 16px;
color: #58595a;
}
}
}
.VACANCY-SECTION {
.top-title {
span {
color: #005aff;
font-weight: 600;
font-size: 14px;
margin-bottom: 1.25rem;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 600;
font-size: 2.75rem;
margin-bottom: 1.5rem;
}
}
.job-lists-wrapper {
.button-wrapper {
button,a {
border: 1px solid rgba(0, 0, 0, 0.1);
justify-content: center;
padding: 0.75rem 1.625rem;
border-radius: 0;
background-color: $primary;
color: $white;
border: 1px solid rgba(0, 0, 0, 0.1);
}
}
}
a {
padding: 10px;
width: 185px;
margin-top: 5rem !important;
border: 1px solid rgba(0, 0, 0, 0.1);
}
}
dev/sass/pages/_portfolio.scss 0 → 100644
// PD-TOP-SECTION
.PD-TOP-SECTION {
.title-wrapper {
h1,
h2,
h3,
h4,
h5,
h6 {
color: $white;
font-family: $body-font;
font-size: 2.75rem;
font-weight: 600;
margin-bottom: 2rem;
}
p {
color: #f9f8f4;
font-family: $body-font;
font-size: 1.125rem;
font-weight: 400;
margin: 0;
}
}
.go-to-section {
@media (max-width: 767.98px) {
margin-bottom: 1.25rem;
}
a {
display: flex;
align-items: center;
svg {
path {
fill: $white !important;
}
}
}
.border-div {
padding-bottom: 0.5rem;
border-bottom: 2px solid $white;
svg {
margin-right: 0.75rem;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: $white !important;
font-family: $body-font;
font-size: 1.25rem;
font-weight: 600;
line-height: 32px;
letter-spacing: -0.5px;
margin-right: 1.375rem !important;
@media (max-width: 767.98px) {
font-size: 1rem !important;
}
}
}
}
.client-logo-wrapper {
margin-bottom: 1.5rem;
img {
width: 10.8125rem;
height: 9rem;
object-fit: contain;
}
}
.scope-work-wrapper {
h1,
h2,
h3,
h4,
h5,
h6 {
color: #121526 !important;
font-family: $body-font;
font-size: 1.125rem;
font-weight: 600;
letter-spacing: -0.6px;
margin-bottom: 0.75rem;
}
ul {
list-style-type: none;
li {
margin-bottom: 0.75rem;
color: #f9f8f4;
font-family: $body-font;
font-size: 1rem;
font-weight: 600;
line-height: 24px;
letter-spacing: -0.6px;
// text-decoration-line: underline;
transition: 0.3s ease-in-out;
&:last-child {
margin-bottom: 0;
}
a {
color: #f9f8f4;
font-family: $body-font;
font-size: 1rem;
font-weight: 600;
line-height: 24px;
letter-spacing: -0.6px;
text-decoration-line: underline;
transition: 0.3s ease-in-out;
&:hover {
color: #121526 !important;
}
}
}
}
}
&.background-dark {
background: #005aff !important;
}
}
// AFTER-BANNER-SECTION
.AFTER-BANNER-SECTION {
h1,
h2,
h3,
h4,
h5,
h6 {
color: #121526;
leading-trim: both;
text-edge: cap;
font-family: $body-font;
font-size: 2.5rem;
font-weight: 600;
line-height: 60px;
letter-spacing: -1.4px;
margin: 0;
}
p {
color: #58595a;
font-family: $body-font;
font-size: 1.125rem;
font-weight: 400;
line-height: 28px;
letter-spacing: -0.5px;
margin: 0;
}
}
//AFTER-BANNER-SECTION
.PAGE-BANNER {
img {
padding: 0;
}
}
//AFTER-BANNER-SECTION
//ONLY-TEXT-SECTION
.ONLY-TEXT-SECTION {
img {
width: auto;
height: auto;
object-fit: contain;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: $white;
font-family: $body-font;
font-size: 2.5rem;
font-weight: 600;
line-height: 60px;
letter-spacing: -1.4px;
margin-bottom: 1.5rem;
}
p {
color: #f9f8f4;
font-family: $body-font;
font-size: 1.125rem;
font-weight: 400;
line-height: 28px;
letter-spacing: -0.5px;
margin-bottom: 1.5rem;
}
ol,
ul {
margin-left: 1rem;
}
li {
color: $white;
font-family: $body-font;
font-size: 1rem;
font-weight: 600;
line-height: 24px;
letter-spacing: -0.4px;
margin-bottom: 0.75rem;
&:last-child {
margin-bottom: 0;
}
}
}
// MOBILE-SECTION
.MOBILE-SECTION {
@media (max-width: 767.98px) {
display: none;
}
.mobile-wrapper {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: visible;
width: 100%;
height: 80rem;
max-width: 1670px;
margin-right: auto;
margin-left: auto;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
transform-style: inherit;
.mobile {
position: absolute;
display: inline-block;
overflow: visible;
width: 25%;
height: auto;
margin-left: 120px;
float: left;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
&.mob1 {
left: -2%;
top: -50px;
}
&.mob2 {
left: 32%;
top: -4.625rem;
right: 0;
bottom: 0;
}
&.mob3 {
top: -46px;
right: 3%;
}
&.mob4 {
left: 3%;
top: 600px;
}
&.mob5 {
top: 600px;
right: 6%;
bottom: 0;
}
}
}
}
//MOBILE-SECTION
//TECHNOLOGY-USED-SECTION
.TECHNOLOGY-USED-SECTION {
h1,
h2,
h3,
h4,
h5,
h6 {
color: #121526;
font-family: $body-font;
font-size: 1.5rem;
font-weight: 600;
line-height: 32px;
letter-spacing: -0.6px;
margin-bottom: 2.5rem;
}
.owl-stage {
display: flex;
align-items: center;
}
img {
height: 100%;
width: 100%;
object-fit: contain;
}
}
//TECHNOLOGY-USED-SECTION
// PROJECT-CONCLUSION
.PROJECT-CONCLUSION {
img {
width: 37.5rem;
height: 29.375rem;
object-fit: contain;
// position: absolute;
left: 0;
@media (max-width: 1160px) {
position: unset;
left: unset;
width: 100%;
}
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #121526;
font-family: $body-font;
font-size: 2.5rem;
font-weight: 600;
line-height: 60px;
letter-spacing: -1.4px;
margin-bottom: 1.5rem;
}
p {
color: #58595a;
font-family: $body-font;
font-size: 1.125rem;
font-weight: 400;
line-height: 28px;
letter-spacing: -0.5px;
margin-bottom: 3rem;
}
.percentage-box {
.inner-wrapper {
span {
color: #005aff;
font-family: $body-font;
font-size: 2.75rem;
font-weight: 600;
line-height: 60px;
letter-spacing: -1.4px;
}
p {
color: #58595a;
font-family: $body-font;
font-size: 1.125rem;
font-weight: 400;
line-height: 28px;
letter-spacing: -0.5px;
}
}
}
.quote-text {
.icon-wrapper {
position: absolute;
left: 50%;
top: 40%;
transform: translate(-50%, -50%);
}
p {
color: #121526;
text-align: center;
font-family: $body-font;
font-size: 1.5rem;
font-weight: 600;
line-height: 36px;
letter-spacing: -0.6px;
margin: 0;
}
}
}
// PROJECT-CONCLUSION
//FINAL-THOUGHT-SECTION
.FINAL-THOUGHT-SECTION {
.social-icon {
a {
&:hover {
border: 1px solid $primary !important;
svg {
path {
fill: $primary !important;
}
}
}
}
}
}
dev/sass/pages/_service.scss 0 → 100644
.WHY-CHOOSE-US {
.card-wrapper {
padding: 2.5rem;
border: 1px solid rgba(0, 0, 0, 0.1);
margin-bottom: 2.5rem;
img {
height: 3.75rem;
width: 4.6875rem;
object-fit: contain;
margin-bottom: 1.5rem;
}
&:hover {
background-color: $secondary;
}
}
}
.VCANCY-DETAIL-TOP-TITLE-SECTION {
h1 {
margin-bottom: 2.5rem;
}
}
.WORKS-ON-WORK-SECTION {
.main-wrapper {
padding: 0;
}
.inner-list-wrapper {
position: relative;
&::before {
content: "";
background-image: url("data:image/svg+xml,%3Csvg width='1280' height='103' viewBox='0 0 1280 103' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 101C67 65.6668 375.4 4.2 609 65C721.237 94.2124 856.166 84.0186 971 71C1095.17 56.9229 1124 65 1279 2' stroke='black' stroke-width='4' stroke-dasharray='10 11'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-size: contain;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
@media (max-width: 767.98px) {
display: none;
}
}
.icon-wrapper {
background-color: $primary;
width: 7.3125rem;
height: 7.3125rem;
object-fit: contain;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 1.5rem !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #000;
font-family: $body-font;
font-size: 1rem;
font-weight: 600;
line-height: 24px;
letter-spacing: -0.4px;
margin-bottom: 1rem;
}
p {
color: #58595a;
text-align: center;
font-family: $body-font;
font-size: 1rem;
font-weight: 400;
line-height: 24px;
letter-spacing: -0.4px;
margin: 0;
}
}
}
.services-list {
.text-wrapper {
h1,
h2,
h3,
h4,
h5,
h6 {
color: #121526 !important;
font-family: $body-font !important;
font-size: 2.5rem !important;
font-weight: 600 !important;
letter-spacing: -1.4px !important;
margin-bottom: 1.5rem !important;
line-height: 3.75rem !important;
}
}
.tags-wrapper {
margin: 2.375rem 0;
ul {
list-style-type: none;
display: flex;
flex-wrap: wrap;
li {
border: 1px solid rgba(0, 0, 0, 0.1);
padding: 0.375rem 1.25rem;
margin-right: 0.75rem;
margin-bottom: 0.75rem;
border: 1px solid rgba(0, 0, 0, 0.1);
padding: 0.375rem 1.25rem;
margin-right: 0.75rem;
margin-bottom: 0.75rem;
color: #121526;
font-family: $body-font;
font-size: 0.875rem;
font-weight: 600;
}
}
}
.btn {
width: max-content;
}
}
.PORTFOLIO-TOP-TITLE-SECTION {
&.background-dark {
background: #005aff !important;
}
.button-wrapper {
button {
background: #0e0d37;
}
}
}
.breadcrumb-background-dark.background-dark {
background: #005aff !important;
}
dev/sass/pages/_vacancy.scss 0 → 100644
//TOP-BANNER-SECTION
.TOP-BANNER-SECTION {
.right-image {
img {
height: 20rem;
width: auto;
object-fit: contain;
}
}
}
//SEARCH-SECTION
.SEARCH-SECTION {
form {
.input-group {
input {
height: auto;
}
}
.input-group-append {
button {
height: 3.75rem;
width: 7.5rem;
}
}
}
}
// VACANCY-DETAIL-PAGE
.VACANCY-DETAIL-TOP-TITLE-SECTION {
.title-wrapper {
h1 {
margin-bottom: 2.5rem;
}
}
.validation {
span,
p {
margin: 0;
font-weight: 600;
font-size: 16px;
color: #58595a;
}
}
img {
width: 28.5178rem;
height: 32.1314rem;
object-fit: contain;
margin-top: -5rem;
}
.btn {
padding: 0.75rem 3.8125rem !important;
}
}
// VACANCY-DETAIL-PAGE
//VACANCY-DETAIL-SECTION
.apply-card {
padding: 1.75rem;
position: sticky;
top: 15%;
margin-bottom: 1.875rem;
background-color: #000;
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 600;
font-size: 16px;
color: #fff;
margin-bottom: 1.25rem;
}
span,
p {
font-size: 14px;
}
.rating-div-wrapper {
margin-bottom: 0.625rem;
.start-wrapper {
margin-right: 0.875rem;
}
.text {
color: #58595a;
}
}
.price {
margin-bottom: 1.25rem;
.discounted-price {
margin-right: 0.75rem;
}
.discount-price {
color: rgba(255, 255, 255, 0.5);
position: relative;
overflow: hidden;
.discount-cut {
width: 100px;
height: 3px;
background-color: #a9a9a9;
position: absolute;
top: 26%;
transform: rotate(353deg);
}
}
}
.money-gurantee {
color: rgba(255, 255, 255, 0.5);
margin-bottom: 1.75rem !important;
}
.course-include-section {
padding-bottom: 2.125rem;
margin-bottom: 1.0625rem;
border-bottom: 1px solid #fff;
ul {
li {
margin-bottom: 0.75rem;
font-size: 0.875rem;
&:last-child {
margin: 0;
}
svg {
margin-right: 1rem;
}
}
}
}
.share-article-applycard {
p {
color: #8f8f8f;
}
.social-icon {
flex-wrap: wrap;
.icon {
min-height: 2rem;
min-width: 2rem;
margin-right: 0.625rem;
margin-bottom: 0.625rem;
&:hover {
border: 1px solid #868fce;
svg {
path {
fill: #868fce;
}
}
}
}
}
}
}
.vacancy-list {
.vacancy-detail-content {
strong {
font-family: $body-font;
color: #000;
letter-spacing: -0.4px;
font-weight: 500;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 1.5rem;
margin-bottom: 1rem;
}
ul,
ol {
margin-left: 1.25rem;
}
table {
tbody {
tr {
&:nth-child(odd) {
background: #e5efff;
box-shadow: -18px 0px 0px -17px rgba(0, 0, 0, 0.06);
}
th {
padding: 1rem;
}
}
}
}
a {
text-decoration: underline;
font-weight: 700;
color: $dark;
}
}
}
//VACANCY-DETAIL-SECTION
.VACANCY-DETAIL-SECTION {
.social-icon {
.icon {
&:hover {
border: 1px solid #000 !important;
svg {
path {
fill: #000 !important;
}
}
}
}
}
.input-wrapper {
margin-bottom: 3.75rem;
}
}
//vacancy-apply-form-wrapper
.vacancy-apply-form-wrapper {
background-color: #f9f8f4;
padding: 4rem 3rem;
label {
color: #121526;
font-family: $body-font;
font-size: 0.875rem;
font-weight: 600;
margin-bottom: 0.625rem;
}
input {
background: rgba(0, 0, 0, 0.05);
padding: 1.125rem 1rem;
border-radius: 0;
border: none;
&::placeholder {
color: rgba(88, 89, 90, 0.4);
font-family: $body-font;
font-size: 0.875rem;
font-weight: 400;
line-height: 20px;
letter-spacing: -0.3px;
}
}
.select-wrapper {
&::before {
content: "";
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1342_2289)'%3E%3Cpath d='M18 9L12 15' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 9L12 15' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1342_2289'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-size: contain;
height: 1.5rem;
width: 1.5rem;
position: absolute;
top: 50%;
right: 1%;
transform: translate(-50%, -80%);
}
}
select {
width: 100%;
padding: 1.125rem 1rem;
color: #000;
font-family: $body-font;
font-size: 0.875rem;
font-weight: 400;
letter-spacing: -0.3px;
background: rgba(0, 0, 0, 0.05);
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
margin-bottom: 1rem;
font-weight: 600;
cursor: pointer;
border: none;
option {
color: #121526;
font-family: $body-font;
font-size: 0.875rem;
font-weight: 600;
}
}
.resume-upload-wrapper {
border: 1px dashed #005aff;
background: rgba(0, 0, 0, 0.05);
padding: 1rem 0 2.625rem 0;
text-align: center;
position: relative;
overflow: hidden;
margin-bottom: 2rem;
input[type="file"] {
opacity: 0;
position: absolute;
width: 100rem;
height: 100rem;
left: 0;
top: 0;
z-index: 999999;
cursor: pointer;
}
svg {
margin-bottom: 1.25rem;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: rgba(88, 89, 90, 0.4);
font-family: $body-font;
font-size: 0.875rem;
font-weight: 400;
display: flex;
align-items: center;
margin: 0;
justify-content: center;
p {
color: #005aff;
font-family: $body-font;
font-size: 0.875rem;
font-weight: 400;
margin: 0 9px 0 9px;
}
span {
color: rgba(88, 89, 90, 0.4);
font-family: $body-font;
font-size: 0.75rem;
font-weight: 400;
margin-left: 0.25rem;
}
}
}
.agree-text {
display: flex;
p {
color: rgba(88, 89, 90, 0.4);
font-family: $body-font;
font-size: 0.875rem;
font-weight: 400;
margin: 0;
a {
color: #005aff;
font-family: $body-font;
font-size: 0.875rem;
font-weight: 400;
}
}
input {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
padding: 0;
margin-right: 0.5rem;
cursor: pointer;
&::before {
content: "";
border: 1px solid #58595a;
background-repeat: no-repeat;
background-size: contain;
height: 1.5rem;
width: 1.5rem;
object-fit: contain;
display: block;
}
&:checked {
&::before {
content: "";
border: 1px solid #58595a;
background-color: $primary;
height: 1.5rem;
width: 1.5rem;
object-fit: contain;
display: block;
}
}
}
}
.submit-btn {
display: flex;
padding: 10px;
justify-content: center;
align-items: center;
background-color: $primary;
color: $white;
outline: none;
border: none;
margin-top: 1.625rem;
width: 100%;
transition: 0.3s ease-in-out;
height: 3rem;
&:hover {
background-color: #000;
}
}
.wpcf7-response-output {
margin-top: 1rem !important;
padding: 1rem !important;
}
.wpcf7-not-valid {
border: 1px solid #dc3232;
}
.wpcf7-not-valid-tip {
margin-top: 4px;
}
}
//VACANCY-SECTION
.VACANCY-SECTION {
button {
border: 1px solid rgba(0, 0, 0, 0.1);
}
}
//VACANCY-SECTION
footer.php
This source diff could not be displayed because it is too large. You can view the blob instead.
general.php 0 → 100644
This diff is collapsed. Click to expand it.
header.php
This source diff could not be displayed because it is too large. You can view the blob instead.
home.php 0 → 100644
This diff is collapsed. Click to expand it.
includes/custom-fields-old.php 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
includes/custom-fields.php
This source diff could not be displayed because it is too large. You can view the blob instead.
json.json 0 → 100644
This diff is collapsed. Click to expand it.
sidebar.php 0 → 100644
This diff is collapsed. Click to expand it.
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