Final project preparation
Create a small business landing page using semantic HTML and the concepts covered throughout this course.
Learn how websites are structured from the ground up using HTML. Build real pages while learning elements, attributes, links, images, forms, tables, semantic HTML and more.
Lesson 23 of 24
30 min learning time
Create a small business landing page using semantic HTML and the concepts covered throughout this course.
Include a header, navigation, hero section, services, about section, contact area and footer.
<header>
<h1>My Business</h1>
<nav>
<a href="#services">Services</a>
<a href="#about">About</a>
<a href="#contact">Contact</a>
</nav>
</header>
<main>
<section>
<h2>Grow Your Business</h2>
<p>
We provide useful digital solutions.
</p>
</section>
<section id="services">
<h2>Services</h2>
</section>
<section id="about">
<h2>About Us</h2>
</section>
<section id="contact">
<h2>Contact</h2>
</section>
</main>
<footer>
<p>© 2026 My Business</p>
</footer>
Practical Exercise
Build a complete HTML-only business landing page with at least five meaningful sections.
Quick Check
What should a good landing page have?