My Course Progress

Completed Projects

Click on a screenshot to view the completed project.

Check out my code for these projects and more HERE.



Chapter 8 - Agency Website

Given the specs of how the website should be laid out -- using only floats, widths, and block/inline-block displays (no flexbox, grid, or bootstrap) -- I managed to construct their site with a media query to be responsive to display size and stack the content accordingly

Preview of the website I made for a pretend agency.

My Chapter 8 Code


Chapter 7 - Laos Flag

Following strict guidelines, I solved the puzzle of creating the flag of Laos using only CSS to style divs (boxes). Basically, I sized, positioned, shaped, and colored rectangles before sizing and positioning the text to create the flag.

Preview of the flag I made matching the goal image of the project.

My Chapter 7 Code


Chapter 6 - Motivational Meme

Using HTML and CSS, I made a classic-style original meme with a custom font, borders, aligned and transformed text, margins, sizing, and a background.

Preview of code and finished product for an original meme

My Chapter 6 Code


Chapter 5 - Colors in Spanish

Created a style.css file where I formatted html text color, font weight, and image height & width using class, tag, and element selectors.

Colorful Spanish words in different colors matching the text, featuring words like rojo, azul, and verde in a simple layout

My Chapter 5 Code


Chapter 4 - This Page!

Using html, this page showcases my knowledge on referencing images, creating hyperlinks, and structuring a simple webpage.

My Chapter 4 Code


Chapter 3 - Birthday Invite

I learned to insert an image and made an unordered list.

Birthday invitation card with colorful balloons and confetti, displaying cheerful text You are invited and event details in a festive layout, creating a joyful and celebratory atmosphere

My Chapter 3 Code


Chapter 2 - Movie Rank

I use different headers and a paragraph element to format my text to different sizes in an orderly fashion.

Movie ranking list with a dark-themed background, featuring a top 3 list of favorite movies with titles and brief descriptions, creating a cinematic and engaging visual presentation.

My Chapter 2 Code


Back Home