Learn PSD to Responsive Parallax HTML/CSS Web Design

Name: Learn PSD to Responsive Parallax HTML/CSS Web Design
Rating: 4.2 (239 reviews)

Learn how to convert PSD to Responsive Parallax HTML with CSS animation , PHP Ajax Contact Form, Hover Effects etc..

(239 ratings)

2,431 students

Created by Supriyo Kundu

Last updated 11/2017

English

English [Auto]

30-Day Money-Back Guarantee

What you'll learn

You will be able to Convert PSD to HTML/CSS
You will be able to Create Responsive Parallax Website Design
You will Learn Creating Awesome Hover Effects
You will be able to implement cool CSS Animations in your website
You will learn various Cool Tips and Tricks , by which you will have an edge over others.
You are getting over $1000 Resource Files (1 PSD Template + 1 HTML Template with no license Restriction)

Requirements

You need to be familiar with basic concepts of HTML /CSS, Jquery, Bootstrap

Description

Hi,

Do you want to Learn Responsive Parallax Web Design ?

Do you want to Learn PSD to HTML/CSS ?

Do you want to Learn Creating Awesome HTML Templates ?

If your answer to any of above questions is Yes, Then this Course is for You

Welcome to this Awesome course , where we will build a Cool Professional Modern Responsive Parallax Corporate Template.

Features of the Template :

Responsive Design
Parallax Backgrounds
PHP AJAX Functional Contact Form
CSS Animations
Awesome Hover Effects
Modern Professional Look
Cool Tips & Tricks (by which you will have an edge over others)

With this course , you are getting over 1000$ Resource Files ( 1 PSD Template & 1 HTML Template with no license Restriction )

I am really excited and also feeling honoured that I will walk you through all of these step by step

Every bit of code is explained in the course . And also if you need any help , I am always here to help you out .

After taking this course , you will have enormous confidence of building this kind of awesome websites.

And also ,You will have 30 Days Money Back Guarantee . If you dont like this course , you will get 100% refund , with no questions asked .

But , I promise , you will love this course .

Now take a look at the full demo of the template that we are going to build in this course which is a free preview.

I am really excited to see you in this course :)

Who this course is for:

If you want to Learn PSD to HTML/CSS. this course is for you
If you want to Learn Responsive Parallax Web Design , this course is for you
If you want to Learn Creating Awesome HTML Templates , this course is for you

Featured review

John Peterson

42 courses

21 reviews

a year ago

I already knew how to use SASS and bootstrap for core sitebuilding. I think the main goal is not to learn there skills here, but this course is amazing when you want to learn about website special effects, like loaders and animations, scrolling etc... I am rly happy now to taken this course! :)

9 sections • 78 lectures • 9h 17m total length

Preview02:18
Preview10:22

Creating Basic Files and Folders
01:34
Complete Study of PSD Template ( Very Important Step )
05:39
Grab the Plan PSD File
00:01
Exporting Images
08:10
Grab the PSD Template
00:05
Creation and Explanation of Basic HTML Markup
05:05
Grab this File (index-start.html)
00:04
Adding Bootstrap and Respond.js to our Project
07:25
Adding Other Necessary CSS Files (Google Fonts , FontAwesome etc ..)
04:59
Grab this Index file (google fonts , bootstrap , respond.js links added)
00:10
Adding Main Javascript File
01:45
Grab this file (link to main.js added)
00:10
Populating Reset.css File
06:08
Reset.css File (Before Starting Project)
00:13
Header
12:29
Slider Section (Part 1)
15:39
Slider Section (Part 2)
08:26
Its Time for Fixed Header
05:26
Services Section
07:39
Portfolio Section
18:16
Team Section
14:06
Testimonial Section
14:33
Blog Section
07:26
Contact Section
12:08
Footer
15:40

What is Bootstrap and why people use it ?
04:01
Downloading and Using Bootstrap
15:13
Understanding Bootstrap Grid System
02:47
Understanding Concept of Row and Container
06:15
Understanding col-xx-y Formula
13:44
Different Column Layout
04:41
Understanding Offset
04:29
Understanding Nested Columns
05:38
Pull Right and Pull Left
05:23
Push and Pull
06:22
Clearing Float in Bootstrap
05:09
Decorating Images Using Bootstrap
03:10
Responsive Images
03:08
Bootstrap Navigation : Part1
15:11
Bootstrap Navigation : Part2 : Adding Custom Styles to Bootstrap Navigation
12:20
Dropdown
05:43
Tabs and Pills
04:30
Functional Tabs Using Javascript
11:09
Functional Tabs Using CSS
03:21
Progressbar
07:34
Carousel
18:15
Modal Dialogue
14:16

Supriyo Kundu

Web Developer & Graphic Designer,100000+ Students Instructor

4.4 Instructor Rating
2,871 Reviews
117,100 Students
22 Courses

Hi ,

My name is Supriyo . I am a Computer Science Engineer .
I have equal passion for both Programming and Designing.

Areas of Knowledge : Photoshop , Illustrator , Web Design , Web Development , Wordpress , Elementor.

I help students to grow their Designing and Programming skills , be it Design Effects or Retouching or Photo Manipulation or Animations or Website Design (Design and coding both) etc .

Currently , My courses have over 100000 Awesome Students and they also love me :)

Learn PSD to Responsive Parallax HTML/CSS Web Design

What you'll learn

Requirements

Description

Who this course is for:

Featured review

Course content

Introduction2 lectures • 13min

Mega Project : Part1 : PSD to HTML/CSS25 lectures • 2hr 53min

Mega Project : Part2 : Responsive Design8 lectures • 45min

Mega Project : Part 3 : Spicing Up Our Project7 lectures • 50min

Mega Project : Part 4 : Finishing Touches2 lectures • 8min

Mega Project : Part 5 : Uploading to Real Server & Functional Contact Form6 lectures • 21min

Resources1 lecture • 1min

Bonus Section I5 lectures • 1hr 14min

Bonus Section II : Learn Bootstrap within 3 Hours22 lectures • 2hr 52min

Instructor