About Page with Resume Timeline

This bold About Me page was built with a freelance writer in mind, but would also be perfect for other freelance professionals, or even job seekers. This all-in-one page layout includes a photo and bio – standard on any “about” pages

In addition, it includes a testimonial slider that allows you to feature excerpts from testimonials or references that you have received.

A unique feature of this layout is a timeline style resume section, built with Divi blurb modules. The timeline animation has each resume item sliding into place as the viewer scrolls down the page.

Let people know you mean business – download this free layout today!

Installation and Usage Instructions

PLEASE NOTE: You will need to have the WordPress Divi Theme installed and activated on your site in order to use this layout. A good knowledge of working with Divi, and of editing CSS is also recommended in order to modify this layout.

  1. Install the layout

Download and unzip the layout file(s) onto your computer. Create a new page on your site and use the Divi portability function to import the layout json file into your page. NOTE: Do not upload the layout to your Divi Library.

  1. Move the supplied code (optional)

The imported file includes the layout css in a code module at the top of the page. You can leave it here, or you can copy the css to your child theme css file, to the Divi Theme Options > Custom CSS box, or to the Divi page specific css box. When you have copied the code module contents you can then delete the section containing the module.

  1. Add your images and content

Edit the modules to add your own content, and edit the module settings as required to change the fonts and colours to match your site.

Note that the resume timeline blurbs include an H6 tag to style the company name. As this cannot currently be styled in the Divi module settings, the additional styling is in the css code included with the layout. The css is annotated to show you where you need to make changes to this selector.


Submit a Comment

Your email address will not be published. Required fields are marked *

Password Reset
Please enter your e-mail address. You will receive a new password via e-mail.