Unit 3 – Digital Portfolio

Unit 3 – Digital Portfolio

A responsive educational website built as part of Unit 3 at Leeds City College. The project focuses on designing and developing a modern, user-friendly interface using core web technologies, with an emphasis on layout structure, accessibility, and responsive design principles.

Overview

Responsive layout design

Built with a fully responsive structure to ensure usability across mobile, tablet, and desktop devices.

Multi-page website structure

Includes multiple pages such as homepage, content sections, and navigation-based layouts to simulate a real-world website.

User-friendly navigation

Simple and intuitive navigation system allowing users to move between pages with ease.

Clean visual design

Focus on spacing, typography, and layout to create a clear and accessible user experience.

How It Works

Page structure setup

Each page is structured using semantic HTML to organise content into sections such as headers, navigation, main content, and footer.

Styling with CSS

CSS is used to control layout, colours, typography, and responsive behaviour across different screen sizes.

Responsive adjustments

Media queries are applied to adapt the layout for mobile and tablet devices, ensuring readability and usability.

Navigation linking

Pages are connected using internal links to create a smooth browsing experience throughout the website.

Tech Stack

HTML
RESPONSIVE DESIGN
CSS
GITHUB PAGES