• The Help Site logo

  • Contact
    • The Basics
      • Logging In and Out
      • Document Tree
      • Navigation & logo
      • Quick Actions Menu
      • Footers
      • Fonts
    • Website Design & Layout
      • The Wrapper: Start Here
      • Primary Navigation
      • Footers
      • Social Icons
      • Facebook Sharing Image
      • Button colors, shapes
      • Sidebar Additions
      • Logos
      • Menubar
      • Code (eg. Google Analytics)
    • How to...
      • The Document Tree
      • Create a Page
      • Choosing a Template
      • Basic Page Layout
      • Editing a Page
      • Adding Content: Text
      • Styling text: Blockquotes
      • Adding Content: Images
      • Cropping & Resizing Images
      • Adding Content: Links & PDFs
      • Adding Content: Video
      • Viewing a page
      • Page Commands: Move, Hide, Delete
      • Feeds: Blog, Events, News, Logos
      • META Data
      • Add code to the template (Google Analytics, etc.)
      • PDF Viewable Page
      • Sitewide Navigation: Create & Change
      • Dropdowns and Page Nav: Moving things around
    • Page and Page Top Displays
      • Page top video or photos
      • Utility items: Anchors
      • Accordions
      • Code Blocks
      • Headings or Text
      • Image
      • Image Strip
      • Lists with Icons
      • Nav Bar
      • Overlay Block
      • Photo and copy
      • Utility items: Spacers
      • Sliders and Carousels
      • Tabbed Content
      • Text and/or Button
    • The Content Grid
    • Content Features
      • Blogging
      • Events Calendar
      • Media
      • Galleries
      • News
      • Priorities
      • Publication Library
      • Staff Section
  • The Basics
    • Logging In and Out
    • Document Tree
    • Navigation & logo
    • Quick Actions Menu
    • Footers
    • Fonts
  • Website Design & Layout
    • The Wrapper: Start Here
    • Primary Navigation
    • Footers
    • Social Icons
    • Facebook Sharing Image
    • Button colors, shapes
    • Sidebar Additions
    • Logos
    • Menubar
    • Code (eg. Google Analytics)
  • How to...
    • The Document Tree
    • Create a Page
    • Choosing a Template
    • Basic Page Layout
    • Editing a Page
    • Adding Content: Text
    • Styling text: Blockquotes
    • Adding Content: Images
    • Cropping & Resizing Images
    • Adding Content: Links & PDFs
    • Adding Content: Video
    • Viewing a page
    • Page Commands: Move, Hide, Delete
    • Feeds: Blog, Events, News, Logos
    • META Data
    • Add code to the template (Google Analytics, etc.)
    • PDF Viewable Page
    • Sitewide Navigation: Create & Change
    • Dropdowns and Page Nav: Moving things around
  • Page and Page Top Displays
    • Page top video or photos
    • Utility items: Anchors
    • Accordions
    • Code Blocks
    • Headings or Text
    • Image
    • Image Strip
    • Lists with Icons
    • Nav Bar
    • Overlay Block
    • Photo and copy
    • Utility items: Spacers
    • Sliders and Carousels
    • Tabbed Content
    • Text and/or Button
  • The Content Grid
  • Content Features
    • Blogging
    • Events Calendar
    • Media
    • Galleries
    • News
    • Priorities
    • Publication Library
    • Staff Section
Contact
The Help Site

Creative Consulting • Design for People • Smarter Programming • Global Publishing • Contact: Holly@HollyWorks.com
Digital publishing by Boilerplate Books | Privacy Policy & Accessibility | Southern Maine | ProcessWire Made Easy: Tutorials

BoilerPlate Books, LLC | Holly Valero | HollyWorks Web Design | LinkTr.ee

Tabbed Content

A simple utility for switching back and forth between content 

  1. Click the link to add Tabbed content - you can have as many or as few as you like...
  2. Choose your padding, width, corner treatment and background colors
  3. Add the tab label and tab content to right
  4. Like accordions, you can re-order these by dragging them up or down.

  • Bronze Package
  • Silver Package
  • Gold Package

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Vivamus sapien urna, pharetra tempus pretium vitae, lobortis non tortor. Ut porttitor vestibulum neque vitae pulvinar. Quisque ut lorem eleifend

In at nulla porttitor, pharetra orci sodales, euismod quam. Fusce nec gravida felis, nec vulputate orci. Sed cursus leo non nisl eleifend, rhoncus rhoncus elit semper. Ut eu tortor tempus, egestas nulla vitae, suscipit odio. Phasellus ac risus sem. Nulla facilisi. Proin semper viverra tellus at dictum.

Etiam scelerisque sapien in scelerisque rhoncus. Etiam mollis mollis lacinia. Morbi aliquet nisi et justo sodales dapibus non eget justo. Etiam tincidunt, neque non venenatis finibus, magna leo blandit odio, quis euismod nisl augue vel diam. Nulla facilisi. Nunc commodo sed mi sed pulvinar. Cras fringilla, lacus non sagittis viverra, tortor lectus mollis ipsum, sed vulputate magna magna in sapien. Nullam vitae metus ut turpis rhoncus molestie. Nunc fermentum luctus ex, sed dapibus elit viverra a.

Consectetur adipiscing elit.

Vivamus sapien urna, pharetra tempus pretium vitae, lobortis non tortor. Ut porttitor vestibulum neque vitae pulvinar. Quisque ut lorem eleifend

In at nulla porttitor, pharetra orci sodales, euismod quam. Fusce nec gravida felis, nec vulputate orci. Sed cursus leo non nisl eleifend, rhoncus rhoncus elit semper. Ut eu tortor tempus, egestas nulla vitae, suscipit odio. Phasellus ac risus sem. Nulla facilisi. Proin semper viverra tellus at dictum.

Etiam scelerisque sapien in scelerisque rhoncus. Etiam mollis mollis lacinia. Morbi aliquet nisi et justo sodales dapibus non eget justo. Etiam tincidunt, neque non venenatis finibus, magna leo blandit odio, quis euismod nisl augue vel diam. Nulla facilisi. Nunc commodo sed mi sed pulvinar. Cras fringilla, lacus non sagittis viverra, tortor lectus mollis ipsum, sed vulputate magna magna in sapien. Nullam vitae metus ut turpis rhoncus molestie. Nunc fermentum luctus ex, sed dapibus elit viverra a.

Lorem ipsum dolor

Vivamus sapien urna, pharetra tempus pretium vitae, lobortis non tortor. Ut porttitor vestibulum neque vitae pulvinar. Quisque ut lorem eleifend

Etiam scelerisque sapien in scelerisque rhoncus. Etiam mollis mollis lacinia. Morbi aliquet nisi et justo sodales dapibus non eget justo. Etiam tincidunt, neque non venenatis finibus, magna leo blandit odio, quis euismod nisl augue vel diam. Nulla facilisi. Nunc commodo sed mi sed pulvinar. Cras fringilla, lacus non sagittis viverra, tortor lectus mollis ipsum, sed vulputate magna magna in sapien. Nullam vitae metus ut turpis rhoncus molestie. Nunc fermentum luctus ex, sed dapibus elit viverra a.

The Help Site

Creative Consulting • Design for People • Smarter Programming • Global Publishing • Contact: Holly@HollyWorks.com
Digital publishing by Boilerplate Books | Privacy Policy & Accessibility | Southern Maine | ProcessWire Made Easy: Tutorials

BoilerPlate Books, LLC | Holly Valero | HollyWorks Web Design | LinkTr.ee