"Everyday is a fresh start"

Catia Melchor's Portfolio

| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |

I am 16 years old. I was born April 7th of 2005. My favorite subject is math. I like all kind of music, except for country. For example, I like R&B, Hip Hop, Pop, and K-Pop. I especially like The Weeknd. When I grow older, I want to become a dentist. In the future, I plan to go to a college and dentistry school. My favorite things to do is painting, coloring, and drawing. When I have free time, I watch Netflix. My favorite types of shows are documentaries, cartoons, dramas, and comedy.

| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |

Music:

Dynamite - BTS

Still With You - Jungkook (BTS)

Your Eyes Tell - BTS

Crystal Snow - BTS

Quarter 1

  • Activity001 - Color Wheel

  • Activity002 - Color Harmonies (Diagram)

  • Practice001 - Basic HTML Tags (Basic, Meaning, Layout)

  • Practice002 - Meaning Tags (em, h1, h2, h3, h4, h5, h6)

  • Practice003 - Unordered and Ordered Lists (Bullets and Numbers)

  • Practice004 - Hyperlinks (external)

  • Practice006 - Tables (tr, th, td) Elective Ver.

  • Practice007 - Tables (tr, th, td) Dodgers vs. Giants Ver.

  • Practice009 - Color Theory (circles filled in with combinations)

    • Quarter 2

  • 029g6 - Border-Radius Demo (divs styled with border radius)

  • 029g7 - Box Shadow (divs styled with box sahdow)

  • 029g8 - Div Transformations (divs transformed by degrees)

  • 029j3a2 - Transitions (changes on color height, boder radius, etc. using hover)

  • 029j3a2a - Keyframes (from and to) (animation name, duartion, imteration-count, timing-function, direction)

  • 029j3a2aH - Keyframes (from and to) on Hover (transform, border radius, animations)

  • 029j3a2c - Keyframe Animation Scene (Earth orbiting the sun.)

    • Quarter 3

  • 029j2 - Element Positioning - Absolute and z-index (positioning divs "12 divs")

  • 029j3 - Element Positioning - Relative and z-index (postioning divs on my own "11 divs")

  • 029j3a - Position Absolute and Relative (with Images) (divs and images to make a beach scene)

  • O29j3a2x - Positioning - (div and images to make a city scene)

  • 029g9 - Text Shadow - (each h2 has an id to create a text shadow)

  • 09g11 - RBGA - (adding color without the "color" style)

  • 029g12 - Multiple Backgrounds - (Panda Background Images with keyframes)

  • 029g13 - Background Size (Nature Baackgroung with text shadow)

  • Extra Credit: CCS Filters (Images from my childhood)

  • 029g14 - Linear Gradient (divs with gradient)

  • O29i2a - Using fonts in Images (fonts in transparent background)

    • Quarter 4

  • O29i2D - Google Web Fonts (3 different Google Fonts)

  • 029i2C - Adobe Fonts (3 different Adobe Fonts

  • O29i2G - Font Combinatio(ns (3 different links with Google Font combinations)

  • 000RWD - Media Queries (different size for different devices)

  • 005RWD - Responsive Mobile First #5 Typography (font-size: REM)

  • 001HTML5 - HTML5 Audio Tag (epiphany - jin)

  • Toaster Animation (song in addition)

    • Quarter 3 (2022)

  • Rome Project

  • Aeries Website

  • Multiplication Table

  • Random Bug Generator

  • Arrays

  • Tokyo Project

  • Magic 8 Ball

  • Magic 8 Ball Answers

  • RC Baker Museum