This repository contains all of the personal projects that I did in FreeCodeCamp in HTML and CSS. This repository is called the recipe page because this is where I cook (Part 2). Other recipes (Python, Javascript, etc. ) will come in later through an entirely different repository.
A cafe menu made with basic HTML and CSS. This is the first project I have used for CSS, so its probably not using best practices or anything
cafe_menuA business card made with basic HTML and CSS. I might actually use this in the future somehow. Also all of the social media info in this thing is correct.
business_cardA to-do made with basic HTML and CSS. It looks really tacky tbh. I mostly practiced list-styling and text-decoration.
to-do_listA blog post made with basic HTML and CSS. I practiced working with backgrounds and borders. The Read Me button does not in fact actually lead to an actual blog.
blog_post_cardAn event flyer page made with basic HTML and CSS. I practiced working with absolute and relative units. Its based on a potential birthday page for my little cousin.
event_flyer_pageAn greeting card made with basic HTML and CSS. I practiced working with pseudo classes like :hover and :focus, as well as psuedo elements in html. Its based on a potential greeting card for my little cousin.
greeting_cardA job application form made with basic HTML and CSS. I practiced working with pseudo classes like :hover and :focus, as well as psuedo elements in html. The positions listed are potential fields I can branch out to after I graduate university.
job_application_formA set of coloured markers that I made with basic HTML and CSS. I practiced working with different ways to set color values as well.
coloured_markersA registration form that I made with basic HTML and CSS. I practiced the skills that I learned with the previous excercise while learning some new styles that I could add for more flourish.
coloured_markersA contact form that I made with basic HTML and CSS. I learned how to
contact_formA contact form that I made with basic HTML and CSS. I learned how to use filters and transformations in CSS. I don’t actually know if Rothko just talks about the style or if its based on an actual Rothko Painting.
rothko_paintingA confidential “email” that I made with basic HTML and CSS. I practiced my filters and transformations in CSS. I kind of just made it fantasy based because you know what, why not?
confidential_email_pageA photo gallery that I made with basic HTML and CSS. I practiced using the flexbox property in CSS to make a responsive photo gallery.
flexbox_photo_galleryA set of playing cards of each suit that I made with basic HTML and CSS. I practiced using the flexbox property in CSS to make a responsive set of cards using properties such as flex-direction, justify-content, align-self, and more.
playing_cardsA Nutritional Label that I made with basic HTML and CSS. I practiced typography along with skills in styling text, adjusting line height, and adjusting positioning using CSS. Despite how it looks, this is probably one of the more html/css heavy projects so far
nutritional_labelA Newspaper that I made with basic HTML and CSS. I practiced using properties such as font-family, font-weight, font-size and more. Similar to the Confidential Letter I had a little bit of fun with the article by making it fantasy (also the picture is AI, I used that because I don’t know how to draw)
newspaper_articleThese projects are deployed via GitHub Pages.
You can access them from the links above.
👩🏽💻 Created by M-Valdy