Skip to content

M
makura-2025
Commit 25a2aac5 by rajshah
Options

Merge branch 'dev' of gitlab.makuracreations.xyz:rajshah/makura-2025 into dev

parents 399c0e07 c751524e
Showing with 677 additions and 2 deletions
assets/css/style.css
This source diff could not be displayed because it is too large. You can view the blob instead.
assets/js/script.js 0 → 100644
(function ($) {
/** INTERSECTION OBSERVER FOR SLIDE UP ANIMATION STARTS HERE */
$(function () {
const observer = new IntersectionObserver(
function (entries) {
entries.forEach((entry) => {
if (entry.isIntersecting) {
$(entry.target).addClass("animate");
observer.unobserve(entry.target);
}
});
},
{
threshold: 0.1,
root: null,
rootMargin: "150px",
},
);
$(".slide-up").each(function (e) {
observer.observe(this);
});
});
/** INTERSECTION OBSERVER FOR SLIDE UP ANIMATION ENDS HERE*/
/** INTERSECTION OBSERVER AND SCROLL INTO VIEW FUNCTIONALITY FOR RESOURCE LISTING STARTS HERE */
$(function () {
const resourceListObserver = new IntersectionObserver(
function (entries) {
entries.forEach((entry) => {
if (entry.isIntersecting) {
const targetId = entry.target.id;
const tocItem = $(`.toc li a[data-target="${targetId}"]`).parent();
if (entry.isIntersecting) {
tocItem.addClass("active").siblings().removeClass("active");
}
}
});
},
{
threshold: 0.1,
},
);
$(".resource-block").each(function () {
resourceListObserver.observe(this);
});
$(".toc li a").on("click", function (e) {
e.preventDefault();
$(this).parent().addClass("active").siblings().removeClass("active");
const currentActive = $(this).data("target");
const targetElement = document.getElementById(currentActive);
if (targetElement) {
targetElement.scrollIntoView({
behavior: "smooth",
block: "start",
});
}
});
});
/** INTERSECTION OBSERVER AND SCROLL INTO VIEW FUNCTIONALITY FOR RESOURCE LISTING ENDS HERE */
/** MAKURA LATEST FAQ EXPAND COLLAPSE STARTS HERE */
$(function () {
$(".makura-new .faq-title").on("click", function (e) {
e.preventDefault();
$(this)
.parent(".faq-item")
.toggleClass("active")
.siblings(".faq-item")
.removeClass("active");
});
});
/** MAKURA LATEST FAQ EXPAND COLLAPSE ENDS HERE */
})(jQuery);
blocks/custom-banner-with-right-image.php
<?php if(get_field('enable_section')):?>
<section class="background-dark pb-60 ABOUT TOP-BANNER-SECTION">
<!--
if(absolute image){
$(section).addClass(".inner-banner-absolute-image)
}
-->
<section class="background-dark pb-60 ABOUT TOP-BANNER-SECTION inner-banner-absolute-image">
<div class="container">
<div class="inner-banner-wrapper">
<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');?>
<a href="#"
class="btn btn-primary btn-padding hover-up btn-start-project font-14 fw-500 btn-padding btn-submit">Download
Now [PDF]</a>
</div>
</div>
<div class="col-lg-5 col-md-5 mx-auto col-12 text-center right-image">
<div class="image-wrapper">
<div class="image">
<!--<?php if($image = get_field('image')): echo wp_get_attachment_image($image); endif;?>-->
<?php
......@@ -19,5 +31,8 @@
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<?php endif;?>
\ No newline at end of file
dev/sass/base/_base.scss
......@@ -93,6 +93,9 @@ p {
font-size: 1.125rem;
color: #58595a;
letter-spacing: -0.5px;
@media (max-width: 991px) {
letter-spacing: 0;
}
}
ul {
......
dev/sass/base/_makura-new.scss 0 → 100644
.makura-new {
h6 {
font-size: 18px !important;
line-height: 24px;
letter-spacing: -0.294px;
}
ul,
ol {
margin: 0;
li {
list-style-type: none;
}
}
p {
margin: 0;
letter-spacing: 0;
}
a {
&:has(img) {
height: 100%;
}
}
.mc-btn-underlined {
font-weight: 600;
text-decoration: underline;
text-underline-offset: 2px;
}
.sm-text {
font-size: 1.125rem !important;
line-height: 22px;
}
.section-title {
h2 {
+ p {
margin-top: 1rem;
}
}
}
.slide-up {
transform: translateY(150px);
transition: all 0.5s ease-in-out;
&.animate {
transform: translateY(0);
}
}
.faq-wrapper {
.faq-item {
padding: 16px 0;
&:not(:last-child) {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.faq-title {
position: relative;
cursor: pointer;
strong {
font-weight: 500;
display: block;
max-width: calc(100% - 48px);
color: $background-dark;
}
&::before,
&::after {
content: "";
position: absolute;
right: 0;
top: 50%;
width: 16px;
height: 2px;
background-color: $background-dark;
transition: all 0.3s ease-in-out;
}
&::after {
transform: rotate(90deg);
transform-origin: center;
}
}
.faq-content-box {
display: grid;
grid-template-rows: 0fr;
overflow: hidden;
transition: all 0.3s ease-in-out;
.faq-content {
overflow: hidden;
p {
&:first-child {
margin-top: 12px;
}
+ p {
margin-top: 12px;
}
}
}
}
&.active {
.faq-title {
&::after {
transform: rotate(0);
opacity: 0;
visibility: hidden;
}
}
.faq-content-box {
grid-template-rows: 1fr;
}
}
}
}
}
@media (min-width: 768px) {
.makura-new {
.section-title {
margin-bottom: 40px;
}
}
}
@media (min-width: 991px) {
.makura-new {
.faq-wrapper {
.faq-item {
.faq-title {
strong {
font-size: 18px;
}
}
}
}
}
}
dev/sass/base/_new-breadcrumb.scss 0 → 100644
.inner-banner-absolute-image {
.left-text-wrapper {
a {
max-width: fit-content;
margin-top: 24px;
}
}
.image-wrapper {
display: none;
}
}
@media (min-width: 992px) {
.inner-banner-absolute-image {
padding-bottom: 92px;
.inner-banner-wrapper {
position: relative;
}
.image-wrapper {
display: block;
.image {
position: absolute;
top: 0;
right: 0;
img {
height: unset;
max-width: 72%;
}
}
}
}
}
@media (min-width: 1200px) {
.inner-banner-absolute-image {
.image-wrapper {
.image {
img {
max-width: 80%;
}
}
}
}
}
@media (min-width: 1440px) {
.inner-banner-absolute-image {
.image-wrapper {
.image {
img {
max-width: 95%;
}
}
}
}
}
dev/sass/pages/resources/_resource-detail.scss 0 → 100644
.resource-detail {
.rd-content {
h2,
h3,
h4,
h5 {
margin-bottom: 16px;
&:not(:first-child) {
margin-top: 32px;
}
}
ul {
padding-left: 8px;
li {
position: relative;
padding-left: 24px;
color: $grey;
&::before {
content: "";
width: 8px;
height: 8px;
background-color: $primary;
transform: rotate(45deg);
transform-origin: center;
position: absolute;
top: 8px;
left: 0;
}
&:not(:last-child) {
margin-bottom: 8px;
}
}
}
li,
p,
strong {
font-size: 1.5rem;
}
}
}
@media (min-width: 768px) {
.resource-detail {
.rd-content {
h2,
h3,
h4,
h5 {
&:not(:first-child) {
margin-top: 48px;
}
}
li,
p,
strong {
font-size: 1.125rem;
}
}
}
}
dev/sass/pages/resources/_resource-listing.scss 0 → 100644
.resource-listing {
.section-title {
max-width: 864px;
}
.resource-wrapper {
.resource-block {
scroll-margin-top: 120px;
.resource-item {
border: 1px solid rgba(0, 0, 0, 0.1);
.resource-image {
height: 220px;
overflow: hidden;
img {
width: 100%;
height: 100%;
object-fit: cover;
}
}
.resource-content {
padding: 16px;
h4,
h5,
h6 {
margin-bottom: 0.5rem;
a {
color: $background-dark;
}
}
> p {
margin-bottom: 1.25rem;
}
h4,
h5,
h6,
p {
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.format-and-btn-wrapper {
p {
color: $background-dark;
}
}
}
&:hover {
.resource-content {
h3,
h4,
h5,
h6 {
a {
color: $primary;
}
}
}
}
}
.row {
> div {
&:not(:last-child) {
.resource-item {
margin-bottom: 1.25rem;
}
}
}
}
&:not(:last-child) {
margin-bottom: 40px;
}
}
}
.toc {
ul {
li {
a {
font-size: 14px !important;
}
&.active {
a {
color: $primary !important;
}
}
}
}
}
}
@media (min-width: 576px) {
.resource-listing {
.resource-wrapper {
.resource-block {
.row {
--bs-gutter-y: 20px;
> div {
&:not(:last-child) {
.resource-item {
margin-bottom: 0;
}
}
}
}
}
}
}
}
@media (min-width: 992px) {
.resource-listing {
.resource-wrapper {
position: relative;
&::before {
content: "";
position: absolute;
top: 0;
left: -24px;
bottom: 0;
width: 1px;
background-color: rgba(0, 0, 0, 0.1);
}
.resource-block {
&:not(:last-child) {
margin-bottom: 60px;
}
}
}
.toc {
position: sticky;
top: 80px;
}
}
}
@media (min-width: 1200px) {
.resource-listing {
.toc {
max-width: 78.5%;
}
.resource-wrapper {
&::before {
left: -32px;
}
.resource-block {
.row {
--bs-gutter-y: 16px;
}
.resource-item {
.resource-image {
height: unset;
max-width: 30%;
}
.resource-content {
padding: 16px 12px 16px 20px;
a.mc-btn-underlined {
opacity: 0;
visibility: hidden;
transform: translateY(20px);
transition: all 0.3s ease-in-out;
}
}
&:hover {
.resource-content {
a.mc-btn-underlined {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
}
}
}
&:not(:last-child) {
margin-bottom: 104px;
}
}
}
}
}
@media (min-width: 1440px) {
.resource-listing {
.resource-wrapper {
.resource-block {
.resource-item {
.resource-content {
display: flex;
flex-direction: column;
justify-content: center;
}
}
}
}
}
}
dev/sass/style.scss
......@@ -26,6 +26,7 @@ $body-font: "Sora", sans-serif;
@import "base/base";
@import "base/header";
@import "base/footer";
@import "base/new-breadcrumb";
@import "pages/index";
@import "pages/about";
@import "pages/contact";
......@@ -37,6 +38,7 @@ $body-font: "Sora", sans-serif;
@import "pages/course-detail";
@import "pages/responsive";
@import "base/global";
@import "base/makura-new";
@import "pages/service-detail/service-lisiting";
@import "pages/service-detail/service-plans";
@import "pages/service-detail/service-detail-form";
......@@ -55,3 +57,5 @@ $body-font: "Sora", sans-serif;
@import "pages/seo-audit/audit-quote";
@import "pages/site-comparision/inner-banner";
@import "pages/site-comparision/comparison-form";
@import "pages/resources/resource-listing";
@import "pages/resources/resource-detail";
includes/enqueuer.php
......@@ -12,7 +12,7 @@ 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('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('custom-css', get_template_directory_uri() . '/assets/css/style.css', null, '6.4.4');
wp_enqueue_style('custom-css', get_template_directory_uri() . '/assets/css/style.css', null, '6.4.5');
......@@ -42,5 +42,8 @@ function conserve_register_styles()
'ajaxurl' => admin_url('admin-ajax.php'),
)
);
/** CUSTOM JS */
wp_enqueue_script('custom-JS', get_template_directory_uri() . '/assets/js/script.js', array('jquery'), null, true);
}
add_action('wp_enqueue_scripts', 'conserve_register_styles');
\ No newline at end of file
page-templates/resource-detail-layout.php 0 → 100644
<?php
/**
* Template Name: Resource Detail
*/
get_header();
the_content();
get_template_part("/template-parts/resource-page/resource-detail",null);
get_footer();
?>
\ No newline at end of file
page-templates/resource-listing.php 0 → 100644
<?php
/**
* Template Name: Resource Listing
*/
get_header();
the_content();
get_template_part("/template-parts/resource-page/resource-list",null);
get_footer();
?>
\ No newline at end of file
template-parts/resource-page/resource-detail.php 0 → 100644
<section class="resource-detail py-80 makura-new">
<div class="container">
<div class="row">
<div class="col-lg-10 col-xl-8">
<div class="rd-content">
<h3>Overview</h3>
<p>The Mercantile Domain Registration Cover Letter is a professionally crafted template designed to simplify
the
process of registering a domain with Mercantile. This letter outlines the necessary details required for
domain
registration, ensuring clarity and professionalism in your communication. Whether you're registering a
domain
for personal or business purposes, this template provides a structured format that adheres to official
guidelines, saving you time and effort. Tailor the content to suit your specific needs and ensure a smooth
registration process.</p>
<h3>Highlights</h3>
<ul>
<li>Professional Format: Pre-designed layout adhering to official guidelines for ease of use.</li>
<li>Time-Saving: Eliminates the need to draft a cover letter from scratch.</li>
<li>Customizable: Fully editable to suit personal or business requirements.</li>
<li>Clarity and Precision: Ensures all necessary details are clearly communicated.</li>
<li>Seamless Process: Simplifies domain registration with a well-structured template.</li>
</ul>
<h3>Frequently Asked Questions</h3>
<div class="faq-wrapper">
<div class="faq-item">
<div class="faq-title">
<strong>Can I customize the template for my specific needs? Can I customize the template for my
specificCan I customize the template for my specific needs?
needs?</strong>
</div>
<div class="faq-content-box">
<div class="faq-content">
<p>You need to include your personal or business details, domain name, and any required identification
or
authorization documents.</p>
</div>
</div>
</div>
<div class="faq-item">
<div class="faq-title">
<strong>Can I customize the template for my specific needs?</strong>
</div>
<div class="faq-content-box">
<div class="faq-content">
<p>You need to include your personal or business details, domain name, and any required identification
or
authorization documents.</p>
<p>You need to include your personal or business details, domain name, and any required identification
or
authorization documents.</p>
<p>You need to include your personal or business details, domain name, and any required identification
or
authorization documents.</p>
</div>
</div>
</div>
<div class="faq-item">
<div class="faq-title">
<strong>Can I customize the template for my specific needs?</strong>
</div>
<div class="faq-content-box">
<div class="faq-content">
<p>You need to include your personal or business details, domain name, and any required identification
or
authorization documents.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
\ 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