Diamond ADD 103 Assignments

Hello! Below you will find my various projects:


Assignments A-L

Advanced Formatting
Bootstrap Intro
Bootstrap Practice
Bootstrap Review
Bootstrap Tables & Images
Chrome Tools
Editing Images
Forms
Grid Layout
Holiday
iFrames
Introduce Yourself
Links
Lists

Assignments M-Z

Media Queries and Responsive Design
Lists
Tables
Image-Based Site
TV Show Review

All Assignments with Descriptions

Advanced Formatting
Utilized lists, border images, rounded borders, and text shadows.
Bootstrap Intro
Made a page based on Bootstrap framework with containers, grid, typography, and colors.
Bootstrap Practice
With Bootstrap JS tools, incorporated collapse, carousel, modal, tooltip, popover, scrollspy, and offcanvas.
Bootstrap Review
Using Bootstrap JS, created 5 pages with 30 images, tables, and lists.
Bootstrap Tables & Images
Used Bootstrap features creating 2 types of tables and 3 types of images.
Chrome Tools
A page used for practicing chrome tools with lists and an image.
Editing Images
Using photopea I cropped, resized, rotated, flipped, and compressed images.
Forms
Created a form utilizing attributes and styling inputs with CSS.
Grid Layout
Multiple images and JS; clickable images to replace one larger image.
Holiday
Created a holiday website based on Valentine's Day.
iFrames
A real Russian doll: showing a webpage within a webpage, with a video.
Introduce Yourself
My first webpage introducing myself using images, lists, and text.
Links
A webpage with a series of links based on hobbies.
Lists
Practiced making different types of lists.
Media Queries and Responsive Design
Using given-code, practiced resizing for different devices using div classes and columns.
Lists
Image-based photo site.
Tables
A multi webpage with styled tables and a calendar.
Image-Based Site
A multi webpage site with information regarding weather forecasting.
TV Show Review
Used an image, paragraphs, italicized, and bolded words.