Learn PSD to Responsive Parallax HTML/CSS Web Design

In this lecture , we will create some basic files and folders

In this lecture , we will study the psd template

In this lecture , we will export the images required for our template

In this lecture , we will create Basic Html Markup

In this lecture , we will add Bootstrap and Respond.js  to our project for Responsive Design

In this lecture , we  will add other necessary css files to our project

In this lecture , we will add Main Javascript File

In this lecture , we will populate reset.css file

In this lecture , we will create the header section.

In this lecture , we will create the slider section (Part 1)

In this lecture , we will complete the slider section (Part 2)

Here , we will make our header a fixed header.

Here in this lecture , we will create the services section

In this lecture , we will create portfolio section 

In this lecture , we will create Team Section

In this lecture , we will create Testimonial Section

In this lecture , we will create Blog Section

In this lecture , we will create Contact Section

In this lecture , we will create footer section

In this lecture , we will make our menu responsive 

In this lecture , we will make our slider responsive 

In this lecture , we will make our portfolio section responsive 

In this lecture , we will make our Team section responsive 

In this lecture , we will make our Testimonial section responsive 

In this lecture , we will make our blog section responsive 

In this lecture , we will make our contact form responsive 

In this lecture , we will make our footer responsive 

In this lecture , we will make parallax backgrounds

In this lecture , we will implement CSS animations (Part1)

In this lecture , we will implement CSS animations (Part2)

In this lecture , we will implement Awesome Hover Effects (like zooming and flipping effect )

In this lecture , we will implement Smooth Scrolling

In this lecture , we will implement animation without delay

In this lecture , we will implement page loader where loader will show how much the page has loaded and in the background , page will be loading . So , instead of seeing a broken page users will see the page loader

In this lecture , we will finish our awesome template (part1)

In this lecture , we will finish our awesome template (part2)

Here , we will download Filezilla which is an FTP Client

Here we will upload our website to real server through FTP

Here , we will test and debug our website in real server

Here , we will make functional PHP Ajax Contact form

Grab the contact.php file here

Here , we will change the loader color to Red

Grab here $1000 resource files (1 HTML Template + 1 PSD template + Plan psd file) . You can use it for your personal and commercial purpose 

Here in this lecture , we will see , how to add animated dropdown to your navigation Menu

In this Lecture , we will add a very cool stuff .. that is , when on scrolling , we are on a section , that respective menu item will be highlighted (both when scrolling up and also on scrolling down)