A simple 404 error placeholder page based on a Pen by Marco Biedermann.
https://codepen.io/marcobiedermann/pen/WbGazL
Based on HTML5 UP theme Forty
https://html5up.net/forty
This cookie notification shows up the first time a user visits a page.
Clicking Got it dismisses the notification and also adds a cookie called acceptanceCookie to the window.
The acceptanceCookie prevents future notifications from showing, and can also be read by any other JS in the window to determine whether or not the user has dismissed the notification.
See more docs on the cookie library here:
https://github.com/js cookie/js cookie basic usage
Starts with a circular overlay with information. Clicking Let s Go closes the overlay and transitions to a home button at the top, which can be clicked again to reopen the overlay.
Underneath the overlay is a masonry gallery of images with links. There is a subtle zoom in animation on hover.
Based on the Radius theme by Templated found at
https://templated.co/radius
Product detail images - Open-source, modular web software
Carousel (slider) - Open-source, modular web software
Based on HTML5 UP theme Forty
https://html5up.net/forty
A bulletin board with simulated sticky post it notes. Add or remove notes in the content section.
Angle of the notes is random and set when the mod loads.
Notes are also responsive.
Full page content sections text or images that scroll one page at a time to the next section.
The effect is similar to a presentation, where each content section is in view on its own.
This is a content section with alternating images and text, great for highlighting features or describing a product or service.
For each subsection, you can choose whether the image is on the right or the left of the text.
Based on HTML5 UP theme Forty
https://html5up.net/forty
Image menu full page - Open-source, modular web software
A user or customer testimonial carousel / slider with quotation and image of each person.
Also has a parallax background for scrolling.
Inspired by
https://colorlib.com/shapely/
A contact form section that also includes email, form, and address.
Dark blue theme with white text, based on HTML5 UP theme Forty
https://html5up.net/forty
Photoswipe gallery - Open-source, modular web software
A diamond team page that shows the name and role of each team member on hover.
Design based on
https://codepen.io/nahidul/pen/WXKONJ
but made responsive.
Based on HTML5 UP theme Forty
https://html5up.net/forty
Based on the Radius theme by Templated found at
https://templated.co/radius
.
Based on Templated theme ExMachina
https://templated.co/exmachina
Based on
https://github.com/codrops/DiagonalSlideshow/
Colorful text sections that scroll by overlaying each other to create a cool visual effect.
A split contact form with interactive Google map on the left/top.
Contact captures name, email, phone, and a message.
Based on a design by Joanez Andrades
https://codepen.io/JoanezAndrades/pen/vKdJRw
Design focused card with animation and color on hover. The whole card is a clickable link.
Based on a design by Yancy Min
https://codepen.io/yancy/pen/gBLLxz
