Aplio
Hugo
About Page

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 the content/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:

  1. 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.
  1. 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>