Make Ecommerce Website Front-End Using HTML CSS Bootstrap

Ecommerce Website Development (Front End)

Created byGreatStack by Avinash

Last updated 7/2020

English

What you'll learn

Responsive Web Page Development
E-commerce Website Front Page Design
Product Page Front End Development
Product Widget Front End Development

Course content

3 sections • 34 lectures • 6h 24m total length

Basic HTML Tags12:35
Make Form Using HTML21:38
Adding List, Table and Images Using HTML10:14
Learn How To use CSS13:26
Basic CSS Properties42:00
Pseudo Class, Pseudo Element and Positions in CSS9:38
Flexbox, Transitions and Animations In CSS14:59
What is Bootstrap and How to use Bootstrap13:13
Keyboard Shortcuts To Write Code Faster7:49

Project Overview6:36
Project File Setup And Creating Navigation Menu8:34
Build Header Section of Website12:23
Build Featured Categories Section of Website3:55
Build Featured And Latest Products Section on Website12:36
Create Offer section on Website5:02
Add Testimonial on Website7:56
Add Top Brands Section on Website3:24
Create Footer for Ecommerce Website10:37
Learn To Make The Website Responsive13:11
Add New Page - All Products Page12:27
Create New Page - Single Product Details page21:18
Create New Page - Shopping Cart Page14:20
Create New Page - Account Page With Login & Registration Form22:26

Project Overview2:23
Overview of this Ecommerce Website Front End Development Course
Setup Bootstrap File And Navigation Bar Design15:25
Project File and Bootstrap File Setup
Responsive Navigation menu creation
Ecommerce Website Vertical Sidebar Menu Creation14:49
Responsive Vertical Sidebar menu creation with Toggle option
Slider Banner Creation6:01
E-commerce Website Image slider / Banner Slider design
Featured Categories Section Design2:59
Creating Ecommerce website featured categories section
On Sale Product Widget Design14:04
Ecommerce Website On Sale Product Widget Creation
New Products Widget Design2:22
Ecommerce Website latest products widget creation
Website Features Section Design4:56
Creating Ecommerce website features widget
Website Footer Creation6:16
Making ecommerce website footer with four different column and copyright text section
Product image gallery and product info10:10
Ecommerce Website Single product page design, Product image and product info section creation
Similar Product Section Creation4:34
Creating Product description and similar product section for eCommerce website

Requirements

Basic Knowledge of HTML CSS
Basic Knowledge of Bootstrap

Description

Learn to create modern looking eCommerce website front end with HTML, CSS and Bootstrap. You should have basic knowledge of HTML, CSS and Bootstrap before starting this course. You will learn to create eCommerce website front page design and single product page design. You can find my project code in the course.

Who this course is for:

Beginner Front End Developer
Beginner Web Developer

Make Ecommerce Website Front-End Using HTML CSS Bootstrap

What you'll learn

Explore related topics

Course content

Basic of HTML and CSS for Beginners9 lectures • 2hr 26min

Making Ecommerce Website Front End - Project 114 lectures • 2hr 35min

Making Ecommerce Website Front End - Project 211 lectures • 1hr 24min

Requirements

Description

Who this course is for: