Building a Landing Page That Converts

Overview

Learn how to build a high-converting landing page using HTML, CSS, and Bootstrap in this comprehensive course. Start with a Photoshop file as your design template and progress through structuring HTML, styling with CSS, and implementing interactive features. Master techniques for creating an effective header, feature sections, video integration, and animated scroll effects. Gain practical skills in responsive design, typography, and utilizing gradients to enhance visual appeal. By the end of this hands-on tutorial, create a professional landing page optimized to guide users towards desired actions and boost conversion rates.

Syllabus

1.1 Introduction
1.2 What You Will Build
2.1 Getting Started
2.2 Bootstrap Review
2.3 Fonts and Link Tags
2.4 Laying Out the Header
2.5 Laying Out the Feature Section
2.6 Laying Out the Video Section
2.7 Laying Out More Content
2.8 A Tricky Layout
2.9 The Rest of the Layout
3.1 Text and Buttons
3.2 Styling the Header
3.3 Styling the Video Section
3.4 Styling the Facts Section
3.5 Animating the Scroll Position
4.1 Final Thoughts