HTML and CSS Portfolio Repository

This repository contains the front-end projects completed during the HTML and CSS course. The work focuses on building modern, responsive, and visually polished websites using semantic HTML, CSS styling, layout techniques, and Bootstrap components.

Portfolio Website

This repository now includes a personal portfolio site that showcases:

• a modern landing section with a professional introduction
• an About section highlighting skills and experience
• a Projects section presenting featured coursework and work samples
• a Skills section summarizing technical abilities
• a Contact section with a basic communication form
• a polished footer with social links and branding

Course Projects Included

1. Simple Recipes Landing Page

A recipe-themed landing page featuring:

• a hero section with messaging and imagery
• navigation links for Home, About, and Contact
• custom styling to create a warm, welcoming visual identity
• responsive layout behavior for different screen sizes

2. About Section

A dedicated about block added to the main page to present the brand story and mission. This section demonstrates:

• anchor navigation links
• smooth scrolling behavior
• styled content blocks aligned with the overall design

3. Contact Section and Form

A contact area designed to match the site theme, including:

• contact information blocks
• a form layout with labels and input fields
• consistent styling for a professional finish

4. Bootstrap Footer

A multi-column footer created with the Bootstrap grid system to organize:

• contact information
• social media links
• copyright and branding details
• responsive content layout

Technologies Used

• HTML5
• CSS3
• Bootstrap grid system
• Google Fonts
• Responsive design techniques
• Git and GitHub

Project Goals

The main focus of this repository is to practice and apply the core skills required for front-end web development, including:

• semantic HTML structure
• visual design with CSS
• responsive page layout
• navigation and anchor linking
• Bootstrap styling utilities
• portfolio presentation and deployment readiness

Files

• index.html — portfolio homepage and content sections
• style.css — portfolio styling and responsive layout
• README.md — repository overview and project summary

Live Deployment

This portfolio is intended to be deployed using GitHub Pages or another hosted web service for review and presentation.