Table of contents

Sher Agency | Desktop Components 🚀

Below you will find a list of commonly use components
‍
Happy Building!

Navigation Bar

Here you will find a boilerplate navigation bars in light, dark, and transparent themes. Note: Set property "position" to fixed if you want it to scroll with page.

navigation bar[theme=dark] [banner=visible]

navigation bar[banner=hidden]

navigation bar [theme=light]

navigation bar [theme=transparent] [banner=visible]

navigation bar [theme=transparent] [banner=hidden]

Cards

Simple card to grab and customize

simple card

Value Name Here

Lorem ipsum dolor sit amet consectetur. Habitant pellentesque placerat nulla id consequat.

"Lorem ipsum dolor sit amet consectetur. Habitant pellentesque placerat nulla id consequat."

John Doe

Job title

watch video testimonial

"Lorem ipsum dolor sit amet consectetur. Habitant pellentesque placerat nulla id consequat."

John Doe

Position, Company name

"Lorem ipsum dolor sit amet consectetur. Habitant pellentesque placerat nulla id consequat."

John Doe

Position, Company name

Cocktail Party Package

Starting at

$45

/

Person

Menu Includes:

Feature of menu goes here

Feature of menu goes here

Feature of menu goes here

Feature of menu goes here

"Lorem ipsum dolor sit amet consectetur. Habitant pellentesque placerat nulla id consequat."

First & Last Name

Job Title/Position

Washington, DC Pool Builder

Our Results

61% increase in calls

186% increase in traffic

18% increase in conversions

PPC Marketing

1K+

Phone calls in a month

43k+

website sessions

5.1M

impressions from cross-platform ads

View Case Study

Wealth Partners

Blog Card 1

Lorem ipsum dolor sit amet consectetur. Sed diam habitant aenean tristique fringilla. Id id sapien sit suscipit nibh ullamcorper dis cursus dignissim.

3 Easy Ways to Get an Expected Headcount for Your Event - Our Guide

Grids

Default grids to use. The first one is 4 across by default, each one after is example with subclass used. Each grid by default shows 2 across on Tablet/Landscape and 1 across on Mobile

Grid default (4 across)

Value Name

Lorem ipsum dolor sit amet consectetur. Habitant pellentesque placerat nulla id consequat. Elit suspendisse ligula.

Value Name

Lorem ipsum dolor sit amet consectetur. Habitant pellentesque placerat nulla id consequat. Elit suspendisse ligula.

Value Name

Lorem ipsum dolor sit amet consectetur. Habitant pellentesque placerat nulla id consequat. Elit suspendisse ligula.

Value Name

Lorem ipsum dolor sit amet consectetur. Habitant pellentesque placerat nulla id consequat. Elit suspendisse ligula.

grid [3-across]

Value Name

Lorem ipsum dolor sit amet consectetur. Habitant pellentesque placerat nulla id consequat. Elit suspendisse ligula.

Value Name

Lorem ipsum dolor sit amet consectetur. Habitant pellentesque placerat nulla id consequat. Elit suspendisse ligula.

Value Name

Lorem ipsum dolor sit amet consectetur. Habitant pellentesque placerat nulla id consequat. Elit suspendisse ligula.

grid [2-across]

Value Name

Lorem ipsum dolor sit amet consectetur. Habitant pellentesque placerat nulla id consequat. Elit suspendisse ligula.

Value Name

Lorem ipsum dolor sit amet consectetur. Habitant pellentesque placerat nulla id consequat. Elit suspendisse ligula.

Marquees

Boilerplate marquee code to grab and use!

Marquee using Webflow interaction (preview mode to see)

Marquee using custom code

Name Here

Title Here

“Lorem ipsum dolor sit amet consectetur. Nisl elit sit congue feugiat. Massa eget et congue enim lorem. Velit risus nibh iaculis aliquam cursus integer.”

Name Here

Title Here

“Lorem ipsum dolor sit amet consectetur. Nisl elit sit congue feugiat. Massa eget et congue enim lorem. Velit risus nibh iaculis aliquam cursus integer.”

Name Here

Title Here

“Lorem ipsum dolor sit amet consectetur. Nisl elit sit congue feugiat. Massa eget et congue enim lorem. Velit risus nibh iaculis aliquam cursus integer.”

Name Here

Title Here

“Lorem ipsum dolor sit amet consectetur. Nisl elit sit congue feugiat. Massa eget et congue enim lorem. Velit risus nibh iaculis aliquam cursus integer.”

Name Here

Title Here

“Lorem ipsum dolor sit amet consectetur. Nisl elit sit congue feugiat. Massa eget et congue enim lorem. Velit risus nibh iaculis aliquam cursus integer.”

Name Here

Title Here

“Lorem ipsum dolor sit amet consectetur. Nisl elit sit congue feugiat. Massa eget et congue enim lorem. Velit risus nibh iaculis aliquam cursus integer.”

Name Here

Title Here

“Lorem ipsum dolor sit amet consectetur. Nisl elit sit congue feugiat. Massa eget et congue enim lorem. Velit risus nibh iaculis aliquam cursus integer.”

Name Here

Title Here

“Lorem ipsum dolor sit amet consectetur. Nisl elit sit congue feugiat. Massa eget et congue enim lorem. Velit risus nibh iaculis aliquam cursus integer.”

vertical + reverse marquee in container

Sliders

Boilerplate marquee code to grab and use!

swiper slider (basic) with arrows

swiper slider (carousel)

Accordions

Boilerplate accordion code to grab and use! These open one at time.