TechCon_HTML

Practical _ building site for TechCon 2024 conference

TechCon 2024 Conference Website

Overview

The TechCon 2024 project is a comprehensive HTML-based website designed to showcase the annual technology conference — TechCon 2024.
This project demonstrates the practical application of core HTML concepts including semantic structure, multimedia embedding, navigation, tables, and forms.

The website consists of five main webpages, each focusing on a specific aspect of the event:

1. Homepage (index.html) – Introduction and overview of TechCon 2024 with a promotional video.
2. About Page (about.html) – History, mission, and featured speakers of the conference.
3. Schedule Page (schedule.html) – A detailed timetable of sessions and speakers presented in a structured table.
4. Register Page (register.html) – A registration form allowing users to sign up for the event.
5. Contact Page (contact.html) – Contact details, social media links, embedded map, and a contact form.

---

Project Structure

TechCon_HTML/ └── techcon_website/ ├── index.html ├── about.html ├── schedule.html ├── register.html ├── contact.html └── media/ ├── techcon_promo.mp4 └── techcon_subtitles.vtt

mkdir techcon_website/ ni techcon_website/index.html ni techcon_website/about.html ni techcon_website/schedule.html ni techcon_website/register.html ni techcon_website/contact.html mkdir media ni media/techcon_promo.mp4 ni media/techcon_subtitles.vtt

markdown Copy code

---

Features

• Semantic HTML Structure: Utilizes <header>, <nav>, <main>, <section>, <article>, and <footer> for clarity and accessibility.
• Responsive Design Ready: Includes viewport meta tag for mobile and tablet optimization.
• Navigation Menu: Internal links (<a> tags) for smooth page navigation.
• Multimedia Integration: Embedded promotional video using the <video> tag with subtitles and controls.
• Accessible Forms: Uses various input types (text, email, checkbox, password) for registration and contact.
• Organized Schedule: Implements HTML tables for clear session listing.
• Contact & Map: Includes contact details and an embedded Google Map (<iframe>).

---

Concepts Practiced

• HTML Document Structure and Semantics
• Headings and Text Formatting
• Hyperlinks and Navigation
• Tables for Data Representation
• Forms for User Input
• Embedding Media and Maps
• Accessibility and Clean Code Practices

---

How to View the Project

1. Clone the repository:

   git clone https://github.com/SylvesterK-code/TechCon_HTML.git

Navigate to the project directory:

bash Copy code cd TechCon_HTML/techcon_website Open the index.html file in your browser to view the homepage.

Author Sylvester Kormla Nyadzinnor Qualified Computing & ICT Teacher | Frontend Developer in Training (ALX) GitHub Profile

License This project is created for educational purposes under the ALX Front-End Development Program. Feel free to explore and learn from the structure and implementation.

© 2024 TechCon. All rights reserved.