CodePen allows for me to build test front-end code.

I design with HTML, CSS, and Javascript to create fun & unique experiences. View & follow my latest creations on CodePen.
Tim Burton Batman logo

HTML, CSS

#PureCSS Batman Logo 2

View CodePen
white arrow pointing to the right
Yellow eye of agamotto

HTML, CSS

#PureCSS Eye of Agamotto

View CodePen
white arrow pointing to the right
The Flash logo

HTML, CSS

#PureCSS The Flash Logo

View CodePen
white arrow pointing to the right
Green Lantern logo

HTML, CSS

#PureCSS Green Lantern

View CodePen
white arrow pointing to the right
White stormtrooper hat

HTML, CSS

#PureCSS Stormtrooper

View CodePen
white arrow pointing to the right
Black Darth Vador mask

HTML, CSS

#PureCSS Darth Vader

View CodePen
white arrow pointing to the right
Grey Star Wars X-Wing

HTML, CSS

#PureCSS Star Wars X-Wing

View CodePen
white arrow pointing to the right
Red blue & white Captain America shield

HTML, CSS

#PureCSS Captain America Shield

View CodePen
white arrow pointing to the right
Green Iron Man Arc Reactor

HTML, CSS

#PureCSS Iron Man Arc Reactor

View CodePen
white arrow pointing to the right
black and white css marvel avenrgers logo

HTML, CSS

#PureCSS Marvel Avengers Logo

View CodePen
white arrow pointing to the right
javascript temperature converter

HTML, CSS, JAVASCRIPT

Temperature Converter

View CodePen
white arrow pointing to the right
css neumorphism login form

HTML, CSS

Neumorphism Login Form

View CodePen
white arrow pointing to the right
css glassmorphism login form

HTML, CSS

Glassmorphism Login Form

View CodePen
white arrow pointing to the right
javascript interest loan calculator

HTML, CSS, JAVASCRIPT

Interest Loan Calculator

View CodePen
white arrow pointing to the right
Javascript tip calculator

HTML, CSS, JAVASCRIPT

Tip Calculator

View CodePen
white arrow pointing to the right
light & dark themed calculator

HTML, CSS, JAVASCRIPT

Light/Dark Theme Calculator

View CodePen
white arrow pointing to the right
css aang the last airbender

HTML, CSS, JAVASCRIPT

#PureCSS The Last Airbender

View CodePen
white arrow pointing to the right
Css Samurai Jack

HTML, CSS

#PureCSS Samurai Jack

View CodePen
white arrow pointing to the right
CSS Sunrise

HTML, CSS

#PureCSS Sunrise

View CodePen
white arrow pointing to the right
Gray Red Starwars 88B droid

HTML, CSS

#PureCSS StarWars 88B Droid

View CodePen
white arrow pointing to the right
css red light saber

HTML, CSS, JAVASCRIPT

Red Lightsaber

View CodePen
white arrow pointing to the right
CSS The Mandalorian

HTML, CSS

#PureCSS The Mandalorian

View CodePen
white arrow pointing to the right
css baby yoda

HTML, CSS

#PureCSS Baby Yoda

View CodePen
white arrow pointing to the right
CSS 60's Batman Logo

HTML, CSS

#PureCSS OG Batman Logo

View CodePen
white arrow pointing to the right
CSS Dark Knight Logo

HTML, CSS

#PureCSS Dark Knight Logo

View CodePen
white arrow pointing to the right
css coffee cup

HTML, CSS

#PureCSS Coffee Cup

View CodePen
white arrow pointing to the right
Css coffee machine

HTML, CSS

#PureCSS Coffee Machine

View CodePen
white arrow pointing to the right
css glowing coffee machine

HTML, CSS

#PureCSS Glowing Coffee Machine

View CodePen
white arrow pointing to the right
White css semi-cirlce

HTML, CSS

#PureCSS Semi-Circle

View CodePen
white arrow pointing to the right
White css triangle

HTML, CSS

#PureCSS Triangle

View CodePen
white arrow pointing to the right
White css square

HTML, CSS

#PureCSS Circle

View CodePen
white arrow pointing to the right
White css square

HTML, CSS

#PureCSS Square

View CodePen
white arrow pointing to the right