Skip to content

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

initial commit

parent 5f41aade
Showing with 12332 additions and 138 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/spider-animation.js 0 → 100644
jQuery(document).ready(function () {
VerletJS.prototype.spider = function (origin) {
var i;
var legSeg1Stiffness = 0.99;
var legSeg2Stiffness = 0.99;
var legSeg3Stiffness = 0.99;
var legSeg4Stiffness = 0.99;
var joint1Stiffness = 1;
var joint2Stiffness = 0.4;
var joint3Stiffness = 0.9;
var bodyStiffness = 1;
var bodyJointStiffness = 1;
var composite = new this.Composite();
composite.legs = [];
composite.thorax = new Particle(origin);
composite.head = new Particle(origin.add(new Vec2(0, -5)));
composite.abdomen = new Particle(origin.add(new Vec2(0, 10)));
composite.particles.push(composite.thorax);
composite.particles.push(composite.head);
composite.particles.push(composite.abdomen);
composite.constraints.push(
new DistanceConstraint(composite.head, composite.thorax, bodyStiffness)
);
composite.constraints.push(
new DistanceConstraint(composite.abdomen, composite.thorax, bodyStiffness)
);
composite.constraints.push(
new AngleConstraint(
composite.abdomen,
composite.thorax,
composite.head,
0.4
)
);
for (i = 0; i < 4; ++i) {
composite.particles.push(
new Particle(composite.particles[0].pos.add(new Vec2(3, (i - 1.5) * 3)))
);
composite.particles.push(
new Particle(composite.particles[0].pos.add(new Vec2(-3, (i - 1.5) * 3)))
);
var len = composite.particles.length;
composite.constraints.push(
new DistanceConstraint(
composite.particles[len - 2],
composite.thorax,
legSeg1Stiffness
)
);
composite.constraints.push(
new DistanceConstraint(
composite.particles[len - 1],
composite.thorax,
legSeg1Stiffness
)
);
var lenCoef = 1;
if (i == 1 || i == 2) lenCoef = 0.7;
else if (i == 3) lenCoef = 0.9;
composite.particles.push(
new Particle(
composite.particles[len - 2].pos.add(
new Vec2(20, (i - 1.5) * 30).normal().mutableScale(20 * lenCoef)
)
)
);
composite.particles.push(
new Particle(
composite.particles[len - 1].pos.add(
new Vec2(-20, (i - 1.5) * 30).normal().mutableScale(20 * lenCoef)
)
)
);
len = composite.particles.length;
composite.constraints.push(
new DistanceConstraint(
composite.particles[len - 4],
composite.particles[len - 2],
legSeg2Stiffness
)
);
composite.constraints.push(
new DistanceConstraint(
composite.particles[len - 3],
composite.particles[len - 1],
legSeg2Stiffness
)
);
composite.particles.push(
new Particle(
composite.particles[len - 2].pos.add(
new Vec2(20, (i - 1.5) * 50).normal().mutableScale(20 * lenCoef)
)
)
);
composite.particles.push(
new Particle(
composite.particles[len - 1].pos.add(
new Vec2(-20, (i - 1.5) * 50).normal().mutableScale(20 * lenCoef)
)
)
);
len = composite.particles.length;
composite.constraints.push(
new DistanceConstraint(
composite.particles[len - 4],
composite.particles[len - 2],
legSeg3Stiffness
)
);
composite.constraints.push(
new DistanceConstraint(
composite.particles[len - 3],
composite.particles[len - 1],
legSeg3Stiffness
)
);
var rightFoot = new Particle(
composite.particles[len - 2].pos.add(
new Vec2(20, (i - 1.5) * 100).normal().mutableScale(12 * lenCoef)
)
);
var leftFoot = new Particle(
composite.particles[len - 1].pos.add(
new Vec2(-20, (i - 1.5) * 100).normal().mutableScale(12 * lenCoef)
)
);
composite.particles.push(rightFoot);
composite.particles.push(leftFoot);
composite.legs.push(rightFoot);
composite.legs.push(leftFoot);
len = composite.particles.length;
composite.constraints.push(
new DistanceConstraint(
composite.particles[len - 4],
composite.particles[len - 2],
legSeg4Stiffness
)
);
composite.constraints.push(
new DistanceConstraint(
composite.particles[len - 3],
composite.particles[len - 1],
legSeg4Stiffness
)
);
composite.constraints.push(
new AngleConstraint(
composite.particles[len - 6],
composite.particles[len - 4],
composite.particles[len - 2],
joint3Stiffness
)
);
composite.constraints.push(
new AngleConstraint(
composite.particles[len - 6 + 1],
composite.particles[len - 4 + 1],
composite.particles[len - 2 + 1],
joint3Stiffness
)
);
composite.constraints.push(
new AngleConstraint(
composite.particles[len - 8],
composite.particles[len - 6],
composite.particles[len - 4],
joint2Stiffness
)
);
composite.constraints.push(
new AngleConstraint(
composite.particles[len - 8 + 1],
composite.particles[len - 6 + 1],
composite.particles[len - 4 + 1],
joint2Stiffness
)
);
composite.constraints.push(
new AngleConstraint(
composite.particles[0],
composite.particles[len - 8],
composite.particles[len - 6],
joint1Stiffness
)
);
composite.constraints.push(
new AngleConstraint(
composite.particles[0],
composite.particles[len - 8 + 1],
composite.particles[len - 6 + 1],
joint1Stiffness
)
);
composite.constraints.push(
new AngleConstraint(
composite.particles[1],
composite.particles[0],
composite.particles[len - 8],
bodyJointStiffness
)
);
composite.constraints.push(
new AngleConstraint(
composite.particles[1],
composite.particles[0],
composite.particles[len - 8 + 1],
bodyJointStiffness
)
);
}
this.composites.push(composite);
return composite;
};
VerletJS.prototype.spiderweb = function (origin, radius, segments, depth) {
var stiffness = 0.6;
var tensor = 0.3;
var stride = (2 * Math.PI) / segments;
var n = segments * depth;
var radiusStride = radius / n;
var i, c;
var composite = new this.Composite();
for (i = 0; i < n; ++i) {
var theta =
i * stride + Math.cos(i * 0.4) * 0.05 + Math.cos(i * 0.05) * 0.2;
var shrinkingRadius = radius - radiusStride * i + Math.cos(i * 0.1) * 20;
var offy = Math.cos(theta * 2.1) * (radius / depth) * 0.2;
composite.particles.push(
new Particle(
new Vec2(
origin.x + Math.cos(theta) * shrinkingRadius,
origin.y + Math.sin(theta) * shrinkingRadius + offy
)
)
);
}
for (i = 0; i < segments; i += 4) composite.pin(i);
for (i = 0; i < n - 1; ++i) {
composite.constraints.push(
new DistanceConstraint(
composite.particles[i],
composite.particles[i + 1],
stiffness
)
);
var off = i + segments;
if (off < n - 1)
composite.constraints.push(
new DistanceConstraint(
composite.particles[i],
composite.particles[off],
stiffness
)
);
else
composite.constraints.push(
new DistanceConstraint(
composite.particles[i],
composite.particles[n - 1],
stiffness
)
);
}
composite.constraints.push(
new DistanceConstraint(
composite.particles[0],
composite.particles[segments - 1],
stiffness
)
);
for (c in composite.constraints) composite.constraints[c].distance *= tensor;
this.composites.push(composite);
return composite;
};
function shuffle(o) {
for (
var j, x, i = o.length;
i;
j = parseInt(Math.random() * i), x = o[--i], o[i] = o[j], o[j] = x
);
return o;
}
VerletJS.prototype.crawl = function (leg) {
var stepRadius = 100;
var minStepRadius = 35;
var spiderweb = this.composites[0];
var spider = this.composites[1];
var theta = spider.particles[0].pos.angle2(
spider.particles[0].pos.add(new Vec2(1, 0)),
spider.particles[1].pos
);
var boundry1 = new Vec2(Math.cos(theta), Math.sin(theta));
var boundry2 = new Vec2(
Math.cos(theta + Math.PI / 2),
Math.sin(theta + Math.PI / 2)
);
var flag1 = leg < 4 ? 1 : -1;
var flag2 = leg % 2 == 0 ? 1 : 0;
var paths = [];
var i;
for (i in spiderweb.particles) {
if (
spiderweb.particles[i].pos.sub(spider.particles[0].pos).dot(boundry1) *
flag1 >=
0 &&
spiderweb.particles[i].pos.sub(spider.particles[0].pos).dot(boundry2) *
flag2 >=
0
) {
var d2 = spiderweb.particles[i].pos.dist2(spider.particles[0].pos);
if (
!(d2 >= minStepRadius * minStepRadius && d2 <= stepRadius * stepRadius)
)
continue;
var leftFoot = false;
var j;
for (j in spider.constraints) {
var k;
for (k = 0; k < 8; ++k) {
if (
spider.constraints[j] instanceof DistanceConstraint &&
spider.constraints[j].a == spider.legs[k] &&
spider.constraints[j].b == spiderweb.particles[i]
) {
leftFoot = true;
}
}
}
if (!leftFoot) paths.push(spiderweb.particles[i]);
}
}
for (i in spider.constraints) {
if (
spider.constraints[i] instanceof DistanceConstraint &&
spider.constraints[i].a == spider.legs[leg]
) {
spider.constraints.splice(i, 1);
break;
}
}
if (paths.length > 0) {
shuffle(paths);
spider.constraints.push(
new DistanceConstraint(spider.legs[leg], paths[0], 1, 0)
);
}
};
window.onload = function () {
var canvas = document.getElementById("scratch");
var width = parseInt(canvas.style.width);
var height = parseInt(canvas.style.height);
var dpr = window.devicePixelRatio || 1;
canvas.width = width * dpr;
canvas.height = height * dpr;
canvas.getContext("2d").scale(dpr, dpr);
var sim = new VerletJS(width, height, canvas);
var spiderweb = sim.spiderweb(
new Vec2(width / 2, height / 2),
Math.min(width, height) / 2,
20,
7
);
var spider = sim.spider(new Vec2(width / 2, -300));
spiderweb.drawParticles = function (ctx, composite) {
var i;
for (i in composite.particles) {
var point = composite.particles[i];
ctx.beginPath();
ctx.arc(point.pos.x, point.pos.y, 1.3, 0, 2 * Math.PI);
ctx.fillStyle = "#7e7e7e";
ctx.fill();
}
};
spider.drawConstraints = function (ctx, composite) {
var i;
ctx.beginPath();
ctx.arc(spider.head.pos.x, spider.head.pos.y, 4, 0, 2 * Math.PI);
ctx.fillStyle = "#000";
ctx.fill();
ctx.beginPath();
ctx.arc(spider.thorax.pos.x, spider.thorax.pos.y, 4, 0, 2 * Math.PI);
ctx.fill();
ctx.beginPath();
ctx.arc(spider.abdomen.pos.x, spider.abdomen.pos.y, 8, 0, 2 * Math.PI);
ctx.fill();
for (i = 3; i < composite.constraints.length; ++i) {
var constraint = composite.constraints[i];
if (constraint instanceof DistanceConstraint) {
ctx.beginPath();
ctx.moveTo(constraint.a.pos.x, constraint.a.pos.y);
ctx.lineTo(constraint.b.pos.x, constraint.b.pos.y);
if (
(i >= 2 && i <= 4) ||
(i >= 2 * 9 + 1 && i <= 2 * 9 + 2) ||
(i >= 2 * 17 + 1 && i <= 2 * 17 + 2) ||
(i >= 2 * 25 + 1 && i <= 2 * 25 + 2)
) {
ctx.save();
constraint.draw(ctx);
ctx.strokeStyle = "#000";
ctx.lineWidth = 3;
ctx.stroke();
ctx.restore();
} else if (
(i >= 4 && i <= 6) ||
(i >= 2 * 9 + 3 && i <= 2 * 9 + 4) ||
(i >= 2 * 17 + 3 && i <= 2 * 17 + 4) ||
(i >= 2 * 25 + 3 && i <= 2 * 25 + 4)
) {
ctx.save();
constraint.draw(ctx);
ctx.strokeStyle = "#000";
ctx.lineWidth = 2;
ctx.stroke();
ctx.restore();
} else if (
(i >= 6 && i <= 8) ||
(i >= 2 * 9 + 5 && i <= 2 * 9 + 6) ||
(i >= 2 * 17 + 5 && i <= 2 * 17 + 6) ||
(i >= 2 * 25 + 5 && i <= 2 * 25 + 6)
) {
ctx.save();
ctx.strokeStyle = "#000";
ctx.lineWidth = 1.5;
ctx.stroke();
ctx.restore();
} else {
ctx.strokeStyle = "#000";
ctx.stroke();
}
}
}
};
spider.drawParticles = function (ctx, composite) {};
var legIndex = 0;
var loop = function () {
if (Math.floor(Math.random() * 4) == 0) {
sim.crawl((legIndex++ * 3) % 8);
}
sim.frame(16);
sim.draw();
requestAnimFrame(loop);
};
loop();
};
});
\ No newline at end of file
assets/js/spider-framework.js 0 → 100644
!(function (e, t, n) {
function i(n, s) {
if (!t[n]) {
if (!e[n]) {
var o = typeof require == "function" && require;
if (!s && o) return o(n, !0);
if (r) return r(n, !0);
throw new Error("Cannot find module '" + n + "'");
}
var u = (t[n] = { exports: {} });
e[n][0].call(
u.exports,
function (t) {
var r = e[n][1][t];
return i(r ? r : t);
},
u,
u.exports
);
}
return t[n].exports;
}
var r = typeof require == "function" && require;
for (var s = 0; s < n.length; s++) i(n[s]);
return i;
})(
{
1: [
function (require, module, exports) {
var VerletJS = require("./verlet");
var constraint = require("./constraint");
require("./objects");
window.Vec2 = require("./vec2");
window.VerletJS = VerletJS;
window.Particle = VerletJS.Particle;
window.DistanceConstraint = constraint.DistanceConstraint;
window.PinConstraint = constraint.PinConstraint;
window.AngleConstraint = constraint.AngleConstraint;
},
{ "./verlet": 2, "./constraint": 3, "./objects": 4, "./vec2": 5 },
],
3: [
function (require, module, exports) {
exports.DistanceConstraint = DistanceConstraint;
exports.PinConstraint = PinConstraint;
exports.AngleConstraint = AngleConstraint;
function DistanceConstraint(a, b, stiffness, distance) {
this.a = a;
this.b = b;
this.distance =
typeof distance != "undefined"
? distance
: a.pos.sub(b.pos).length();
this.stiffness = stiffness;
}
DistanceConstraint.prototype.relax = function (stepCoef) {
var normal = this.a.pos.sub(this.b.pos);
var m = normal.length2();
normal.mutableScale(
((this.distance * this.distance - m) / m) *
this.stiffness *
stepCoef
);
this.a.pos.mutableAdd(normal);
this.b.pos.mutableSub(normal);
};
DistanceConstraint.prototype.draw = function (ctx) {
ctx.beginPath();
ctx.moveTo(this.a.pos.x, this.a.pos.y);
ctx.lineTo(this.b.pos.x, this.b.pos.y);
ctx.strokeStyle = "#d8dde2";
ctx.stroke();
};
function PinConstraint(a, pos) {
this.a = a;
this.pos = new Vec2().mutableSet(pos);
}
PinConstraint.prototype.relax = function (stepCoef) {
this.a.pos.mutableSet(this.pos);
};
PinConstraint.prototype.draw = function (ctx) {
ctx.beginPath();
ctx.arc(this.pos.x, this.pos.y, 6, 0, 2 * Math.PI);
ctx.fillStyle = "rgba(0,153,255,0.1)";
ctx.fill();
};
function AngleConstraint(a, b, c, stiffness) {
this.a = a;
this.b = b;
this.c = c;
this.angle = this.b.pos.angle2(this.a.pos, this.c.pos);
this.stiffness = stiffness;
}
AngleConstraint.prototype.relax = function (stepCoef) {
var angle = this.b.pos.angle2(this.a.pos, this.c.pos);
var diff = angle - this.angle;
if (diff <= -Math.PI) diff += 2 * Math.PI;
else if (diff >= Math.PI) diff -= 2 * Math.PI;
diff *= stepCoef * this.stiffness;
this.a.pos = this.a.pos.rotate(this.b.pos, diff);
this.c.pos = this.c.pos.rotate(this.b.pos, -diff);
this.b.pos = this.b.pos.rotate(this.a.pos, diff);
this.b.pos = this.b.pos.rotate(this.c.pos, -diff);
};
AngleConstraint.prototype.draw = function (ctx) {
ctx.beginPath();
ctx.moveTo(this.a.pos.x, this.a.pos.y);
ctx.lineTo(this.b.pos.x, this.b.pos.y);
ctx.lineTo(this.c.pos.x, this.c.pos.y);
var tmp = ctx.lineWidth;
ctx.lineWidth = 5;
ctx.strokeStyle = "rgba(255,255,0,0.2)";
ctx.stroke();
ctx.lineWidth = tmp;
};
},
{},
],
5: [
function (require, module, exports) {
module.exports = Vec2;
function Vec2(x, y) {
this.x = x || 0;
this.y = y || 0;
}
Vec2.prototype.add = function (v) {
return new Vec2(this.x + v.x, this.y + v.y);
};
Vec2.prototype.sub = function (v) {
return new Vec2(this.x - v.x, this.y - v.y);
};
Vec2.prototype.mul = function (v) {
return new Vec2(this.x * v.x, this.y * v.y);
};
Vec2.prototype.div = function (v) {
return new Vec2(this.x / v.x, this.y / v.y);
};
Vec2.prototype.scale = function (coef) {
return new Vec2(this.x * coef, this.y * coef);
};
Vec2.prototype.mutableSet = function (v) {
this.x = v.x;
this.y = v.y;
return this;
};
Vec2.prototype.mutableAdd = function (v) {
this.x += v.x;
this.y += v.y;
return this;
};
Vec2.prototype.mutableSub = function (v) {
this.x -= v.x;
this.y -= v.y;
return this;
};
Vec2.prototype.mutableMul = function (v) {
this.x *= v.x;
this.y *= v.y;
return this;
};
Vec2.prototype.mutableDiv = function (v) {
this.x /= v.x;
this.y /= v.y;
return this;
};
Vec2.prototype.mutableScale = function (coef) {
this.x *= coef;
this.y *= coef;
return this;
};
Vec2.prototype.equals = function (v) {
return this.x == v.x && this.y == v.y;
};
Vec2.prototype.epsilonEquals = function (v, epsilon) {
return (
Math.abs(this.x - v.x) <= epsilon &&
Math.abs(this.y - v.y) <= epsilon
);
};
Vec2.prototype.length = function (v) {
return Math.sqrt(this.x * this.x + this.y * this.y);
};
Vec2.prototype.length2 = function (v) {
return this.x * this.x + this.y * this.y;
};
Vec2.prototype.dist = function (v) {
return Math.sqrt(this.dist2(v));
};
Vec2.prototype.dist2 = function (v) {
var x = v.x - this.x;
var y = v.y - this.y;
return x * x + y * y;
};
Vec2.prototype.normal = function () {
var m = Math.sqrt(this.x * this.x + this.y * this.y);
return new Vec2(this.x / m, this.y / m);
};
Vec2.prototype.dot = function (v) {
return this.x * v.x + this.y * v.y;
};
Vec2.prototype.angle = function (v) {
return Math.atan2(
this.x * v.y - this.y * v.x,
this.x * v.x + this.y * v.y
);
};
Vec2.prototype.angle2 = function (vLeft, vRight) {
return vLeft.sub(this).angle(vRight.sub(this));
};
Vec2.prototype.rotate = function (origin, theta) {
var x = this.x - origin.x;
var y = this.y - origin.y;
return new Vec2(
x * Math.cos(theta) - y * Math.sin(theta) + origin.x,
x * Math.sin(theta) + y * Math.cos(theta) + origin.y
);
};
Vec2.prototype.toString = function () {
return "(" + this.x + ", " + this.y + ")";
};
function test_Vec2() {
var assert = function (label, expression) {
console.log(
"Vec2(" + label + "): " + (expression == true ? "PASS" : "FAIL")
);
if (expression != true) throw "assertion failed";
};
assert("equality", new Vec2(5, 3).equals(new Vec2(5, 3)));
assert(
"epsilon equality",
new Vec2(1, 2).epsilonEquals(new Vec2(1.01, 2.02), 0.03)
);
assert(
"epsilon non-equality",
!new Vec2(1, 2).epsilonEquals(new Vec2(1.01, 2.02), 0.01)
);
assert(
"addition",
new Vec2(1, 1).add(new Vec2(2, 3)).equals(new Vec2(3, 4))
);
assert(
"subtraction",
new Vec2(4, 3).sub(new Vec2(2, 1)).equals(new Vec2(2, 2))
);
assert(
"multiply",
new Vec2(2, 4).mul(new Vec2(2, 1)).equals(new Vec2(4, 4))
);
assert(
"divide",
new Vec2(4, 2).div(new Vec2(2, 2)).equals(new Vec2(2, 1))
);
assert("scale", new Vec2(4, 3).scale(2).equals(new Vec2(8, 6)));
assert(
"mutable set",
new Vec2(1, 1).mutableSet(new Vec2(2, 3)).equals(new Vec2(2, 3))
);
assert(
"mutable addition",
new Vec2(1, 1).mutableAdd(new Vec2(2, 3)).equals(new Vec2(3, 4))
);
assert(
"mutable subtraction",
new Vec2(4, 3).mutableSub(new Vec2(2, 1)).equals(new Vec2(2, 2))
);
assert(
"mutable multiply",
new Vec2(2, 4).mutableMul(new Vec2(2, 1)).equals(new Vec2(4, 4))
);
assert(
"mutable divide",
new Vec2(4, 2).mutableDiv(new Vec2(2, 2)).equals(new Vec2(2, 1))
);
assert(
"mutable scale",
new Vec2(4, 3).mutableScale(2).equals(new Vec2(8, 6))
);
assert("length", Math.abs(new Vec2(4, 4).length() - 5.65685) <= 1e-5);
assert("length2", new Vec2(2, 4).length2() == 20);
assert(
"dist",
Math.abs(new Vec2(2, 4).dist(new Vec2(3, 5)) - 1.4142135) <= 1e-6
);
assert("dist2", new Vec2(2, 4).dist2(new Vec2(3, 5)) == 2);
var normal = new Vec2(2, 4).normal();
assert(
"normal",
Math.abs(normal.length() - 1) <= 1e-5 &&
normal.epsilonEquals(new Vec2(0.4472, 0.89443), 1e-4)
);
assert("dot", new Vec2(2, 3).dot(new Vec2(4, 1)) == 11);
assert(
"angle",
new Vec2(0, -1).angle(new Vec2(1, 0)) * (180 / Math.PI) == 90
);
assert(
"angle2",
new Vec2(1, 1).angle2(new Vec2(1, 0), new Vec2(2, 1)) *
(180 / Math.PI) ==
90
);
assert(
"rotate",
new Vec2(2, 0)
.rotate(new Vec2(1, 0), Math.PI / 2)
.equals(new Vec2(1, 1))
);
assert("toString", new Vec2(2, 4) == "(2, 4)");
}
},
{},
],
4: [
function (require, module, exports) {
var VerletJS = require("./verlet");
var Particle = VerletJS.Particle;
var constraints = require("./constraint");
var DistanceConstraint = constraints.DistanceConstraint;
VerletJS.prototype.point = function (pos) {
var composite = new this.Composite();
composite.particles.push(new Particle(pos));
this.composites.push(composite);
return composite;
};
VerletJS.prototype.lineSegments = function (vertices, stiffness) {
var i;
var composite = new this.Composite();
for (i in vertices) {
composite.particles.push(new Particle(vertices[i]));
if (i > 0)
composite.constraints.push(
new DistanceConstraint(
composite.particles[i],
composite.particles[i - 1],
stiffness
)
);
}
this.composites.push(composite);
return composite;
};
VerletJS.prototype.cloth = function (
origin,
width,
height,
segments,
pinMod,
stiffness
) {
var composite = new this.Composite();
var xStride = width / segments;
var yStride = height / segments;
var x, y;
for (y = 0; y < segments; ++y) {
for (x = 0; x < segments; ++x) {
var px = origin.x + x * xStride - width / 2 + xStride / 2;
var py = origin.y + y * yStride - height / 2 + yStride / 2;
composite.particles.push(new Particle(new Vec2(px, py)));
if (x > 0)
composite.constraints.push(
new DistanceConstraint(
composite.particles[y * segments + x],
composite.particles[y * segments + x - 1],
stiffness
)
);
if (y > 0)
composite.constraints.push(
new DistanceConstraint(
composite.particles[y * segments + x],
composite.particles[(y - 1) * segments + x],
stiffness
)
);
}
}
for (x = 0; x < segments; ++x) {
if (x % pinMod == 0) composite.pin(x);
}
this.composites.push(composite);
return composite;
};
VerletJS.prototype.tire = function (
origin,
radius,
segments,
spokeStiffness,
treadStiffness
) {
var stride = (2 * Math.PI) / segments;
var i;
var composite = new this.Composite();
for (i = 0; i < segments; ++i) {
var theta = i * stride;
composite.particles.push(
new Particle(
new Vec2(
origin.x + Math.cos(theta) * radius,
origin.y + Math.sin(theta) * radius
)
)
);
}
var center = new Particle(origin);
composite.particles.push(center);
for (i = 0; i < segments; ++i) {
composite.constraints.push(
new DistanceConstraint(
composite.particles[i],
composite.particles[(i + 1) % segments],
treadStiffness
)
);
composite.constraints.push(
new DistanceConstraint(
composite.particles[i],
center,
spokeStiffness
)
);
composite.constraints.push(
new DistanceConstraint(
composite.particles[i],
composite.particles[(i + 5) % segments],
treadStiffness
)
);
}
this.composites.push(composite);
return composite;
};
},
{ "./verlet": 2, "./constraint": 3 },
],
2: [
function (require, module, exports) {
window.requestAnimFrame =
window.requestAnimationFrame ||
window.webkitRequestAnimationFrame ||
window.mozRequestAnimationFrame ||
window.oRequestAnimationFrame ||
window.msRequestAnimationFrame ||
function (callback) {
window.setTimeout(callback, 1e3 / 60);
};
var Vec2 = require("./vec2");
exports = module.exports = VerletJS;
exports.Particle = Particle;
exports.Composite = Composite;
function Particle(pos) {
this.pos = new Vec2().mutableSet(pos);
this.lastPos = new Vec2().mutableSet(pos);
}
Particle.prototype.draw = function (ctx) {
ctx.beginPath();
ctx.arc(this.pos.x, this.pos.y, 2, 0, 2 * Math.PI);
ctx.fillStyle = "#2dad8f";
ctx.fill();
};
function VerletJS(width, height, canvas) {
this.width = width;
this.height = height;
this.canvas = canvas;
this.ctx = canvas.getContext("2d");
this.mouse = new Vec2(0, 0);
this.mouseDown = false;
this.draggedEntity = null;
this.selectionRadius = 20;
this.highlightColor = "#4f545c";
this.bounds = function (particle) {
if (particle.pos.y > this.height - 1)
particle.pos.y = this.height - 1;
if (particle.pos.x < 0) particle.pos.x = 0;
if (particle.pos.x > this.width - 1)
particle.pos.x = this.width - 1;
};
var _this = this;
this.canvas.oncontextmenu = function (e) {
e.preventDefault();
};
this.canvas.onmousedown = function (e) {
_this.mouseDown = true;
var nearest = _this.nearestEntity();
if (nearest) {
_this.draggedEntity = nearest;
}
};
this.canvas.onmouseup = function (e) {
_this.mouseDown = false;
_this.draggedEntity = null;
};
this.canvas.onmousemove = function (e) {
var rect = _this.canvas.getBoundingClientRect();
_this.mouse.x = e.clientX - rect.left;
_this.mouse.y = e.clientY - rect.top;
};
this.gravity = new Vec2(0, 0.2);
this.friction = 0.99;
this.groundFriction = 0.8;
this.composites = [];
}
VerletJS.prototype.Composite = Composite;
function Composite() {
this.particles = [];
this.constraints = [];
this.drawParticles = null;
this.drawConstraints = null;
}
Composite.prototype.pin = function (index, pos) {
pos = pos || this.particles[index].pos;
var pc = new PinConstraint(this.particles[index], pos);
this.constraints.push(pc);
return pc;
};
VerletJS.prototype.frame = function (step) {
var i, j, c;
for (c in this.composites) {
for (i in this.composites[c].particles) {
var particles = this.composites[c].particles;
var velocity = particles[i].pos
.sub(particles[i].lastPos)
.scale(this.friction);
if (
particles[i].pos.y >= this.height - 1 &&
velocity.length2() > 1e-6
) {
var m = velocity.length();
velocity.x /= m;
velocity.y /= m;
velocity.mutableScale(m * this.groundFriction);
}
particles[i].lastPos.mutableSet(particles[i].pos);
particles[i].pos.mutableAdd(this.gravity);
particles[i].pos.mutableAdd(velocity);
}
}
if (this.draggedEntity) this.draggedEntity.pos.mutableSet(this.mouse);
var stepCoef = 1 / step;
for (c in this.composites) {
var constraints = this.composites[c].constraints;
for (i = 0; i < step; ++i)
for (j in constraints) constraints[j].relax(stepCoef);
}
for (c in this.composites) {
var particles = this.composites[c].particles;
for (i in particles) this.bounds(particles[i]);
}
};
VerletJS.prototype.draw = function () {
var i, c;
this.ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);
for (c in this.composites) {
if (this.composites[c].drawConstraints) {
this.composites[c].drawConstraints(this.ctx, this.composites[c]);
} else {
var constraints = this.composites[c].constraints;
for (i in constraints) constraints[i].draw(this.ctx);
}
if (this.composites[c].drawParticles) {
this.composites[c].drawParticles(this.ctx, this.composites[c]);
} else {
var particles = this.composites[c].particles;
for (i in particles) particles[i].draw(this.ctx);
}
}
var nearest = this.draggedEntity || this.nearestEntity();
if (nearest) {
this.ctx.beginPath();
this.ctx.arc(nearest.pos.x, nearest.pos.y, 8, 0, 2 * Math.PI);
this.ctx.strokeStyle = this.highlightColor;
this.ctx.stroke();
}
};
VerletJS.prototype.nearestEntity = function () {
var c, i;
var d2Nearest = 0;
var entity = null;
var constraintsNearest = null;
for (c in this.composites) {
var particles = this.composites[c].particles;
for (i in particles) {
var d2 = particles[i].pos.dist2(this.mouse);
if (
d2 <= this.selectionRadius * this.selectionRadius &&
(entity == null || d2 < d2Nearest)
) {
entity = particles[i];
constraintsNearest = this.composites[c].constraints;
d2Nearest = d2;
}
}
}
for (i in constraintsNearest)
if (
constraintsNearest[i] instanceof PinConstraint &&
constraintsNearest[i].a == entity
)
entity = constraintsNearest[i];
return entity;
};
},
{ "./vec2": 5 },
],
},
{},
[1]
);
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);
...@@ -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,
...@@ -175,14 +191,14 @@ ...@@ -175,14 +191,14 @@
//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,
}, },
}, },
}); });
...@@ -368,6 +387,11 @@ ...@@ -368,6 +387,11 @@
$(".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 {
// 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 { } else {
header.removeClass("sticky-top"); $(".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(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); })(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)){ if(!empty($cats)) {
$args['tax_query']=array( $args['tax_query'] = [
'taxonomy'=>'category', [
// 'operator'=>'IN', 'taxonomy' => 'category',
'field'=>'term_id', 'field' => 'term_id',
'terms'=>[] 'terms' => $cats,
); ]
];
} }
$new_query = new WP_Query($args); $new_query = new WP_Query($args);
?> ?>
<?php if($new_query->have_posts()):?> <?php if($new_query->have_posts()): ?>
<div class="row"> <div class="row">
<div class="blog-carousel owl-carousel owl-theme"> <div class="blog-carousel owl-carousel owl-theme">
<?php while($new_query->have_posts()): $new_query->the_post();?> <?php while($new_query->have_posts()): $new_query->the_post(); ?>
<div class="item"> <div class="item">
<a href="<?php the_permalink();?>">
<div class="blog-card-wrapper"> <div class="blog-card-wrapper">
<a href="<?php the_permalink(); ?>">
<div class="blog-image-wrapper"> <div class="blog-image-wrapper">
<?php the_post_thumbnail();?> <?php the_post_thumbnail(); ?>
</div> </div>
</a>
<div class="text-wrapper"> <div class="text-wrapper">
<p>Design, Illustrations, UI/UX</p> <!--<p><?php echo get_simple_tag_list(get_the_ID()); ?></p>-->
<h6><?php the_title();?></h6> <a style="display: block;" href="<?php the_permalink(); ?>">
<?php the_excerpt();?> <h6><?php the_title(); ?></h6></a>
<?php the_excerpt(); ?>
<div class="d-flex align-items-center justify-content-between bottom-section"> <div class="d-flex align-items-center justify-content-between bottom-section">
<div class="left"> <div class="left">
<span><?php echo get_the_date('d, M Y',get_the_ID());?></span> <span><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>
<path d="M13.75 2.375V4.875" stroke="#005AFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.25 2.375V4.875" stroke="#005AFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M3.125 7.375H16.875" stroke="#005AFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</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> </div>
</a>
</div> </div>
<?php endwhile; wp_reset_postdata(); ?> <?php endwhile; wp_reset_postdata(); ?>
</div> </div>
<button class="btn btn-start-project btn-primary">View All Blogs <svg width="25" height="24" </div>
viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <?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" <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" 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" /> fill="white" />
</svg> </svg>
</button> </a>
</div> <?php endif; ?>
<?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,53 +31,33 @@ ...@@ -31,53 +31,33 @@
</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_type' => 'portfolio',
'post_status' => 'publish', 'post_status' => 'publish',
'posts_per_page'=>'6', 'posts_per_page' => '6',
'tax_query'=>array(array( 'tax_query' => array(array(
'taxonomy'=>'portfolio-category', 'taxonomy' => 'portfolio-category',
'field'=>'slug', 'field' => 'slug',
'terms'=>[$cat->slug] 'terms' => [$cat->slug]
)) ))
]); ]);
if($wp_query->have_posts()): if($wp_query->have_posts()):
while($wp_query->have_posts()): $wp_query->the_post(); while($wp_query->have_posts()): $wp_query->the_post();
?> get_template_part('template-parts/content-portfolio');
<div class="col-lg-4 col-12 recent-card-wrapper m-auto"> endwhile;
<a href="<?php the_permalink();?>"> wp_reset_postdata();
<?php the_post_thumbnail();?> else: ?>
<div class="bottom-text"> <div class="col-12 text-center">
<div class="d-flex align-items-center justify-content-between title"> <p>No portfolio items found in this category.</p>
<div class="heading">
<h3><?php the_title();?></h3>
</div> </div>
<div class="site-link"> <?php endif; ?>
<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">
<li>#Website</li>
<li>#ui/ux</li>
<li>#Development</li>
</ul>
</div> </div>
</a> <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
</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 All Works
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
xmlns="http://www.w3.org/2000/svg"> xmlns="http://www.w3.org/2000/svg">
...@@ -85,9 +65,10 @@ ...@@ -85,9 +65,10 @@
d="M4 13L16.17 13L10.58 18.59L12 20L20 12L12 4L10.59 5.41L16.17 11L4 11L4 13Z" d="M4 13L16.17 13L10.58 18.59L12 20L20 12L12 4L10.59 5.41L16.17 11L4 11L4 13Z"
fill="white" /> fill="white" />
</svg> </svg>
</button> </a>
</div> </div>
<?php endforeach;?> <?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-lock.json 0 → 100644
{
"name": "dev",
"version": "1.0.0",
"lockfileVersion": 2,
"requires": true,
"packages": {
"": {
"name": "dev",
"version": "1.0.0",
"license": "ISC",
"dependencies": {
"bootstrap": "^5.3.3",
"sass": "^1.32.0"
}
},
"node_modules/@popperjs/core": {
"version": "2.11.8",
"resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz",
"integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==",
"peer": true,
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/popperjs"
}
},
"node_modules/anymatch": {
"version": "3.1.3",
"resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
"integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
"dependencies": {
"normalize-path": "^3.0.0",
"picomatch": "^2.0.4"
},
"engines": {
"node": ">= 8"
}
},
"node_modules/binary-extensions": {
"version": "2.3.0",
"resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
"integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
"engines": {
"node": ">=8"
},
"funding": {
"url": "https://github.com/sponsors/sindresorhus"
}
},
"node_modules/bootstrap": {
"version": "5.3.3",
"resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.3.3.tgz",
"integrity": "sha512-8HLCdWgyoMguSO9o+aH+iuZ+aht+mzW0u3HIMzVu7Srrpv7EBBxTnrFlSCskwdY1+EOFQSm7uMJhNQHkdPcmjg==",
"funding": [
{
"type": "github",
"url": "https://github.com/sponsors/twbs"
},
{
"type": "opencollective",
"url": "https://opencollective.com/bootstrap"
}
],
"peerDependencies": {
"@popperjs/core": "^2.11.8"
}
},
"node_modules/braces": {
"version": "3.0.3",
"resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
"integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
"dependencies": {
"fill-range": "^7.1.1"
},
"engines": {
"node": ">=8"
}
},
"node_modules/chokidar": {
"version": "3.6.0",
"resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
"integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
"dependencies": {
"anymatch": "~3.1.2",
"braces": "~3.0.2",
"glob-parent": "~5.1.2",
"is-binary-path": "~2.1.0",
"is-glob": "~4.0.1",
"normalize-path": "~3.0.0",
"readdirp": "~3.6.0"
},
"engines": {
"node": ">= 8.10.0"
},
"funding": {
"url": "https://paulmillr.com/funding/"
},
"optionalDependencies": {
"fsevents": "~2.3.2"
}
},
"node_modules/fill-range": {
"version": "7.1.1",
"resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
"integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
"dependencies": {
"to-regex-range": "^5.0.1"
},
"engines": {
"node": ">=8"
}
},
"node_modules/fsevents": {
"version": "2.3.3",
"resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
"integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
"hasInstallScript": true,
"optional": true,
"os": [
"darwin"
],
"engines": {
"node": "^8.16.0 || ^10.6.0 || >=11.0.0"
}
},
"node_modules/glob-parent": {
"version": "5.1.2",
"resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
"integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
"dependencies": {
"is-glob": "^4.0.1"
},
"engines": {
"node": ">= 6"
}
},
"node_modules/is-binary-path": {
"version": "2.1.0",
"resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
"integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
"dependencies": {
"binary-extensions": "^2.0.0"
},
"engines": {
"node": ">=8"
}
},
"node_modules/is-extglob": {
"version": "2.1.1",
"resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
"integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
"engines": {
"node": ">=0.10.0"
}
},
"node_modules/is-glob": {
"version": "4.0.3",
"resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
"integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
"dependencies": {
"is-extglob": "^2.1.1"
},
"engines": {
"node": ">=0.10.0"
}
},
"node_modules/is-number": {
"version": "7.0.0",
"resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
"integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
"engines": {
"node": ">=0.12.0"
}
},
"node_modules/normalize-path": {
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
"integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
"engines": {
"node": ">=0.10.0"
}
},
"node_modules/picomatch": {
"version": "2.3.1",
"resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
"integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
"engines": {
"node": ">=8.6"
},
"funding": {
"url": "https://github.com/sponsors/jonschlinkert"
}
},
"node_modules/readdirp": {
"version": "3.6.0",
"resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
"integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
"dependencies": {
"picomatch": "^2.2.1"
},
"engines": {
"node": ">=8.10.0"
}
},
"node_modules/sass": {
"version": "1.32.0",
"resolved": "https://registry.npmjs.org/sass/-/sass-1.32.0.tgz",
"integrity": "sha512-fhyqEbMIycQA4blrz/C0pYhv2o4x2y6FYYAH0CshBw3DXh5D5wyERgxw0ptdau1orc/GhNrhF7DFN2etyOCEng==",
"dependencies": {
"chokidar": ">=2.0.0 <4.0.0"
},
"bin": {
"sass": "sass.js"
},
"engines": {
"node": ">=8.9.0"
}
},
"node_modules/to-regex-range": {
"version": "5.0.1",
"resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
"integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
"dependencies": {
"is-number": "^7.0.0"
},
"engines": {
"node": ">=8.0"
}
}
},
"dependencies": {
"@popperjs/core": {
"version": "2.11.8",
"resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz",
"integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==",
"peer": true
},
"anymatch": {
"version": "3.1.3",
"resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
"integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
"requires": {
"normalize-path": "^3.0.0",
"picomatch": "^2.0.4"
}
},
"binary-extensions": {
"version": "2.3.0",
"resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
"integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw=="
},
"bootstrap": {
"version": "5.3.3",
"resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.3.3.tgz",
"integrity": "sha512-8HLCdWgyoMguSO9o+aH+iuZ+aht+mzW0u3HIMzVu7Srrpv7EBBxTnrFlSCskwdY1+EOFQSm7uMJhNQHkdPcmjg==",
"requires": {}
},
"braces": {
"version": "3.0.3",
"resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
"integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
"requires": {
"fill-range": "^7.1.1"
}
},
"chokidar": {
"version": "3.6.0",
"resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
"integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
"requires": {
"anymatch": "~3.1.2",
"braces": "~3.0.2",
"fsevents": "~2.3.2",
"glob-parent": "~5.1.2",
"is-binary-path": "~2.1.0",
"is-glob": "~4.0.1",
"normalize-path": "~3.0.0",
"readdirp": "~3.6.0"
}
},
"fill-range": {
"version": "7.1.1",
"resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
"integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
"requires": {
"to-regex-range": "^5.0.1"
}
},
"fsevents": {
"version": "2.3.3",
"resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
"integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
"optional": true
},
"glob-parent": {
"version": "5.1.2",
"resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
"integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
"requires": {
"is-glob": "^4.0.1"
}
},
"is-binary-path": {
"version": "2.1.0",
"resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
"integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
"requires": {
"binary-extensions": "^2.0.0"
}
},
"is-extglob": {
"version": "2.1.1",
"resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
"integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ=="
},
"is-glob": {
"version": "4.0.3",
"resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
"integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
"requires": {
"is-extglob": "^2.1.1"
}
},
"is-number": {
"version": "7.0.0",
"resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
"integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng=="
},
"normalize-path": {
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
"integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA=="
},
"picomatch": {
"version": "2.3.1",
"resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
"integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA=="
},
"readdirp": {
"version": "3.6.0",
"resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
"integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
"requires": {
"picomatch": "^2.2.1"
}
},
"sass": {
"version": "1.32.0",
"resolved": "https://registry.npmjs.org/sass/-/sass-1.32.0.tgz",
"integrity": "sha512-fhyqEbMIycQA4blrz/C0pYhv2o4x2y6FYYAH0CshBw3DXh5D5wyERgxw0ptdau1orc/GhNrhF7DFN2etyOCEng==",
"requires": {
"chokidar": ">=2.0.0 <4.0.0"
}
},
"to-regex-range": {
"version": "5.0.1",
"resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
"integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
"requires": {
"is-number": "^7.0.0"
}
}
}
}
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/_base.scss 0 → 100644
/*
Table of Content
1: Global CSS
2: Headings
3: Fonts Family
4: Font Colors
5: Font Size
6: Font-Weight
7: Margins
8: Paddings
9: Return to Top
10: Page Not Found
11: Border-radius
12: Positions
13: Flex
14: Book Modal
15: success message
16: Blogs side bar
18: blog-card-wrapper
19: owl-nav
20: book-button-fixed
21: top-banner
22: top-banner-center
23: top-title-paragraph
24: blog-card
25: breadcrumb-background-dark
//job-list
*/
// 1: Global CSS Start
html {
scroll-behavior: smooth;
@media (min-width: 300px) and (max-width: 1399.98px) {
font-size: smaller;
}
}
body {
font-family: $body-font;
position: relative;
overflow-x: hidden;
&.no-scroll {
overflow: hidden !important;
}
}
a {
text-decoration: none;
text-underline-offset: 2px;
}
ul,
ol {
padding-left: 0;
}
img {
max-width: 100%;
}
.container {
@media (min-width: 1300px) and (max-width: 1439.98px) {
max-width: 1200px;
}
@media (min-width: 1920px) {
max-width: 1640px;
}
}
// 1: Global CSS End
//2: Headings Start
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: $body-font;
font-weight: 700;
color: #121526;
@media (max-width: 767.98px) {
font-size: 1.875rem !important;
}
}
//2: paragraph font-size
p {
font-family: $body-font;
font-size: 1.125rem;
color: #58595a;
letter-spacing: -0.5px;
}
ul {
li {
font-size: 1.125rem;
}
}
// 3: Fonts Family Start
// 3: Fonts Family End
// 4: Font Colors Start
.text-danger {
color: red;
}
.text-grey {
color: $grey !important;
}
//primary-second color
.primary-second {
background-color: $primary-second;
}
.background-dark {
background: $background-dark !important;
p,
a,
span,
.svg-wrapper,
.views {
color: $white !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: $white !important;
}
}
.text-primary-dark {
color: $primary;
}
// 4: Font Colors End
// 5: Font Size Start
.font-8 {
font-size: 0.5rem !important;
}
.font-10 {
font-size: 0.625rem !important;
}
.font-12 {
font-size: 0.75rem !important;
}
.font-14 {
font-size: 0.875rem !important;
}
.font-15 {
font-size: 0.9375rem !important;
}
.font-16 {
font-size: 1rem !important;
}
.font-18 {
font-size: 1.125rem !important;
}
.font-20 {
font-size: 1.25rem !important;
}
.font-24 {
font-size: 1.5rem !important;
}
.font-32 {
font-size: 2rem !important;
}
.font-36 {
font-size: 2.25rem !important;
}
.font-40 {
font-size: 2.5rem !important;
}
.font-44 {
font-size: 2.75rem !important;
}
.font-48 {
font-size: 3rem !important;
}
.ls-1 {
letter-spacing: 1px;
}
// 5: Font Size End
// 6: Font Weights Start
.fw-400 {
font-weight: 400;
}
.fw-500 {
font-weight: 500;
}
.fw-600 {
font-weight: 600;
}
.fw-700 {
font-weight: 700;
}
.fw-900 {
font-weight: 900;
}
// 6: Font Weights Ens
// 7: Margins Start
.mt-40 {
margin-top: 2.5rem;
@media (max-width: 767.98px) {
margin-top: 2rem;
}
}
.mb-20 {
margin-bottom: 1.25rem;
@media (max-width: 767.98px) {
margin-bottom: 1.125rem;
}
}
.mb-30 {
margin-bottom: 1.875rem;
@media (max-width: 767.98px) {
margin-bottom: 1.25rem;
}
}
.mb-40 {
margin-bottom: 2.5rem;
@media (max-width: 767.98px) {
margin-bottom: 2rem;
}
}
.my-40 {
@extend .mt-40;
@extend .mb-40;
}
.mt-60 {
margin-top: 3.75rem;
@media (max-width: 767.98px) {
margin-top: 2rem;
}
}
.mb-60 {
margin-bottom: 3.75rem;
@media (max-width: 767.98px) {
margin-bottom: 2rem;
}
}
.my-60 {
@extend .mt-60;
@extend .mb-60;
}
.mt-80 {
margin-top: 5rem;
@media (max-width: 767.98px) {
margin-top: 2rem;
}
}
.mb-80 {
margin-bottom: 5rem;
@media (max-width: 767.98px) {
margin-bottom: 2rem;
}
}
.my-80 {
@extend .mt-80;
@extend .mb-80;
}
.mt-100 {
margin-top: 6.25rem;
@media (max-width: 767.98px) {
margin-top: 2rem;
}
}
.mb-100 {
margin-bottom: 6.25rem;
@media (max-width: 767.98px) {
margin-bottom: 2rem;
}
}
.my-100 {
@extend .mt-100;
@extend .mb-100;
}
.mt-120 {
margin-top: 7.5rem;
@media (max-width: 767.98px) {
margin-top: 2rem;
}
}
.mb-120 {
margin-bottom: 7.5rem;
@media (max-width: 767.98px) {
margin-bottom: 2rem;
}
}
.my-120 {
@extend .mt-120;
@extend .mb-120;
}
.mr-12 {
margin-right: 0.75rem;
}
.ml-12 {
margin-left: 0.75rem;
}
// 7: Margins Ends
// 8: Paddings Starts
.pt-40 {
padding-top: 2.5rem;
@media (max-width: 767.98px) {
padding-top: 2rem;
}
}
.pt-10 {
padding-top: 0.625rem;
@media (max-width: 767.98px) {
padding-top: 0.625rem;
}
}
.pb-10 {
padding-bottom: 0.625rem;
@media (max-width: 767.98px) {
padding-bottom: 0.625rem;
}
}
.pb-20 {
padding-bottom: 1.25rem;
@media (max-width: 767.98px) {
padding-bottom: 0.9375rem;
}
}
.pr-20 {
padding-right: 1.25rem;
@media (max-width: 767.98px) {
padding-right: 0.9375rem;
}
}
.pr-10 {
padding-right: 0.625rem;
@media (max-width: 767.98px) {
padding-right: 0.625rem;
}
}
.pb-30 {
padding-bottom: 1.875rem;
@media (max-width: 767.98px) {
padding-bottom: 1.25rem;
}
}
.pb-40 {
padding-bottom: 2.5rem;
@media (max-width: 767.98px) {
padding-bottom: 2rem;
}
}
.pb-28 {
padding-bottom: 1.75rem;
@media (max-width: 767.98px) {
padding-bottom: 1.25rem;
}
}
.py-10 {
@extend .pt-10;
@extend .pb-10;
}
.py-40 {
@extend .pt-40;
@extend .pb-40;
}
.py-60 {
padding-top: 3.75rem;
padding-bottom: 3.75rem;
@media (max-width: 767.98px) {
padding-top: 2rem;
padding-bottom: 2rem;
}
}
.pt-60 {
padding-top: 3.75rem;
@media (max-width: 767.98px) {
padding-top: 2rem;
}
}
.pb-60 {
padding-bottom: 3.75rem;
@media (max-width: 767.98px) {
padding-bottom: 2rem;
}
}
.py-60 {
@extend .pt-60;
@extend .pb-60;
}
.pt-80 {
padding-top: 5rem;
@media (max-width: 767.98px) {
padding-top: 2rem;
}
}
.pb-80 {
padding-bottom: 5rem;
@media (max-width: 767.98px) {
padding-bottom: 2rem;
}
}
.py-80 {
@extend .pt-80;
@extend .pb-80;
}
.pt-100 {
padding-top: 6.25rem;
@media (max-width: 767.98px) {
padding-top: 2rem;
}
}
.pb-100 {
padding-bottom: 6.25rem;
@media (max-width: 767.98px) {
padding-bottom: 2rem;
}
}
.py-100 {
@extend .pt-100;
@extend .pb-100;
}
.pt-120 {
padding-top: 7.5rem;
@media (max-width: 767.98px) {
padding-top: 2rem;
}
}
.pb-120 {
padding-bottom: 7.5rem;
@media (max-width: 767.98px) {
padding-bottom: 2rem;
}
}
.py-120 {
@extend .pt-120;
@extend .pb-120;
}
.p-40 {
padding: 2.5rem;
}
.p-80 {
padding: 5rem;
}
// 8: btn padding
.btn-start-project,
.btn-start-project {
padding: 0.75rem 1.625rem;
border-radius: 0;
@media screen and (min-width: 770px) and (max-width: 1024.98px) {
padding: 0.75rem 1.75rem;
font-size: 12px !important;
}
&:hover {
background-color: $primary-second;
color: #fff;
svg {
path {
fill: $white;
}
}
}
}
.view-linkedin {
padding: 0.625rem;
color: #f9f8f4;
font-family: $body-font;
font-size: 1rem;
font-weight: 600;
line-height: 24px;
letter-spacing: -0.4px;
border: 1px solid #f9f8f4;
}
.btn-start-project-white {
padding: 0.75rem 1.625rem;
border-radius: 0;
background-color: $primary;
min-width: 12.5rem;
justify-content: center;
color: $white;
font-size: 1rem;
font-family: $body-font;
border: 1px solid rgba(0, 0, 0, 0.1);
@media screen and (min-width: 770px) and (max-width: 1024.98px) {
padding: 0.75rem 1.75rem;
font-size: 12px !important;
}
&:hover {
background-color: $primary-second !important;
color: #fff !important;
svg {
path {
fill: #fff !important;
}
}
}
}
.btn-start-project-white-background {
padding: 0.75rem 1.625rem;
border-radius: 0;
background-color: transparent;
min-width: 12.5rem;
justify-content: center;
color: $primary;
font-size: 1rem;
font-family: $body-font;
border: 1px solid rgba(44, 92, 218, 0.1);
@media screen and (min-width: 770px) and (max-width: 1024.98px) {
padding: 0.75rem 1.75rem;
font-size: 12px !important;
}
svg {
margin-left: 0.625rem;
}
&:hover {
background-color: $primary-second !important;
color: #fff !important;
svg {
path {
fill: #fff !important;
}
}
}
}
// 9: Return to Top Start
#return-to-top {
position: fixed;
z-index: 99;
bottom: 20px;
right: 2%;
background: $primary;
width: 50px;
height: 50px;
display: block;
text-decoration: none;
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
border-radius: 35px;
line-height: 50px;
text-align: center;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#return-to-top svg {
margin: 0;
stroke: #fff;
position: relative;
left: 0;
top: 0;
font-size: 1.875rem;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
&:hover {
margin-top: -6px;
}
}
// 9: Return to Top Start
// 10: Page Not Found Start
// 10: Page Not Found Start
.page-not-found {
padding: 80px 0;
img {
max-height: 200px;
}
.text-content {
& > span {
font-size: 1.25rem;
color: #000000;
letter-spacing: 0.28em;
display: block;
margin-bottom: 12px;
}
h2 {
font-size: 3.125rem !important;
font-weight: 900;
margin-bottom: 20px;
span {
color: $primary;
}
}
p {
font-size: 1.125rem;
font-weight: 400;
margin-bottom: 40px;
}
a {
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
font-size: 1.25rem;
font-weight: 600;
color: #333333;
svg,
i {
margin-right: 6px;
font-weight: 200;
}
span {
margin-left: 4px;
font-weight: bold;
color: $primary;
}
&:hover {
color: $secondary;
}
}
}
}
// 10: Page Not Found End
.page-not-found {
height: 82vh;
display: flex;
justify-content: center;
align-items: center;
}
// 10: Page Not Found End
// 11: Border Radius
.border-radius-4 {
border-radius: 0.25rem;
}
.border-radius-6 {
border-radius: 0.25rem;
}
.border-radius-8 {
border-radius: 0.5rem;
}
.border-radius-12 {
border-radius: 0.25rem;
}
.border-radius-16 {
border-radius: 1rem;
}
// 12: Positions
.position-centered {
display: flex;
justify-content: center;
align-items: center;
}
// 13: Flex
@for $i from 1 through 5 {
.#{flex}#{$i} {
flex: $i;
}
}
// 14: Book Modal
.modal {
.modal-dialog {
.modal-content {
border-radius: 0;
.modal-header {
button {
background-color: transparent;
font-size: 0.875rem;
display: flex;
align-items: center;
&:hover {
color: red;
svg {
path {
stroke: red;
}
}
}
svg {
margin-right: 0.875rem;
}
}
}
.modal-body {
padding: 3.4375rem 6.25rem;
@media (max-width: 768px) {
padding: 1.5rem 0;
}
.form-wrapper {
.inner-wrapper {
margin-bottom: 1.5rem !important;
}
textarea {
margin-bottom: 1.75rem !important;
}
button {
padding: 0.75rem 3.0625rem;
}
}
}
}
}
}
// 15: success message
.submit-button-book {
.hide {
display: none;
position: absolute;
top: 100%;
font-size: 0.75rem;
right: 5%;
font-weight: 700;
}
.alert-success {
background: #269612;
color: #fff;
border-radius: 4px;
padding: 10px;
}
}
//Blogs side bar
.related-blogs {
border: 1px solid gainsboro;
padding: 1.25rem;
border-radius: 0.75rem;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
h6 {
margin-bottom: 1.25rem;
}
.related-blogs-wrapper {
margin-bottom: 0.75rem;
&:hover {
.text-content {
h6 {
color: #c52528;
}
}
}
img {
height: 4.375rem;
width: 4.375rem;
object-fit: cover;
margin-right: 0.875rem;
}
.text-content {
display: flex;
justify-content: center;
flex-direction: column;
h6 {
margin-bottom: 0.625rem;
}
span {
color: rgba(73, 73, 73, 0.6);
}
}
}
}
.categories {
border: 1px solid gainsboro;
padding: 1.25rem;
border-radius: 0.75rem;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
h6 {
margin-bottom: 1.25rem;
}
ul {
li {
margin-bottom: 0.75rem;
border-bottom: 1px dashed #e2e2e2;
padding: 0.75rem 0;
&:hover {
a {
color: #c52528;
}
}
a {
color: #111;
}
}
}
}
.archive {
border: 1px solid gainsboro;
padding: 1.25rem;
border-radius: 0.75rem;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
h6 {
margin-bottom: 1.25rem;
}
ul {
li {
margin-bottom: 0.75rem;
border-bottom: 1px dashed #e2e2e2;
padding: 0.75rem 0;
&:hover {
a {
color: #c52528;
}
}
a {
color: #111;
}
}
}
}
.detail-content {
p {
text-align: justify;
}
.social-links-blog {
ul {
justify-content: center;
display: flex;
list-style-type: none;
@media (min-width: 768.98px) and (max-width: 1024.98px) {
justify-content: center;
}
li {
padding: 0 1.25rem;
@media (max-width: 768.98px) {
&:nth-child(1) {
margin: 0;
}
}
a {
color: $primary;
font-size: 1.25rem;
transition: 0.5s;
&:hover {
color: #c52528;
}
}
}
}
}
.leave-comment-section {
.comment-form {
.alert-success {
background: #269612;
color: #fff;
border-radius: 4px;
padding: 10px;
}
}
}
}
.blog-side-bar {
display: block;
&.show {
transform: unset;
&.blog-side-bar {
display: block;
}
}
.blog-filter-bar-close {
display: none;
}
@media (max-width: 1023.98px) {
position: fixed;
display: none;
top: 0;
width: 100%;
left: 0;
padding: 2.875rem;
overflow-y: scroll;
background-color: #fff;
height: 100vh;
z-index: 1111;
-webkit-transition: all 0.3s ease;
transition: all 0.5s ease;
transform: translateY(100%);
.blog-filter-bar-close {
display: block;
}
}
}
//blog-card-wrapper
.blog-card-wrapper {
margin-bottom: 1.875rem;
&:hover {
img {
transform: scale(1.1);
}
h3 {
color: $primary;
}
}
a {
border: 1px solid #f2f2f2;
.img-div {
height: 200px;
overflow: hidden;
img {
transition: all 0.3s ease;
max-height: 200px;
width: 100%;
}
}
.text-content {
padding: 1.25rem;
h3 {
margin-bottom: 0.75rem;
}
.details {
display: flex;
align-items: center;
margin-bottom: 0.75rem;
color: $primary;
}
p {
font-size: 1.125rem;
color: #77838f;
font-weight: 600;
}
.date-views {
color: #77838f;
span {
padding-right: 1.25rem;
}
}
}
}
.text-wrapper {
h1,
h2,
h3,
h4,
h5,
h6 {
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
p {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.bottom-section {
margin-top: 1.125rem;
}
}
}
.blog-wrapper {
nav {
margin-top: 3.75rem;
ul {
li {
padding: 0 0.75rem;
&:hover {
a {
background-color: $primary;
color: $light;
svg {
stroke: #fff;
}
}
}
}
}
}
}
//19: owl-nav
.readmoreblogs {
&.owl-carousel {
.owl-nav {
@media (max-width: 767.98px) {
display: none;
}
button {
border-radius: 50%;
background-color: $primary;
color: #fff;
height: 40px;
width: 40px;
display: flex;
align-items: center;
justify-content: center;
span {
font-size: 27px;
}
&.owl-prev {
left: -2rem;
}
&.owl-next {
right: -2rem;
}
}
}
.owl-dots {
margin-top: 1.75rem !important;
span {
background-color: $primary;
}
}
}
}
// 20: book-button-fixed
.book-button-fixed {
position: fixed;
bottom: 0;
display: none;
@media (max-width: 1024px) {
display: block;
}
button {
width: 100%;
}
}
@media (max-width: 1023.98px) {
.section-footer {
padding-bottom: 40px;
}
}
//21: top-banner
.top-banner {
background: linear-gradient(#84d0f0, #afd9ec);
width: 100%;
min-height: 60vh;
position: relative;
overflow: hidden;
.title-paragraph {
@media (max-width: 1200px) {
margin: 0;
}
@media (max-width: 425px) {
margin: 0;
}
}
.background-cloud {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
position: absolute;
svg {
height: auto;
width: 100%;
position: absolute;
}
}
}
// 22: top-banner-center
.center-top-title {
@include positionMiddle;
}
// 23: top-title-paragraph
.title-paragraph {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
@media (max-width: 1200px) {
margin-bottom: 200px;
}
@media (max-width: 425px) {
margin-bottom: 300px;
}
}
//blog-card
.blog-card {
@media (max-width: 767.98px) {
padding: 0.625rem;
}
margin-bottom: 2.5rem;
padding: 0;
transition: 0.5s ease-in-out;
&:hover {
.blog-image-wrapper {
img {
transform: scale(1.08);
}
}
.text-wrapper {
h6 {
color: $primary;
}
}
}
.blog-image-wrapper {
overflow: hidden;
height: 16.5rem;
margin-bottom: 1.125rem;
img {
height: 100%;
width: 100%;
object-fit: cover;
@include transition();
}
}
.text-wrapper {
transition: 0.5s ease-in-out;
margin-bottom: 1.125rem;
p {
font-size: 1rem;
color: #8e8e8e;
font-weight: 400;
margin-bottom: 1rem;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
h6 {
font-weight: 600;
font-size: 18px;
margin-bottom: 0.875rem;
}
.card-detail {
color: #8e8e8e;
}
}
}
//job-list
.job-lists-wrapper {
&:last-of-type {
.inner-wrapper {
border: 0 !important;
}
}
.inner-wrapper {
border-bottom: 2px solid rgba(0, 0, 0, 0.2);
width: 100%;
display: flex !important;
.job-list {
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 1.5rem;
}
.vacancy-duration {
span {
color: #58595a;
padding-right: 0.625rem;
}
}
}
@media (max-width: 767.98px) {
display: block !important;
.job-list {
margin-bottom: 1.25rem;
}
}
}
}
// pricing-table
.pricing-section {
table {
tbody {
tr {
th {
padding: 1rem;
}
}
}
}
}
// 25: breadcrumb-background-dark
.breadcrumb-background-dark {
padding-bottom: 0;
padding-top: 4.5rem !important;
&.background-dark {
background: #005aff !important;
}
&.breadcrumb-background-dark {
padding-bottom: 2.5rem !important;
}
ol,
ul {
margin: 0;
}
li {
a {
color: $white !important;
}
}
.breadcrumb-item + .breadcrumb-item {
&::before {
content: "";
background-image: url("data:image/svg+xml,%3Csvg width='11' height='10' viewBox='0 0 11 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.51423 5.6495L10.1608 5.00193L10.1589 4.99999L9.50653 4.34468L7.70727 2.53727L5.44039 0.258179L3.16196 2.54886L1.36078 4.35628L0.721895 4.99999L0.719971 5.00193L1.36655 5.6495L3.16581 7.45886L5.44039 9.74181L7.71304 7.45886L9.51423 5.6495Z' fill='white'/%3E%3C/svg%3E%0A");
height: 16px;
width: 8px;
background-repeat: no-repeat;
background-size: contain;
margin-right: 8px;
}
}
}
.vacancy-detail-breadcrumb {
padding-top: 4.5rem !important;
background: #121526 !important;
ol,
ul {
margin: 0;
}
li {
a {
color: $white !important;
}
}
.breadcrumb-item + .breadcrumb-item {
&::before {
content: "";
background-image: url("data:image/svg+xml,%3Csvg width='11' height='10' viewBox='0 0 11 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.51423 5.6495L10.1608 5.00193L10.1589 4.99999L9.50653 4.34468L7.70727 2.53727L5.44039 0.258179L3.16196 2.54886L1.36078 4.35628L0.721895 4.99999L0.719971 5.00193L1.36655 5.6495L3.16581 7.45886L5.44039 9.74181L7.71304 7.45886L9.51423 5.6495Z' fill='white'/%3E%3C/svg%3E%0A");
height: 16px;
width: 8px;
background-repeat: no-repeat;
background-size: contain;
margin-right: 8px;
}
}
}
//terms-and-conditions-wrapper
.terms-and-conditions-wrapper {
.col-lg-9 {
padding-left: 0.8125rem;
}
.terms-sidebar-wrapper {
position: sticky;
top: 20%;
margin-right: 2.5rem;
padding-bottom: 1.875rem;
ul {
margin: 0;
list-style-type: none;
li {
padding-bottom: 0.5rem;
margin-bottom: 1.5rem;
border-bottom: 1px solid #acacac;
&.active {
color: #000;
font-family: $body-font;
font-size: 1rem;
font-weight: 600;
border-bottom: 1px solid #000;
a {
color: #000;
}
}
a {
color: #acacac;
font-family: $body-font;
font-size: 1rem;
font-weight: 600;
}
}
}
}
.right-top-content-wrapper {
margin-bottom: 3rem;
h1,
h2,
h3,
h4,
h5,
h6 {
color: #121526;
font-family: $body-font;
font-size: 2.75rem;
font-weight: 600;
margin-bottom: 0.75rem;
}
.updated-date {
color: #58595a;
font-family: $body-font;
font-size: 1rem;
font-weight: 400;
margin-bottom: 2rem;
}
p {
color: #58595a;
font-family: $body-font;
font-size: 1rem;
font-weight: 400;
margin: 0;
}
}
.point-frame-wrapper {
margin-bottom: 3rem;
h1,
h2,
h3,
h4,
h5,
h6 {
color: #121526;
font-family: $body-font;
font-size: 1.5rem;
font-weight: 600;
margin-bottom: 0.5rem;
}
p {
color: #58595a;
font-family: $body-font;
font-size: 1rem;
font-weight: 400;
margin: 0;
margin-bottom: 3rem;
}
}
}
//YOU-MAY-LIKE
.YOU-MAY-LIKE {
.main-wrapper .top-title-wrapper p,
span {
color: #000 !important;
}
}
.color-grey {
color: #6c757d;
}
dev/sass/base/_custom_base.scss 0 → 100644
/*
1: Custom CSS
1.1: Arrow Btn
1.3: Section heading
1.4: Hover Up
1.5: Accordion
1.6: Owl Carousel
1.8: Breadcrumb
1.7: Sidebar
1.9: Form Group
1.10: Select2 dropdown
1.11: Pagination
1.12: Related Content
1.13: Expandable-text-wrapper
// OUR-MOST-RECENT-WORKS
// modal-steps-wrapper
// request-success-modal
*/
// 1: Custom CSS
//1.1: Arrow Btn
.arrow-btn {
display: flex;
padding: 10px 20px;
font-size: 1.125rem;
font-weight: 600;
padding-right: 50px;
position: relative;
text-decoration: unset;
white-space: nowrap;
&::before {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 20px;
background: url("../../assets/img/arrowRight.svg");
background-repeat: no-repeat;
background-size: contain;
height: 18px;
width: 18px;
@include transition();
}
&:hover {
&::before {
right: 10px;
}
}
}
//1.3: Section heading
.section-heading {
text-align: center;
margin-bottom: 2.5rem;
h2 {
line-height: 42px;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: 900;
color: $primary;
margin-bottom: 1.25rem;
}
span {
font-style: normal;
font-weight: normal;
font-size: 1.125rem;
line-height: 32px;
color: #6c6c6c;
}
}
//1.4: Hover Up
.hover-up {
display: block;
@include transition();
&:hover {
transform: translateY(-4px);
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
}
// 1.5: Accordion
.accordion {
.accordion-item {
border: none;
border-bottom: 1px solid #ebf2f8;
.accordion-button {
font-weight: 600;
font-size: 1.125rem;
line-height: 28px;
color: #000d20;
&::after {
content: "";
margin-left: auto !important;
background-image: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.5 10.5H11V18H8V10.5H0.5V7.5H8V0H11V7.5H18.5V10.5Z' fill='black'/%3E%3C/svg%3E%0A") !important;
background-repeat: no-repeat;
height: 1.5rem;
width: 1.5rem;
background-size: contain;
display: block;
background-repeat: no-repeat;
}
}
.accordion-button:not(.collapsed) {
color: none;
background-color: transparent;
box-shadow: none;
}
}
}
.accordion-wrapper
.accordion
.accordion-item.classColor
.accordion-header
button {
&::after {
content: "";
background-image: url("https://makuracreations.online/makura/wp-content/themes/makura/assets/img/close-icon.png") !important;
}
}
// 1.6 Owl Carousel
.owl-carousel {
.owl-nav {
margin-top: 0;
button {
z-index: 11;
&.owl-prev {
position: absolute;
@include transition();
top: -120px;
right: 0;
background-color: #fff;
padding: 0.5rem !important;
svg {
stroke: #616161;
path {
stroke: #616161;
}
}
right: 70px;
&:hover {
background-color: $primary;
svg {
path {
stroke: #fff;
}
}
}
}
&.owl-next {
position: absolute;
@include transition();
top: -120px;
right: 0;
background-color: #fff;
padding: 0.5rem !important;
svg {
stroke: #616161;
path {
stroke: #616161;
}
}
&:hover {
background-color: $primary;
svg {
path {
stroke: #fff;
}
}
}
}
}
}
&.centered {
.owl-nav {
button {
background-color: white;
top: 50%;
transform: translateY(-50%);
}
.owl-next {
right: 1rem;
}
.owl-prev {
right: unset;
left: 1rem;
}
}
}
}
// 1.7 Sidebar
.sidebar {
height: 100%;
width: 320px;
position: fixed;
top: 0;
left: 0;
z-index: 111;
transform: translateX(-1000%);
.content-wrapper {
background-color: $primary;
position: relative;
z-index: 1111;
height: 100%;
}
@include transition();
.close-btn {
position: absolute;
top: 1rem;
right: -40px;
font-size: 1.25rem;
height: 40px;
width: 40px;
background-color: $primary;
display: flex;
align-items: center;
font-size: 1rem;
justify-content: center;
border-radius: 50%;
cursor: pointer;
i {
color: #fff;
@include transition();
}
&:hover {
opacity: 0.8;
i {
transform: scale(1.3);
}
}
}
&.cart {
left: unset;
right: 0;
transform: translateX(120%);
.close-btn {
right: unset;
left: -40px;
}
}
&.active {
transform: unset;
}
}
//1.8 : Breadcrumb
.breadcrumb {
.breadcrumb-item {
font-size: 1rem;
font-weight: 600;
a {
color: #6c757d;
}
&.active {
a {
color: #000;
}
}
}
.breadcrumb-item + .breadcrumb-item {
font-size: 1rem;
font-weight: 600;
display: flex;
align-items: end;
color: $white;
p {
color: #000;
margin-bottom: 0;
}
&::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");
height: 16px;
width: 8px;
background-repeat: no-repeat;
background-size: contain;
margin-right: 8px;
}
}
}
// 1.9: Form Group
.form-group {
margin-bottom: 1rem;
label {
color: #151515;
font-weight: 500;
font-size: 0.875rem;
margin-bottom: 0.75rem;
}
.form-control {
height: 3rem;
background-color: #f9f9f9;
border: 1px solid #d1d1d1;
&:focus,
&:focus-visible {
box-shadow: none;
border: 2px solid $primary;
}
}
textarea {
min-height: 100px;
}
.select2-container {
width: 100% !important;
height: 3rem !important;
.select2-selection--single {
height: 100%;
.select2-selection__rendered {
line-height: 3rem;
}
.select2-selection__arrow {
height: 3rem;
}
}
}
}
// 1.10: select2 dropdown
.select2-dropdown {
z-index: 11111;
padding: 0.5rem;
input {
margin-bottom: 1rem;
&:focus-visible {
box-shadow: none !important;
outline: none !important;
}
}
.select2-results__option--highlighted.select2-results__option--selectable {
background: $primary !important;
}
.select2-results__option--highlighted {
background-color: $primary !important;
}
}
//1.11: Pagination
.pagination {
background-color: transparent;
li {
border: 1px solid #121526;
opacity: 0.7;
background: $white;
margin-right: 1rem;
&:last-child {
margin-right: 0;
}
a {
color: #121526;
font-family: $body-font;
font-size: 1rem;
font-weight: 600;
line-height: 24px;
letter-spacing: -0.4px;
}
&.active {
a {
background-color: $primary;
color: #fff;
&::before {
display: none;
}
}
}
}
}
// 1.12: Related Content
.related-content {
.heading {
@extend .mb-40;
span {
font-size: 0.875rem;
letter-spacing: 1px;
text-transform: uppercase;
color: #000000;
}
h1 {
margin-top: 0rem;
font-weight: 900;
line-height: 58px;
letter-spacing: 1px;
text-transform: uppercase;
color: $primary;
}
}
}
//1.13: Expandable-text-wrapper
.expandable-text-wrapper,
.expandable-text-accordion-wrapper {
.button-wrapper {
margin-top: 1.875rem;
@media (max-width: 767.98px) {
margin-top: 1.875rem;
}
}
.heading {
h3 {
color: $primary;
margin-bottom: 1rem;
}
}
.expandable-text,
.expandable-text-accordion {
border: 1px solid rgba(0, 0, 0, 0.1);
max-height: 21rem;
padding: 2rem;
overflow: hidden;
transition: all 1s ease;
position: relative;
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 1.5rem !important;
font-weight: 600;
}
ul {
columns: 2;
padding-top: 1.5rem;
padding-bottom: 3rem;
-webkit-column-count: 2;
column-count: 2;
-webkit-column-gap: 10rem;
column-gap: 3rem;
max-width: 840px;
margin: auto;
li {
display: flex;
font-size: 1rem;
margin-bottom: 1.75rem;
@media (max-width: 767.98px) {
margin-bottom: 3.25rem;
}
.icon {
margin-right: 0.5rem;
}
}
}
&::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
height: 65%;
width: 100%;
background-size: cover;
background-image: url(../../assets/img/expand-text.png);
background-repeat: no-repeat;
@media (max-width: 767.98px) {
display: none;
}
}
p {
color: #6c6c6c;
}
p.expand {
opacity: 0;
}
&.expanded {
max-height: 2000px;
&::before {
display: none;
}
p.expand {
opacity: 1;
}
}
}
.see-more-btn,
.download-curriculum-btn .see-more-btn-accordion {
font-size: 1rem;
color: $white;
font-weight: 500;
background-color: $primary;
padding: 0.75rem 3.9375rem;
cursor: pointer;
}
}
//OUR-MOST-RECENT-WORKS
.OUR-MOST-RECENT-WORKS {
.recent-card-wrapper {
margin-bottom: 4rem !important;
// display: none;
}
.load-more-content {
&.hide {
display: none !important;
}
}
.nav-pills {
padding: 1.5rem 0;
margin-bottom: 2rem !important;
border-top: 1px solid #bfbfbf;
border-bottom: 1px solid #bfbfbf;
li {
margin-right: 2.75rem;
&:last-child {
margin-right: 0;
}
}
button {
padding: 0;
background-color: unset !important;
color: #58595a !important;
font-family: $body-font;
font-size: 1rem;
font-weight: 600;
line-height: 24px;
letter-spacing: -0.4px;
&.active {
color: #005aff !important;
}
}
}
}
.main-wrapper {
@media (max-width: 767.98px) {
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 1.875rem !important;
}
}
padding: 6.25rem 0 3rem 0;
@media (max-width: 767.98px) {
padding: 1.875rem 0;
}
.view-button {
@media (max-width: 767.98px) {
margin-top: 5.125rem;
}
}
.top-title-wrapper {
span {
font-weight: 600;
font-size: 14px;
color: $primary-second;
}
h2 {
margin-top: 1.25rem;
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;
}
}
.tabs-wrapper {
ul {
margin-bottom: 3.625rem !important;
li {
margin-right: 1.25rem;
@media (max-width: 1023.98px) {
margin-bottom: 1.25rem;
}
button {
border-radius: 0;
padding: 0.75rem 2rem;
border: 1px solid rgba(0, 0, 0, 0.1);
&:hover {
background-color: $primary;
color: #fff;
}
}
}
}
}
}
.recent-card-wrapper {
&:hover {
.bottom-text {
h1,
h2,
h3,
h4,
h5,
h6 {
color: $primary;
}
}
}
img {
margin-bottom: 1.75rem;
height: 16rem;
width: 100%;
object-fit: cover;
}
.bottom-text {
h1,
h2,
h3,
h4,
h5,
h6 {
color: #121526;
font-family: $body-font;
font-size: 1.375rem;
font-weight: 600;
letter-spacing: -0.6px;
margin-bottom: 0.5rem;
}
p {
color: #58595a;
font-family: $body-font;
font-size: 0.875rem;
font-style: normal;
font-weight: 500;
line-height: 30px;
letter-spacing: -0.6px;
text-decoration-line: underline;
margin: 0;
@media (max-width: 767.98px) {
font-size: 0.875rem !important;
}
}
ul {
flex-wrap: wrap;
li {
margin-bottom: 4px;
font-weight: 600;
margin-right: 1.25rem;
color: #58595a;
font-family: $body-font;
font-size: 0.875rem;
font-weight: 400;
letter-spacing: -0.5px;
button {
border-radius: 0;
padding: 0.75rem 3.1875rem;
}
}
}
}
}
.course-card-wrapper {
border: 1px solid rgba(0, 0, 0, 0.1);
margin-bottom: 2.5rem;
overflow: hidden;
&:hover {
img {
transform: scale(1.09);
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: $primary;
}
}
img {
width: 100%;
height: 12.5rem;
object-fit: cover;
margin-bottom: 1.5rem;
overflow: hidden;
transition: 0.3s ease-in-out;
}
.inner-content-wrapper {
background: $white;
padding: 0 1.25rem 1.5rem 1.25rem;
}
ul {
margin-bottom: 0.75rem;
li {
color: #8f8f8f !important;
font-family: $body-font;
font-size: 1rem;
font-weight: 400;
}
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #000;
font-family: $body-font;
font-size: 1.25rem;
font-weight: 600;
letter-spacing: -0.4px;
margin-bottom: 1.125rem;
}
.review-star-wrapper {
margin-bottom: 1.25rem;
.star {
margin-right: 0.625rem;
}
}
.rating-text {
color: #58595a;
font-family: $body-font;
font-size: 1rem;
font-weight: 600;
letter-spacing: -0.4px;
}
.course-price {
color: #000;
font-family: $body-font;
font-size: 1.25rem;
font-weight: 600;
letter-spacing: -0.4px;
}
&.high-rated-card {
.course-price {
color: #1226aa;
font-family: $body-font;
font-size: 1.25rem;
font-weight: 600;
letter-spacing: -0.4px;
}
}
}
//OUR-MOST-RECENT-WORKS
//request-success-modal
.request-success-modal {
display: none;
animation: grow 2s ease;
}
@keyframes grow {
from {
transform: scale(0);
}
to {
transform: scale(1);
}
}
// success-request
.success-request {
animation: grow 0.3s ease;
svg {
margin-bottom: 3.1875rem;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #121526;
font-family: $body-font;
font-size: 2rem;
font-weight: 600;
letter-spacing: -1px;
margin-bottom: 1.5rem;
}
p {
color: #58595a;
text-align: center;
font-family: $body-font;
font-size: 0.875rem;
font-weight: 600;
margin-bottom: 3rem;
span {
color: #2c5cda;
font-family: $body-font;
font-size: 0.875rem;
font-weight: 700;
}
}
button {
color: #f9f8f4;
font-family: $body-font;
font-size: 1rem;
font-weight: 600;
letter-spacing: -0.4px;
padding: 0.75rem 4.375rem;
}
}
//modal-steps-wrapper
.modal-steps-wrapper {
#cf7mls-back-btn-cf7mls_step-7 {
display: none;
}
textarea {
background: rgba(0, 0, 0, 0.05);
width: 100%;
padding: 1.125rem 1rem;
color: #000;
font-family: $body-font;
font-size: 0.875rem;
font-weight: 400;
letter-spacing: -0.3px;
resize: none;
}
input {
background: rgba(0, 0, 0, 0.05);
padding: 1.125rem 1rem;
border-radius: 0;
&:focus {
background: rgba(0, 0, 0, 0.05);
padding: 1.125rem 1rem;
border-radius: 0;
outline: none;
border: 1px solid #ced4da;
box-shadow: unset;
}
}
.wpcf7-form .fieldset-cf7mls .cf7mls-btns {
min-height: unset !important;
margin-top: 1.875rem;
}
//cf7mls-btns
.cf7mls-btns {
display: flex;
margin-left: auto;
text-align: left;
button {
background: #005aff;
margin: 0 !important;
padding: 0.75rem 3.625rem !important;
color: #f9f8f4 !important;
font-family: $body-font;
font-size: 1rem;
font-weight: 600;
height: 100%;
border-radius: 0;
&.cf7mls_back {
margin-right: 1rem !important;
}
}
}
.step-text {
h1,
h2,
h3,
h4,
h5,
h6 {
color: #1226aa !important;
font-family: $body-font;
font-size: 0.875rem !important;
font-weight: 600 !important;
line-height: 20px !important;
letter-spacing: -0.3px;
}
}
button,
.button {
color: #f9f8f4 !important;
padding: 0.75rem 3.625rem;
font-family: $body-font;
font-size: 1rem;
font-weight: 600;
letter-spacing: -0.4px;
&.previous {
color: #000 !important;
border: 1px solid #000;
border-radius: 0;
margin-right: 1rem;
&:hover {
color: $white !important;
background-color: $dark;
}
}
&.cf7mls_back {
color: #000 !important;
margin: 0;
}
}
.cf7mls_back {
color: #000 !important;
border: 1px solid #000;
border-radius: 0;
margin-right: 1rem;
background-color: transparent !important;
background: transparent !important;
padding: 0.75rem 3.625rem;
}
.wpcf7-form-control-wrap {
position: relative;
&::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%, -50%);
}
&.cf7mls-invalid {
&::before {
content: "";
top: 17%;
}
}
}
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;
cursor: pointer;
}
.wpcf7-spinner {
position: absolute !important;
bottom: 30px;
left: 50%;
transform: translate(-50%, -50%);
}
.fieldset-cf7mls-wrapper {
fieldset {
&:nth-child(5) {
.wpcf7-form-control-wrap {
&::before {
display: none;
}
}
}
&:nth-child(7) {
.wpcf7-form-control-wrap {
&::before {
display: none;
}
}
.wpcf7-submit {
color: #f9f8f4 !important;
padding: 0.75rem 3.625rem;
font-family: "Sora", sans-serif;
font-size: 1rem;
font-weight: 600;
letter-spacing: -0.4px;
background-color: $primary;
outline: none;
border: none;
border-radius: 0;
margin-right: 4.3125rem;
margin-top: 0;
margin-bottom: 0;
}
}
&:nth-child(6) {
.wpcf7-form-control-wrap {
&::before {
display: none;
}
}
}
.sent-quote-btn-wrapper {
width: 100%;
justify-content: space-between;
p {
display: flex;
width: 100%;
align-items: center;
justify-content: space-between;
.wpcf7-spinner {
left: 88%;
bottom: 14%;
@media (max-width: 1199px) {
left: 83% !important;
bottom: 12% !important;
}
@media (max-width: 425px) {
left: 83% !important;
bottom: 11% !important;
}
}
}
}
}
}
fieldset {
p {
color: #58595a;
font-family: $body-font;
font-size: 1.125rem;
font-weight: 400;
}
}
.modal-steps-wrapper-box {
fieldset {
.wpcf7-spinner {
position: absolute;
background: red;
z-index: 9999999999;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
&:not(:first-of-type) {
display: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #121526;
font-family: $body-font;
font-size: 2rem;
font-weight: 600;
letter-spacing: -1px;
margin-bottom: 1.25rem;
}
p {
color: #58595a;
font-family: $body-font;
font-size: 1.125rem;
line-height: 28px;
letter-spacing: -0.5px;
margin-bottom: 1.9375rem;
}
.input-wrapper {
margin-bottom: 3.75rem;
}
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;
&::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 {
margin-bottom: 3.75rem;
&::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%, -50%);
}
}
}
}
}
// error message contact form 7
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
position: fixed;
width: 35%;
bottom: 20%;
right: 0;
padding: 28px;
border-radius: 8px;
background: #ebc8c4;
color: #dc3232;
border: 0px;
transform: translateX(100rem);
transition: 0.3s ease-in-out;
animation: toast 4s cubic-bezier(0.075, 0.82, 0.165, 1) forwards;
border: 2px solid #dc3232;
border-color: #dc3232 !important;
@media (max-width: 767.98px) {
width: 80%;
}
}
// success message contact form 7
.wpcf7 form.sent .wpcf7-response-output {
position: fixed;
width: 35%;
bottom: 20%;
right: 0;
padding: 28px;
border-radius: 8px;
background: #cce8f4;
color: #4d728a;
border: 0px;
transform: translateX(100rem);
transition: 0.3s ease-in-out;
animation: toast 4s cubic-bezier(0.075, 0.82, 0.165, 1) forwards;
border: 2px solid #4d728a;
border-color: #4d728a !important;
@media (max-width: 767.98px) {
width: 80%;
}
}
.wpcf7-not-valid-tip {
font-size: 1rem !important;
}
@keyframes toast {
0% {
transform: translateY(150%);
opacity: 0;
}
10%,
90% {
transform: translateY(0);
opacity: 1;
}
100% {
transform: translateY(100%);
opacity: 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/_index.scss 0 → 100644
// woocommerce css
@media (max-width: 600px) {
.whats-app-icon-wrapper {
right: 2% !important;
}
}
@media (max-width: 768px) {
.whats-app-icon-wrapper {
padding: 0 !important;
}
.whats-app-icon-wrapper svg {
width: 50px;
height: 50px;
}
}
.whats-app-icon-wrapper {
position: fixed;
bottom: 80px;
right: 20px;
padding: 10px;
border-radius: 5px;
text-decoration: none;
z-index: 10;
}
.whats-app-icon-wrapper:hover .tooltip-wrapper {
opacity: 1;
}
.whats-app-icon-wrapper .tooltip-wrapper {
top: 23%;
left: -8rem;
background-color: #34c759;
border-radius: 8px;
pointer-events: none;
opacity: 0;
transition: 0.6s ease-in-out;
}
.whats-app-icon-wrapper .tooltip-wrapper p {
margin: 0;
padding: 10px;
color: #fff;
}
@-moz-document url-prefix() {
.owl-item {
margin-right: 12px !important;
}
}
/* technology-carousel-wrapper */
.technology-carousel-wrapper .owl-stage {
justify-content: center;
margin: auto;
}
body {
zoom: 90%;
}
.modal-backdrop.show {
width: 100%;
height: 100%;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none !important;
margin: 0 !important;
}
input[type="number"] {
-moz-appearance: textfield !important;
}
.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
display: none !important;
}
// woocommerce css
.HOME {
&.home2 {
background-image: url("https://makuracreations.com/images/showcase-bg.jpg");
background-repeat: no-repeat;
background-size: cover;
}
&.TOP-BANNER-SECTION {
.left-text {
.left-text-wrapper {
margin-bottom: 1.5rem;
}
}
img {
height: 100%;
width: 100%;
}
}
&.TOP-CAROUSEL-SECTION {
.row {
margin-bottom: 0 !important;
}
}
}
.project-diagram {
.top-row {
@media (max-width: 767.98px) {
display: block !important;
}
.inner-top-wrapper {
@media (max-width: 767.98px) {
display: block !important;
text-align: center;
img {
margin-bottom: 1.375rem;
}
}
.svg-wrapper1 {
left: -7rem;
top: 1.875rem;
transform: rotate(335deg);
@media (min-width: 1369.98px) and (max-width: 1920px) {
top: 2.875rem;
}
@media (max-width: 1024px) {
display: none;
}
}
img {
height: 9.25rem;
width: 10.375rem;
object-fit: contain;
margin-right: 1.25rem;
}
}
}
.bottom-row {
@media (max-width: 767.98px) {
display: block !important;
text-align: center;
}
.inner-wrapper {
.svg-wrapper2 {
left: -20rem;
transform: rotate(250deg);
top: -7rem;
@media (min-width: 1369.98px) and (max-width: 1920px) {
top: -8rem;
svg {
height: 305px;
width: 329px;
}
}
@media (max-width: 1024px) {
display: none;
}
}
.svg-wrapper3 {
top: -128px;
left: 5rem;
transform: rotate(358deg);
@media (min-width: 1369.98px) and (max-width: 1920px) {
svg {
height: 159px;
width: 139px;
path {
stroke-width: 2;
}
}
}
@media (max-width: 1024px) {
display: none;
}
}
.svg-wrapper4 {
top: -6rem;
transform: rotate(258deg);
left: -23rem;
@media (min-width: 1369.98px) and (max-width: 1920px) {
top: -8rem;
transform: rotate(258deg);
left: -24rem;
svg {
height: 270px;
width: 500px;
}
}
@media (max-width: 1024px) {
display: none;
}
}
img {
height: 9.25rem;
width: 10.375rem;
object-fit: contain;
margin-bottom: 1.375rem;
}
}
}
}
.analysis-section {
@media (max-width: 991px) {
.row {
flex-direction: column-reverse;
}
}
&.background-dark {
background-color: #005aff !important;
}
.col-lg-7 {
position: relative;
}
img {
width: 100%;
height: 23rem;
object-fit: contain;
pointer-events: none;
position: absolute;
bottom: 0;
// padding: 0rem 5rem;
@media (max-width: 768px) {
margin-left: 0;
}
@media (max-width: 991px) {
position: relative;
height: 100%;
}
}
.right-content-wrapper {
span {
color: #005aff;
font-family: $body-font;
font-size: 0.875rem;
font-weight: 600;
letter-spacing: -0.3px;
margin-bottom: 0.375rem;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: $white;
font-family: $body-font;
font-size: 2.75rem;
font-weight: 600;
line-height: 60px;
letter-spacing: -1.4px;
margin-bottom: 1.5rem;
}
p {
color: $white !important;
font-family: $body-font;
font-size: 1.125rem;
font-weight: 400;
line-height: 28px;
letter-spacing: -0.5px;
}
a {
width: fit-content;
background: white;
color: #000 !important;
}
}
}
.TOP-BANNER-SECTION {
.left-text {
@media (max-width: 767.98px) {
margin-bottom: 3.75rem;
}
.left-text-wrapper {
&::before {
content: "";
// background-image: url(../../assets/img/home-back.png);
background-image: url(../../assets/img/home-back2.png);
display: block;
background-size: contain;
background-repeat: no-repeat;
width: 220px;
height: 220.12px;
left: -63px;
top: -90px;
position: absolute;
@media (max-width: 1100.9px) {
width: 220px;
height: 220.12px;
left: -46px;
top: -56px;
}
@media (max-width: 767.9px) {
width: 198px;
height: 119.12px;
left: -15px;
top: 0;
}
}
}
}
.img-wrapper {
img {
max-height: 500px;
object-fit: contain;
}
}
}
.TOP-CAROUSEL-SECTION {
position: relative;
overflow: hidden;
.title-wrapper {
padding-bottom: 1rem;
}
.partners-carousel {
.item {
img {
object-fit: contain;
height: 150px;
}
}
}
.client-carouselwrapper {
.owl-stage {
display: flex;
align-items: center;
}
img {
width: auto;
height: auto;
object-fit: contain;
}
.owl-carousel.owl-drag .owl-item {
display: flex;
justify-content: center;
}
}
.experience-card,
.clients-served,
.working-experts {
padding: 1.9375rem 0;
position: relative;
&::before {
content: "";
background-image: url("../../assets/img/makurajalo.svg");
background-repeat: no-repeat;
background-size: contain;
position: absolute;
right: -23%;
width: 15.4276rem;
height: 15.4616rem;
transform: rotate(112.957deg);
opacity: 0.3;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: $white;
font-family: $body-font;
font-size: 2.75rem;
font-weight: 600;
margin-bottom: 0.375rem;
}
}
}
// HOMEPAGE-TOP-AFTER-CAROUSEL-SECTION
.HOMEPAGE-TOP-AFTER-CAROUSEL-SECTION {
@media (max-width: 767.98px) {
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 1.875rem !important;
}
}
&.SERVICE {
.left-text-wrapper {
.text-wrapper {
h2 {
color: #121526 !important;
font-family: $body-font !important;
font-size: 1.5rem !important;
font-weight: 600 !important;
letter-spacing: -0.6px !important;
margin-bottom: 1.5rem;
}
}
}
}
.row {
margin-bottom: 6rem;
&:last-child {
margin-bottom: 0;
}
&:nth-child(even) {
flex-direction: row-reverse;
padding-bottom: 0;
@media (max-width: 767.98px) {
flex-direction: column-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 {
color: #121526;
font-family: $body-font;
font-size: 2.5rem;
font-weight: 600;
line-height: 43px;
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: 1.75rem;
}
}
.technology-used {
h1,
h2,
h3,
h4,
h5,
h6 {
color: #121526;
font-family: $body-font;
font-size: 1.125rem;
font-weight: 600;
line-height: 32px;
letter-spacing: -0.6px;
margin-bottom: 1rem;
}
ul {
li {
margin-right: 1.25rem;
img {
width: auto;
height: 2.4375rem;
object-fit: contain;
}
&:last-child {
margin-right: 0;
}
}
}
}
}
.right-image-wrapper {
.image-wrapper {
img {
max-height: 25rem;
width: 100%;
height: 100%;
object-fit: contain;
@media (max-width: 991.98px) {
margin-bottom: 2rem;
height: auto;
width: 20rem;
object-fit: contain;
display: flex;
margin: auto;
}
}
}
}
}
&.reversed {
.row {
flex-direction: row-reverse;
}
}
}
//HOME WHAT-WE-DO-SECTION
.WHAT-WE-DO-SECTION {
.top-title {
margin-bottom: 3.75rem;
h2 {
margin-bottom: 1.5rem;
font-size: 2.75rem;
font-weight: 600;
}
p {
color: #58595a;
font-family: $body-font;
font-size: 1.125rem;
font-weight: 400;
}
}
.card-wrapper {
border: 1px solid #c0c0c0;
transition: 0.3s ease;
height: 100%;
&:hover {
border: 1px solid #005aff;
// background: #121526;
background: #005aff;
li {
color: $white;
border: 1px solid $white !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: $white;
}
a,
p,
.tag {
color: $white;
}
.tag {
border: 1px solid $white !important;
}
}
img {
margin-bottom: 1.5rem;
width: 75px;
height: 60px;
object-fit: cover;
}
h4 {
font-size: 2rem;
font-weight: 600;
margin-bottom: 1.25rem;
padding-right: 2.5rem;
}
}
}
.tags-wrapper {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-right: 0.75rem;
font-size: 0.8125rem;
font-weight: 500;
height: auto;
white-space: nowrap;
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;
}
}
.tag {
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;
}
}
//NOT-LISTED-SECTION
.NOT-LISTED-SECTION {
P {
text-align: justify;
margin: 0;
}
.contact {
display: flex;
align-items: center;
margin-left: auto;
}
}
//NOT-LISTED-SECTION
//MEET-OUR-TEAM-SECTION
.MEET-OUR-TEAM-SECTION {
.title-wrapper {
h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: 1.5rem;
@media (max-width: 767.98px) {
font-size: 2rem !important;
text-align: left;
}
}
p {
color: #58595a;
font-family: $body-font;
font-size: 1.125rem;
font-weight: 400;
margin: 0;
@media (max-width: 767.98px) {
font-size: 1.125rem !important;
text-align: left;
}
}
}
.meet-team-wrapper {
.team-card {
.card {
border: 1px solid #fff;
transition: 0.5s ease;
justify-content: center;
img {
width: 16.4375rem;
height: 16.375rem;
object-fit: contain;
margin: auto;
padding-top: 1.25rem;
}
}
.inner-card {
border: none;
transition: unset;
.img-wrapper {
margin-bottom: 20px;
min-height: 12.5rem;
display: flex;
justify-content: center;
.backgroundimg {
position: absolute;
img {
height: 198px;
width: 234px;
// position: absolute;
object-fit: contain;
}
}
}
}
&:hover {
.card {
border: 1px solid rgba(0, 0, 0, 0.1);
}
.info {
background-color: $primary;
color: #fff;
h5 {
color: #fff;
}
span {
color: $white;
}
}
}
.info {
padding: 1.5rem 0;
transition: 0.5s ease;
h5 {
transition: 0.5s ease;
}
span {
color: #58595a;
text-align: center;
font-family: $body-font;
font-size: 1.125rem;
font-weight: 400;
line-height: 28px;
letter-spacing: -0.5px;
}
}
}
}
.about-team {
.btn-start-project-white {
margin-top: 3rem !important;
}
.team-card {
.card {
border: 1px solid #fff;
transition: 0.5s ease;
justify-content: center;
img {
width: 16.4375rem;
height: 16.375rem;
object-fit: contain;
margin: auto;
padding-top: 1.25rem;
}
}
.inner-card {
border: none;
transition: unset;
.img-wrapper {
margin-bottom: 20px;
min-height: 12.5rem;
display: flex;
justify-content: center;
.backgroundimg {
position: absolute;
img {
height: 198px;
width: 234px;
// position: absolute;
object-fit: contain;
}
}
}
}
&:hover {
.card {
border: 1px solid rgba(0, 0, 0, 0.1);
}
.info {
background-color: $primary;
color: #fff;
h5 {
color: #fff;
}
span {
color: $white;
}
}
}
.info {
padding: 1.5rem 0;
transition: 0.5s ease;
h5 {
transition: 0.5s ease;
}
span {
color: #58595a;
text-align: center;
font-family: $body-font;
font-size: 1.125rem;
font-weight: 400;
line-height: 28px;
letter-spacing: -0.5px;
}
}
}
}
}
//MEET-OUR-TEAM-SECTION
// OUR-CUSTOMERS-SAY-SECTION
.OUR-CUSTOMERS-SAY-SECTION {
@media (max-width: 767.98px) {
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 1.875rem !important;
}
}
&.single-what-customers-say {
.customer-feedback-portfolio {
.feedback-wrapper {
p {
height: unset;
}
.author-info {
img {
width: auto;
}
}
}
}
}
&.background-dark {
background: #005aff !important;
}
.top-title {
h2 {
font-size: 2.75rem;
font-weight: 600;
}
}
.customer-feedback,
.customer-feedback-course-detail {
.feedback-wrapper {
height: auto;
border: 2px solid rgba(0, 0, 0, 0.1);
background-color: $white;
transition: 0.3s ease-in-out;
img {
background-color: $white;
}
&:hover {
background-color: #121526;
p,
span {
color: $white !important;
}
svg {
path {
fill: $white;
}
}
hr {
border: 2px solid $white !important;
opacity: 1;
}
.author-info {
.detail {
span {
color: $white !important;
}
}
}
.detail {
div {
color: $white !important;
}
}
}
.inner-content {
height: 17rem;
overflow: hidden;
}
svg {
margin-bottom: 1rem;
}
p {
height: 12.875rem;
overflow-y: scroll;
color: #121526 !important;
font-family: $body-font;
font-size: 1rem;
font-weight: 400;
line-height: 24px;
letter-spacing: -0.4px;
padding-right: 0.75rem;
&::-webkit-scrollbar {
width: 2px;
}
&::-webkit-scrollbar-thumb {
background-color: $primary;
}
}
hr {
margin: 3rem 0 !important;
border: 2px solid rgba(0, 0, 0, 0.55) !important;
}
.author-info {
img {
height: 3.75rem;
width: 3.75rem;
object-fit: contain;
margin-right: 1.125rem;
border-radius: 50%;
}
.detail {
div {
color: #121526;
font-family: $body-font;
font-size: 1.25rem;
font-weight: 600;
line-height: 30px;
margin-bottom: 0.125rem;
}
span {
color: #58595a !important;
font-family: $body-font;
font-size: 1rem;
font-weight: 600;
line-height: 24px;
}
}
}
}
.owl-dots {
display: block;
margin-top: 1rem !important;
.owl-dot {
span {
border-radius: 0;
background-color: #fff;
}
&.active {
span {
background-color: #121526;
}
}
}
}
}
.customer-feedback-portfolio {
.feedback-wrapper {
border: 2px solid rgba(0, 0, 0, 0.1);
background-color: $white;
svg {
margin-bottom: 1rem;
}
p {
height: 12.875rem;
overflow-y: scroll;
color: #121526 !important;
font-family: $body-font;
font-size: 1rem;
font-weight: 500;
line-height: 24px;
letter-spacing: -0.4px;
&::-webkit-scrollbar {
width: 2px;
display: none;
}
&:hover {
&::-webkit-scrollbar {
display: block;
}
}
&::-webkit-scrollbar-thumb {
background-color: $primary;
}
span {
max-height: 12.875rem;
overflow-y: scroll;
color: #121526 !important;
font-family: $body-font;
font-size: 1rem;
font-weight: 500;
line-height: 24px;
letter-spacing: -0.4px;
&::-webkit-scrollbar {
width: 2px;
display: none;
}
&:hover {
&::-webkit-scrollbar {
display: block;
}
}
&::-webkit-scrollbar-thumb {
background-color: $primary;
}
}
}
.detail {
div {
color: #005aff !important;
font-family: $body-font !important;
font-size: 1.25rem !important;
font-weight: 600 !important;
line-height: 30px !important;
margin-bottom: 0.125rem;
}
span {
color: #121526 !important;
font-family: $body-font !important;
font-size: 1rem !important;
font-weight: 600 !important;
line-height: 24px !important;
}
}
hr {
margin: 3rem 0 !important;
border: 1px solid rgba(0, 0, 0, 0.2) !important;
}
.author-info {
img {
height: 3.75rem;
width: 3.75rem;
object-fit: contain;
margin-right: 1.125rem;
}
.detail {
div {
color: #121526;
font-family: $body-font;
font-size: 1.25rem;
font-weight: 600;
line-height: 30px;
}
span {
color: #58595a;
font-family: $body-font;
font-size: 1rem;
font-weight: 600;
line-height: 24px;
}
}
}
}
.owl-dots {
display: block;
margin-top: 1.75rem !important;
.owl-dot {
span {
border-radius: 0;
background-color: #58595a;
}
&.active {
span {
background-color: #121526;
}
}
}
}
}
}
//OUR-CUSTOMERS-SAY-SECTION
@-moz-document url-prefix() {
.owl-item {
margin-right: 12px !important;
}
}
//BLOG-SECTION
.BLOG-SECTION {
.blog-carousel {
.item {
max-height: 31.0625rem;
&:hover {
.blog-image-wrapper {
img {
transform: scale(1.08);
}
}
}
a {
&:hover {
.text-wrapper {
h1,
h2,
h3,
h4,
h5,
h6 {
color: $primary;
}
}
.bottom-section {
p {
color: $primary;
}
}
}
.blog-image-wrapper {
overflow: hidden;
height: 17.1875rem;
img {
margin-bottom: 1.25rem;
transition: 0.5s ease-in-out;
height: 100%;
width: 100%;
overflow: hidden;
}
}
.bottom-section {
p {
color: #58595a;
font-family: "Sora", sans-serif;
font-size: 0.875rem;
font-weight: 500;
line-height: 30px;
letter-spacing: -0.6px;
text-decoration-line: underline;
margin: 0;
}
}
.text-wrapper {
padding: 1.25rem 0;
h6 {
margin-bottom: 1.3125rem;
color: #333;
font-family: $body-font;
font-size: 1.375rem;
font-weight: 600;
line-height: 28px;
letter-spacing: -0.5px;
}
p {
margin-bottom: 0.5rem;
color: #666;
font-family: $body-font;
font-size: 0.875rem;
font-weight: 400;
line-height: 20px;
}
span {
color: #58595a;
font-family: $body-font;
font-size: 0.875rem;
font-weight: 400;
line-height: 150%;
}
}
}
}
}
button {
width: 13.125rem;
margin: 1.25rem auto;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.btn {
display: flex;
align-items: center;
justify-content: center;
margin: auto;
width: fit-content;
@media (max-width: 1400px) {
margin-top: 3rem;
}
}
}
//BLOG-SECTION
//FAQS-SECTION
.FAQS-SECTION {
span {
font-weight: 600;
font-size: 14px;
color: #005aff;
margin-bottom: 1.25rem;
}
.accordion-wrapper {
.accordion {
position: sticky;
top: 18%;
}
}
.left-section {
.image-wrapper {
img {
height: 24rem;
width: 100%;
object-fit: contain;
}
}
h2 {
margin-bottom: 1.5rem;
}
p {
margin-bottom: 2.5rem;
color: #58595a;
font-family: $body-font;
font-size: 1.125rem;
font-weight: 400;
letter-spacing: -0.5px;
span {
color: #58595a !important;
}
}
}
}
.accordion-wrapper {
margin-left: auto;
.accordion {
margin-bottom: 2.1875rem;
.accordion-body {
p {
color: #58595a;
font-family: $body-font;
font-size: 1rem;
font-weight: 400;
margin: 0;
letter-spacing: -0.5px;
}
}
.accordion-item {
&.classColor {
.accordion-header {
button {
color: #005aff;
}
}
}
.accordion-button {
&::after {
background-image: url(../../assets/img/close-icon.png);
height: 1rem;
width: 1rem;
background-size: contain;
display: block;
background-repeat: no-repeat;
margin-left: 2.5rem;
}
&.collapsed {
&::after {
background-image: url(../../assets/img/open-icon.png);
height: 1rem;
width: 1rem;
background-size: contain;
display: block;
background-repeat: no-repeat;
}
}
}
}
}
}
//FAQS-SECTION
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/_responsive.scss 0 → 100644
@media (max-width: 767.98px) {
.py-80,
.py-60,
.py-40,
.py-100 {
padding: 2rem 0 !important;
}
.request-hide-success-modal {
.left-section {
img {
height: 150px;
margin: auto;
display: flex;
margin-bottom: 1.25rem;
}
}
.fieldset-cf7mls {
.step-next {
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 0.875rem !important;
}
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 2rem !important;
}
p {
font-size: 1.125rem !important;
}
}
}
.top-nav {
.nav-wrapper .nav-left .logo img {
width: auto;
height: 24px;
}
}
.navbar .toggler-icon {
svg {
height: 32px;
width: 32px;
}
}
.navbar-nav {
transform: translateX(100%);
background: $white;
transition: 0.3s ease-in-out;
}
.navbar-nav.show {
background: $white;
height: 110vh;
padding: 6rem 2rem;
.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);
}
}
}
.HOME.TOP-BANNER-SECTION img {
height: auto;
width: 20rem;
object-fit: contain;
display: flex;
margin: auto;
}
.TOP-BANNER-SECTION {
padding: 0 0 1rem 0 !important;
.nav-pills {
padding: 1.5rem 1.5rem 0 1.5rem;
li {
margin-bottom: 1rem;
}
}
&.py-80 {
padding: 2rem 0 !important;
}
.left-text {
padding: 0 2rem !important;
.button-wrapper {
text-align: left;
}
}
.left-text-wrapper {
text-align: left;
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 2rem !important;
padding: 0;
}
p {
font-size: 1.125rem !important;
line-height: unset;
margin: 0;
}
}
}
.TOP-BANNER-SECTION .left-text {
text-align: center;
padding: 4rem 2rem;
p {
font-size: 1.5rem;
margin: 1.5rem 0 2rem 0;
}
}
.btn-start-project,
.btn-start-project {
padding: 1.5rem 2rem;
font-size: 1rem;
font-weight: 600;
}
.TOP-CAROUSEL-SECTION h5 {
font-size: 1.5rem !important;
}
.HOMEPAGE-TOP-AFTER-CAROUSEL-SECTION {
.row {
flex-direction: column-reverse;
.text-wrapper {
text-align: left !important;
padding-bottom: 0 !important;
}
.right-image-wrapper {
margin-bottom: 2rem;
}
}
}
.HOMEPAGE-TOP-AFTER-CAROUSEL-SECTION .row .left-text-wrapper .text-wrapper {
padding-top: 2rem;
padding-bottom: 1.5rem;
text-align: center;
p {
font-size: 1.125rem !important;
line-height: unset;
margin-bottom: 2rem;
}
h2 {
font-size: 2rem !important;
margin-bottom: 2rem !important;
line-height: unset !important;
}
}
.SERVICE {
&.HOMEPAGE-TOP-AFTER-CAROUSEL-SECTION {
padding-bottom: 0 !important;
.row {
margin-bottom: 2rem !important;
}
.title-wrapper {
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 2rem !important;
margin-bottom: 0.5rem;
}
p {
font-size: 1.125rem !important;
}
}
.left-text-wrapper .text-wrapper {
h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: 1rem !important;
}
}
}
}
.WORKS-ON-WORK-SECTION {
margin-top: 0;
.main-wrapper {
padding: 0 12px;
margin-bottom: 2rem;
.top-title-wrapper {
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
line-height: unset;
}
p {
font-size: 1.125rem !important;
}
}
}
.inner-list-wrapper {
p {
font-size: 1.125rem !important;
}
}
}
.YOU-MAY-LIKE {
.main-wrapper {
padding-bottom: 0;
.top-title-wrapper {
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
line-height: unset;
}
p {
font-size: 1.125rem !important;
}
}
}
}
.PD-TOP-SECTION {
.title-wrapper {
padding-bottom: 0 !important;
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 2rem;
}
p {
font-size: 1.125rem !important;
}
}
}
.AFTER-BANNER-SECTION {
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 2rem !important;
}
p {
font-size: 1.125rem !important;
}
}
.PROJECT-CONCLUSION {
.percentage-box {
&:last-child {
.inner-wrapper {
p {
margin-bottom: 0;
}
}
}
}
}
.ONLY-TEXT-SECTION,
.PROJECT-CONCLUSION {
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
}
p {
font-size: 1.125rem !important;
}
.quote-text {
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 2rem !important;
line-height: unset;
}
}
}
.TECHNOLOGY-USED-SECTION {
.col-6 {
width: 100%;
}
}
.btn-start-project-white {
padding: 1rem 1.625rem;
font-size: 1.25rem;
font-weight: 600;
}
h2 {
font-size: 2.5rem !important;
}
p {
font-size: 1.5rem !important;
}
.HOME.WHAT-WE-DO-SECTION {
.col-lg-4 {
margin-bottom: 1.5rem;
pointer-events: none;
.card-wrapper {
h4 {
font-size: 2rem !important;
}
}
}
.top-title {
margin-bottom: 2rem;
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 2rem !important;
margin-bottom: 1rem;
}
p {
font-size: 1.125rem !important;
margin-bottom: 0;
}
}
}
.tags-wrapper ul li {
font-size: 1rem;
font-weight: 600;
padding: 0.5rem 1.25rem;
}
.HOME.NOT-LISTED-SECTION {
.contact {
font-size: 1.125rem;
}
.text-center {
h5 {
font-size: 2rem !important;
text-align: left;
}
p {
margin-top: 1rem;
margin-bottom: 1.5rem;
font-size: 1.125rem !important;
text-align: left;
}
.col-lg-3.col-md-3 {
display: flex;
justify-content: start;
}
}
}
.analysis-section {
.col-lg-7 {
// height: 18rem !important;
// width: fit-content;
// object-fit: contain;
// margin-top: -6rem;
img {
margin-bottom: 0;
width: auto;
height: auto;
margin-top: 0;
}
}
.right-content-wrapper {
a {
display: flex;
align-items: center;
justify-content: center;
margin: auto;
margin-top: 12px;
}
}
}
.analysis-section.background-dark {
margin-top: 2.5rem;
.row {
flex-direction: column-reverse;
// .col-lg-7 {
// height: 25rem;
// }
.right-content-wrapper {
text-align: center;
padding-top: 3.75rem;
padding-bottom: 0;
p {
font-size: 1.125rem !important;
margin: 0;
}
h4 {
margin-bottom: 0;
font-size: 2rem !important;
}
}
}
}
.HOME.OUR-MOST-RECENT-WORKS {
.main-wrapper {
padding: 2rem 0;
.top-title-wrapper {
margin-bottom: 2rem;
h2 {
margin-top: 0.5rem;
margin-bottom: 1rem;
font-size: 2rem !important;
line-height: unset;
}
p {
font-size: 1.125rem !important;
}
}
}
.nav.nav-pills {
display: flex;
flex-wrap: nowrap;
overflow-y: scroll;
padding: 0;
border-top: none;
top: 70px;
background-color: $white;
li {
button {
font-size: 1rem;
white-space: nowrap;
padding: 1rem;
border-radius: 0;
&.active {
background-color: #f7f8fb !important;
}
}
margin-right: 0;
}
}
.recent-card-wrapper {
margin-bottom: 2rem !important;
.bottom-text {
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 1.375rem !important;
margin-bottom: 0 !important;
}
p {
font-size: 0.875rem !important;
}
}
a {
img {
margin-bottom: 0;
}
.bottom-text {
background: #f7f8fb;
padding: 1.5rem 1rem 1rem 1rem;
.d-flex {
margin-bottom: 1rem;
}
ul {
flex-wrap: wrap;
li {
font-size: 1rem;
margin-bottom: 0.5rem;
}
}
}
}
}
.load-more-content {
margin-bottom: 2rem !important;
font-size: 1.125rem;
margin-bottom: 0 !important;
}
}
.ABOUT.TOP-CAROUSEL-SECTION {
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 2rem !important;
}
p {
font-size: 1.125rem !important;
}
}
.HOME.TOP-CAROUSEL-SECTION {
padding: 3.75rem 0;
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 2rem !important;
}
}
// .py-80 {
// padding-bottom: 5rem !important;
// padding-top: 5rem !important;
// }
.OUR-CUSTOMERS-SAY-SECTION {
.customer-feedback .feedback-wrapper {
height: 100% !important;
}
h2 {
font-size: 2rem !important;
margin-bottom: 1rem;
}
p {
font-size: 1.125rem !important;
margin: 0;
}
.customer-feedback .feedback-wrapper p {
max-height: unset;
overflow: unset;
line-height: unset;
}
}
.HOME.BLOG-SECTION {
.title-wrapper {
text-align: left !important;
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 2rem !important;
}
p {
font-size: 1.125rem !important;
}
}
.btn-start-project {
margin-top: 0;
}
}
.BLOG-SECTION .blog-carousel .item {
max-height: unset;
}
.blog-card-wrapper {
.blog-image-wrapper {
img {
margin-bottom: 0;
}
}
.text-wrapper {
padding: 2rem 1rem !important;
background: #f7f8fb;
p {
font-size: 1rem !important;
}
h6 {
margin-top: 1rem;
}
h6 ~ p {
font-size: 1.125rem !important;
}
}
}
.FAQS-SECTION {
.left-section {
margin-bottom: 1.5rem;
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 2rem !important;
}
p {
font-size: 1.125rem !important;
}
}
.accordion {
.accordion-header {
button {
font-size: 1.125rem !important;
line-height: unset;
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
&:not(.collapsed) {
background: #f7f8fb;
}
}
}
.accordion-body {
padding-top: 0;
padding-bottom: 1.5rem;
background-color: #f7f8fb;
p {
font-size: 1rem !important;
}
&.show {
background-color: #f7f8fb;
}
}
}
}
.BLOGDETAIL-LIST-ITEM-SECTION {
.blog-detail-content {
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 2rem !important;
}
p,
li {
font-size: 1.125rem !important;
}
}
}
.BLOGDETAIL-TOP-TITLE-SECTION.background-dark {
padding: 0;
}
.BLOGLISTING-TOP-TITLE-SECTION {
padding: 0;
.title-wrapper {
padding-bottom: 0;
}
.paragraph {
p {
margin: 0;
font-size: 1.125rem !important;
}
}
}
.blog-card .text-wrapper {
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 1.875rem !important;
}
p {
font-size: 1.125rem !important;
}
}
.CONTACT {
&.TOP-BANNER-SECTION {
.image-wrapper img {
height: 10rem;
width: 10rem;
margin-bottom: 2rem;
}
.left-text-wrapper {
margin-bottom: 2rem;
}
}
}
.CONTACT-FORM-SECTION {
.left-section {
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 2rem !important;
}
p {
font-size: 1.125rem !important;
}
}
}
.PORTFOLIO-TOP-TITLE-SECTION {
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 2rem;
}
p {
font-size: 1.125rem !important;
}
}
}
@media (max-width: 991.98px) {
.TOP-CAROUSEL-SECTION .experience-card,
.TOP-CAROUSEL-SECTION .clients-served,
.TOP-CAROUSEL-SECTION .working-experts {
margin-bottom: 1rem;
}
}
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
dev/sass/style.scss 0 → 100644
$theme-colors: (
// "primary": #121526,
"primary": #005aff,
"secondary": #f9f8f4,
"dark": #000000,
"light": #f6f8f9,
"grey": #58595a
);
//colors
// $primary: #121526;
$primary: #005aff;
$secondary: #f9f8f4;
$background-dark: #121526;
$primary-second: #005aff;
$grey: #58595a;
//fonts
$body-font: "Sora", sans-serif;
@import "../node_modules/bootstrap/scss/bootstrap";
@import "base/mixins";
@import "base/custom_base";
@import "base/base";
@import "base/header";
@import "base/footer";
@import "pages/index";
@import "pages/about";
@import "pages/contact";
@import "pages/portfolio";
@import "pages/vacancy";
@import "pages/blog";
@import "pages/meet-our-team";
@import "pages/service";
@import "pages/course-detail";
@import "pages/responsive";
footer.php
This source diff could not be displayed because it is too large. You can view the blob instead.
functions.php
<?php <?php
require 'includes/enqueuer.php'; require 'includes/enqueuer.php';
require 'includes/custom-fields.php'; // require 'includes/custom-fields.php';
require 'includes/gutenberg/blocks.php'; require 'includes/gutenberg/blocks.php';
function construction_theme_support() function construction_theme_support()
{ {
add_theme_support('title-tag'); add_theme_support('title-tag');
...@@ -21,13 +22,105 @@ if (function_exists('acf_add_options_page')) { ...@@ -21,13 +22,105 @@ if (function_exists('acf_add_options_page')) {
'capability' => 'edit_posts', 'capability' => 'edit_posts',
'redirect' => false 'redirect' => false
)); ));
acf_add_options_sub_page(array(
'page_title' => 'Footer Settings',
'menu_title' => 'Footer Settings',
'parent_slug' => 'theme-general-settings',
));
acf_add_options_sub_page(array(
'page_title' => 'Blog Settings',
'menu_title' => 'Blog Settings',
'parent_slug' => 'theme-general-settings',
));
} }
add_post_type_support('page', 'excerpt'); add_post_type_support('page', 'excerpt');
function wpcs_custom_validation_filter( $result, $tag ) {
$name = $tag->name;
$value = isset( $_POST[$name] )
? trim( wp_unslash( strtr( (string) $_POST[$name], "\n", " " ) ) )
: '';
if ( 'text' == $tag->basetype ) {
// checking for numbers
if ( preg_match('/\d/', $value ) ) {
// $result->invalidate( $tag, wpcf7_get_message( 'invalid_wpcs_custom_error' ) );
$result->invalidate( $tag, 'Sorry! Names are not math equations. Try letters only.' );
}
// checking for special characters
if ( preg_match('/[^a-zA-Z0-9\s]/', $value ) ) {
// $result->invalidate( $tag, wpcf7_get_message( 'invalid_wpcs_custom_error' ) );
$result->invalidate( $tag, 'Sorry! No secret codes or hieroglyphs, please!' );
}
}
return $result;
}
function custom_phone_validation($result,$tag){
$type = $tag->type;
$name = $tag->name;
if($type == 'tel' || $type == 'tel*' || $type == 'number' || $type == 'number*' ){
$phoneNumber = isset( $_POST[$name] ) ? trim( $_POST[$name] ) : '';
$phoneNumber = preg_replace('/[() .+-]/', '', $phoneNumber);
if (strlen((string)$phoneNumber) != 10) {
$result->invalidate( $tag, 'Please enter a valid phone number.' );
}
}
return $result;
}
add_filter( 'wpcf7_validate_text', 'wpcs_custom_validation_filter', 10, 2 );
add_filter( 'wpcf7_validate_text*', 'wpcs_custom_validation_filter', 10, 2 );
add_filter('wpcf7_validate_tel','custom_phone_validation', 10, 2);
add_filter('wpcf7_validate_tel*', 'custom_phone_validation', 10, 2);
add_filter('wpcf7_validate_number', 'custom_phone_validation', 10, 2);
add_filter('wpcf7_validate_number*', 'custom_phone_validation', 10, 2);
//
// test checkout form validation
//
add_action('woocommerce_checkout_process', 'wh_phoneValidateCheckoutFields');
function wh_phoneValidateCheckoutFields() {
$billing_phone = filter_input(INPUT_POST, 'billing_phone');
if (strlen(trim(preg_replace('/^[6789]\d{9}$/', '', $billing_phone))) > 0) {
wc_add_notice(__('Invalid <strong>Phone Number</strong>, please check your input.'), 'error');
}
}
function custom_page_content($content)
{
$content = apply_filters( 'the_content', $content );
$content = str_replace( ']]>', ']]&gt;', $content );
return $content;
}
function tutsplus_widgets_init() function tutsplus_widgets_init()
{ {
register_sidebar(
array(
'name' => esc_html__( 'Categories', 'makura' ),
'id' => 'sidebar-1',
'description' => esc_html__( 'Add widgets here.', 'makura' ),
'before_title' => '',
'after_title' => '',
'before_widget' => '',
'after_widget' => '',
)
);
register_sidebar(
array(
'name' => esc_html__( 'Archives', 'makura' ),
'id' => 'sidebar-2',
'description' => esc_html__( 'Add widgets here.', 'makura' ),
'before_title' => '',
'after_title' => '',
'before_widget' => '',
'after_widget' => '',
)
);
// First footer widget area, located in the footer. Empty by default. // First footer widget area, located in the footer. Empty by default.
register_sidebar(array( register_sidebar(array(
...@@ -163,3 +256,139 @@ register_nav_menus( ...@@ -163,3 +256,139 @@ register_nav_menus(
) )
); );
add_filter('post_thumbnail_html','custom_post_thumbnail');
function custom_post_thumbnail($html)
{
if($html){
return $html;
}
$image = get_field('default_post_thumbnail','option');
if($image){
echo wp_get_attachment_image($image,'full');
}
}
function get_banner_image($id)
{
$banner_image = get_field('banner_image',$id);
if(!$banner_image){
$banner_image = get_field('default_banner_image','option');
}
if($banner_image){
echo wp_get_attachment_image($banner_image,'full');
}
}
function get_simple_tag_list($postId){
$tags = (array) get_tags($postId);
$html = '';
if($tags){
$tags = array_column($tags,'name');
$html = implode(', ',$tags);
// foreach($tags as $tag){
// $html.=$tag->name.' ';
// }
}
return $html;
}
// disable srcset on frontend
function disable_wp_responsive_images() {
return 1;
}
add_filter('max_srcset_image_width', 'disable_wp_responsive_images');
function fetch_more_portfolios()
{
$data_cat = isset($_POST['data_cat']) ? sanitize_text_field($_POST['data_cat']) : '';
// Query posts of custom post type 'portfolio' with the specified category
$args = array(
'post_type' => 'portfolio',
'posts_per_page' => -1, // Get all posts
'offset' => 6,
'post_status' => 'publish',
'tax_query' => array(array(
'taxonomy' => 'portfolio-category',
'field' => 'slug',
'terms' => [$data_cat]
))
);
$query = new WP_Query($args);
// Check if there are posts
if ($query->have_posts()) {
$counter = 0;
// Initialize an empty string to store HTML markup for posts
$html_output = '';
// Loop through posts and construct HTML markup
while ($query->have_posts()) {
$query->the_post();
$counter++;
if ($counter <= 6) {
continue;
}
// Construct HTML markup for each post
$html_output .= '<div class="col-lg-4 col-12 recent-card-wrapper m-auto d-block">';
$html_output .= '<a href="' . get_the_permalink() . '">';
$html_output .= get_the_post_thumbnail();
$html_output .= '<div class="bottom-text">';
$html_output .= '<div class="d-flex align-items-center justify-content-between title">';
$html_output .= '<div class="heading">';
$html_output .= '<h3>' . get_the_title() . '</h3>';
$html_output .= '</div>';
$html_output .= '<div class="site-link">';
$html_output .= '<p>View Site <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">';
$html_output .= '<path d="M4 12L12 4" stroke="#58595A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />';
$html_output .= '<path d="M5.5 4H12V10.5" stroke="#58595A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />';
$html_output .= '</svg></p>';
$html_output .= '</div>';
$html_output .= '</div>';
$html_output .= '<ul class="list-unstyled d-flex">';
// Get post tags
$post_tags = get_the_terms(get_the_ID(), 'portfolio-tag');
if ($post_tags && !is_wp_error($post_tags)) {
foreach ($post_tags as $tag) {
$html_output .= '<li>#' . $tag->name . '</li>';
}
}
$html_output .= '</ul>';
$html_output .= '</div>';
$html_output .= '</a>';
$html_output .= '</div>';
}
// Reset post data
wp_reset_postdata();
// Send the HTML markup as response
echo json_encode(array('success' => true, 'html' => $html_output));
} else {
// No posts found
echo json_encode(array('success' => false, 'message' => 'No posts found.'));
}
// Always exit to avoid further execution
wp_die();
}
add_action('wp_ajax_get_fetch_more_portfolios', 'fetch_more_portfolios');
add_action('wp_ajax_nopriv_get_fetch_more_portfolios', 'fetch_more_portfolios');
function custom_rewrite_rules() {
add_rewrite_rule(
'^category/?$',
'index.php?pagename=blogs',
'top'
);
}
add_action('init', 'custom_rewrite_rules');
general.php 0 → 100644
<?php
// Template Name: General page
get_header();
?>
<!-- BREADCRUMB -->
<div class="container-fluid py-40">
<div class="container">
<div class="row">
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="<?php echo get_home_url('/'); ?>">Home</a></li>
<li class="breadcrumb-item active" aria-current="page"><a href="#"><?php echo the_title(); ?></a>
</li>
</ol>
</nav>
</div>
</div>
</div>
<!-- BREADCRUMB -->
<section class="terms-and-conditions-wrapper">
<div class="container">
<div class="row">
<div class="col-lg-3">
<div class="terms-sidebar-wrapper">
<ul>
<?php
if( have_rows('general_sidebar_links') ):
while( have_rows('general_sidebar_links') ) : the_row();
?>
<li class="active"><a href="<?php echo esc_attr( get_sub_field('links') ); ?>"><?php echo get_sub_field('title'); ?></a></li>
<?php
endwhile;
endif;
?>
</ul>
</div>
</div>
<div class="col-lg-9">
<div class="right-top-content-wrapper">
<h1><?php echo get_the_title(); ?></h1>
<div class="updated-date">Last Updated: <?php echo get_the_date('d F Y'); ?></div>
<p><?php the_excerpt(); ?></p>
</div>
<div class="point-frame-wrapper">
<?php the_content(); ?>
</div>
</div>
</div>
</div>
</section>
<?php get_footer(); ?>
\ No newline at end of file
header.php
This source diff could not be displayed because it is too large. You can view the blob instead.
home.php 0 → 100644
<?php
get_header();
$current_page_id = get_queried_object_id();
?>
<div class="container-fluid background-dark blog-breadcrumb-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"><?php echo get_the_title(get_queried_object_id());?></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 get_the_title(get_queried_object_id());?></h1>
</div>
<div class="col-lg-6 pb-60 paragraph">
<p><?php echo get_the_excerpt(get_queried_object_id());?></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 dynamic_sidebar('archives'); ?> -->
<?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 class="d-flex align-items-center"><svg class="me-1" 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 do_shortcode('[post-views]'); ?> <span class="ms-2">Views</span></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
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.
includes/enqueuer.php
...@@ -12,12 +12,12 @@ function conserve_register_styles() ...@@ -12,12 +12,12 @@ function conserve_register_styles()
wp_enqueue_style('magnific-popup', 'https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.min.css', null, $theme_version); wp_enqueue_style('magnific-popup', 'https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.min.css', null, $theme_version);
wp_enqueue_style('slick', 'https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css', null, $theme_version); wp_enqueue_style('slick', 'https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css', null, $theme_version);
wp_enqueue_style('flatpicker', 'https://cdnjs.cloudflare.com/ajax/libs/flatpickr/4.6.13/flatpickr.min.css', null, $theme_version); wp_enqueue_style('flatpicker', 'https://cdnjs.cloudflare.com/ajax/libs/flatpickr/4.6.13/flatpickr.min.css', null, $theme_version);
wp_enqueue_style('custom-css', get_template_directory_uri() . '/assets/css/style.css', null, $theme_version); wp_enqueue_style('custom-css', get_template_directory_uri() . '/assets/css/style.css', null, '6.4.4');
//import scripts //import scripts
// wp_enqueue_script('jquery', 'https://code.jquery.com/jquery-3.5.1.min.js', array(), null, true); wp_enqueue_script('jquery', 'https://code.jquery.com/jquery-3.5.1.min.js', array(), null, true);
wp_enqueue_script('bootstrap-scripts', 'https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js', array(), null, true); wp_enqueue_script('bootstrap-scripts', 'https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js', array(), null, true);
wp_enqueue_script('owl-carousel', 'https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js', array(), null, true); wp_enqueue_script('owl-carousel', 'https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js', array(), null, true);
wp_enqueue_script('waypoints', 'https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js', array(), null, true); wp_enqueue_script('waypoints', 'https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js', array(), null, true);
...@@ -30,5 +30,17 @@ function conserve_register_styles() ...@@ -30,5 +30,17 @@ function conserve_register_styles()
wp_enqueue_script('gsap2', 'https://cdnjs.cloudflare.com/ajax/libs/gsap/3.10.4/ScrollTrigger.min.js', array(), null, true); wp_enqueue_script('gsap2', 'https://cdnjs.cloudflare.com/ajax/libs/gsap/3.10.4/ScrollTrigger.min.js', array(), null, true);
wp_enqueue_script('flatpicker', 'https://cdnjs.cloudflare.com/ajax/libs/flatpickr/4.6.13/flatpickr.min.js', array(), null, true); wp_enqueue_script('flatpicker', 'https://cdnjs.cloudflare.com/ajax/libs/flatpickr/4.6.13/flatpickr.min.js', array(), null, true);
wp_enqueue_script('custom', get_template_directory_uri() . '/assets/js/style.js', array('jquery'), null, true); wp_enqueue_script('custom', get_template_directory_uri() . '/assets/js/style.js', array('jquery'), null, true);
wp_enqueue_script('sanimation', get_template_directory_uri() . '/assets/js/spider-animation.js', array('jquery'), null, true);
wp_enqueue_script('spiderframeword', get_template_directory_uri() . '/assets/js/spider-framework.js', array('jquery'), null, true);
// wp_enqueue_script('customajax', get_template_directory_uri() . '/assets/js/loadmore.js', array('jquery'), null, true);
wp_enqueue_script('counter-js', get_template_directory_uri() . '/assets/js/counterup.js', array('jquery'), $theme_version);
wp_enqueue_script('raphaelmin', 'https://cdnjs.cloudflare.com/ajax/libs/raphael/2.3.0/raphael.min.js', array('jquery'), $theme_version);
wp_localize_script(
'custom',
'frontend_ajax_object',
array(
'ajaxurl' => admin_url('admin-ajax.php'),
)
);
} }
add_action('wp_enqueue_scripts', 'conserve_register_styles'); add_action('wp_enqueue_scripts', 'conserve_register_styles');
includes/gutenberg/blocks.php
...@@ -21,6 +21,22 @@ function my_acf_init_block_types() ...@@ -21,6 +21,22 @@ function my_acf_init_block_types()
] ]
], ],
)); ));
// Welcome Banner Spider Block
acf_register_block_type(array(
'name' => 'Welcome Banner Spider Block',
'title' => __('Welcome Banner Spider Block'),
'description' => __('Welcome Banner Spider Block'),
'render_template' => 'blocks/welcome-banner-spider.php',
'category' => 'formatting',
'icon' => 'admin-comments',
'keywords' => array('Welcome Banner Spider'),
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
],
));
// Partners Carousel Block // Partners Carousel Block
acf_register_block_type(array( acf_register_block_type(array(
'name' => 'Partners Carousel Block', 'name' => 'Partners Carousel Block',
...@@ -181,5 +197,499 @@ function my_acf_init_block_types() ...@@ -181,5 +197,499 @@ function my_acf_init_block_types()
] ]
], ],
)); ));
acf_register_block_type(array(
'name' => 'Banner Block',
'title' => __('Banner Block'),
'description' => __('Banner Block'),
'render_template' => 'blocks/banner-block.php',
'category' => 'formatting',
'icon' => 'admin-comments',
'keywords' => array('Banner Block'),
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
],
));
acf_register_block_type(array(
'name' => 'Two Column Image Block',
'title' => __('Two Column Image Block'),
'description' => __('Two Column Image Block'),
'render_template' => 'blocks/two-coloumns-block.php',
'category' => 'formatting',
'icon' => 'admin-comments',
'keywords' => array('Two Column Image Block'),
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
],
));
acf_register_block_type(array(
'name' => 'Custom Quote Block',
'title' => __('Custom Quote Block'),
'description' => __('Custom Quote Block'),
'render_template' => 'blocks/custom-quote-block.php',
'category' => 'formatting',
'icon' => 'admin-comments',
'keywords' => array('Custom Quote Block'),
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
],
));
acf_register_block_type(array(
'name' => 'Portfolio Banner',
'title' => __('Portfolio Banner'),
'description' => __('Portfolio Banner'),
'render_template' => 'blocks/portfolio-banner.php',
'category' => 'formatting',
'icon' => 'admin-comments',
'keywords' => array('Portfolio Banner'),
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
],
));
acf_register_block_type(array(
'name' => 'Custom Page Banner',
'title' => __('Custom Page Banner'),
'description' => __('Custom Page Banner'),
'render_template' => 'blocks/custom-page-banner.php',
'category' => 'formatting',
'icon' => 'admin-comments',
'keywords' => array('Custom Page Banner'),
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
],
));
acf_register_block_type(array(
'name' => 'About Client Section',
'title' => __('About Client Section'),
'description' => __('About Client Section'),
'render_template' => 'blocks/about-client-section.php',
'category' => 'formatting',
'icon' => 'admin-comments',
'keywords' => array('About Client Section'),
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
],
));
acf_register_block_type(array(
'name' => 'Portfolio Text Image Section',
'title' => __('Portfolio Text Image Section'),
'description' => __('Portfolio Text Image Section'),
'render_template' => 'blocks/portfolio-text-image-section.php',
'category' => 'formatting',
'icon' => 'admin-comments',
'keywords' => array('Portfolio Text Image Section'),
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
],
));
acf_register_block_type(array(
'name' => 'Technology Used Section',
'title' => __('Technology Used Section'),
'description' => __('Technology Used Section'),
'render_template' => 'blocks/technology-used-section.php',
'category' => 'formatting',
'icon' => 'admin-comments',
'keywords' => array('Technology Used Section'),
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
],
));
acf_register_block_type(array(
'name' => 'Portfolio Conclusion Section',
'title' => __('Portfolio Conclusion Section'),
'description' => __('Portfolio Conclusion Section'),
'render_template' => 'blocks/portfolio-conclusion-section.php',
'category' => 'formatting',
'icon' => 'admin-comments',
'keywords' => array('Portfolio Conclusion Section'),
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
],
));
acf_register_block_type(array(
'name' => 'Share Buttons Section',
'title' => __('Share Buttons Section'),
'description' => __('Share Buttons Section'),
'render_template' => 'blocks/share-buttons-section.php',
'category' => 'formatting',
'icon' => 'admin-comments',
'keywords' => array('Share Buttons Section'),
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
],
));
acf_register_block_type(array(
'name' => 'Related Portfolio Section',
'title' => __('Related Portfolio Section'),
'description' => __('Related Portfolio Section'),
'render_template' => 'blocks/related-portfolio-section.php',
'category' => 'formatting',
'icon' => 'admin-comments',
'keywords' => array('Related Portfolio Section'),
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
],
));
acf_register_block_type(array(
'name' => 'Custom banner with right image',
'title' => __('Custom banner with right image'),
'description' => __('Custom banner with right image'),
'render_template' => 'blocks/custom-banner-with-right-image.php',
'category' => 'formatting',
'icon' => 'admin-comments',
'keywords' => array('Custom banner with right image'),
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
],
));
acf_register_block_type(array(
'name' => 'Breadcrumb Section',
'title' => __('Breadcrumb'),
'description' => __('Breadcrumb'),
'render_template' => 'blocks/custom-breadcrumb.php',
'category' => 'formatting',
'icon' => 'admin-comments',
'keywords' => array('Breadcrumb'),
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
],
));
acf_register_block_type(array(
'name' => 'Our Story Section',
'title' => __('Our Story Section'),
'description' => __('Our Story Section'),
'render_template' => 'blocks/about-us/our-story.php',
'category' => 'formatting',
'icon' => 'admin-comments',
'keywords' => array('Our Story Section'),
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
],
));
acf_register_block_type(array(
'name' => 'Mission/Vision Section',
'title' => __('Mission/Vision Section'),
'description' => __('Mission/Vision Section'),
'render_template' => 'blocks/about-us/mission-vision.php',
'category' => 'formatting',
'icon' => 'admin-comments',
'keywords' => array('Mission/Vision Section'),
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
],
));
acf_register_block_type(array(
'name' => 'Our Team Section',
'title' => __('Our Team Section'),
'description' => __('Our Team Section'),
'render_template' => 'blocks/about-us/our-team.php',
'category' => 'formatting',
'icon' => 'admin-comments',
'keywords' => array('Our Team Section'),
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
],
));
acf_register_block_type(array(
'name' => 'Our Team with Departments Section',
'title' => __('Our Team with Departments Section'),
'description' => __('Our Team with Departments Section'),
'render_template' => 'blocks/about-us/our-team-with-departments.php',
'category' => 'formatting',
'icon' => 'admin-comments',
'keywords' => array('Our Team with Departments Section'),
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
],
));
acf_register_block_type(array(
'name' => 'How It Feels Section',
'title' => __('How It Feels Section'),
'description' => __('How It Feels Section'),
'render_template' => 'blocks/about-us/how-it-feels.php',
'category' => 'formatting',
'icon' => 'admin-comments',
'keywords' => array('How It Feels Section'),
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
],
));
acf_register_block_type(array(
'name' => 'Employe Feel Section',
'title' => __('Employe Feel Section'),
'description' => __('Employe Feel Section'),
'render_template' => 'blocks/about-us/employe-feel.php',
'category' => 'formatting',
'icon' => 'admin-comments',
'keywords' => array('Employe Feel Section'),
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
],
));
acf_register_block_type(array(
'name' => 'Vacancy Listing',
'title' => __('Vacancy Listing'),
'description' => __('Vacancy Listing'),
'render_template' => 'blocks/vacancy-listing.php',
'category' => 'formatting',
'icon' => 'admin-comments',
'keywords' => array('Vacancy Listing'),
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
],
));
acf_register_block_type(array(
'name' => 'Contact Details Section',
'title' => __('Contact Details Section'),
'description' => __('Contact Details Section'),
'render_template' => 'blocks/contact-us/contact-details.php',
'category' => 'formatting',
'icon' => 'admin-comments',
'keywords' => array('Contact Details Section'),
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
],
));
acf_register_block_type(array(
'name' => 'Contact Form Section',
'title' => __('Contact Form Section'),
'description' => __('Contact Form Section'),
'render_template' => 'blocks/contact-us/contact-form.php',
'category' => 'formatting',
'icon' => 'admin-comments',
'keywords' => array('Contact Form Section'),
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
],
));
acf_register_block_type(array(
'name' => 'Map Section',
'title' => __('Map Section'),
'description' => __('Map Section'),
'render_template' => 'blocks/contact-us/map-section.php',
'category' => 'formatting',
'icon' => 'admin-comments',
'keywords' => array('Map Section'),
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
],
));
acf_register_block_type(array(
'name' => 'Portfolio Listing Section',
'title' => __('Portfolio Listing Section'),
'description' => __('Portfolio Listing Section'),
'render_template' => 'blocks/portfolio-listing-section.php',
'category' => 'formatting',
'icon' => 'admin-comments',
'keywords' => array('Portfolio Listing Section'),
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
],
));
acf_register_block_type(array(
'name' => 'About Us Stat Section',
'title' => __('About Us Stat Section'),
'description' => __('About Us Stat Section'),
'render_template' => 'blocks/about-us/stat-section.php',
'category' => 'formatting',
'icon' => 'admin-comments',
'keywords' => array('About Us Stat Section'),
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
],
));
acf_register_block_type(array(
'name' => 'Service List Section',
'title' => __('Service List Section'),
'description' => __('Service List Section'),
'render_template' => 'blocks/service-list-section.php',
'category' => 'formatting',
'icon' => 'admin-comments',
'keywords' => array('Service List Section'),
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
],
));
acf_register_block_type(array(
'name' => 'Service Content List Section',
'title' => __('Service Content List Section'),
'description' => __('Service Content List Section'),
'render_template' => 'blocks/service-content-list-section.php',
'category' => 'formatting',
'icon' => 'admin-comments',
'keywords' => array('Service Content List Section'),
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
],
));
acf_register_block_type(array(
'name' => 'New Service Content List Section',
'title' => __('New Service Content List Section'),
'description' => __('New Service Content List Section'),
'render_template' => 'blocks/new-service-content-list-section.php',
'category' => 'formatting',
'icon' => 'admin-comments',
'keywords' => array('New Service Content List Section'),
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
],
));
acf_register_block_type(array(
'name' => 'Service Work Process Section',
'title' => __('Service Work Process Section'),
'description' => __('Service Work Process Section'),
'render_template' => 'blocks/service-work-process-section.php',
'category' => 'formatting',
'icon' => 'admin-comments',
'keywords' => array('Service Work Process Section'),
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
],
));
acf_register_block_type(array(
'name' => 'Service Portfolio List Section',
'title' => __('Service Portfolio List Section'),
'description' => __('Service Portfolio List Section'),
'render_template' => 'blocks/service-portfolio-list-section.php',
'category' => 'formatting',
'icon' => 'admin-comments',
'keywords' => array('Service Portfolio List Section'),
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
],
));
acf_register_block_type(array(
'name' => 'Contact Us Breadcrumb',
'title' => __('Contact Us Breadcrumb'),
'description' => __('Contact Us Breadcrumb'),
'render_template' => 'blocks/contact-us/contact-breadcrumb.php',
'category' => 'formatting',
'icon' => 'admin-comments',
'keywords' => array('Contact Us Breadcrumb'),
'example' => [
'attributes' => [
'mode' => 'preview',
'data' => []
]
],
));
} }
} }
\ No newline at end of file
index.php
<?php <?php
// added by ut
// new index code
// added by rupak vai
/** /**
* Template Name: Default template * Template Name: Default template
* *
...@@ -17,6 +19,25 @@ ...@@ -17,6 +19,25 @@
get_header(); get_header();
?> ?>
<?php
$whatsapp = get_field('whats_app_number', 'option');
if($whatsapp):
?>
<div class="whats-app-icon-wrapper">
<a href="https://wa.me/<?php echo $whatsapp ?>" target="_blank">
<svg width="60" height="60" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M48 24C48 37.2548 37.2548 48 24 48C10.7452 48 0 37.2548 0 24C0 10.7452 10.7452 0 24 0C37.2548 0 48 10.7452 48 24Z" fill="#34C759"/>
<path d="M24.0025 14H23.9975C18.4837 14 14 18.485 14 24C14 26.1875 14.705 28.215 15.9038 29.8612L14.6575 33.5763L18.5012 32.3475C20.0825 33.395 21.9688 34 24.0025 34C29.5163 34 34 29.5137 34 24C34 18.4863 29.5163 14 24.0025 14ZM29.8212 28.1213C29.58 28.8025 28.6225 29.3675 27.8587 29.5325C27.3362 29.6437 26.6538 29.7325 24.3563 28.78C21.4175 27.5625 19.525 24.5762 19.3775 24.3825C19.2363 24.1887 18.19 22.8013 18.19 21.3663C18.19 19.9313 18.9187 19.2325 19.2125 18.9325C19.4537 18.6863 19.8525 18.5737 20.235 18.5737C20.3588 18.5737 20.47 18.58 20.57 18.585C20.8637 18.5975 21.0112 18.615 21.205 19.0788C21.4462 19.66 22.0338 21.095 22.1038 21.2425C22.175 21.39 22.2462 21.59 22.1462 21.7838C22.0525 21.9838 21.97 22.0725 21.8225 22.2425C21.675 22.4125 21.535 22.5425 21.3875 22.725C21.2525 22.8838 21.1 23.0537 21.27 23.3475C21.44 23.635 22.0275 24.5938 22.8925 25.3638C24.0087 26.3575 24.9137 26.675 25.2375 26.81C25.4787 26.91 25.7662 26.8862 25.9425 26.6987C26.1662 26.4575 26.4425 26.0575 26.7237 25.6637C26.9237 25.3812 27.1762 25.3462 27.4412 25.4462C27.7112 25.54 29.14 26.2462 29.4338 26.3925C29.7275 26.54 29.9213 26.61 29.9925 26.7337C30.0625 26.8575 30.0625 27.4388 29.8212 28.1213Z" fill="white"/>
</svg>
</a>
<div class="position-absolute tooltip-wrapper">
<p>Chat with us</p>
</div>
</div>
<?php
endif;
?>
<?php the_content(); ?> <?php the_content(); ?>
<?php get_footer() ?> <?php get_footer() ?>
\ No newline at end of file
json.json 0 → 100644
[
{
"key": "group_65071744e439f",
"title": "About Us Stat Section",
"fields": [
{
"key": "field_6507174572ba8",
"label": "Left Description",
"name": "left_description",
"aria-label": "",
"type": "wysiwyg",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"tabs": "all",
"toolbar": "full",
"media_upload": 1,
"delay": 0
},
{
"key": "field_6507175872ba9",
"label": "Right Description",
"name": "right_description",
"aria-label": "",
"type": "wysiwyg",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"tabs": "all",
"toolbar": "full",
"media_upload": 1,
"delay": 0
},
{
"key": "field_6507176172baa",
"label": "Stats",
"name": "stats",
"aria-label": "",
"type": "repeater",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"layout": "row",
"pagination": 0,
"min": 0,
"max": 0,
"collapsed": "",
"button_label": "Add Row",
"rows_per_page": 20,
"sub_fields": [
{
"key": "field_6507176d72bab",
"label": "Number",
"name": "number",
"aria-label": "",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"placeholder": "",
"prepend": "",
"append": "",
"parent_repeater": "field_6507176172baa"
},
{
"key": "field_6507177272bac",
"label": "Title",
"name": "title",
"aria-label": "",
"type": "text",
"instructions": "",
"required": 0,
"conditional_logic": 0,
"wrapper": {
"width": "",
"class": "",
"id": ""
},
"default_value": "",
"maxlength": "",
"placeholder": "",
"prepend": "",
"append": "",
"parent_repeater": "field_6507176172baa"
}
]
}
],
"location": [
[
{
"param": "block",
"operator": "==",
"value": "acf/about-us-stat-section"
}
]
],
"menu_order": 0,
"position": "normal",
"style": "default",
"label_placement": "top",
"instruction_placement": "label",
"hide_on_screen": "",
"active": true,
"description": "",
"show_in_rest": 0
}
]
sidebar.php 0 → 100644
<div class="blog-side-bar">
<div class="pb-60 blog-category">
<h6>Category</h6>
<div class="category-list">
<?php dynamic_sidebar('sidebar-1');?>
</div>
</div>
<!--<div class="blog-category">-->
<!-- <h6>Archives</h6>-->
<!-- <div class="category-list">-->
<!-- <?php dynamic_sidebar('sidebar-2');?>-->
<!-- </div>-->
<!--</div>-->
</div>
\ No newline at end of file
single-portfolio.php 0 → 100644
<?php
$views = (int) get_post_meta(get_the_ID(),'total_views',true);
update_post_meta(get_the_ID(),'total_views',$views+1);
get_header();
?>
<div class="container-fluid py-40 background-dark blog-breadcrumb-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"><a href="<?php echo get_permalink(get_page_by_path('portfolio'));?>">Portfolio</a></li>
<li class="breadcrumb-item active" aria-current="page"><?php the_title();?></li>
</ol>
</nav>
</div>
</div>
</div>
<?php the_content();?>
<?php get_footer();?>
\ No newline at end of file
single-post.php
<?php
$views = (int) get_post_meta(get_the_ID(),'total_views',true);
update_post_meta(get_the_ID(),'total_views',$views+1);
get_header();
?>
<div class="container-fluid py-40 background-dark blog-breadcrumb-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"><a href="<?php echo get_home_url().'/blogs/';?>">Blog</a></li>
<li class="breadcrumb-item active" aria-current="page"><?php the_title();?></li>
</ol>
</nav>
</div>
</div>
</div>
<section class="background-dark pb-60 BLOGDETAIL-TOP-TITLE-SECTION">
<div class="container">
<div class="row justify-content-between">
<div class="col-lg-10 pb-60 title-wrapper">
<span>Published <?php echo get_the_date('d, M Y');?></span>
<h1><?php the_title();?></h1>
<div class="post-date d-flex align-items-center">
<div class="d-flex align-items-center svg-wrapper">
<svg height="24" width="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" width="24" height="24" stroke-width="2">
<path d="M8 7a4 4 0 1 0 8 0a4 4 0 0 0 -8 0"></path>
<path d="M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2"></path>
</svg>
<?php echo get_the_author(); ?>
</div>
<div class="d-flex align-items-center svg-wrapper">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1250_4547)">
<path
d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z"
stroke="#F9F8F4" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
<path d="M12 7V12L15 15" stroke="#F9F8F4" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" />
</g>
<defs>
<clipPath id="clip0_1250_4547">
<rect width="24" height="24" fill="white" />
</clipPath>
</defs>
</svg>
<?php echo get_field('read_time');?>
</div>
<div class="d-flex views">
<svg class="me-2" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M12 5.25C4.5 5.25 1.5 12 1.5 12C1.5 12 4.5 18.75 12 18.75C19.5 18.75 22.5 12 22.5 12C22.5 12 19.5 5.25 12 5.25Z"
stroke="#F9F8F4" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
<path
d="M12 15.75C14.0711 15.75 15.75 14.0711 15.75 12C15.75 9.92893 14.0711 8.25 12 8.25C9.92893 8.25 8.25 9.92893 8.25 12C8.25 14.0711 9.92893 15.75 12 15.75Z"
stroke="#F9F8F4" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
</svg>
<?php echo do_shortcode('[post-views]'); ?> Views
</div>
<div class="views">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1250_4558)">
<path
d="M6.75018 9.75C5.92049 9.75 5.25018 10.4203 5.25018 11.25C5.25018 12.0797 5.92049 12.75 6.75018 12.75C7.57987 12.75 8.25018 12.0797 8.25018 11.25C8.25018 10.4203 7.57987 9.75 6.75018 9.75ZM12.0002 9.75C11.1705 9.75 10.5002 10.4203 10.5002 11.25C10.5002 12.0797 11.1705 12.75 12.0002 12.75C12.8299 12.75 13.5002 12.0797 13.5002 11.25C13.5002 10.4203 12.8299 9.75 12.0002 9.75ZM17.2502 9.75C16.4205 9.75 15.7502 10.4203 15.7502 11.25C15.7502 12.0797 16.4205 12.75 17.2502 12.75C18.0799 12.75 18.7502 12.0797 18.7502 11.25C18.7502 10.4203 18.0799 9.75 17.2502 9.75ZM12.0002 1.5C5.37206 1.5 0.000181321 5.86406 0.000181321 11.25C0.000181321 13.4812 0.932994 15.525 2.47987 17.1703C1.78143 19.0172 0.328306 20.5828 0.304869 20.6016C-0.00450618 20.9297 -0.0888812 21.4078 0.0892438 21.8203C0.267369 22.2328 0.675181 22.5 1.12518 22.5C4.00799 22.5 6.28143 21.2953 7.64549 20.3297C9.00018 20.7563 10.4627 21 12.0002 21C18.6283 21 24.0002 16.6359 24.0002 11.25C24.0002 5.86406 18.6283 1.5 12.0002 1.5ZM12.0002 18.75C10.7486 18.75 9.51112 18.5578 8.32518 18.1828L7.26112 17.8453L6.34706 18.4922C5.67674 18.9656 4.75799 19.4953 3.65174 19.8516C3.99393 19.2844 4.32674 18.6469 4.58456 17.9672L5.08143 16.65L4.11581 15.6281C3.26737 14.7234 2.25018 13.2281 2.25018 11.25C2.25018 7.11563 6.62362 3.75 12.0002 3.75C17.3767 3.75 21.7502 7.11563 21.7502 11.25C21.7502 15.3844 17.3767 18.75 12.0002 18.75Z"
fill="#F9F8F4" />
</g>
<defs>
<clipPath id="clip0_1250_4558">
<rect width="24" height="24" fill="white" />
</clipPath>
</defs>
</svg>
<?php echo get_comments_number();?> Comments
</div>
</div>
</div>
</div>
</div>
</section>
<section class="container-fluid px-0 BLOGDETAIL-PAGE-BANNER">
<div class="row">
<?php get_banner_image(get_the_ID()); ?>
</div>
</section>
<section class="py-60 mb-60 BLOGDETAIL-LIST-ITEM-SECTION">
<div class="container">
<div class="row justify-content-between">
<div class="col-lg-3 col-12 left-filter">
<div class="blog-side-bar blog-detail-side-bar">
<div class="back-to-blog font-16 fw-600">
<a href="<?php echo get_home_url().'/blogs/';?>">
<svg width="12" height="16" viewBox="0 0 12 16" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M2 4H8.66667C9.02029 4 9.35943 4.14048 9.60948 4.39052C9.85952 4.64057 10 4.97971 10 5.33333V14"
stroke="#005AFF" stroke-width="2.5" stroke-linecap="round"
stroke-linejoin="round" />
<path
d="M3.33344 6L1.42677 4.06C1.41384 4.04813 1.40352 4.03371 1.39645 4.01764C1.38939 4.00158 1.38574 3.98422 1.38574 3.96667C1.38574 3.94912 1.38939 3.93176 1.39645 3.91569C1.40352 3.89962 1.41384 3.8852 1.42677 3.87333L3.33344 2"
stroke="#005AFF" stroke-width="2.5" stroke-linecap="round"
stroke-linejoin="round" />
</svg>
Back to Blog
</a>
</div>
<p><?php echo the_field('read_time');?></p>
<div class="share-article2">
<h5>Share this article</h5>
<div class="d-flex social-icon">
<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.75L11.1953 8.15625H7.71875V5.8125C7.71875 4.79688 8.1875 3.85938 9.75 3.85938H11.3516V0.773438C11.3516 0.773438 9.90625 0.5 8.53906 0.5C5.6875 0.5 3.8125 2.25781 3.8125 5.38281V8.15625H0.609375V11.75H3.8125V20.5H7.71875V11.75H10.6484Z"
fill="#878787" />
</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.4375C18.7109 3.85156 19.4141 3.14844 19.9609 2.32812C19.2578 2.64062 18.4375 2.875 17.6172 2.95312C18.4766 2.44531 19.1016 1.66406 19.4141 0.6875C18.6328 1.15625 17.7344 1.50781 16.8359 1.70312C16.0547 0.882812 15 0.414062 13.8281 0.414062C11.5625 0.414062 9.72656 2.25 9.72656 4.51562C9.72656 4.82812 9.76562 5.14062 9.84375 5.45312C6.44531 5.25781 3.39844 3.61719 1.36719 1.15625C1.01562 1.74219 0.820312 2.44531 0.820312 3.22656C0.820312 4.63281 1.52344 5.88281 2.65625 6.625C1.99219 6.58594 1.32812 6.42969 0.78125 6.11719V6.15625C0.78125 8.14844 2.1875 9.78906 4.0625 10.1797C3.75 10.2578 3.35938 10.3359 3.00781 10.3359C2.73438 10.3359 2.5 10.2969 2.22656 10.2578C2.73438 11.8984 4.25781 13.0703 6.05469 13.1094C4.64844 14.2031 2.89062 14.8672 0.976562 14.8672C0.625 14.8672 0.3125 14.8281 0 14.7891C1.79688 15.9609 3.94531 16.625 6.28906 16.625C13.8281 16.625 17.9297 10.4141 17.9297 4.98438C17.9297 4.78906 17.9297 4.63281 17.9297 4.4375Z"
fill="#878787" />
</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 18V6.32031H0.523438V18H4.15625ZM2.32031 4.75781C3.49219 4.75781 4.42969 3.78125 4.42969 2.60938C4.42969 1.47656 3.49219 0.539062 2.32031 0.539062C1.1875 0.539062 0.25 1.47656 0.25 2.60938C0.25 3.78125 1.1875 4.75781 2.32031 4.75781ZM17.7109 18H17.75V11.5938C17.75 8.46875 17.0469 6.04688 13.375 6.04688C11.6172 6.04688 10.4453 7.02344 9.9375 7.92188H9.89844V6.32031H6.42188V18H10.0547V12.2188C10.0547 10.6953 10.3281 9.25 12.2031 9.25C14.0781 9.25 14.1172 10.9688 14.1172 12.3359V18H17.7109Z"
fill="#878787" />
</svg>
</a>
</div>
</div>
<div class="tags-wrapper">
<h5>Tags</h5>
<?php
$tags = get_tags();
if ( $tags ) :?>
<ul>
<?php foreach ( $tags as $tag ) : ?>
<li><a href="<?php echo esc_url( get_tag_link( $tag->term_id ) ); ?>"
title="<?php echo esc_attr( $tag->name ); ?>"><?php echo esc_html( $tag->name ); ?></a>
</li>
<?php endforeach; ?>
</ul>
<?php endif; ?>
</div>
</div>
</div>
<div class="col-lg-9 col-12 blog-list">
<div class="row">
<div class="col-11 blog-detail-content mx-auto">
<?php the_content();?>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="container-fluid pb-80 RELATED-BLOGS">
<div class="container">
<div class="row">
<?php $related_posts_section = get_field('related_post_section','option');
if(!empty($related_posts_section)):
?>
<h2><?php echo $related_posts_section['title'];?></h2>
<div class="d-flex align-items after-title pb-60 justify-content-between">
<div class="col-lg-8 col-md-8 col-sm-8 paragraph">
<?php echo $related_posts_section['description'];?>
</div>
<?php if ($link = $related_posts_section['link']) : $link_target = $link['target'] ? $link['target'] : '_self';?>
<div class="col-lg-3 col-md-3 col-sm-3 right-button d-flex align-items-center justify-content-end">
<a href="<?php echo $link['url']; ?>" target="<?php echo esc_attr( $link_target ); ?>"
class="btn btn-primary btn-start-project"><?php echo $link['title']; ?></a>
</div>
<?php endif;?>
</div>
<?php endif;?>
</div>
<?php
$related = get_posts( array( 'category__in' => wp_get_post_categories(get_the_ID()), 'numberposts' => 5, 'post__not_in' => array(get_the_ID()) ) );
if( $related ):
?>
<div class="row">
<div class="blog-carousel owl-carousel owl-theme owl-loaded owl-drag">
<?php foreach( $related as $post ):
setup_postdata($post); ?>
<div class="item blog-card">
<a href="<?php the_permalink();?>">
<div class="blog-image-wrapper">
<?php the_post_thumbnail();?>
</div>
<div class="text-wrapper">
<!--<p><?php echo get_simple_tag_list(get_the_ID());?></p>-->
<h6><?php the_title();?></h6>
<?php the_excerpt();?>
<span><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>
<path d="M13.75 2.375V4.875" stroke="#005AFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M6.25 2.375V4.875" stroke="#005AFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M3.125 7.375H16.875" stroke="#005AFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg> <?php echo get_the_date('d, M Y',get_the_ID());?></span>
</div>
</a>
</div>
<?php endforeach; wp_reset_postdata();?>
</div>
</div>
<?php endif;
?>
</div>
</section>
<?php get_template_part('template-parts/footer-project-banner');?>
<?php get_footer();?>
\ No newline at end of file
single-service.php 0 → 100644
<?php
$views = (int) get_post_meta(get_the_ID(),'total_views',true);
update_post_meta(get_the_ID(),'total_views',$views+1);
get_header();
?>
<div class="container-fluid py-40 background-dark blog-breadcrumb-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"><a href="<?php echo get_permalink(get_page_by_path('services'));?>">Services</a></li>
<li class="breadcrumb-item active" aria-current="page"><?php the_title();?></li>
</ol>
</nav>
</div>
</div>
</div>
<?php if(get_field('enable_banner')):?>
<section class="background-dark pb-60 PORTFOLIO-TOP-TITLE-SECTION">
<div class="container">
<div class="row align-items-center justify-content-between">
<div class="col-lg-5 col-md-5 col-12">
<h1 class="pb-20"><?php the_title();?></h1>
<p><?php the_field('banner_description');?></p>
<?php if(get_field('enable_inquiry')):?>
<div class="d-flex w-100 button-wrapper">
<button class="btn mb-20 btn-start-project btn-primary"><a href="<?php echo get_home_url().'/contact-us/';?>"><?php the_field('inquiry_text');?></a></button>
</div>
<?php endif;?>
</div>
<div class="col-lg-5 col-md-5 mx-auto col-12 text-center right-image">
<?php if($image = get_field('banner_image')):?>
<?php echo wp_get_attachment_image($image,'full'); endif;?>
</div>
</div>
</div>
</section>
<?php endif;?>
<?php the_content();?>
<?php get_footer();?>
\ No newline at end of file
single-vacancy.php 0 → 100644
<?php
$views = (int) get_post_meta(get_the_ID(), 'total_views', true);
update_post_meta(get_the_ID(), 'total_views', $views + 1);
get_header();
$now = date_create('now');
$deadline = date_create(get_field('deadline'));
$interval = date_diff($now, $deadline);
?>
<div class="container-fluid vacancy-detail-breadcrumb py-40 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"><a href="<?php echo site_url('/vacancy'); ?>">Vacancy</a></li>
<li class="breadcrumb-item active" aria-current="page"><?php the_title(); ?></li>
</ol>
</nav>
</div>
</div>
</div>
<section class="background-dark pb-60 VACANCY-DETAIL-TOP-TITLE-SECTION">
<div class="container">
<div class="row justify-content-between">
<div class="col-lg-7" style="display: flex;flex-direction: column;justify-content: space-between;">
<div class="pb-60 title-wrapper">
<h1><?php the_title(); ?></h1>
<a href="#vacancyForm" class="btn mb-20 btn-start-project btn-primary"><?php the_field('apply_now_text'); ?></a>
<?php the_field('text_after_apply_now'); ?>
</div>
<div class="validation d-flex align-items-center">
<span>Deadline : <?php the_field('deadline'); ?></span>
<p>(<?php echo $interval->format('%R%a days'); ?> Left)</p>
</div>
</div>
<div class="col-lg-5">
<?php the_post_thumbnail(); ?>
</div>
</div>
</div>
</section>
<section class="py-60 VACANCY-DETAIL-SECTION">
<div class="container">
<div class="row justify-content-between">
<div class="col-lg-3 col-12">
<div class="apply-card text-white">
<h6><?php the_title(); ?></h6>
<span>Deadline : <?php the_field('deadline'); ?></span>
<p>(<?php echo $interval->format('%R%a days'); ?> Left)</p>
<a href="#vacancyForm" class="btn w-100 font-16 mb-20 fw-600 btn-start-project btn-secondary"><?php the_field('apply_now_text'); ?></a>
<?php if ($linkedin_url = get_field('linkedin_url')) : ?>
<a class="btn w-100 font-16 mb-20 fw-600 btn-start-project view-linkedin" target="_blank" href="<?php echo $linkedin_url; ?>">View on LinkedIn <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5 15L15 5" stroke="#F9F8F4" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
<path d="M6.875 5H15V13.125" stroke="#F9F8F4" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</a>
<?php endif; ?>
</div>
</div>
<div class="col-lg-9 col-12 vacancy-list">
<div class="row">
<div class="col-11 vacancy-detail-content mx-auto">
<?php the_content(); ?>
<?php
$bottomContent = the_field("bottom_text");
if($bottomContent == true):
?>
<div class="py-60 mb-60 border-top border-bottom border-dark requirements-section">
<?php $bottomContent ?>
</div>
<?php endif; ?>
</div>
</div>
<div class="row pt-80 pb-40" id="vacancyForm">
<div class="col-lg-6 mx-auto text-center">
<div class="share-article">
<p class="font-18">Share this Vacancy</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.75L11.1953 8.15625H7.71875V5.8125C7.71875 4.79688 8.1875 3.85938 9.75 3.85938H11.3516V0.773438C11.3516 0.773438 9.90625 0.5 8.53906 0.5C5.6875 0.5 3.8125 2.25781 3.8125 5.38281V8.15625H0.609375V11.75H3.8125V20.5H7.71875V11.75H10.6484Z" fill="#878787"></path>
</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.4375C18.7109 3.85156 19.4141 3.14844 19.9609 2.32812C19.2578 2.64062 18.4375 2.875 17.6172 2.95312C18.4766 2.44531 19.1016 1.66406 19.4141 0.6875C18.6328 1.15625 17.7344 1.50781 16.8359 1.70312C16.0547 0.882812 15 0.414062 13.8281 0.414062C11.5625 0.414062 9.72656 2.25 9.72656 4.51562C9.72656 4.82812 9.76562 5.14062 9.84375 5.45312C6.44531 5.25781 3.39844 3.61719 1.36719 1.15625C1.01562 1.74219 0.820312 2.44531 0.820312 3.22656C0.820312 4.63281 1.52344 5.88281 2.65625 6.625C1.99219 6.58594 1.32812 6.42969 0.78125 6.11719V6.15625C0.78125 8.14844 2.1875 9.78906 4.0625 10.1797C3.75 10.2578 3.35938 10.3359 3.00781 10.3359C2.73438 10.3359 2.5 10.2969 2.22656 10.2578C2.73438 11.8984 4.25781 13.0703 6.05469 13.1094C4.64844 14.2031 2.89062 14.8672 0.976562 14.8672C0.625 14.8672 0.3125 14.8281 0 14.7891C1.79688 15.9609 3.94531 16.625 6.28906 16.625C13.8281 16.625 17.9297 10.4141 17.9297 4.98438C17.9297 4.78906 17.9297 4.63281 17.9297 4.4375Z" fill="#878787"></path>
</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 18V6.32031H0.523438V18H4.15625ZM2.32031 4.75781C3.49219 4.75781 4.42969 3.78125 4.42969 2.60938C4.42969 1.47656 3.49219 0.539062 2.32031 0.539062C1.1875 0.539062 0.25 1.47656 0.25 2.60938C0.25 3.78125 1.1875 4.75781 2.32031 4.75781ZM17.7109 18H17.75V11.5938C17.75 8.46875 17.0469 6.04688 13.375 6.04688C11.6172 6.04688 10.4453 7.02344 9.9375 7.92188H9.89844V6.32031H6.42188V18H10.0547V12.2188C10.0547 10.6953 10.3281 9.25 12.2031 9.25C14.0781 9.25 14.1172 10.9688 14.1172 12.3359V18H17.7109Z" fill="#878787"></path>
</svg>
</a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="vacancy-apply-form-wrapper">
<div>
<h4 class="mb-4">Vacancy Apply Form</h4>
<?php echo do_shortcode('[contact-form-7 id="bc05fd6" title="Vacancy Form"]'); ?>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<?php
$vac_query = new WP_Query([
'post_type' => 'vacancy',
'post__not_in' => [get_the_ID()],
'meta_query' => [
'relation' => "AND",
[
'key' => 'is_open',
'compare' => '=',
'value' => 1
],
[
'key' => 'deadline',
'compare' => '>=',
'value' => date('d-m-Y')
]
]
]);
if ($vac_query->have_posts()) :
?>
<section class="bg-secondary py-80 container-fluid VACANCY-SECTION">
<div class="container">
<div class="row">
<div class="col-lg-9 col-md-9 mx-auto col-12 top-title">
<span><?php echo get_field('vacancy_subtitle', 'option'); ?></span>
<h2><?php echo get_field('vacancy_title', 'option'); ?></h2>
<?php echo get_field('vacancy_description', 'option'); ?>
</div>
</div>
<div class="row mb-80">
<?php while ($vac_query->have_posts()) : $vac_query->the_post(); ?>
<?php
$now = date_create('now');
$deadline = date_create(get_field('deadline'));
$interval = date_diff($now, $deadline);
?>
<div class="col-lg-9 col-md-9 mx-auto col-12 align-items-center job-lists-wrapper">
<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'); ?></span>
<p>(<?php echo $interval->format('%R%a days'); ?> Left)</p>
</div>
</div>
<div class="button-wrapper">
<a href="<?php the_permalink(); ?>" class="btn m-auto d-flex align-items-center btn-start-project-white">Find out more
</a>
</div>
</div>
</div>
<?php endwhile;
wp_reset_postdata(); ?>
</div>
</div>
</section>
<?php endif; ?>
<?php get_footer(); ?>
\ No newline at end of file
template-parts/content-breadcrumb.php 0 → 100644
<div class="container-fluid py-40 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>
<li class="breadcrumb-item active" aria-current="page"><?php the_title();?></li>
</ol>
</nav>
</div>
</div>
</div>
\ No newline at end of file
template-parts/content-portfolio.php 0 → 100644
<div class="col-lg-4 col-12 recent-card-wrapper m-auto">
<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
$terms = get_terms('portfolio-category');
foreach ($terms as $term) {
echo '<li>#' . $term->name . '</li>';
}
?>
</ul> -->
</div>
</a>
</div>
\ No newline at end of file
template-parts/footer-project-banner.php 0 → 100644
<?php $project_section = get_field('start_project_section','option');
if($project_section['enable_section']):
?>
<section class="container-fluid">
<div class="row">
<div class="pb-30 bg-secondary upper-footer">
<div class="col-lg-6 col-md-6 col-12 m-auto text-center pt-120 inner-text-wrapper">
<div class="inner-wrapper">
<h2><?php echo $project_section['title'];?></h2>
</div>
<?php if ($link = $project_section['link']) : $link_target = $link['target'] ? $link['target'] : '_self';?>
<a href="<?php echo $link['url']; ?>" target="<?php echo esc_attr( $link_target ); ?>">
<h3><?php echo $link['title']; ?></h3>
</a>
<?php endif;?>
</div>
<div class="left-img">
<?php if($image = $project_section['left_image']): echo wp_get_attachment_image($image,'full'); endif;?>
</div>
<div class="right-img">
<?php if($image = $project_section['right_image']): echo wp_get_attachment_image($image,'full'); endif;?>
</div>
</div>
</div>
</section>
<?php endif;?>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment