Project One - Landing Page
Welcome back to my coding journey! For my very first project on the Mimo course, I built a custom landing page; kind of like a personal Linktree.
You can view the project here!
This project was a huge milestone for me. It was my first time combining core HTML elements like headers for titles, paragraphs for text, button elements, and clickable links. Even better, it was my first time learning how to host an image online and pull it directly onto a webpage using code.
While the CSS was very basic for this project, I had to tweak it a little to ensure it matched the established style of the website. I think I did well!
If you're just starting out like I am, here is a quick breakdown of what those pieces actually do and why they matter:
- Headings and Paragraphs: Think of these as the text skeleton of your page. Headings grab attention and structure your content, while paragraphs handle the smaller text descriptions.
- Buttons and Links: These are what make a page interactive. Links connect users to other web addresses, and buttons give visitors something tangible to click on.
- Hosting and Images: This was the coolest part to learn! When you build a website locally on your computer, images don't magically appear on the live internet. You have to store them on an online hosting space or folder, and then use an image tag with a web address (src) so the browser knows where to fetch and display the picture.
Building this page completely from scratch taught me how these individual building blocks lock together. Stay tuned as I keep learning and building more projects!
Key Features
- Header and Paragraph elements
- Button elements and links
- Images