Topsy

Contact form with company - Open-source, modular web software

Based on HTML5 UP theme Story https://html5up.net/story

Based on HTML5 UP theme Story https://html5up.net/story

Content Block | dobko - Open-source, modular web software

Contact Form with reCaptcha option | mdolm - Open-source, modular web software

Content Block | nknlr - Open-source, modular web software

Side nav section | nlmkm - Open-source, modular web software

Based on HTML5 UP theme Story https://html5up.net/story

Based on HTML5 UP theme Story https://html5up.net/story

Based on HTML5 UP theme Story https://html5up.net/story

Based on HTML5 UP theme Story https://html5up.net/story

A side navigation element with headline, links, dropdown, and images. It scrolls vertically to reveal more information, both images and a contact section with email, phone, and address. Also has a section at the bottom for copyright information. Based on HTML5 UP theme Editorial https://html5up.net/editorial

Responsive image - Open-source, modular web software

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

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

Responsive slider timeline with Swiper Based on a pen from Bruno Carvalho: https://codepen.io/bcarvalho/pen/RZqmZX Known issue with resizing when crossing 768px breakpoint iPhone X / tablets orientation change .

Card to show off a professional profile. Space for name, title, GitHub, Twitter, LinkedIn, and tags.

Square gallery photoswipe - Open-source, modular web software

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

Content section that scrolls over a fixed background, with a call to action button below. Based on the Retrospect design by Templated.co https://templated.co/retrospect

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

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.

Responsive dark theme section with image cards. Each one has text and a colorful button. Attribution: This is based on the Full Motion theme at Templated.co https://templated.co/

Pricing table - Open-source, modular web software