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
Based on HTML5 UP theme Forty
https://html5up.net/forty
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
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.
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.
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
Based on the Radius theme by Templated found at
https://templated.co/radius
.
Photoswipe gallery - Open-source, modular web software
Based on HTML5 UP theme Forty
https://html5up.net/forty
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.
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/
Based on Templated theme ExMachina
https://templated.co/exmachina
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
Colorful text sections that scroll by overlaying each other to create a cool visual effect.
Based on
https://github.com/codrops/DiagonalSlideshow/
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
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
