0
0
Digital Marketingknowledge~30 mins

Landing page anatomy (headline, CTA, proof) in Digital Marketing - Mini Project: Build & Apply

Choose your learning style9 modes available
LearnWhyDeepVisualPracticeChallengeProjectRecallTime
Landing page anatomy (headline, CTA, proof)
📖 Scenario: You are creating a simple landing page for a new online course. The page needs to clearly show a headline, a call-to-action button, and a proof section to convince visitors.
🎯 Goal: Build a basic landing page structure with a clear headline, a call-to-action (CTA) button, and a proof section that shows customer testimonials.
📋 What You'll Learn
Create an HTML skeleton with <header>, <main>, and <footer> sections
Add a headline inside the header using an <h1> tag with exact text
Add a CTA button inside the main section with exact button text
Add a proof section inside the footer with two customer testimonials as paragraphs
💡 Why This Matters
🌍 Real World
Landing pages are used to promote products or services online and guide visitors to take action.
💼 Career
Understanding landing page anatomy is essential for digital marketers, web designers, and content creators to increase conversions.
Progress0 / 4 steps
1
Create the HTML skeleton with header, main, and footer
Create an HTML structure with <header>, <main>, and <footer> tags inside the <body>.
Digital Marketing
Need a hint?

Use the semantic tags <header>, <main>, and <footer> inside the body.

2
Add a headline inside the header
Inside the <header>, add an <h1> tag with the exact text: Learn Digital Marketing Today.
Digital Marketing
Need a hint?

Place an <h1> tag inside the header with the exact text.

3
Add a call-to-action button inside the main section
Inside the <main> tag, add a <button> with the exact text: Enroll Now.
Digital Marketing
Need a hint?

Place a <button> inside the main section with the exact text.

4
Add proof section with customer testimonials inside the footer
Inside the <footer>, add two <p> tags with these exact texts: "This course changed my career!" and "Highly recommend to beginners.".
Digital Marketing
Need a hint?

Add two paragraphs inside the footer with the exact testimonial texts.