we're social

Accordion & Tab Shortcodes

This is an example of Nova’s Accordion and Tab shortcodes. You can organize your content with accordion and tab shortcodes to better streamline your website content, products or services, portfolios or case study breakdowns and so much more. Accordion and Tab shortcodes are CSS-friendly, HTML-enabled and resizeable.


Accordions

Nova One comes with two Accordion Shortcodes. These shortcodes give you the ability to organize your content into expandable tabs and feature a number of optional variables including width, the number of expandable cells, the type of accordion, alignment, float and of course a custom CSS variable for your own customizations.

Shortcode Examples
Section 1
Example Content
Section 2
Example Content
Accordion Style 1
Section 1
Lorem ipsum dolor sit amet vindico, suscipit utrum valde fatua luctus patria in. Gilvus suscipit quis eu vindico.
Section 2
Lorem ipsum dolor sit amet vindico, suscipit utrum valde fatua luctus patria in. Gilvus suscipit quis eu vindico.
Section 3
Lorem ipsum dolor sit amet vindico, suscipit utrum valde fatua luctus patria in. Gilvus suscipit quis eu vindico.
Lorem ipsum dolor sit amet, sagaciter, modo os, iaceo wisi utrum eu. Quis wisi paratus, saluto aptent, ventosus ex nutus ut sed demoveo inhibeo acsi modo. Hendrerit in conventio exputo voco voco in, ut iusto ymo lobortis nobis cui. Esse, praesent.

Vindico mara erat ideo facilisis venio lenis, iusto decet volutpat euismod valetudo incassum erat. Comis diam ulciscor ut delenit feugiat, quidne, in imputo verto, saluto decet tincidunt abico. Vindico mara erat ideo facilisis venio lenis, iusto decet volutpat euismod valetudo incassum erat. Comis diam ulciscor ut delenit feugiat, quidne, in imputo verto, saluto decet tincidunt abico.

Section 1
Lorem ipsum dolor sit amet, sagaciter, modo os, iaceo wisi utrum eu. Quis wisi paratus, saluto aptent, ventosus ex nutus ut sed demoveo inhibeo acsi modo. Hendrerit in conventio exputo voco voco in.
Section 2
Lorem ipsum dolor sit amet, sagaciter, modo os, iaceo wisi utrum eu. Quis wisi paratus, saluto aptent, ventosus ex nutus ut sed demoveo inhibeo acsi modo. Hendrerit in conventio exputo voco voco in.
Section 3
Lorem ipsum dolor sit amet, sagaciter, modo os, iaceo wisi utrum eu. Quis wisi paratus, saluto aptent, ventosus ex nutus ut sed demoveo inhibeo acsi modo. Hendrerit in conventio exputo voco voco in.

Accordion Style 2

Section 1
Lorem ipsum dolor sit amet vindico, suscipit utrum valde fatua luctus patria in. Gilvus suscipit quis eu vindico.
Section 2
Lorem ipsum dolor sit amet vindico, suscipit utrum valde fatua luctus patria in. Gilvus suscipit quis eu vindico.
Section 3
Lorem ipsum dolor sit amet vindico, suscipit utrum valde fatua luctus patria in. Gilvus suscipit quis eu vindico.
Lorem ipsum dolor sit amet, sagaciter, modo os, iaceo wisi utrum eu. Quis wisi paratus, saluto aptent, ventosus ex nutus ut sed demoveo inhibeo acsi modo. Hendrerit in conventio exputo voco voco in, ut iusto ymo lobortis nobis cui. Esse, praesent.

Vindico mara erat ideo facilisis venio lenis, iusto decet volutpat euismod valetudo incassum erat. Comis diam ulciscor ut delenit feugiat, quidne, in imputo verto, saluto decet tincidunt abico. Vindico mara erat ideo facilisis venio lenis, iusto decet volutpat euismod valetudo incassum erat. Comis diam ulciscor ut delenit feugiat, quidne, in imputo verto, saluto decet tincidunt abico.

Section 1
Lorem ipsum dolor sit amet, sagaciter, modo os, iaceo wisi utrum eu. Quis wisi paratus, saluto aptent, ventosus ex nutus ut sed demoveo inhibeo acsi modo. Hendrerit in conventio exputo voco voco in.
Section 2
Lorem ipsum dolor sit amet, sagaciter, modo os, iaceo wisi utrum eu. Quis wisi paratus, saluto aptent, ventosus ex nutus ut sed demoveo inhibeo acsi modo. Hendrerit in conventio exputo voco voco in.
Section 3
Lorem ipsum dolor sit amet, sagaciter, modo os, iaceo wisi utrum eu. Quis wisi paratus, saluto aptent, ventosus ex nutus ut sed demoveo inhibeo acsi modo. Hendrerit in conventio exputo voco voco in.

Tabs

The Tab Shortcode, similar to the Accordion Shortcodes above, give you the ability to organize your content into traditional tabs and feature a number of optional variables including width, the number of etabs, alignment, float and of course a custom CSS variable for your own customizations.

Shortcode Examples
			
Example Content
Example Content

Lorem ipsum dolor sit amet, sagaciter, modo os, iaceo wisi utrum eu. Quis wisi paratus, saluto aptent, ventosus ex nutus ut sed demoveo inhibeo acsi modo.
Vindico mara erat ideo facilisis venio lenis, iusto decet volutpat euismod valetudo incassum erat. Comis diam ulciscor ut delenit feugiat, quidne.
Lorem ipsum dolor sit amet, utrum sagaciter, commoveo quidne accumsan distineo interdico ut ea. Plaga pertineo adsum te, gravis facilisi abigo.
Lorem ipsum dolor sit amet vindico, suscipit utrum valde fatua luctus patria in. Gilvus suscipit quis eu vindico. Lorem ipsum dolor sit amet, sagaciter, modo os, iaceo wisi utrum eu. Quis wisi paratus, saluto aptent, ventosus ex nutus ut sed demoveo inhibeo acsi modo. Hendrerit in conventio exputo voco voco in, ut iusto ymo lobortis nobis cui. Vindico mara erat ideo facilisis venio lenis, iusto decet volutpat euismod valetudo incassum erat. Comis diam ulciscor ut delenit feugiat, quidne, in imputo verto, saluto decet tincidunt abico.

Lorem ipsum dolor sit amet, sagaciter, modo os, iaceo wisi utrum eu. Quis wisi paratus, saluto aptent, ventosus ex nutus ut sed demoveo inhibeo acsi modo. Hendrerit in conventio exputo voco voco in.
Vindico mara erat ideo facilisis venio lenis, iusto decet volutpat euismod valetudo incassum erat. Comis diam ulciscor ut delenit feugiat, quidne, in imputo verto, saluto decet tincidunt abico.
Lorem ipsum dolor sit amet, utrum sagaciter, commoveo quidne accumsan distineo interdico ut ea. Plaga pertineo adsum te, gravis facilisi abigo. Appellatio, nisl indoles commoveo , utinam exputo sudo.

Customize your site from the Navigation to the Footer Credits as well as every place in between.

Nova’s astonishingly user-friendly dashboard does all the heavy lifting at a click of your mouse.

Nova One is built from the ground up with SEOs and Search Engine Optimization (SEO) in mind.

Choose from one of ten built-in designs to use and edit, or create any website you can dream of.

Easy to Operate, Multi-Layer Settings, Drag-and-Drop Management, Custom Margins, and more!

Easily integrate your social media assets. Facebook, Linkedin, Twitter, Pintrest, G+, Flickr and more!

Vancouver, Canada