Landing Page


Role:

Developer

Coding Tool:

Glitch

Languages:

HTML & CSS

Timeline:

October 2024 - November 2024

Course:

Web Development

Click here to checkout the HTML and CSS code!

Click here to checkout the the live site!

This project was part of my Web Development course and it focused on building a responsive landing page using only HTML and CSS. It was one of my first full fledged projects involving web development, aimed at utilizing the basics of HTML structure, CSS visual styling, and layout techniques.

The goal was to create a clean, user-friendly landing page that looked good on both desktop and mobile devices. I used HTML elements to organize the content and CSS to style the text, buttons, hover states, etc. I also implemented responsive design principles using flexboxes and media queries to ensure the page adjusted smoothly across different screen sizes.

Throughout the project, I focused on staying within the parameters given by the professor such as, design, layout, color, etc. The final result was a functional and visually balanced landing page with a clear call to action.

This project helped solidify my understanding of how design translates into code and taught me the importance of writing clean, organized HTML and CSS. It also gave me valuable hands on experience with responsive web design and laid the groundwork for an understanding between UX and web development.