Take Your Designs To The Next Level
From designing your website to going live - this step-by-step guide will help your leverage Elementor Pro’s features to build a professional website that stands out.
Elementor Pro Course: Build a Portfolio Website
Meet the Educators who will walk you through the entire process of creating a professional portfolio website.
This lesson will provide you with:
✓ An overview of the site
✓ An outline of what will be covered during this course.
In this lesson, we’ll go over the portfolio website built, and understand the basics of how it’s made.
This lesson will provide you with:
✓ An overview of the website homepage
✓ A closer look at all the different pages that make out the website
Learn how to set up Hello Theme, and Use the Elementor Theme Builder.
In this lesson, you will learn how to:
✓ Install and activate the Hello Theme
✓ Use the Theme Builder to create and manage your site parts
Learn how to set up a header and footer, and use the Elementor site settings.
In this lesson, you will learn how to:
✓ Create a website header with a site logo and navigation menu
✓ Use custom positioning to align elements
✓ Create a website footer
✓ Use social icons
✓ Add display conditions to your site parts
✓ Use global styles to establish a design system
Get to know the essentials of working with the Elementor Editor.
In this lesson, you will learn how to:
✓ Use the Elementor Editor interface to design your website
✓ Get familiar with the basic page structure
✓ Navigate the Elementor panels to manage your site’s settings
Learn how to build a home page with Elementor.
In this lesson, you will learn how to:
✓ Set a default width for your website
✓ Add and style widgets to build your home page
✓ Use the slides widget
✓ Integrate Adobe Fonts with Elementor
✓ Set a page to display as the home page
Learn how to optimize your website for mobile devices.
In this lesson, you will learn how to:
✓ Create responsive layouts for your home page, header, and footer
✓ Save templates
Learn how to build a dynamic template for your project posts.
In this lesson, you will learn how to:
✓ Create a single post template
✓ Add dynamic content
✓ Create an anchor
✓ Add posts to your site
✓ Add post navigation
Learn how to design your WordPress posts with Elementor.
In this lesson, you will learn how to:
✓ Add categories, featured images, and excerpts to your posts
✓ Edit and design your posts with Elementor
✓ Use the Pro Gallery widget
Learn how to design your portfolio page with Elementor
In this lesson, you will learn how to:
✓ Create an archive template
✓ Use and style the portfolio widget
✓ Adjust the query and filter options
✓ Connect a page to the Posts page in WordPress
Learn how to design your “About Me” Page with Elementor Pro widgets.
In this lesson, you will learn how to:
✓ Use and edit saved templates
✓ Add Lottie animations to your site
✓ Create a download button
✓ Focus on using Elementor Pro widgets to design your page
Learn how to build and connect your contact form popup to the header.
In this lesson, you will learn how to:
✓ Create a Popup
✓ Build and design a multi-step form
✓ Add entrance and exit animations
✓ Add actions after submit
✓ Link a button to a popup
But first, let’s recap what we’ve learned in this course, and also check out how to use Elementor’s Design System Features to update and apply changes globally across your site’s color palette and font styles.