Skip to main content
This is an optional promo bar 🎉
A topbar item
A topbar item with icon A topbar item with icon

This is Pike Theme The Module Library

Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorem eum deserunt rem sit quam sapiente ex repellat iusto vel reprehenderit!

Button Text

Index

Accordion

Clean version

Use

Be careful using accordions. They are known to shorten pages, yet they come at a higher interaction cost. Accordions are great for FAQs. Here is a UX checklist:

  • Make sure the icon is clearly communicating there is more content
  • Don't put too much content in the accordion. If there is too much, then the content might deserve it's own page.

 

Accordions

Be careful using accordions. They are known to shorten pages, yet they come at a higher interaction cost. Accordions are great for FAQs. Here is a UX checklist:

  • Make sure the icon is clearly communicating there is more content
  • Don't put too much content in the accordion. If there is too much, then the content might deserve it's own page.
Wisely

Be careful using accordions. They are known to shorten pages, yet they come at a higher interaction cost. Accordions are great for FAQs. Here is a UX checklist:

  • Make sure the icon is clearly communicating there is more content
  • Don't put too much content in the accordion. If there is too much, then the content might deserve it's own page.

Card version

Use

Be careful using accordions. They are known to shorten pages, yet they come at a higher interaction cost. Accordions are great for FAQs. Here is a UX checklist:

  • Make sure the icon is clearly communicating there is more content
  • Don't put too much content in the accordion. If there is too much, then the content might deserve it's own page.
Accordions

Be careful using accordions. They are known to shorten pages, yet they come at a higher interaction cost. Accordions are great for FAQs. Here is a UX checklist:

  • Make sure the icon is clearly communicating there is more content
  • Don't put too much content in the accordion. If there is too much, then the content might deserve it's own page.
Wisely

Be careful using accordions. They are known to shorten pages, yet they come at a higher interaction cost. Accordions are great for FAQs. Here is a UX checklist:

  • Make sure the icon is clearly communicating there is more content
  • Don't put too much content in the accordion. If there is too much, then the content might deserve it's own page.

Blockquote

Rule decoration

This is a blockquote. Make sure to test out the other fields in this module. Now, go and make some dope $#!+ 😎

John Doe
from The Book Of Doe Re Mi's

Quote icon decoration

This is a blockquote. Make sure to test out the other fields in this module. Now, go and make some dope $#!+ 😎

John Doe
from The Book Of Doe Re Mi's

Buttons

Cards

Simple

Card title

Lorem ipsum dolor sit amet consectetur adipisicing elit. Et commodi placeat beatae, doloribus maxime laboriosam facere at quia rem rerum.

Button Text
Card title

Lorem ipsum dolor sit amet consectetur adipisicing elit. Et commodi placeat beatae.

Button Text
Card title

Lorem ipsum dolor sit amet consectetur adipisicing elit. Et commodi placeat beatae, doloribus maxime laboriosam facere.

Button Text

With images

img_demo3
Card title

Lorem ipsum dolor sit amet consectetur adipisicing elit. Et commodi placeat beatae, doloribus maxime laboriosam facere at quia rem rerum.

Button Text
img_demo3
Card title

Lorem ipsum dolor sit amet consectetur adipisicing elit. Et commodi placeat beatae, doloribus maxime laboriosam facere at quia rem rerum.

Button Text
img_demo3
Card title

Lorem ipsum dolor sit amet consectetur adipisicing elit. Et commodi placeat beatae, doloribus maxime laboriosam facere at quia rem rerum.

Button Text
img_demo3
Card title

Lorem ipsum dolor sit amet consectetur adipisicing elit. Et commodi placeat beatae, doloribus maxime laboriosam facere at quia rem rerum.

Button Text

With icons

Card title

Lorem ipsum dolor sit amet consectetur adipisicing elit. Et commodi placeat beatae, doloribus maxime laboriosam facere at quia rem rerum.

Button Text
Card title

Lorem ipsum dolor sit amet consectetur adipisicing elit. Et commodi placeat beatae, doloribus maxime laboriosam facere at quia rem rerum.

Button Text
Card title

Lorem ipsum dolor sit amet consectetur adipisicing elit. Et commodi placeat beatae, doloribus maxime laboriosam facere at quia rem rerum.

Button Text
Card title

Lorem ipsum dolor sit amet consectetur adipisicing elit. Et commodi placeat beatae, doloribus maxime laboriosam facere at quia rem rerum.

Button Text

With background

Card title

Lorem ipsum dolor sit amet consectetur adipisicing elit.

Button Text
Card title

Lorem ipsum dolor sit amet consectetur adipisicing elit.

Button Text
Card title

Lorem ipsum dolor sit amet consectetur adipisicing elit.

Button Text
Card title

Lorem ipsum dolor sit amet consectetur adipisicing elit.

Button Text

Cards Masonry

Chapter # Card title
Chapter # Card title
Chapter # Card title
Chapter # Card title
Chapter # Card title
Chapter # Card title

Cascading images

jarek-ceborski-jn7uVeCdf6U-unsplash Portada Tema Inmobiliario dan-gold-4HG3Ca3EzWw-unsplash

Events DB

List view

Either you have no upcoming events or you need to choose an Event HubDB table in this module.

This will not show on the live site

Cards view

Either you have no upcoming events or you need to choose an Event HubDB table in this module.

This will not show on the live site

Slider view

Either you have no upcoming events or you need to choose an Event HubDB table in this module.

This will not show on the live site

Either you have no upcoming events or you need to choose an Event HubDB table in this module.

This will not show on the live site

You'll need to enable public access to this table. These are the fields needed for the hubdb table
Column Label Column Name Column Type
Name name text
Link (optional) link URL
Location location text
Start date start datetime
End date end datetime
Featured Image featured_image image
Body text body_text richtext optional

Fancy row

Split style

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut. Lorem ipsum dolor.

CTA Example

Parallax style

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut. Lorem ipsum dolor.

CTA example

Icons

Image

ejemplo

Grid

Swipe

francesca-tosolini-tHkJAMcO3QE-unsplash
1x1_image_b
dan-gold-4HG3Ca3EzWw-unsplash-2
Portada Tema Inmobiliario
kara-eads-L7EwHkq1B2s-unsplash
img_slider

Masonry

List (fancy)

  • The 1st list item
  • The 2nd list item
  • The 3rd list item, that is exceptionally longer. See how this module looks with it
  • The 4th list item
  • The 5th list item that is medium length
  • The 1st list item
  • The 2nd list item
  • The 3rd list item, that is exceptionally longer. See how this module looks with it
  • The 4th list item
  • The 5th list item that is medium length
  • The 1st list item
  • The 2nd list item
  • The 3rd list item, that is exceptionally longer. See how this module looks with it
  • The 4th list item
  • The 5th list item that is medium length
  • The 1st list item
  • The 2nd list item
  • The 3rd list item, that is exceptionally longer. See how this module looks with it
  • The 4th list item
  • The 5th list item that is medium length
  • The 1st list item
  • The 2nd list item
  • The 3rd list item, that is exceptionally longer. See how this module looks with it
  • The 4th list item
  • The 5th list item that is medium length

List (simple)

  • Lorem ipsum dolor sit, amet consectetur adipisicing.
  • Lorem ipsum dolor sit.
  • Lorem, ipsum.
  • Lorem ipsum dolor sit amet consectetur adipisicing elit. Necessitatibus, perspiciatis?
  • Lorem ipsum dolor sit amet consectetur.
  • Lorem ipsum dolor sit.
  • Lorem ipsum dolor sit, amet consectetur adipisicing.
  • Lorem ipsum dolor sit.
  • Lorem, ipsum.
  • Lorem ipsum dolor sit amet consectetur adipisicing elit. Necessitatibus, perspiciatis?
  • Lorem ipsum dolor sit amet consectetur.
  • Lorem ipsum dolor sit.

Logos grid

Map

Pricing plans

Plan title
$2,500 / Month
$2,000 / Month

Extra info belongs here

  • Selling points
  • about
  • product or service
  • here
Choose plan

Extra info belongs here

  • Selling points
  • about
  • product or service
  • here
Choose plan
Plan title
$2,500 / Month
$2,000 / Month

Extra info belongs here

  • Selling points
  • about
  • product or service
  • here
Choose plan

Extra info belongs here

  • Selling points
  • about
  • product or service
  • here
Choose plan
Plan title
$2,500 / Month
$2,000 / Month

Extra info belongs here

  • Selling points
  • about
  • product or service
  • here
Choose plan

Extra info belongs here

  • Selling points
  • about
  • product or service
  • here
Choose plan

Rich text

This is Pike's Peak REGULAR richtext! 🔥
It will animate however you tell it to. Try to only use paragraphs and list elements here. 💯

If you want to get a checked list, then use the Fancy List module. For headings, use the Pike's Peak Section Header. Now, go and make some dope $#!+ 😎

This is Pike's Peak SMALL richtext! 🔥
It will animate however you tell it to. Try to only use paragraphs and list elements here. 💯

If you want to get a checked list, then use the Fancy List module. For headings, use the Pike's Peak Section Header. Now, go and make some dope $#!+ 😎

This is Pike's Peak LARGE richtext! 🔥
It will animate however you tell it to. Try to only use paragraphs and list elements here. 💯

If you want to get a checked list, then use the Fancy List module. For headings, use the Pike's Peak Section Header. Now, go and make some dope $#!+ 😎

Row divider

Section Heading

The subtitle (eyebrown text) A Section Heading Title

A Section Heading Title

The subtitle (eyebrown text) - After position

Social follow

Stat counter

+ 73 %
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Veritatis.
$ 199 usd
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Veritatis.

Sticky sub navbar

Tabs

Tab One

Content one title

Lorem ipsum dolor sit amet consectetur adipisicing elit. Inventore rerum reprehenderit quisquam quidem dicta! Modi, commodi minus!

Tab Two

Content two title

Lorem ipsum dolor sit amet consectetur adipisicing elit. Inventore rerum reprehenderit quisquam quidem dicta! Modi, commodi minus!

Tab One

Content one title

Lorem ipsum dolor sit amet consectetur adipisicing elit. Inventore rerum reprehenderit quisquam quidem dicta! Modi, commodi minus!

Learn more

Tab two

Content two title

Lorem ipsum dolor sit amet consectetur adipisicing elit. Inventore rerum reprehenderit quisquam quidem dicta! Modi, commodi minus!

Learn more

Team

  • Brad Pitt

    CEO

  • Steve Buscemi

    COO

  • Michael Peña

    COO

  • Wayne Knight

    CTO

  • Brad Pitt

    CEO

  • Steve Buscemi

    COO

  • Michael Peña

    COO

  • Wayne Knight

    CTO

Testimonials

jarek-ceborski-jn7uVeCdf6U-unsplash

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Jazzy Jeff
CMO, Pike Design

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Jazzy Jeff
CMO, Pike Design

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Jazzy Jeff
CMO, Pike Design

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Jazzy Jeff
CMO, Pike Design

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Jazzy Jeff
CMO, Pike Design
jarek-ceborski-jn7uVeCdf6U-unsplash

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Jazzy Jeff
CMO, Pike Design

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Jazzy Jeff
CMO, Pike Design

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Jazzy Jeff
CMO, Pike Design

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Jazzy Jeff
CMO, Pike Design

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Jazzy Jeff
CMO, Pike Design

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Jazzy Jeff
CMO, Pike Design

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Jazzy Jeff
CMO, Pike Design

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Jazzy Jeff
CMO, Pike Design

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Jazzy Jeff
CMO, Pike Design

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Jazzy Jeff
CMO, Pike Design

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Jazzy Jeff
CMO, Pike Design

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Jazzy Jeff
CMO, Pike Design

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Jazzy Jeff
CMO, Pike Design

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Jazzy Jeff
CMO, Pike Design

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Jazzy Jeff
CMO, Pike Design

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Jazzy Jeff
CMO, Pike Design

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Jazzy Jeff
CMO, Pike Design

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Jazzy Jeff
CMO, Pike Design

Text with icon

Feature Title Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint iusto voluptas eos eum ut!
Feature Title Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint iusto voluptas eos eum ut!

Video