Skip to content

Vikzdimension/Semantic-Html

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Pizza Shop Website

Welcome to the official repo for the Pizza Shop website! This project is a fully responsive and visually appealing website for a fictional pizza shop. It’s built with HTML and CSS and demonstrates modern web development practices and design principles.

Table of Contents

About

This website is designed to provide a great user experience with sections like About, Menu, Store Hours, and Contact Us. It’s easy for customers to navigate and find the information they need.

Features

  • Responsive Design: The website is fully responsive, ensuring it looks great on desktops, tablets, and mobile devices.
  • Modern UI/UX: A clean, modern design focused on usability and aesthetics.
  • Interactive Elements: Hover effects, form validation, and smooth scrolling make the site interactive.
  • Semantic HTML: The site uses semantic HTML for better accessibility and SEO.

Technologies Used

  • HTML5: Used for structuring the content.
  • CSS3: Used for styling and layout.
  • Flexbox: Helps with responsive design and layout management.
  • Media Queries: Used to adjust the design for different screen sizes.

Semantic HTML

This project focuses on using semantic HTML elements to make the site more accessible and SEO-friendly. Some examples include:

  • <header>: Defines the header with the navigation menu and main heading.
  • <nav>: Contains links to navigate the website.
  • <main>: Contains the main content of the page.
  • <article>: Used for standalone sections like About and Menu.
  • <section>: Groups related content together.
  • <aside>: Contains supplementary content like trivia or additional information.
  • <footer>: Holds the footer content, including copyright info.

Using semantic HTML improves accessibility, SEO, and makes the website easier to maintain.

Getting Started

To run this project locally, follow these steps:

  1. Clone the repo:

    git clone https://github.com/Vikzdimension/Semantic-Html.git
  2. Go into the project directory:

    cd Semantic-Html
  3. Open the index.html file in your browser to see the website.

Contact

If you have any questions or just want to get in touch, feel free to reach out:


Thanks for checking out the Pizza Shop website repo! If you like it, give it a star ⭐ on GitHub.

About

Demo of Semantic HTML and Basic CSS properties

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published