Inspired by HTML5's Solid State Theme with but with a creative twist. I used waves as dividers between the Hero Section and the rest of the Website to create a nautical theme. Furthering the nautical element, the sections get darker as you scroll down, similarly to a body of water getting darker the deeper you travel.
Mobile First
Responsive
Progressive Web App
Parallax Backgrounds
SVG Animations
Built with Semantic HTML5, CSS3, and Javascript on VSCode
Hosted via Github Pages
Fine-tuned using Google and Mozilla's DevTools
Inspired by Pixelgrade's Rosa Restaurant Theme. On onload, the Hero content fades in through the baking flour cloud GIF used as the background. The navbar fades in and out on scroll to create a less intrusive experience.
Mobile First
Responsive
Progressive Web App
Video and Parallax Backgrounds
CSS Animations
Built with Semantic HTML5, CSS3, and Javascript on VSCode
Hosted via Github Pages
Fine-tuned using Google and Mozilla's DevTools
Integrated Google Maps API
Inspired by Sean Halpin's use of Vector Graphics in his website. I sourced my Vector Graphics and recolored them to fit the overall theme and color pallete of the website. The idea was to build a full screen photo layout for an immerive experience.
Desktop First
Responsive
Progressive Web App
CSS Animations
Customized Vector Graphics
Built with Semantic HTML5, CSS3, and Javascript on VSCode
Hosted via Github Pages
Fine-tuned using Google and Mozilla's DevTools
A revamped website for a local buisness. The color pallete is derivative of the commonly used colors in the Healthcare Industry. The round fonts and borders on images are used with smooth transitions to create a more calming experience.
Desktop First
Responsive
Sticky Navigation
CSS Animations
Built with Semantic HTML5, CSS3, and Javascript on VSCode
Hosted via Github Pages
Fine-tuned using Google and Mozilla's DevTools
A minamalist website with a dark theme. The inspiration is derived from a Photographic Darkroom in which film photographs are developed.
Still Under construction, waiting for client's Photographs.
Desktop First
Responsive
CSS Animations
Built with Semantic HTML5, CSS3, and Javascript on VSCode
Hosted via Github Pages
Fine-tuned using Google and Mozilla's DevTools
The very first Portfolio I created to host my projects during the early stages of my Web Development journey. Inspired by a Wordpress Theme, I felt it was wrong to be learning Web Developlent and not have built my own Portfolio Website so this iteration was concieved.
Desktop First
Responsive
Parallax Background
CSS Animations
Embedded Live Projects
Built with Semantic HTML5, CSS3, and Javascript on VSCode
Hosted via Github Pages
Fine-tuned using Google and Mozilla's DevTools