A responsive, interactive web app. Notice the changing position of the navigation menu and other page elements when the window is resized. Incorporates JavaScript for dynamic charts, and uses CSS for media query breakpoints.
A mobile-first responsive webpage. Notice the changing position of the navigation menu and other page elements when the window is resized. CSS Elements include floats and media query breakpoints.
A responsive registration form. Notice that the labels move above the input fields when the window is resized. Basic HTML is used to create the form as well as CSS for styling.
A simple profile page with links to social media sites. CSS elements include a transform effect on hover for the user Image and a flexbox, responsive layout. The site was also enhanced with an experience page, as well as a contact page with a functioning PHP form.
A tarot website designed for a client. Template created with Nicepage website builder. Notice the custom background gradient. Incorporates HTML, CSS, and JavaScript.
A lingerie website designed for a client. Template created with Nicepage website builder. Notice the custom background gradient. Incorporates HTML, CSS, and JavaScript.
A web style guide that shows how various colors, buttons, and columns will be displayed on a website. Incorporates a SASS stylesheet for enhanced color functions and optimized loading times.
An Interactive photo gallery. Notice how the search box uses JavaScript to filter the images when a name is typed. Basic HTML is used to create the gallery as well as CSS for responsive (mobile-first) styling. Incorporates Lightbox plugin and jQuery for image popup effect.
