This project is a basic multi-page website built with HTML and CSS. It serves as an introductory demonstration of fundamental web development concepts, showcasing various HTML elements, CSS styling techniques, and a simple navigation structure.
This project is designed to demonstrate the use of HTML5 and CSS3 to create a static, multi-page website. It includes various types of content such as text, images, tables, multimedia elements, and forms. The project highlights the importance of clean and semantic HTML along with well-organized and responsive CSS.
The "About Me" page provides a brief introduction to the creator of the website. It includes personal information, professional experience, and a list of skills related to web development.
This page gives a basic introduction to HTML and CSS, explaining key concepts and elements. It is an excellent resource for beginners who want to understand the fundamentals of web development.
The "Tables" page demonstrates how to create and style tables in HTML. It includes a simple example of a table used to display data in rows and columns.
The "Multimedia" page showcases how to embed images, audio, and video in a webpage. This page is useful for learning how to include various media types in your web projects.
The "Form Types" page illustrates different types of HTML form elements, including text input, password input, email input, and submission buttons. It provides a basic understanding of how to create forms for collecting user data.
├── index.html # About Me page
├── page2.html # HTML & CSS Introduction
├── page3.html # Tables page
├── page4.html # Multimedia page
├── page5.html # Form Types page
├── styles.css # CSS Styling
└── images/ # Folder for images
The project uses a custom styles.css file to handle all the visual aspects of the website. The CSS includes styling for the header, navigation bar, sections, and footer. It also covers specific styles for tables, forms, and multimedia elements to ensure consistency and responsiveness across all pages.
- Responsive Design: The layout is responsive, making it adaptable to different screen sizes.
- Clean and Semantic HTML: The HTML structure is clear and easy to understand, following best practices.
- Consistent Styling: The CSS provides a consistent look and feel across all pages, with a color scheme of blues and whites.
Open index.html in a web browser:
You can open the index.html file directly in your web browser to view the website.
This project was created by Muhammad Huzaifa as part of a web development practice exercise. The purpose of the project is to demonstrate a foundational understanding of HTML and CSS.