Lessons: 17Length: 1.9 hours
- Overview
- Transcript
4.1 Final Thoughts
Putting together a well-designed landing page is a lot of work, but if you take it one section at a time, then it becomes easier to accomplish. This course has put you in good stead to try it yourself; thank you for watching!
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
4.1 Final Thoughts
Hello and welcome back to building a landing page that converts. Throughout this course, we've taken a Photoshop design for a product landing page and we've converted it to HTML and CSS. As we've talked about these strategies and the decision making process of going through a build like this, hopefully, you've learned a lot about how to approach one of these on your own. Once again, my name is Craig Campbell, I wanna thank you so much for watching and I'll see you next time.
