This repository is designed to house my HTML and CSS projects for my courses at Academy of Learning.
- HTML
- Basic_HTML_and_CSS
- Basic_HTML_and_JavaScript_1
- Creating-CSS-Effects
- One-Page-Website
- The-Pet-Shop-Website
- Simple-Recipes
- Introduction-to-Bootstrap
- Academy-Cinemas
- Portfolio Website
This is one of the first HTML tasks and assignments for the course, it goes over the basic HTML structure and some of the basic elements required to make a webpage including: DOCTYPE, html, head (title, meta tags), body (paragraph, headings, images, anchors), it also went over how to implement an iframe element into your webpage.
Various different HTML and CSS files that go over different HTML elements and CSS styles including: headers, paragraphs, lists, simple forms, and tables with simple color and font css styling.
Example HTML files using simple CSS and a JavaScript alert and function call on button click using external JavaScript file.
This is an example one page site with 3 images of Japan, it uses HTML and CSS to style the navbar and images with different hover effects for each image.
One page website assignment "Photo Gallery" using HTML and CSS to style a basic page with a navbar with anchor links to different photos and sections on the page, including a contact form.
Two page site (index.html and contact.html) using HTML and CSS to show case a pet shop with different images of possible pets that user can adopt. With a navbar at the top to navigate the site to different sections/pages. Uses css text, image styling and hover effects. Also showcases changing the default website icon with a favicon image.
Single page example recipe site using a Navbar with CSS styling and a drop down menu, linking to different sections of the page including each recipe, an about section and a contact form using CSS smooth scrolling.
Basic introduction to using Bootstrap 4 with images and Bootstrap heading tag and 3 images using Bootstraps grid format.
This is a one page example website for a movie theater showing 3 different movie posters with times, a ticket selection section and a contact form, it is styled using Bootstrap 5. It contains many Bootstrap components including navbar, cards, form and dropdowns etc.
This is the final assignment for the CSS and Bootstrap Course. It is a culmination of everything I have learned so far. It is a one page site that uses both HTML and CSS to create a portfolio of my skills, it contains an about section, a link to my GitHub and a contact form section that uses Formspree to send me messages to my email.
Here's a live link to my portfolio site: click here