Building a Responsive WordPress Website from Scratch using Elementor

In this tutorial, I will show you how to make a Responsive WordPress website using Elementor for FREE. This is a complete step-by-step tutorial. In this tutorial I will make this full website from scratch using Elementor, also I will provide the ready template file download link, so if you don’t have time to watch the full step-by-step process you can use it. Now let’s have a look into some basic steps

Step 1 : Purchase Domain & Hosting. If you already have domain and hosting, you can skip this part.

Step 2 : Install wordpress.

Step 3: Install Theme (OceanWP).

Step 4: Install all necessary Plugins (Elementor, Elementor Header & Footer Builder, ElementsKit Lite, MetForm, Premium Addons for Elementor)

Part 1 (From Template)

Step 6: Create Footer and global settings(color, font etc).

Step 7: Create Home Page and import template.

Step 8: Create Contact form.

Step 9: Create one page website and create menu.

Part 2 (From scratch)

Step 5: Add Global color, fonts, and CSS.

Step 6: Create Home page and  Footer from scratch.

Step 7: Create others pages and update menu.

Step 8: Make header sticky.

CSS Code


Download all files

Get in touch

Have a few questions or just want to say hello? Use the form below to get in touch with me! If you are ready to book a new project please click here to fill out a design inquiry.

Call me by Skype (farjana.rashid55)

9 + 4 =

[wpforms id="2272"]