About Page
About Page Hero
To customize the data in the Hero section, you can modify the following properties in the content/about/_index.md
file. In the content/about/_index.md
customize the following data:
hero:
- title: >
The future of business is being shaped by aplio
tagline: About Company
details: Until recently, the prevailing view assumed lorem ipsum was born as a nonsense text. It's not Latin, though it looks like it
About Details
To configure the Banking Details section, you need to make changes in the themes/aplio/layouts/partials/about/aboutUs.html
file.. Here are the instructions:
Images
: To add Images in the following
<div class="grid grid-cols-3 max-md:grid-cols-1 gap-10 items-center max-md:mb-25 mb-[160px]">
<div
class="p-2.5 bg-white dark:bg-dark-200 rounded-medium overflow-hidden shadow-box"
data-aos="fade-up"
data-aos-offset="200"
data-aos-duration="1000"
data-aos-once="true"
>
<img
src="{{"images/about/about1.png" | absURL }}"
alt="about images"
class="rounded w-full"
/>
</div>
<div
class="p-2.5 bg-white dark:bg-dark-200 rounded-medium overflow-hidden shadow-box"
data-aos="fade-up"
data-aos-offset="200"
data-aos-duration="1000"
data-aos-delay="150"
data-aos-once="true"
>
<img
src="{{"images/about/about2.png" | absURL }}"
alt="about images"
class="rounded w-full"
/>
</div>
<div
class="p-2.5 bg-white dark:bg-dark-200 rounded-medium overflow-hidden shadow-box"
data-aos="fade-up"
data-aos-offset="200"
data-aos-duration="1000"
data-aos-delay="300"
data-aos-once="true"
>
<img
src="{{"images/about/about3.png" | absURL }}"
alt="about images"
class="rounded w-full"
/>
</div>
</div>
Details
: To update about details, change the following data in thecontent/about/_index.md
file.
aboutUs:
- tagline: Numbers
title: More than 10 years experience in this industry
details: Lorem ipsum dolor sit amet consectetur. Nulla lobortis lacus nunc pulvinar amet. Id dignissim ipsum quis
varius. Accumsan ultricies dapibus rutrum parturient mauris at est habitasse.
<br />
<br />
Risus egestas neque. Nunc diam arcu purus egestas at dignissim nunc. In nec donec sed pretium donec eros
elementum. Nec bibendum vel odio convallis feugiat viverra rhoncus in risus. Pretium ante nibh morbi sed
consequat sem quam pharetra. Et cursus mattis senectus aliquet.
About Features
To update about Features Data, change the following data in the content/about/_index.md
file.
FeaturesData:
- iconLight: '/images/about/passion.svg'
iconDark: '/images/about/passion-dark.svg'
title: 'Our Passion'
desc: The prevailing view asumed lorem ipsum was born as nonsense text.
- iconLight: "images/about/transparency.svg"
iconDark: '/images/about/transparency-dark.svg'
title: 'Transparency'
desc: 'The prevailing view asumed lorem ipsum was born as nonsense text.'
- iconLight: '/images/about/mission.svg'
iconDark: '/images/about/mission-dark.svg'
title: 'Our Mission'
desc: 'The prevailing view asumed lorem ipsum was born as nonsense text.'
About Value
To configure the About Value section, you need to make changes in the content/about/_index.md
file.. Here are the instructions:
-
Section Title:
To update about section title others, change the following data in the
content/about/_index.md
file.
values:
- title: The philosophy that underpins our organization.
tagline: Core Value
details: Until recently, the prevailing view assumed lorem ipsum was born as a nonsense text nothing Before & After magazine.
listItem1: Income and expenses tracker
listItem2: Automated invoicing
listItem3: Crypto connection
- Update the section as you need.
-
Images: Go to the
themes/aplio/layouts/partials/about/aboutUs.html
file. Now You can change them by changining the image path<div class="relative flex max-md:justify-center justify-end items-center"> <img src="{{"images/about/onlinePayment.png" | absURL}}" alt="banking image" class="dark:hidden max-w-[250px] lg:max-w-[320px] xl:max-w-[420px]" /> <img src="{{"images/about/onlinePayment-dark.png" | absURL}}" alt="banking image" class="hidden dark:inline-block max-w-[250px] lg:max-w-[320px] xl:max-w-[420px]" data-aos="fade-up" data-aos-offset="200" data-aos-duration="1000" data-aos-once="true" /> <div class="absolute left-0 right-auto bottom-8 top-auto max-w-[180px] md:max-w-[250px] xl:max-w-[344px]" data-aos="fade-right" data-aos-offset="200" data-aos-duration="1000" data-aos-once="true" > <img src="{{"images/about/onlinePayment-shape.png" | absURL}}" alt="banking image" class="dark:hidden" /> <img src="{{"images/about/onlinePayment-shape-dark.png" | absURL}}" alt="banking image" class="hidden dark:inline-block " /> </div> <div class="absolute left-0 right-auto bottom-8 top-auto max-w-[180px] md:max-w-[250px] xl:max-w-[344px]"></div> </div>