Stylin'

Glamorize with CSS and Bootstrap

"You never get a second chance to make a first impression."

We're trying to make the best first impression we can, and we do that with CSS and Bootstrap when possible. As we learn web design structure (HTML), we learn the technologies (CSS and Bootstrap) that make the pages 'pop.' Below are a set of apps that show that evolution from raw structure to (hopefully!) more glamorous presentation!

We at TNT are always working on our styling skills and here are some sites that are inspirational in their use of web design:

We also have some links to various YouTube tutorials on CSS. Use them to get additional CSS Training:

The top section of apps showcase design principles and techniques in HTML and CSS.

skeletonIcon
Bare Bones
HTML (2024)
checklistIcon
Website
Checklist
billBoardIcon
Billboard
Design 101
maskIcon
Multiple
Personalities: CSS
fredIcon
Yabba Dabba
aiIcon
Copilot Shell
speechIcon
SPARK
Speeches
ecoIcon
Jude's
Eco Project
uglyWorldIcon
JJ's Sketch &
Draw App
purpleAlienIcon
Purple
People Eater
draculaIcon
Monster
Mash Designs
turkeyIcon
TNT
Thanksgiving
sconeIcon
Scone Recipe
hamIcon
Recipe
Replica
functionIcon
Function
Delight
bellIcon
Asymptotes:
Jingle Bell
Parody
hippoIcon
Hippo for
Xmas!
snowmanIcon
Frosty the
Snowman
hollyIcon
Deck the Halls
landscapeIcon
AI Assisted
Travel Promo
Challenge
oldLadyIcon
Old Lady
Illusion Saga
psychIcon
Color
Psychology
Challenge
heartIcon
Valentine
Challenge
filmIcon
Top 2014
Movies
snowWhiteIcon
Snow White
Saga
vortexIcon
Luca's
Vortex Game
radicalIcon
Radical Rules
Saga
blizzardIcon
Let Us Code!
superhero
Jackson's Avengers
Theme Generator
dirtyDeeds