imges updated
@ -15,14 +15,14 @@ export default function page() {
|
||||
<Header1 />
|
||||
<div
|
||||
className="breadcrumb-wrapper bg-cover"
|
||||
style={{ backgroundImage: 'url("/assets/img/cta-bg.jpg")' }}
|
||||
style={{ backgroundImage: 'url("/assets/img/about-page/about/glance-banner.webp")' }}
|
||||
>
|
||||
<div className="container">
|
||||
<div className="breadcrumb-wrapper-items">
|
||||
<div className="page-heading">
|
||||
<div className="breadcrumb-sub-title">
|
||||
<h1 className="wow fadeInUp" data-wow-delay=".3s">
|
||||
Corporate Profile
|
||||
At a Glance
|
||||
</h1>
|
||||
</div>
|
||||
<ul
|
||||
@ -35,7 +35,7 @@ export default function page() {
|
||||
<li>
|
||||
<i className="fa-sharp fa-solid fa-slash-forward" />
|
||||
</li>
|
||||
<li>Corporate Profile</li>
|
||||
<li>At a Glance</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="breadcrumb-image">
|
||||
|
||||
66
app/(engineering-innovation)/engineering-innovation/page.jsx
Normal file
@ -0,0 +1,66 @@
|
||||
import Engineering from "@/components/engineering-innovation/page";
|
||||
import Footer1 from "@/components/footers/Footer1";
|
||||
import Header1 from "@/components/headers/Header1";
|
||||
import Image from "next/image";
|
||||
import Link from "next/link";
|
||||
import React from "react";
|
||||
export const metadata = {
|
||||
title: "About || Xbuild - Constriction nextjs Template",
|
||||
description: "Xbuild - Constriction nextjs Template",
|
||||
};
|
||||
|
||||
export default function page() {
|
||||
return (
|
||||
<>
|
||||
<Header1 />
|
||||
<div
|
||||
className="breadcrumb-wrapper bg-cover"
|
||||
style={{ backgroundImage: 'url("/assets/img/about-page/about/engineering-banner.webp")' }}
|
||||
>
|
||||
<div className="container">
|
||||
<div className="breadcrumb-wrapper-items">
|
||||
<div className="page-heading">
|
||||
<div className="breadcrumb-sub-title">
|
||||
<h1 className="wow fadeInUp" data-wow-delay=".3s">
|
||||
Engineering & Innovation
|
||||
</h1>
|
||||
</div>
|
||||
<ul
|
||||
className="breadcrumb-items wow fadeInUp"
|
||||
data-wow-delay=".5s"
|
||||
>
|
||||
<li>
|
||||
<Link href={`/`}> Home </Link>
|
||||
</li>
|
||||
<li>
|
||||
<i className="fa-sharp fa-solid fa-slash-forward" />
|
||||
</li>
|
||||
<li>Engineering & Innovation</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="breadcrumb-image">
|
||||
{/* <Image
|
||||
src="/assets/img/breadcrumb-image.png"
|
||||
width={540}
|
||||
height={450}
|
||||
alt="img"
|
||||
className="float-bob-x"
|
||||
/> */}
|
||||
<div className="bar-shape">
|
||||
<Image
|
||||
src="/assets/img/breadcrumb-bar.png"
|
||||
width={631}
|
||||
height={604}
|
||||
alt="img"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<Engineering />
|
||||
<Footer1 />
|
||||
</>
|
||||
);
|
||||
}
|
||||
66
app/(factory-workflows)/factory-workflows/page.jsx
Normal file
@ -0,0 +1,66 @@
|
||||
import FactoryWorkflow from "@/components/factory-workflows/page";
|
||||
import Footer1 from "@/components/footers/Footer1";
|
||||
import Header1 from "@/components/headers/Header1";
|
||||
import Image from "next/image";
|
||||
import Link from "next/link";
|
||||
import React from "react";
|
||||
export const metadata = {
|
||||
title: "About || Xbuild - Constriction nextjs Template",
|
||||
description: "Xbuild - Constriction nextjs Template",
|
||||
};
|
||||
|
||||
export default function page() {
|
||||
return (
|
||||
<>
|
||||
<Header1 />
|
||||
<div
|
||||
className="breadcrumb-wrapper bg-cover"
|
||||
style={{ backgroundImage: 'url("/assets/img/about-page/about/factory-banner.webp")' }}
|
||||
>
|
||||
<div className="container">
|
||||
<div className="breadcrumb-wrapper-items">
|
||||
<div className="page-heading">
|
||||
<div className="breadcrumb-sub-title">
|
||||
<h1 className="wow fadeInUp" data-wow-delay=".3s">
|
||||
Factory & Workflows
|
||||
</h1>
|
||||
</div>
|
||||
<ul
|
||||
className="breadcrumb-items wow fadeInUp"
|
||||
data-wow-delay=".5s"
|
||||
>
|
||||
<li>
|
||||
<Link href={`/`}> Home </Link>
|
||||
</li>
|
||||
<li>
|
||||
<i className="fa-sharp fa-solid fa-slash-forward" />
|
||||
</li>
|
||||
<li>Factory & Workflows</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="breadcrumb-image">
|
||||
{/* <Image
|
||||
src="/assets/img/breadcrumb-image.png"
|
||||
width={540}
|
||||
height={450}
|
||||
alt="img"
|
||||
className="float-bob-x"
|
||||
/> */}
|
||||
<div className="bar-shape">
|
||||
<Image
|
||||
src="/assets/img/breadcrumb-bar.png"
|
||||
width={631}
|
||||
height={604}
|
||||
alt="img"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<FactoryWorkflow />
|
||||
<Footer1 />
|
||||
</>
|
||||
);
|
||||
}
|
||||
@ -35,7 +35,7 @@ export default function page() {
|
||||
<li>
|
||||
<i className="fa-sharp fa-solid fa-slash-forward" />
|
||||
</li>
|
||||
<li>About Us</li>
|
||||
<li>Products</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="breadcrumb-image">
|
||||
|
||||
@ -14,7 +14,7 @@ export default function page() {
|
||||
<Header1 />
|
||||
<div
|
||||
className="breadcrumb-wrapper bg-cover"
|
||||
style={{ backgroundImage: 'url("/assets/img/breadcrumb-bg.jpg")' }}
|
||||
style={{ backgroundImage: 'url("/assets/img/projects/projects-banner.webp")' }}
|
||||
>
|
||||
<div className="container">
|
||||
<div className="breadcrumb-wrapper-items">
|
||||
|
||||
66
app/(sustainability-impact)/sustainability-impact/page.jsx
Normal file
@ -0,0 +1,66 @@
|
||||
import Footer1 from "@/components/footers/Footer1";
|
||||
import Header1 from "@/components/headers/Header1";
|
||||
import Sustainability from "@/components/sustainability-impact/page";
|
||||
import Image from "next/image";
|
||||
import Link from "next/link";
|
||||
import React from "react";
|
||||
export const metadata = {
|
||||
title: "About || Xbuild - Constriction nextjs Template",
|
||||
description: "Xbuild - Constriction nextjs Template",
|
||||
};
|
||||
|
||||
export default function page() {
|
||||
return (
|
||||
<>
|
||||
<Header1 />
|
||||
<div
|
||||
className="breadcrumb-wrapper bg-cover"
|
||||
style={{ backgroundImage: 'url("/assets/img/about-page/about/sustainability-banner.webp")' }}
|
||||
>
|
||||
<div className="container">
|
||||
<div className="breadcrumb-wrapper-items">
|
||||
<div className="page-heading">
|
||||
<div className="breadcrumb-sub-title">
|
||||
<h1 className="wow fadeInUp" data-wow-delay=".3s">
|
||||
Sustainability Impact
|
||||
</h1>
|
||||
</div>
|
||||
<ul
|
||||
className="breadcrumb-items wow fadeInUp"
|
||||
data-wow-delay=".5s"
|
||||
>
|
||||
<li>
|
||||
<Link href={`/`}> Home </Link>
|
||||
</li>
|
||||
<li>
|
||||
<i className="fa-sharp fa-solid fa-slash-forward" />
|
||||
</li>
|
||||
<li>Sustainability Impact</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="breadcrumb-image">
|
||||
{/* <Image
|
||||
src="/assets/img/breadcrumb-image.png"
|
||||
width={540}
|
||||
height={450}
|
||||
alt="img"
|
||||
className="float-bob-x"
|
||||
/> */}
|
||||
<div className="bar-shape">
|
||||
<Image
|
||||
src="/assets/img/breadcrumb-bar.png"
|
||||
width={631}
|
||||
height={604}
|
||||
alt="img"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<Sustainability />
|
||||
<Footer1 />
|
||||
</>
|
||||
);
|
||||
}
|
||||
@ -36,8 +36,7 @@ export default function Team() {
|
||||
{teamMembers2.map((member) => (
|
||||
<div
|
||||
key={member.id}
|
||||
className={`col-xl-3 col-lg-4 col-md-6 col-sm-6 wow fadeInUp${
|
||||
member.active ? " active" : ""
|
||||
className={`col-xl-3 col-lg-4 col-md-6 col-sm-6 wow fadeInUp${member.active ? " active" : ""
|
||||
}`}
|
||||
data-wow-delay={member.delay}
|
||||
>
|
||||
@ -52,14 +51,14 @@ export default function Team() {
|
||||
</div>
|
||||
<div className="team-content">
|
||||
<h5>
|
||||
<Link href={`/team-details/${member.id}`}>
|
||||
<Link href={member.link}>
|
||||
{member.name}
|
||||
</Link>
|
||||
</h5>
|
||||
{/* <p>{member.role}</p> */}
|
||||
<a href="team-details" className="icon">
|
||||
<Link href={member.link} className="icon">
|
||||
<i className="fa-solid fa-link" />
|
||||
</a>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
52
components/engineering-innovation/page.jsx
Normal file
@ -0,0 +1,52 @@
|
||||
import React from "react";
|
||||
import Image from "next/image";
|
||||
|
||||
export default function Engineering() {
|
||||
return (
|
||||
<section className="news-standard fix section-padding">
|
||||
<div className="container">
|
||||
<div className="row g-4">
|
||||
<div className="col-12">
|
||||
<div className="blog-post-details">
|
||||
<div className="single-blog-post">
|
||||
<div
|
||||
className="post-featured-thumb bg-cover"
|
||||
style={{
|
||||
backgroundImage: `url("/assets/img/about-page/about/big-img-4.webp")`,
|
||||
height: "400px",
|
||||
backgroundSize: "cover",
|
||||
backgroundPosition: "center",
|
||||
borderRadius: "10px"
|
||||
}}
|
||||
/>
|
||||
|
||||
<div className="post-content">
|
||||
|
||||
<h3>Engineering & Innovation</h3>
|
||||
<p>
|
||||
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Possimus non alias rem debitis sunt! Eius voluptates molestias accusamus illum laudantium, ab obcaecati temporibus qui natus. Architecto nam voluptatibus, pariatur, quod cupiditate mollitia adipisci velit quia iste ab temporibus. Optio architecto vel ipsa consequatur blanditiis aspernatur rerum in, quos expedita saepe ab eos vero ipsam repellendus velit tempora, nihil mollitia tenetur. Libero, nisi sapiente accusantium delectus nesciunt voluptatum. Nisi iure praesentium commodi voluptas. Deleniti perferendis labore debitis ullam voluptas, ex harum vitae consectetur voluptates sapiente similique, maxime impedit aut dolores beatae nobis sed! Delectus repellat blanditiis mollitia labore rem temporibus praesentium natus non modi similique recusandae quo voluptate doloremque corporis officia fugit voluptas consectetur aliquam ipsam, omnis molestiae facilis voluptates maxime? Exercitationem saepe ea mollitia quasi architecto doloribus temporibus autem quia debitis quos, nulla, amet sapiente cumque unde officia officiis possimus deserunt! Harum ex placeat necessitatibus possimus praesentium inventore recusandae accusantium neque fugiat, labore magni consequatur hic tempore, quibusdam tenetur aliquid mollitia. Explicabo, porro accusantium? Aspernatur nisi consequuntur quos distinctio unde, dicta fuga saepe vitae fugit eaque? Praesentium, facilis dolores ipsa explicabo fugit repellendus? Maiores, consequatur, esse mollitia assumenda nobis vel fugiat vero accusamus suscipit aspernatur sunt, temporibus atque minus ipsam.
|
||||
</p>
|
||||
|
||||
<div className="hilight-text mt-4 mb-4">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet consectetur adipisicing elit. Esse sunt dolor quis, odio facere enim incidunt magnam fugit id sequi dolore aliquid expedita. Distinctio, fuga consectetur exercitationem commodi, perferendis est expedita aspernatur iusto suscipit dolores quasi beatae molestiae tenetur aperiam.
|
||||
</p>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36" fill="none">
|
||||
<path d="M7.71428 20.0711H0.5V5.64258H14.9286V20.4531L9.97665 30.3568H3.38041L8.16149 20.7947L8.5233 20.0711H7.71428Z" stroke="#F55B1F" />
|
||||
<path d="M28.2846 20.0711H21.0703V5.64258H35.4989V20.4531L30.547 30.3568H23.9507L28.7318 20.7947L29.0936 20.0711H28.2846Z" stroke="#F55B1F" />
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
|
||||
<p className="mt-3">
|
||||
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quae quam ipsam autem ex error ipsa ea repudiandae facere enim mollitia fuga tempora amet recusandae voluptate, fugiat exercitationem sint cum dolor? Temporibus reprehenderit quae atque veniam? Mollitia expedita ad repellendus, quaerat dolorem, facere voluptatibus atque fugit consequatur quo, reiciendis quas optio aspernatur nisi maxime obcaecati nobis tenetur cumque nemo maiores possimus facilis eius. Consequatur, ad enim facilis aspernatur ex dolores architecto, dolorem, deleniti fuga provident id. Optio, voluptatem earum odio ipsa modi voluptates? Aut possimus, natus voluptates assumenda minima molestias? Sit sequi et rem doloremque ex facere hic, fugiat aspernatur, mollitia delectus suscipit quisquam obcaecati reprehenderit, eligendi explicabo dignissimos voluptates dolore! Aliquid omnis sed ab cupiditate repellat quo dolores totam dolorem, hic distinctio dolore error perferendis libero optio, quaerat ratione, neque nostrum porro qui quam quis consequuntur nesciunt fuga! Iste tenetur molestias veniam saepe suscipit porro, consequatur vel culpa, provident laudantium rerum placeat, totam odit nobis officia esse. Quia tempora voluptate laudantium ipsa, mollitia ullam beatae perferendis exercitationem odio quis similique facere harum nulla rerum, cumque quas, expedita cupiditate iste numquam incidunt consequatur doloremque quaerat. Quis facilis quae hic temporibus, quo impedit harum repellendus corporis. Sit repellat fugiat id perferendis quibusdam.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
}
|
||||
97
components/factory-workflows/page.jsx
Normal file
@ -0,0 +1,97 @@
|
||||
import React from "react";
|
||||
import Image from "next/image";
|
||||
|
||||
export default function FactoryWorkflow() {
|
||||
return (
|
||||
<section className="news-standard fix section-padding">
|
||||
<div className="container">
|
||||
<div className="row g-4">
|
||||
<div className="col-12">
|
||||
<div className="blog-post-details">
|
||||
<div className="single-blog-post">
|
||||
<div
|
||||
className="post-featured-thumb bg-cover"
|
||||
style={{
|
||||
backgroundImage: `url("/assets/img/about-page/about/big-img-2.webp")`,
|
||||
height: "400px",
|
||||
backgroundSize: "cover",
|
||||
backgroundPosition: "center",
|
||||
borderRadius: "10px"
|
||||
}}
|
||||
/>
|
||||
|
||||
<div className="post-content">
|
||||
|
||||
<h3>Factory & Workflows</h3>
|
||||
<p>
|
||||
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Possimus non alias rem debitis sunt! Eius voluptates molestias accusamus illum laudantium, ab obcaecati temporibus qui natus. Architecto nam voluptatibus, pariatur, quod cupiditate mollitia adipisci velit quia iste ab temporibus. Optio architecto vel ipsa consequatur blanditiis aspernatur rerum in, quos expedita saepe ab eos vero ipsam repellendus velit tempora, nihil mollitia tenetur. Libero, nisi sapiente accusantium delectus nesciunt voluptatum. Nisi iure praesentium commodi voluptas. Deleniti perferendis labore debitis ullam voluptas, ex harum vitae consectetur voluptates sapiente similique, maxime impedit aut dolores beatae nobis sed! Delectus repellat blanditiis mollitia labore rem temporibus praesentium natus non modi similique recusandae quo voluptate doloremque corporis officia fugit voluptas consectetur aliquam ipsam, omnis molestiae facilis voluptates maxime? Exercitationem saepe ea mollitia quasi architecto doloribus temporibus autem quia debitis quos, nulla, amet sapiente cumque unde officia officiis possimus deserunt! Harum ex placeat necessitatibus possimus praesentium inventore recusandae accusantium neque fugiat, labore magni consequatur hic tempore, quibusdam tenetur aliquid mollitia. Explicabo, porro accusantium? Aspernatur nisi consequuntur quos distinctio unde, dicta fuga saepe vitae fugit eaque? Praesentium, facilis dolores ipsa explicabo fugit repellendus? Maiores, consequatur, esse mollitia assumenda nobis vel fugiat vero accusamus suscipit aspernatur sunt, temporibus atque minus ipsam.
|
||||
</p>
|
||||
|
||||
<div className="hilight-text mt-4 mb-4">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet consectetur adipisicing elit. Esse sunt dolor quis, odio facere enim incidunt magnam fugit id sequi dolore aliquid expedita. Distinctio, fuga consectetur exercitationem commodi, perferendis est expedita aspernatur iusto suscipit dolores quasi beatae molestiae tenetur aperiam.
|
||||
</p>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36" fill="none">
|
||||
<path d="M7.71428 20.0711H0.5V5.64258H14.9286V20.4531L9.97665 30.3568H3.38041L8.16149 20.7947L8.5233 20.0711H7.71428Z" stroke="#F55B1F" />
|
||||
<path d="M28.2846 20.0711H21.0703V5.64258H35.4989V20.4531L30.547 30.3568H23.9507L28.7318 20.7947L29.0936 20.0711H28.2846Z" stroke="#F55B1F" />
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
|
||||
<p className="mt-3">
|
||||
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quae quam ipsam autem ex error ipsa ea repudiandae facere enim mollitia fuga tempora amet recusandae voluptate, fugiat exercitationem sint cum dolor? Temporibus reprehenderit quae atque veniam? Mollitia expedita ad repellendus, quaerat dolorem, facere voluptatibus atque fugit consequatur quo, reiciendis quas optio aspernatur nisi maxime obcaecati nobis tenetur cumque nemo maiores possimus facilis eius. Consequatur, ad enim facilis aspernatur ex dolores architecto, dolorem, deleniti fuga provident id. Optio, voluptatem earum odio ipsa modi voluptates? Aut possimus, natus voluptates assumenda minima molestias? Sit sequi et rem doloremque ex facere hic, fugiat aspernatur, mollitia delectus suscipit quisquam obcaecati reprehenderit, eligendi explicabo dignissimos voluptates dolore! Aliquid omnis sed ab cupiditate repellat quo dolores totam dolorem, hic distinctio dolore error perferendis libero optio, quaerat ratione, neque nostrum porro qui quam quis consequuntur nesciunt fuga! Iste tenetur molestias veniam saepe suscipit porro, consequatur vel culpa, provident laudantium rerum placeat, totam odit nobis officia esse. Quia tempora voluptate laudantium ipsa, mollitia ullam beatae perferendis exercitationem odio quis similique facere harum nulla rerum, cumque quas, expedita cupiditate iste numquam incidunt consequatur doloremque quaerat. Quis facilis quae hic temporibus, quo impedit harum repellendus corporis. Sit repellat fugiat id perferendis quibusdam.
|
||||
</p>
|
||||
|
||||
<div className="row mt-5 mb-5">
|
||||
<div className="col-lg-6 mt-2">
|
||||
<div className="details-image">
|
||||
<Image
|
||||
src="/assets/img/about-page/about/1.webp"
|
||||
width={370}
|
||||
height={269}
|
||||
alt="img"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-12 mt-2">
|
||||
<div className="details-image">
|
||||
<Image
|
||||
src="/assets/img/about-page/about/2.webp"
|
||||
width={370}
|
||||
height={269}
|
||||
alt="img"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="row mt-5 mb-5">
|
||||
<div className="col-lg-6 mt-2">
|
||||
<div className="details-image">
|
||||
<Image
|
||||
src="/assets/img/about-page/about/3.webp"
|
||||
width={370}
|
||||
height={269}
|
||||
alt="img"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6 col-md-12 mt-2">
|
||||
<div className="details-image">
|
||||
<Image
|
||||
src="/assets/img/about-page/about/4.webp"
|
||||
width={370}
|
||||
height={269}
|
||||
alt="img"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
}
|
||||
@ -12,7 +12,7 @@ export default function CorporateProfile() {
|
||||
<div
|
||||
className="post-featured-thumb bg-cover"
|
||||
style={{
|
||||
backgroundImage: `url("/assets/img/news/post-3.jpg")`,
|
||||
backgroundImage: `url("/assets/img/about-page/about/big-img.webp")`,
|
||||
height: "400px",
|
||||
backgroundSize: "cover",
|
||||
backgroundPosition: "center",
|
||||
@ -55,7 +55,7 @@ export default function CorporateProfile() {
|
||||
<div className="col-lg-6 mt-2">
|
||||
<div className="details-image">
|
||||
<Image
|
||||
src="/assets/img/news/post-5.jpg"
|
||||
src="/assets/img/about-page/about/at1.webp"
|
||||
width={370}
|
||||
height={269}
|
||||
alt="img"
|
||||
@ -65,7 +65,7 @@ export default function CorporateProfile() {
|
||||
<div className="col-lg-6 col-md-12 mt-2">
|
||||
<div className="details-image">
|
||||
<Image
|
||||
src="/assets/img/news/post-5.jpg"
|
||||
src="/assets/img/about-page/about/at2.webp"
|
||||
width={370}
|
||||
height={269}
|
||||
alt="img"
|
||||
|
||||
66
components/sustainability-impact/page.jsx
Normal file
@ -0,0 +1,66 @@
|
||||
import React from "react";
|
||||
import Image from "next/image";
|
||||
|
||||
export default function Sustainability() {
|
||||
return (
|
||||
<section className="news-standard fix section-padding">
|
||||
<div className="container">
|
||||
<div className="row g-4">
|
||||
<div className="col-12">
|
||||
<div className="blog-post-details">
|
||||
<div className="single-blog-post">
|
||||
<div
|
||||
className="post-featured-thumb bg-cover"
|
||||
style={{
|
||||
backgroundImage: `url("/assets/img/about-page/about/big-img-3.webp")`,
|
||||
height: "400px",
|
||||
backgroundSize: "cover",
|
||||
backgroundPosition: "center",
|
||||
borderRadius: "10px"
|
||||
}}
|
||||
/>
|
||||
|
||||
<div className="post-content">
|
||||
|
||||
<h3>Sustainability Impact</h3>
|
||||
<p>
|
||||
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Possimus non alias rem debitis sunt! Eius voluptates molestias accusamus illum laudantium, ab obcaecati temporibus qui natus. Architecto nam voluptatibus, pariatur, quod cupiditate mollitia adipisci velit quia iste ab temporibus. Optio architecto vel ipsa consequatur blanditiis aspernatur rerum in, quos expedita saepe ab eos vero ipsam repellendus velit tempora, nihil mollitia tenetur. Libero, nisi sapiente accusantium delectus nesciunt voluptatum. Nisi iure praesentium commodi voluptas. Deleniti perferendis labore debitis ullam voluptas, ex harum vitae consectetur voluptates sapiente similique, maxime impedit aut dolores beatae nobis sed! Delectus repellat blanditiis mollitia labore rem temporibus praesentium natus non modi similique recusandae quo voluptate doloremque corporis officia fugit voluptas consectetur aliquam ipsam, omnis molestiae facilis voluptates maxime? Exercitationem saepe ea mollitia quasi architecto doloribus temporibus autem quia debitis quos, nulla, amet sapiente cumque unde officia officiis possimus deserunt! Harum ex placeat necessitatibus possimus praesentium inventore recusandae accusantium neque fugiat, labore magni consequatur hic tempore, quibusdam tenetur aliquid mollitia. Explicabo, porro accusantium? Aspernatur nisi consequuntur quos distinctio unde, dicta fuga saepe vitae fugit eaque? Praesentium, facilis dolores ipsa explicabo fugit repellendus? Maiores, consequatur, esse mollitia assumenda nobis vel fugiat vero accusamus suscipit aspernatur sunt, temporibus atque minus ipsam.
|
||||
</p>
|
||||
|
||||
<div className="hilight-text mt-4 mb-4">
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet consectetur adipisicing elit. Esse sunt dolor quis, odio facere enim incidunt magnam fugit id sequi dolore aliquid expedita. Distinctio, fuga consectetur exercitationem commodi, perferendis est expedita aspernatur iusto suscipit dolores quasi beatae molestiae tenetur aperiam.
|
||||
</p>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36" fill="none">
|
||||
<path d="M7.71428 20.0711H0.5V5.64258H14.9286V20.4531L9.97665 30.3568H3.38041L8.16149 20.7947L8.5233 20.0711H7.71428Z" stroke="#F55B1F" />
|
||||
<path d="M28.2846 20.0711H21.0703V5.64258H35.4989V20.4531L30.547 30.3568H23.9507L28.7318 20.7947L29.0936 20.0711H28.2846Z" stroke="#F55B1F" />
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
|
||||
<p className="mt-3">
|
||||
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quae quam ipsam autem ex error ipsa ea repudiandae facere enim mollitia fuga tempora amet recusandae voluptate, fugiat exercitationem sint cum dolor? Temporibus reprehenderit quae atque veniam? Mollitia expedita ad repellendus, quaerat dolorem, facere voluptatibus atque fugit consequatur quo, reiciendis quas optio aspernatur nisi maxime obcaecati nobis tenetur cumque nemo maiores possimus facilis eius. Consequatur, ad enim facilis aspernatur ex dolores architecto, dolorem, deleniti fuga provident id. Optio, voluptatem earum odio ipsa modi voluptates? Aut possimus, natus voluptates assumenda minima molestias? Sit sequi et rem doloremque ex facere hic, fugiat aspernatur, mollitia delectus suscipit quisquam obcaecati reprehenderit, eligendi explicabo dignissimos voluptates dolore! Aliquid omnis sed ab cupiditate repellat quo dolores totam dolorem, hic distinctio dolore error perferendis libero optio, quaerat ratione, neque nostrum porro qui quam quis consequuntur nesciunt fuga! Iste tenetur molestias veniam saepe suscipit porro, consequatur vel culpa, provident laudantium rerum placeat, totam odit nobis officia esse. Quia tempora voluptate laudantium ipsa, mollitia ullam beatae perferendis exercitationem odio quis similique facere harum nulla rerum, cumque quas, expedita cupiditate iste numquam incidunt consequatur doloremque quaerat. Quis facilis quae hic temporibus, quo impedit harum repellendus corporis. Sit repellat fugiat id perferendis quibusdam.
|
||||
</p>
|
||||
|
||||
<div className="row mt-5 mb-5">
|
||||
<div className="col-12 d-flex justify-content-center mt-2">
|
||||
<div className="details-image">
|
||||
<Image
|
||||
src="/assets/img/about-page/about/sustainability.jpg"
|
||||
width={375}
|
||||
height={441}
|
||||
alt="img"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
}
|
||||
@ -51,14 +51,14 @@ export default function About() {
|
||||
alt="img"
|
||||
/>
|
||||
</div>
|
||||
<div className="about-line-shape">
|
||||
{/* <div className="about-line-shape">
|
||||
<Image
|
||||
src="/assets/img/about/about-shape-3.png"
|
||||
width={30}
|
||||
height={545}
|
||||
alt="img"
|
||||
/>
|
||||
</div>
|
||||
</div> */}
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
|
||||
@ -32,7 +32,10 @@ export const menuData = [
|
||||
href: "/about",
|
||||
iconClass: "fa-regular fa-plus",
|
||||
submenu: [
|
||||
{ label: "Corporate Profile", href: "/corporate-profile" },
|
||||
{ label: "At a Glance", href: "/corporate-profile" },
|
||||
{ label: "Factory & Workflows", href: "/factory-workflows" },
|
||||
{ label: "Sustainability Impact", href: "/sustainability-impact" },
|
||||
{ label: "Engineering & Innovation", href: "/engineering-innovation" },
|
||||
],
|
||||
},
|
||||
// {
|
||||
|
||||
@ -195,63 +195,63 @@ export const projectsData = [
|
||||
// Tab 1 - Desiccated Coconut
|
||||
{
|
||||
id: 1,
|
||||
images: ["/assets/img/project/09.jpg", "/assets/img/project/09.jpg"],
|
||||
images: ["/assets/img/projects/milk/1.webp", "/assets/img/projects/milk/1.webp"],
|
||||
title: "Project 1",
|
||||
delay: ".2s",
|
||||
category: "Desiccated Coconut",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
images: ["/assets/img/project/10.jpg", "/assets/img/project/10.jpg"],
|
||||
images: ["/assets/img/projects/milk/2.webp", "/assets/img/projects/milk/2.webp"],
|
||||
title: "Project 2",
|
||||
delay: ".4s",
|
||||
category: "Desiccated Coconut",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
images: ["/assets/img/project/11.jpg", "/assets/img/project/11.jpg"],
|
||||
images: ["/assets/img/projects/milk/3.webp", "/assets/img/projects/milk/3.webp"],
|
||||
title: "Project 3",
|
||||
delay: ".6s",
|
||||
category: "Desiccated Coconut",
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
images: ["/assets/img/project/09.jpg", "/assets/img/project/09.jpg"],
|
||||
images: ["/assets/img/projects/milk/4.webp", "/assets/img/projects/milk/4.webp"],
|
||||
title: "Project 4",
|
||||
delay: ".2s",
|
||||
category: "Desiccated Coconut",
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
images: ["/assets/img/project/10.jpg", "/assets/img/project/10.jpg"],
|
||||
images: ["/assets/img/projects/milk/5.webp", "/assets/img/projects/milk/5.webp"],
|
||||
title: "Project 5",
|
||||
delay: ".4s",
|
||||
category: "Desiccated Coconut",
|
||||
},
|
||||
{
|
||||
id: 6,
|
||||
images: ["/assets/img/project/11.jpg", "/assets/img/project/11.jpg"],
|
||||
images: ["/assets/img/projects/milk/6.webp", "/assets/img/projects/milk/6.webp"],
|
||||
title: "Project 6",
|
||||
delay: ".6s",
|
||||
category: "Desiccated Coconut",
|
||||
},
|
||||
{
|
||||
id: 7,
|
||||
images: ["/assets/img/project/09.jpg", "/assets/img/project/09.jpg"],
|
||||
images: ["/assets/img/projects/milk/7.webp", "/assets/img/projects/milk/7.webp"],
|
||||
title: "Project 7",
|
||||
delay: ".2s",
|
||||
category: "Desiccated Coconut",
|
||||
},
|
||||
{
|
||||
id: 8,
|
||||
images: ["/assets/img/project/10.jpg", "/assets/img/project/10.jpg"],
|
||||
images: ["/assets/img/projects/milk/8.webp", "/assets/img/projects/milk/8.webp"],
|
||||
title: "Project 8",
|
||||
delay: ".4s",
|
||||
category: "Desiccated Coconut",
|
||||
},
|
||||
{
|
||||
id: 9,
|
||||
images: ["/assets/img/project/11.jpg", "/assets/img/project/11.jpg"],
|
||||
images: ["/assets/img/projects/milk/9.webp", "/assets/img/projects/milk/9.webp"],
|
||||
title: "Project 9",
|
||||
delay: ".6s",
|
||||
category: "Desiccated Coconut",
|
||||
@ -260,63 +260,63 @@ export const projectsData = [
|
||||
// Tab 2 - Virgin Coconut Oil
|
||||
{
|
||||
id: 10,
|
||||
images: ["/assets/img/project/09.jpg", "/assets/img/project/09.jpg"],
|
||||
images: ["/assets/img/projects/dryer/1.webp", "/assets/img/projects/dryer/1.webp"],
|
||||
title: "Project 10",
|
||||
delay: ".2s",
|
||||
category: "Virgin Coconut Oil",
|
||||
},
|
||||
{
|
||||
id: 11,
|
||||
images: ["/assets/img/project/10.jpg", "/assets/img/project/10.jpg"],
|
||||
images: ["/assets/img/projects/dryer/2.webp", "/assets/img/projects/dryer/2.webp"],
|
||||
title: "Project 11",
|
||||
delay: ".4s",
|
||||
category: "Virgin Coconut Oil",
|
||||
},
|
||||
{
|
||||
id: 12,
|
||||
images: ["/assets/img/project/11.jpg", "/assets/img/project/11.jpg"],
|
||||
images: ["/assets/img/projects/dryer/3.webp", "/assets/img/projects/dryer/3.webp"],
|
||||
title: "Project 12",
|
||||
delay: ".6s",
|
||||
category: "Virgin Coconut Oil",
|
||||
},
|
||||
{
|
||||
id: 13,
|
||||
images: ["/assets/img/project/09.jpg", "/assets/img/project/09.jpg"],
|
||||
images: ["/assets/img/projects/dryer/4.webp", "/assets/img/projects/dryer/4.webp"],
|
||||
title: "Project 13",
|
||||
delay: ".2s",
|
||||
category: "Virgin Coconut Oil",
|
||||
},
|
||||
{
|
||||
id: 14,
|
||||
images: ["/assets/img/project/10.jpg", "/assets/img/project/10.jpg"],
|
||||
images: ["/assets/img/projects/dryer/5.webp", "/assets/img/projects/dryer/5.webp"],
|
||||
title: "Project 14",
|
||||
delay: ".4s",
|
||||
category: "Virgin Coconut Oil",
|
||||
},
|
||||
{
|
||||
id: 15,
|
||||
images: ["/assets/img/project/11.jpg", "/assets/img/project/11.jpg"],
|
||||
images: ["/assets/img/projects/dryer/6.webp", "/assets/img/projects/dryer/6.webp"],
|
||||
title: "Project 15",
|
||||
delay: ".6s",
|
||||
category: "Virgin Coconut Oil",
|
||||
},
|
||||
{
|
||||
id: 16,
|
||||
images: ["/assets/img/project/09.jpg", "/assets/img/project/09.jpg"],
|
||||
images: ["/assets/img/projects/dryer/7.webp", "/assets/img/projects/dryer/7.webp"],
|
||||
title: "Project 16",
|
||||
delay: ".2s",
|
||||
category: "Virgin Coconut Oil",
|
||||
},
|
||||
{
|
||||
id: 17,
|
||||
images: ["/assets/img/project/10.jpg", "/assets/img/project/10.jpg"],
|
||||
images: ["/assets/img/projects/dryer/8.webp", "/assets/img/projects/dryer/8.webp"],
|
||||
title: "Project 17",
|
||||
delay: ".4s",
|
||||
category: "Virgin Coconut Oil",
|
||||
},
|
||||
{
|
||||
id: 18,
|
||||
images: ["/assets/img/project/11.jpg", "/assets/img/project/11.jpg"],
|
||||
images: ["/assets/img/projects/dryer/9.webp", "/assets/img/projects/dryer/9.webp"],
|
||||
title: "Project 18",
|
||||
delay: ".6s",
|
||||
category: "Virgin Coconut Oil",
|
||||
@ -325,63 +325,63 @@ export const projectsData = [
|
||||
// Tab 3 - Pare Water Processing
|
||||
{
|
||||
id: 19,
|
||||
images: ["/assets/img/project/09.jpg", "/assets/img/project/09.jpg"],
|
||||
images: ["/assets/img/projects/grind/1.webp", "/assets/img/projects/grind/1.webp"],
|
||||
title: "Project 19",
|
||||
delay: ".2s",
|
||||
category: "Pare Water Processing",
|
||||
},
|
||||
{
|
||||
id: 20,
|
||||
images: ["/assets/img/project/10.jpg", "/assets/img/project/10.jpg"],
|
||||
images: ["/assets/img/projects/grind/2.webp", "/assets/img/projects/grind/2.webp"],
|
||||
title: "Project 20",
|
||||
delay: ".4s",
|
||||
category: "Pare Water Processing",
|
||||
},
|
||||
{
|
||||
id: 21,
|
||||
images: ["/assets/img/project/11.jpg", "/assets/img/project/11.jpg"],
|
||||
images: ["/assets/img/projects/grind/3.webp", "/assets/img/projects/grind/3.webp"],
|
||||
title: "Project 21",
|
||||
delay: ".6s",
|
||||
category: "Pare Water Processing",
|
||||
},
|
||||
{
|
||||
id: 22,
|
||||
images: ["/assets/img/project/09.jpg", "/assets/img/project/09.jpg"],
|
||||
images: ["/assets/img/projects/grind/4.webp", "/assets/img/projects/grind/4.webp"],
|
||||
title: "Project 22",
|
||||
delay: ".2s",
|
||||
category: "Pare Water Processing",
|
||||
},
|
||||
{
|
||||
id: 23,
|
||||
images: ["/assets/img/project/10.jpg", "/assets/img/project/10.jpg"],
|
||||
images: ["/assets/img/projects/grind/5.webp", "/assets/img/projects/grind/5.webp"],
|
||||
title: "Project 23",
|
||||
delay: ".4s",
|
||||
category: "Pare Water Processing",
|
||||
},
|
||||
{
|
||||
id: 24,
|
||||
images: ["/assets/img/project/11.jpg", "/assets/img/project/11.jpg"],
|
||||
images: ["/assets/img/projects/grind/6.webp", "/assets/img/projects/grind/6.webp"],
|
||||
title: "Project 24",
|
||||
delay: ".6s",
|
||||
category: "Pare Water Processing",
|
||||
},
|
||||
{
|
||||
id: 25,
|
||||
images: ["/assets/img/project/09.jpg", "/assets/img/project/09.jpg"],
|
||||
images: ["/assets/img/projects/grind/7.webp", "/assets/img/projects/grind/7.webp"],
|
||||
title: "Project 25",
|
||||
delay: ".2s",
|
||||
category: "Pare Water Processing",
|
||||
},
|
||||
{
|
||||
id: 26,
|
||||
images: ["/assets/img/project/10.jpg", "/assets/img/project/10.jpg"],
|
||||
images: ["/assets/img/projects/grind/8.webp", "/assets/img/projects/grind/8.webp"],
|
||||
title: "Project 26",
|
||||
delay: ".4s",
|
||||
category: "Pare Water Processing",
|
||||
},
|
||||
{
|
||||
id: 27,
|
||||
images: ["/assets/img/project/11.jpg", "/assets/img/project/11.jpg"],
|
||||
images: ["/assets/img/projects/grind/9.webp", "/assets/img/projects/grind/9.webp"],
|
||||
title: "Project 27",
|
||||
delay: ".6s",
|
||||
category: "Pare Water Processing",
|
||||
|
||||
@ -107,6 +107,7 @@ export const teamMembers2 = [
|
||||
image: "/assets/img/about-page/1.webp",
|
||||
name: " At a Glance",
|
||||
role: "Sr. engineer",
|
||||
link: "/corporate-profile",
|
||||
socials: [
|
||||
{
|
||||
href: "#",
|
||||
@ -132,6 +133,7 @@ export const teamMembers2 = [
|
||||
image: "/assets/img/about-page/2.webp",
|
||||
name: "Factory & Workflows",
|
||||
role: "Sr. engineer",
|
||||
link: "/factory-workflows",
|
||||
socials: [
|
||||
{
|
||||
href: "#",
|
||||
@ -158,6 +160,7 @@ export const teamMembers2 = [
|
||||
image: "/assets/img/about-page/3.webp",
|
||||
name: "Sustainability Impact",
|
||||
role: "Sr. engineer",
|
||||
link: "/sustainability-impact",
|
||||
socials: [
|
||||
{
|
||||
href: "#",
|
||||
@ -183,6 +186,7 @@ export const teamMembers2 = [
|
||||
image: "/assets/img/about-page/4.webp",
|
||||
name: "Engineering & Innovation",
|
||||
role: "Sr. engineer",
|
||||
link: "/engineering-innovation",
|
||||
socials: [
|
||||
{
|
||||
href: "#",
|
||||
|
||||
BIN
public/assets/img/about-page/about/1.webp
Normal file
|
After Width: | Height: | Size: 31 KiB |
BIN
public/assets/img/about-page/about/2.webp
Normal file
|
After Width: | Height: | Size: 29 KiB |
BIN
public/assets/img/about-page/about/3.webp
Normal file
|
After Width: | Height: | Size: 41 KiB |
BIN
public/assets/img/about-page/about/4.webp
Normal file
|
After Width: | Height: | Size: 25 KiB |
BIN
public/assets/img/about-page/about/at1.webp
Normal file
|
After Width: | Height: | Size: 20 KiB |
BIN
public/assets/img/about-page/about/at2.webp
Normal file
|
After Width: | Height: | Size: 78 KiB |
BIN
public/assets/img/about-page/about/big-img-2.webp
Normal file
|
After Width: | Height: | Size: 33 KiB |
BIN
public/assets/img/about-page/about/big-img-3.webp
Normal file
|
After Width: | Height: | Size: 132 KiB |
BIN
public/assets/img/about-page/about/big-img-4.webp
Normal file
|
After Width: | Height: | Size: 21 KiB |
BIN
public/assets/img/about-page/about/big-img.webp
Normal file
|
After Width: | Height: | Size: 65 KiB |
BIN
public/assets/img/about-page/about/engineering-banner.webp
Normal file
|
After Width: | Height: | Size: 19 KiB |
BIN
public/assets/img/about-page/about/factory-banner.webp
Normal file
|
After Width: | Height: | Size: 39 KiB |
BIN
public/assets/img/about-page/about/glance-banner.webp
Normal file
|
After Width: | Height: | Size: 56 KiB |
BIN
public/assets/img/about-page/about/sustainability-banner.webp
Normal file
|
After Width: | Height: | Size: 28 KiB |
BIN
public/assets/img/about-page/about/sustainability.jpg
Normal file
|
After Width: | Height: | Size: 101 KiB |
BIN
public/assets/img/projects/dryer/1.webp
Normal file
|
After Width: | Height: | Size: 27 KiB |
BIN
public/assets/img/projects/dryer/2.webp
Normal file
|
After Width: | Height: | Size: 8.5 KiB |
BIN
public/assets/img/projects/dryer/3.webp
Normal file
|
After Width: | Height: | Size: 32 KiB |
BIN
public/assets/img/projects/dryer/4.webp
Normal file
|
After Width: | Height: | Size: 22 KiB |
BIN
public/assets/img/projects/dryer/5.webp
Normal file
|
After Width: | Height: | Size: 8.7 KiB |
BIN
public/assets/img/projects/dryer/6.webp
Normal file
|
After Width: | Height: | Size: 20 KiB |
BIN
public/assets/img/projects/dryer/7.webp
Normal file
|
After Width: | Height: | Size: 9.7 KiB |
BIN
public/assets/img/projects/dryer/8.webp
Normal file
|
After Width: | Height: | Size: 16 KiB |
BIN
public/assets/img/projects/dryer/9.webp
Normal file
|
After Width: | Height: | Size: 20 KiB |
BIN
public/assets/img/projects/grind/1.webp
Normal file
|
After Width: | Height: | Size: 13 KiB |
BIN
public/assets/img/projects/grind/2.webp
Normal file
|
After Width: | Height: | Size: 14 KiB |
BIN
public/assets/img/projects/grind/3.webp
Normal file
|
After Width: | Height: | Size: 10 KiB |
BIN
public/assets/img/projects/grind/4.webp
Normal file
|
After Width: | Height: | Size: 13 KiB |
BIN
public/assets/img/projects/grind/5.webp
Normal file
|
After Width: | Height: | Size: 13 KiB |
BIN
public/assets/img/projects/grind/6.webp
Normal file
|
After Width: | Height: | Size: 7.7 KiB |
BIN
public/assets/img/projects/grind/7.webp
Normal file
|
After Width: | Height: | Size: 14 KiB |
BIN
public/assets/img/projects/grind/8.webp
Normal file
|
After Width: | Height: | Size: 15 KiB |
BIN
public/assets/img/projects/grind/9.webp
Normal file
|
After Width: | Height: | Size: 19 KiB |
BIN
public/assets/img/projects/milk/1.webp
Normal file
|
After Width: | Height: | Size: 4.3 KiB |
BIN
public/assets/img/projects/milk/2.webp
Normal file
|
After Width: | Height: | Size: 25 KiB |
BIN
public/assets/img/projects/milk/3.webp
Normal file
|
After Width: | Height: | Size: 23 KiB |
BIN
public/assets/img/projects/milk/4.webp
Normal file
|
After Width: | Height: | Size: 7.7 KiB |
BIN
public/assets/img/projects/milk/5.webp
Normal file
|
After Width: | Height: | Size: 18 KiB |
BIN
public/assets/img/projects/milk/6.webp
Normal file
|
After Width: | Height: | Size: 18 KiB |
BIN
public/assets/img/projects/milk/7.webp
Normal file
|
After Width: | Height: | Size: 8.5 KiB |
BIN
public/assets/img/projects/milk/8.webp
Normal file
|
After Width: | Height: | Size: 9.4 KiB |
BIN
public/assets/img/projects/milk/9.webp
Normal file
|
After Width: | Height: | Size: 7.8 KiB |
BIN
public/assets/img/projects/projects-banner.webp
Normal file
|
After Width: | Height: | Size: 25 KiB |
BIN
public/assets/img/turnkey-solutions/big-img.webp
Normal file
|
After Width: | Height: | Size: 53 KiB |
BIN
public/assets/img/turnkey-solutions/small-img-1.webp
Normal file
|
After Width: | Height: | Size: 61 KiB |
BIN
public/assets/img/turnkey-solutions/small-img-2.webp
Normal file
|
After Width: | Height: | Size: 27 KiB |
BIN
public/assets/img/turnkey-solutions/turnkey-banner.webp
Normal file
|
After Width: | Height: | Size: 77 KiB |