This class is designed to be a hands-on approach to web design, where rather than talking theory, you are building a real website, section-by-section, as you get to understand WHY we are doing things the way we are.

These are the steps we shall cover to complete your class project:

How to Install WordPress through the cPanel
How to Install a WordPress Theme (The Astra Theme)
How to Install a WordPress Plugin (Elementor Plugin)
Create the Header - Install ElementsKit Plugin
Create the Header - The Logo
Create the Header - The Nav Menu
Create the Hero Section - Page Setup
Create the Hero Section - The Background Image (From Freepik)
Create the Hero Section - The Text Block
Make the Header Sticky
Create the Appointment Wizard - Install Forminator Plugin
Create the Appointment Wizard - Create a Forminator Form
Create the Appointment Wizard - Add all the Form Fields
Create the Appointment Wizard - The Form’s Appearance
Create the Body Section - Roofing Redefined
Create the Body Section - Why Choose Us?
Create the Body Section - Skilled Technicians
Create the Body Section - Before and After
Create the Body Section - Experienced Roofers
Create the Body Section - Testimonials
Create the Body Section - Emergency Number
Create the Footer Section
Build the About Us Page - The Hero Section
Build the About Us Page - Our Story
Build the About Us Page - What We Offer
Build the About Us Page - Our Customers
Build the About Us Page - Let’s Talk Numbers
Create the Blog Page - Page Setup
Create the Blog Page - Customize Appearance
Make the Website Mobile Responsive - Header
Make the Website Mobile Responsive - Footer
Make the Website Mobile Responsive - Home
Make the Website Mobile Responsive - Excercise

I encourage you to get creative and make your web pages look more interesting than the ones we'll build in the class.

Once your website is complete, don't forget to share a screenshot of your favorite web page from that website right here.

This is a great place to get some valuable feedback from your fellow students and me.

Happy learning :-)

Imam Gazali

--

2