Hello

A Css cheatsheet for a reminder of css grid and flexbox. It was built using flex and grid. Here I learned how to use hover animations. I added a box-shadow to make a neon looking glow, when each box is hovered over.

After a week of studying html and css, I had a week's break, from my bootcamp course. I wanted to build something so I could practice what I had learned, and everyone was talking about the World Cup, so I made this, for my friends and family to track the world cup. I made some divs for each date, and inside them I put more divs for each game in a grid format. I researched how to make it responsive, (using media queries), so friends could keep track on a mobile. I found out how to add a flag for each country (using a cdn), and after each game, is a link to a short highlights video. I do have to keep updating the html though, after every game, which hopefullyy in the future, I'll be able to fix. I might make another one for the next world cup (2026) and compare my skills.

This furniture shop website uses css grid for each product. It lets users shop by catergory, and has a nice looking nav bar at the top.

This project was about making a website available to a wider audience in line with accessiblity standards. By adding semantic elements, it is now more readable to web browsers, thereby increasing the site's SEO value. In addition I consolidated the css selectors (following the DRY principle), and added comments, to make further coding changes easier.

This music website was built using bootstrap, which I customised using css. It is for rock music fans to find events and tickets, with a help section, and an upcoming events, using bootstrap cards.

This was my first website, created before the bootcamp started. It's a guide Guide for me and other bootcamp students who are going through Prework. It is intended to keep notes on topics in one place, and therefore easier to study later. The topics on this page include: HTML, CSS, Git, and JavaScript, split into sections. It contains a random number generator, that needs dev tools to open, but once opened, it tells the user which topic to study first.