Amazon clone website with HTML CSS JavaScript

Course Content

A: Home Page (1-25)

1. Setting up

07:34
2 starting navigation bar

08:48
3 styling for nav bar

04:56
4 adding nav country class

07:36
5 Create a search box in nav bar

05:46
6 Styling a nav search class

07:45
7 Adding a language text

04:39
8 Adding more texts on nav bar

05:07
9 add return and orders to nav bar

05:45
10 Starting the sub menu

08:14
11 Create header slider

06:24
12 Add header slider control

06:45
13 Start JavaScript programming

07:49
14 Create the changeSlide function

06:03
15 JavaScript for previous button

08:02
16 Create row of boxes

06:06
17 CSS for row of boxes

06:09
18 Add more row of boxes

05:34
19 Adding products slider

06:28
20 Hiding scroll bar

05:43
21 Product slider with price

09:44
22 Add products to the slider

07:01
23 Styling for the products slider

07:12
24 Styling for the products price

07:39
25 Creating footer

03:32

B : Product Page (26-46)

26 Creating product page html file

05:37
27 Add header & footer

05:32
28 CSS file for product page

06:32
29 Add CSS for product display class

05:24
30 Add product details contents

06:05
31 Add css for product details

06:05
32 Add css for product details2

07:32
33 Add CSS for product price

07:32
34 Add CSS for span tag

06:08
35 Add product color selection

05:57
36 CSS for product color selection

04:22
37 Product info

05:21
38 Product Description

06:22
39 Add 3rd column on product page product detail

06:15
40 CSS for product detail purchase

06:00
41 Add more text

05:27
42 Show Delivery Location

06:26
43 CSS for product quantity

06:12
44 Product seller information

06:11
45 Add button add to list

04:19
46 Add related products

07:23

C: Cart page (47-56)

47 Create cart page

06:26
48 Create left and right column

05:58
49 Start CSS for cart page

06:06
50 CSS for product cart best seller

06:33
51 CSS for product cart stock

04:28
52 Add product cart specs

06:01
53 Create action buttons

06:23
54 Change product image and description

06:22
55 Add content in the right column

06:57
56 Add CSS for cart subtotal

07:13

D: Sign in page (57-65)

57 Create a sign in page

07:28
58 Add contents in Sign in page

05:46
59 Add input label

05:41
60 CSS for sign in container button

06:10
61 More details on sign in page

06:56
62 CSS for horizontal line

05:46
63 Add footer on sign in page

06:23
64 Add CSS for link in footer

02:36
65 Creating a sign up page

09:45

E: Make each page responsive (66-73)

Student Ratings & Reviews

5.0

Total 1 Rating

1 Rating

0 Rating

Paul Paul

2 months ago

👍

Course Content

A: Home Page (1-25)

1. Setting up

2 starting navigation bar

3 styling for nav bar

4 adding nav country class

5 Create a search box in nav bar

6 Styling a nav search class

7 Adding a language text

8 Adding more texts on nav bar

9 add return and orders to nav bar

10 Starting the sub menu

11 Create header slider

12 Add header slider control

13 Start JavaScript programming

14 Create the changeSlide function

15 JavaScript for previous button

16 Create row of boxes

17 CSS for row of boxes

18 Add more row of boxes

19 Adding products slider

20 Hiding scroll bar

21 Product slider with price

22 Add products to the slider

23 Styling for the products slider

24 Styling for the products price

25 Creating footer

B : Product Page (26-46)

26 Creating product page html file

27 Add header & footer

28 CSS file for product page

29 Add CSS for product display class

30 Add product details contents

31 Add css for product details

32 Add css for product details2

33 Add CSS for product price

34 Add CSS for span tag

35 Add product color selection

36 CSS for product color selection

37 Product info

38 Product Description

39 Add 3rd column on product page product detail

40 CSS for product detail purchase

41 Add more text

42 Show Delivery Location

43 CSS for product quantity

44 Product seller information

45 Add button add to list

46 Add related products

C: Cart page (47-56)

47 Create cart page

48 Create left and right column

49 Start CSS for cart page

50 CSS for product cart best seller

51 CSS for product cart stock

52 Add product cart specs

53 Create action buttons

54 Change product image and description

55 Add content in the right column

56 Add CSS for cart subtotal

D: Sign in page (57-65)

57 Create a sign in page

58 Add contents in Sign in page

59 Add input label

60 CSS for sign in container button

61 More details on sign in page

62 CSS for horizontal line

63 Add footer on sign in page

64 Add CSS for link in footer

65 Creating a sign up page

E: Make each page responsive (66-73)

66 Make the home page responsive

67 Hide some nav bar contents

68 Add user icon in nav bar

69 Adjusting the cart text and icon

70 Make product page responsive

71 Continue on product page responsive

72 Making cart page responsive

73 More on cart page responsive JOIN

Student Ratings & Reviews