HTML-AND-CSS-PROJECTS

Introduction

This repository contains web development projects completed during my HTML and CSS coursework. These projects focus on building structured, responsive, and visually engaging websites using semantic HTML, custom CSS, and Bootstrap where appropriate.

Projects

The Pet Shop Website

One of my earliest complete website projects, built to practice foundational HTML and CSS skills.

Features:

• Multi-section page layout
• Navigation bar
• Embedded images and video
• Contact form layout
• Hover effects and basic styling

Technologies:

• HTML5
• CSS3

Academy Cinemas Website

A movie theater homepage designed using Bootstrap to demonstrate responsive layout and component usage.

Features:

• Responsive layout using Bootstrap
• Navigation bar with dropdown menus
• Movie listings and showtime-style content
• Cards, forms, and layout utilities
• Demonstrates Bootstrap components and grid system

Technologies:

• HTML5
• CSS3
• Bootstrap

Simple Recipes Website

A recipe-focused website designed to showcase multiple recipes with interactive navigation and visual effects.

Features:

• Custom navigation bar with dropdown menu
• Featured recipe section
• Recipe cards with flip animations
• Modal-style recipe detail views
• Multi-section layout including About and Contact
• Emphasis on layout, styling, and user interaction using CSS

Technologies:

• HTML5
• CSS3

Purpose

This repository serves as a portfolio of my front-end development progress, highlighting my ability to:

• Structure semantic HTML documents
• Apply CSS for layout, styling, and visual effects
• Build multi-section, user-friendly web pages
• Use frameworks like Bootstrap where appropriate

I will continue to refine and expand these projects as my skills develop.

Technologies Used

• HTML5
• CSS3
• Bootstrap
• Git and GitHub