1 - Introduction 8:23
2 - Writing our first HTML Code 2:14
3 - Installing Brackets 1:49
4 - Introduction to HTML 2:46
5 - HTML Tags & Elements 4:15
6 - HTML Attributes 1:53
7 - HTML Headings & Paragraphs 4:57
8 - Hyper Links 3:03
9 - Images & File Paths 5:12
10 - Assignment 1:10
11 - Assignment Solution 2:15
12 - HTML Lists 8:00
13 - HTML Style Attributes 7:17
14 - Text Formatting 5:48
15 - Block vs Inline Elements 3:40
16 - The Break Tag 2:37
17 - Divs and Span Tags 5:14
18 - Combining Inline & Block Elements 3:14
19 - The Head Tag 7:41
20 - HTML5 Semantic Elements 3:55
21 - HTML Conclusion 1:04
22 - CSS Section Preview 0:51
23 - Download the Files 0:50
24 - Basic CSS Syntax 2:05
25 - Linking HTML & CSS 1:57
26 - The Power of CSS 3:59
27 - The Font Family Property 11:00
28 - Other Font Properties 5:23
29 - CSS Classes & IDs 10:10
30 - The Background Image Property 15:13
31 - The Display Property 5:17
32 - CSS Margins & Paddings 10:54
33 - The CSS Box Model 3:19
34 - Max Width Property 6:35
35 - The Position Property 17:30
36 - Z-index Property 2:16
37 - CSS Specificity 11:14
38 - Project Section Preview 2:28
39 - Download the Files 0:52
40 - The Starter Code 4:05
41 - The Inspect Tool 17:22
42 - Building the Header Part 1 16:40
43 - Building the Header Part 2 8:38
44 - Designing the Header Part 1 19:01
45 - Designing the Header Part 2 13:15
46 - Adding the Header Background Image 9:45
47 - Adding the Hero Section 5:59
48 - Styling the Hero Section 19:08
49 - Transitioning our Buttons 9:05
50 - Building the About Us Section 13:16
51 - Creating the Services Section 14:10
52 - The Clear Property 7:58
53 - Styling the Services Section 10:27
54 - Building the Why Us Section 10:23
55 - Building the Team Section 17:10
56 - Testimonials Challenge 2:15
57 - Building the Testimonials Section 12:19
58 - Building the Clients Section 5:44
59 - Styling the Clients Section 8:23
60 - Creating the Contact Form 10:37
61 - Styling the Contact Form Part 1 9:42
62 - Styling the Contact Form Part 2 7:06
63 - Building the Footer 5:22
64 - Styling the Footer Part 1 6:57
65 - Getting our Social Media Icons 5:05
66 - Styling the Footer Part 2 16:08
67 - Adding the Remaining Icons 11:37
68 - Adding the Anchor Links 17:45
69 - Adding Animations 13:34
70 - Adding Filter Effects 3:29
71 - Section Review
72 - Responsive Design Section Preview 11:40
73 - Introduction to Mobile Responsiveness 2:57
74 - Creating the Break Points 4:19
75 - Creating the Mobile Header Part 1 8:33
76 - Creating the Mobile Header Part 2 12:23
77 - Tablet Responsiveness Part 1 11:54
78 - Tablet Responsiveness Part 2 4:36
79 - Phone Responsiveness 9:11
80 - Section Review 1:51
81 - Search Engine Optimization 7:46
82 - Speed Optimization Part 1 12:10
83 - Speed Optimization Part 2 2:39
84 - Adding our Favicons 7:12
85 - HTML Markup Validation 3:51
86 - Launching our Website 12:37
87 - Managing Scripts 3:03
88 - YOU DID IT !!! 2:43
89 - Site Structure 10:15
90 - Fonts 5:37
91 - Colors 6:45
92 - Icons 3:54
93 - Background Images 5:15
94 - Spacing 1:41
95 - Section Review 0:46
96 - Section Preview 2:30
97 - Creating the footer.php file 10:57
98 - Creating the header.php file 2:23
99 - Creating the contact.php file 2:46
100 - Updating the Menu Links 3:46
101 - PHP Challenge 1:56
102 - The Date Function 4:12
103 - Making our Contact Form Work 8:39
104 - Conclusion