Save time with mods

A scrollspy is a navigation section that stays up to date on where the user is scrolled. So if the user scrolls manually to a section, it will show that section on the navigation automatically. Clicking on the section will also scroll the page to that section. This scrollspy is based on the Bootstrap implementation.

This mod is a popup that shows when the mouse exits the window. So if a visitor views the site, then moves to check something out, this will show up and give them another value proposition. The popup will only show once per user. For testing purposes, you can reset the cookies so that the popup shows more than once. To do this, uncomment the line of the JavaScript: resetCookie This will cause the popup to show each time the page loads, instead of only once per user.

This mod automatically compiles markdown from the HTML section. Reference on how to use markdown can be found here .

A progress bar for displaying a set percentage. Edit the percentage 0 100 using the content editor, and it will be displayed on the progress bar. Based on a Pen by user gediminas https://codepen.io/valiooo/pen/qyiov

This is a simple content section to show off features for a product. It has 4 value proposition cards, each with its own icon and content.

A simple contact form that starts as a card and then flips over to reveal the form when clicked. Based on a design by Danny Beton https://codepen.io/devdanny/pen/JgLjk

Add dots or hotspots on top of an image. When the visitor hovers over a dot, a label shows for price etc . Clicking on each dot also takes the visitor to whichever link is chosen. Design by Irko Palenius

This is a straightforward top to bottom timeline you can add or remove events to. Inspired by a dark timeline by Alan Houser https://codepen.io/alanhouser/pen/aErrQJ

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

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

Responsive cards to show off team members. When you hover over a card, it reveals that team member s profile information. Includes LinkedIn, Twitter, GitHub, and Facebook. Based on a design by Elegant Themes

Content section with image on the right and content on the left with a button . Design is based on the Retrospect theme at Templated.co https://templated.co

Customer or partner logo section that blurs on hover, revealing a link to see more. Helps build social proof for a product by showing off who else uses it.

A grid of simple cards that pops forward when you click on one try it Design is based on a pen by sean codes https://codepen.io/sean codes/pen/MXLVGj

A hero unit based on the Snapshot template at Templated.co https://templated.co/items/demos/snapshot/index.html

Open-source, modular web software - YouTube banner modal

About me section with description, social media links, and big image. Based loosely on the open source Snapshot design by Templated.co https://templated.co/items/demos/snapshot/

These team portrait circles are grayscale until hover, and then they show the color and a tooltip with the team member s name and role. The tooltips are based on Tippy and Popper.js, so they never go off the screen. Simple, subtle, and effective

Content cards that you can swipe left or right to dismiss. The swiping works on mobile or desktop, and the design is responsive.

This lets you embed an Instagram post anywhere by adding the post id. It uses the Instagram SDK to render an interactive post, so that you don t have to look up the details in the docs.

A carousel for scrolling or browsing through products. Each product gets its own image, pricing, and link to the product page.

Columns for comparing products, similar to how it is done on many ecommerce websites. Each product gets its own column, with title, image, and features.

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.

A full page carousel for moving between entire sections of content. Each section has its own image and text. Based on the Radius design at Templated.co https://templated.co/items/demos/radius/detail1.html