Overview

This project is a simple Linktree-style webpage created as part of the HTML & CSS fundamentals course in the MIMO learning app.

The goal of this project was to practice basic web development concepts such as structuring a webpage with HTML and styling it using CSS.

The page functions as a personal link hub, allowing multiple links to be shared from a single page.

Technologies Used

• HTML5
• CSS3

This project intentionally does not use JavaScript or frameworks, because the focus was on learning the core fundamentals of web development.

Project Structure

The project is organized in a simple and clean structure:

my-linktree-project/ │ ├── index.html ├── style.css │ └── assets/ └── images/ └── profile-photo.png

File Explanation

index.html The main HTML file that contains the structure of the Linktree page.

style.css Contains the CSS styling used to design the layout, colors, and visual appearance of the page.

assets/images/profile-photo.png Stores the profile image used on the page. Placing images inside an assets folder helps keep the project organized and separates media files from the main code.

Why an Assets Folder?

The assets folder is commonly used in web development to store static files such as:

• images
• icons
• fonts
• other media files

Organizing files this way makes the project easier to maintain and scale if more assets are added later.

Learning Goals

This project helped me practice:

• Structuring webpages with HTML
• Styling elements with CSS
• Organizing files in a web project
• Understanding how images are referenced in HTML

Example of how the profile image is used in the HTML:

<img src="assets/images/profile-photo.png" alt="Profile picture">

Purpose of This Repository

This repository is part of my learning journey in web development. It documents my progress while studying programming through the MIMO learning platform and experimenting with real coding projects.