Landing Page Build
Build a one-page product landing page from a design file, from hero to footer.
What you'll learn
- Translate a design file into HTML sections
- Build a responsive hero and feature grid
- Style a pricing table and sign-up form
- Publish the page on GitHub Pages
About this course
You receive a design for a fictional app and turn it into a responsive landing page. The course covers the hero, feature grid, testimonials area, pricing and a sign-up form, with a starter repository and solution files.
Course curriculum
4 modules and 12 lessons over 4 weeks. Plan for about 12 learning hours.
01Reading the designWeek 1 · 3 lessons
- Sections and spacing
- Colors and type
- Assets export
02Top of the pageWeek 2 · 3 lessons
- Header
- Hero
- Feature grid
03Bottom of the pageWeek 3 · 3 lessons
- Testimonials area
- Pricing
- Sign-up form and footer
04LaunchWeek 4 · 3 lessons
- Mobile checks
- Lighthouse pass
- Publishing
Project
App landing page. A responsive one-page landing page built from a supplied design and published online.
Who this course is for
Beginners who know HTML and CSS basics and want a first complete page.
Prerequisites
You can build a styled HTML page with Flexbox or Grid.
What's included
- 180-day course access
- Project brief
- Starter repository
- Coding labs
- Reference solutions
- One written project review
- A digital completion certificate
Learning format
Project-based online course, part of our guided project courses. One written project review.
Access and delivery
- Course access is delivered within 15 minutes after payment.
- Written project review is returned within 2 business days of submission.
- Completion materials are issued within 2 business days after the project is approved.
Certificate
You receive a digital completion certificate. Completion materials are issued within 2 business days after the project is approved.
Frequently asked questions
When does access start?
Course access is delivered within 15 minutes after payment.
Is payment taken on this website?
No. After you submit your enrollment request, we reply by email with payment details and enrollment confirmation.
Does this course guarantee a job or income?
No. It is an education and training service and does not include employment, income or placement guarantees.
Can I cancel?
Our Refund and Cancellation Policy lists the terms for project-based programs.