Final Course Project: Static Company Landing Page
🚀 Project Overview
Your goal is to build a complete, multi-section landing page for a fictional technology company. You will use pure HTML5 to structure the content, ensuring it is semantic, accessible, and ready for search engines.
Problem Statement
A new startup called "Intelle-Tech" needs a simple website to showcase their services, introduce their team, and collect customer inquiries. The site must be well-structured so that a designer can apply CSS later.
Project Objectives
- Use 100% Semantic Tags (
<header>,<main>,<footer>). - Organize information using proper Heading hierarchy.
- Embed multimedia elements like a promotional video.
- Create a functional "Contact Us" form with various input types.
Core Features
- Navigation Bar: Links to "Services", "About", and "Contact" (Internal anchor links).
- Hero Section: Main company mission statement with a background image.
- Service Table: A structured table listing plans and prices.
- Multimedia Area: An embedded video explaining the product.
- Lead Form: Collect Name, Email, Interest level, and a Message.
Development Steps
- Start with the
<!DOCTYPE html>boilerplate. - Add SEO meta tags in the
<head>. - Structure the page using semantic containers.
- Fill the "Services" section with a
<table>. - Add the "About Us" section using
<article>and<img>. - Implement the form at the bottom using
<fieldset>.
Evaluation Criteria
- Correct use of Semantic HTML tags.
- Accessible forms with proper labels.
- Properly linked internal and external navigation.
- Inclusion of Meta tags for SEO.
- Clean, indented code structure.