This Website

Janauary 2018 – Present

I started off this website with a simple drag-and-drop tool in WordPress called Elementor. This allowed me to understand what the basics components are to getting a website online. As I progressed further into my Computer Science degree, I decided to scrap that website and code one from the ground up which can help me better understand how websites are put together.

I coded majority of my website in HTML and CSS. I made an emphasis to code my website dynamically so that the size of the images and text would change with the size of the screen rather than a static website where all the sizes are predetermined and a smaller screen would only show a small section of the entire website where the user would have to scroll to see the entire website (especially left to right).

I also used media queries to reorganize this website so that it would be mobile friendly. Meaning pictures would now be shown below its corresponding text rather than on the side of it to preserve text size so that it is more readable.

Website Code Website Web Mode Website Mobile Mode
This Website Code Photo This Website Web Photo This Website Mobile Photo