Lessons: 17Length: 1.9 hours
Landing pages can be effective tools for steering your users towards a desired action. In this course, you will learn how to build a landing page with HTML and CSS, using a Photoshop file as your starting point and building the page with the help of the Bootstrap framework.
1.Introduction
1.1Introduction00:35
1.1
Introduction
00:35
1.2What You Will Build04:59
1.2
What You Will Build
04:59
2.Structuring Your HTML
2.1Getting Started05:29
2.1
Getting Started
05:29
2.2Bootstrap Review06:25
2.2
Bootstrap Review
06:25
2.3Fonts and Link Tags04:27
2.3
Fonts and Link Tags
04:27
2.4Laying Out the Header07:46
2.4
Laying Out the Header
07:46
2.5Laying Out the Feature Section15:26
2.5
Laying Out the Feature Section
15:26
2.6Laying Out the Video Section04:25
2.6
Laying Out the Video Section
04:25
2.7Laying Out More Content09:06
2.7
Laying Out More Content
09:06
2.8A Tricky Layout04:44
2.8
A Tricky Layout
04:44
2.9The Rest of the Layout06:04
2.9
The Rest of the Layout
06:04
3.Styling the Page
3.1Text and Buttons09:20
3.1
Text and Buttons
09:20
3.2Styling the Header11:47
3.2
Styling the Header
11:47
3.3Styling the Video Section09:27
3.3
Styling the Video Section
09:27
3.4Styling the Facts Section07:03
3.4
Styling the Facts Section
07:03
3.5Animating the Scroll Position05:50
3.5
Animating the Scroll Position
05:50
4.Conclusion
4.1Final Thoughts00:31
4.1
Final Thoughts
00:31
