Lessons: 17Length: 1.9 hours
- Overview
- Transcript
1.1 Introduction
Welcome to Building a Landing Page That Converts. In this course, you will start with a landing page design in Photoshop and build the design out using HTML and CSS.
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
1.1 Introduction
Hello and welcome to Building a Landing Page that Converts. My name is Craig Campbell and I will be your instructor for this course. In this course, we are going to take a Photoshop design for a product landing page, and build it out using HTML, CSS and Bootstrap, as we discuss strategies and decisions that are necessary for the process. This course assumes a basic knowledge of HTML and CSS, and a little familiarity with Bootstrap also wouldn't hurt. So I wanna thank you so much for watching, and in the next lesson we'll get started.
