CSIS 1430 • Front-End

Building clean, responsive web pages with HTML, CSS, JS, and Bootstrap.

This portfolio links to my course projects and shows the skills I practiced all semester: layout, responsive design, DOM, and UI.

View projects Read reflection

Quote of the moment

Click the button for a random famous quote.

—

Tip: Quotes display on the page (no popups) and play a subtle sound when enabled.

Projects

Links to my CSIS 1430 assignment pages.

Bootstrap + Responsive

YouTube Video Page

Embedded media + layout practice

Super Heroes Page

Images, spacing, typography

Little Boxes

Box model + positioning

Pizza Parlor Contact Form

Contact Form + Navigation

Horizontal Menu

Navigation + hover states

Midterm (Pizza Site)

Multi-page site + form work

Photoshop to Code

Pixel-accurate layout

Happy Birthday JS

DOM output + variables

Lottery Number Generator

Randomization + DOM updates

Mad Libs

Form inputs + string building

Pizza Strap

Bootstrap components practice

Tic Tac Toe

Logic + events

Skills practiced

HTML

Semantic structure, accessibility basics

CSS

Spacing, responsive layout, animation

JavaScript

DOM updates, events, randomization

Bootstrap

Navbar, grid system, utility classes

Course reflection

Over this course I got comfortable turning ideas into working pages. Early on I was mostly focused on “making it show up,” but by the end I started caring more about structure, spacing, and readability. Bootstrap helped me build responsive layouts faster, but I also learned when to use my own CSS for more control.

The biggest improvement for me was JavaScript and the DOM. Once I understood events and updating the page dynamically, projects like the lottery generator and Mad Libs made more sense. Overall, I'm leaving this class feeling a lot more confident that I can build a clean, mobile-friendly site and troubleshoot issues without getting stuck for hours.

Contact

If you want a simple contact section (no form required):