Webpage Layout Designs

Character Customize Page

As one of my college projects, I use jQuery and creative CSS to display an interactive customizable character.

Flash Game Webpage

As one of my personal projects, I learn from ground up of coding to recreate one of the famous flash games called "FlappyBird".

FlexBox Page Layout

I created a one-page, responsive flexbox interface that works on both mobile and desktop devices

Gradient Generator

As another of my personal projects, I learn through html, css, and js coding to create a gradient color generator.

GridArea Page Layout

As another of my college projects, I learn to create grid area page that allows me to easily position items in two dimensions: columns and rows.

Info Website Layout

As the next college project, I used Adobe Dreamweaver to create html and css simultaneously for each html page layouts for an Shopping Website that is a prototype.

Interactive Images

I created a one-page, responsive image gallery for the user to view thumbnail images. When the user clicks on a thumbnail, a larger overlay image animates smoothly, and the res of the page is impeded by semi-transparennt backdrop.

Javascript Theme Changer Page

As the next of my college projects, I learn to use javascript to build a dynamic page that changes in appearance based on which of the four buttons the user clicks.

Parallax Story Webpage

Adding the AOS animation codes to the HTML and CSS coding, I created a scrolling web page with animated components that depict a narrative story.

Pixel Art Page Layout

I created on interactive grid of 16 x 16 squares. The user will be able to choose a color, then assign that color to any square by clicking on it. In short terms, I created a Pixel Art App Page.

Product Page Layout

As the next of my college projects, I use the grid layout technique to create a product page layout that are based in reference to nurmerous websites such as Amazon and Ebay.

Quote of the Day

I created a one-page, random quote generator for the user to click and view quotes for their social media feeds. When the user clicks on the quote button a random quote appears.

Scene Builder

In this project, I created a fun to use page layout for all ages to come and build their castle in a nice sunny day.

Tetris Flash Game

As another of my personal projects, I learn through html and css coding to recreate a puzzle game called "Tetris".