About

About page is a place to tell the world about yourself. Of course, you want to show your achievements using Facts component. Could not miss your history of working Resume.Experience, your education Resume.Education...

Header block

Language keys used for header block of about page are about-me, self-introduction, about-description which located at app\languages\aboutLangTable.ts.

Usage

<HeaderBlock
  title={t("about-me")}
  subTitle={t("self-introduction")}
  description={t("about-description")}
/>

Note

about-description accepts markdown text.

Screenshots

Additional content blocks

About page is located at app\routes\__layout\about.tsx. It is safe for you to edit the lines between the markers.

File

app\routes__layout\about.tsx

...
{
  /*********************************
  * 
  *   START PAGE CONTENT 
  * 
  ********************************/
}

//place your content for homepage here

{
  /*********************************
  * 
  *   END PAGE CONTENT 
  * 
  ********************************/
}
...

Content blocks

Recommended content blocks for your about page

• Markdown
• Picture
• Facts
• Resume
  • Resume.Experience
  • Resume.Education
• Testimonials

or you can use following blocks to enrich your about page

• Features
  • Features.Simplicity
  • Features.Blocks
  • Features.Picture
  • Features.Art

Examples

<Picture
  src="https://placeimg.com/192/192/people"
  alignment="right"
  rounded="xl"
  oneThird
/>

<Markdown
  markdown={t("about-me...",[YOUR_NAME.text])}
/>

<Facts
  facts={factsInAbout}
  langTable={factsLangTable}
/>

<Resume.Experience
  resume={experiences}
  langTable={resumeLangTable}
/>

<Resume.Education
  resume={education}
  langTable={resumeLangTable}
/>

<Features.Simplicity
  features={mySkills}
  langTable={skillsLangTable}
/>

<Features.Art
  features={mySkills}
  langTable={skillsLangTable}
/>

<Features.Blocks
  features={mySkills}
  langTable={skillsLangTable}
/>

<Testimonials
  testimonials={testimonials}
  langTable={testimonialsLangTable}
/>

Video tutorial