Animate CSS grid - Open-source, modular web software

A single page app module that acts as a standalone web page. It has overlays for intro / description, work, about, and a contact form. Also includes responsive design and intro / overlay transitions. Design inspired by the Dimension theme at html5up https://html5up.net/dimension

Based on Templated theme Visualize https://templated.co/visualize

Carousel (slider) - Open-source, modular web software

Based on HTML5 UP theme Forty https://html5up.net/forty

Dual cards with images and text; easy to manage content. Based on the Introspect theme from https://templated.co/introspect

Modified from mod nkknmm to remove the tags, leaving a simple gallery of clickable squares. A simple gallery with tags, based on the open source Snapshot theme at https://templated.co Snapshot by TEMPLATEDtemplated.coReleased for free under the Creative Commons Attribution 3.0 license templated.co/license

This is a contact directory that gives email and phone number of each team member so that it s easy to click to contact them. It is based on a design by Ren Walker.

Based on Templated theme Spatial https://templated.co/spatial

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

Pre styled cards, each with editable image, text, and link. Based on the prism theme from https://templated.co/prism .

A responsive navbar with company name and nested links. You can add multi level dropdowns, and it also has the option to add search. As is, the search is wired up to log a message to the console, but you can make it access an external service like Google or Algolia if desired. Based on the Shapely theme at https://colorlib.com/shapely .

A simple section content wise, but has a nice effect of moving the image up and fading in as the user scrolls into the section. The scrolling appearance is based on the library AOS animate on scroll https://github.com/michalsnik/aos

Product detail images - Open-source, modular web software

A parallax section based on the Shapely theme at Colorlib. Scrolls a title and subtitle, along with call to action button, over a parallax image background. If you re having trouble viewing the parallax because it won t scroll, you can preview fullscreen and then click the Dummy text button at the top of the page. Inspired by https://colorlib.com/shapely/

An intro hero unit with fade in text and background image. Call to action button at the bottom as well. Based on Templated theme Urban https://templated.co/urban

A responsive, colorful timeline based on flexbox. Add and remove events. Note: when you add or remove an event, be sure to update the content field: numberOfItemsTo reflect the correct number. This is used to calculate the proper height This mod is based on a design by Paul Barker https://codepen.io/paulhbarker/pen/apvGdv/

Responsive section with cards, each of which has an icon that links to another link. Attribution: This is based on the Industrious theme at Templated.co https://templated.co/

Based on HTML5 UP theme Phantom https://html5up.net/uploads/demos/phantom/

Multiple large cards, each with image, title, subtitle, and content. Use to show off a group of items in a bold way. Based on Templated theme transitive https://templated.co/transitive

Based on Templated theme Transitive https://templated.co/transitive

Content section with a colorful image background and text that pops. Also has a call to action button below the text, for engaging the visitor.

An animated, colorful navbar section with transition between buttons. Based on a design by Mert Cukuren https://codepen.io/knyttneve/pen/LKrGBy

Face detection crop - Open-source, modular web software