CSS & HTML Website Design

Student Project
Web Design at the University of Alberta

Year
March 2023

This was my first coding project as a student at the University of Alberta. I used HTML and CSS to create a simple personal landing page to showcase some of my student work. Starting with wireframes in Adobe XD to figure out the layout I wanted, I used Codepen to write the code and build out the structure. It was a steep learning curve, but I ended up enjoying the process of building a website from scratch. 

Click here to check out my code on Codepen!

A little walkthrough of the landing page

Still mock-ups of the site in-situ

Style tile used to take the specifications from the design into CSS

From wireframes to mock-up using Adobe XD

Previous
Previous

Technology Flysheets