Section

[one_fourth][accordiongroup][accordion title=”Features Default”][sidenav][sideitem link=”http://weblusive-themes.com/monarch/grid/”]Grid[/sideitem][sideitem link=”http://weblusive-themes.com/monarch/navigation/”]Navigation[/sideitem][sideitem link=”http://weblusive-themes.com/monarch/buttons/”]Buttons[/sideitem][sideitem link=”http://weblusive-themes.com/monarch/forms/”]Forms[/sideitem][sideitem link=”http://weblusive-themes.com/monarch/typography/”]Typography[/sideitem][/sidenav][/accordion][accordion title=”Javascript Features”][sidenav][sideitem link=”http://weblusive-themes.com/monarch/clearing/”]Clearing[/sideitem][sideitem link=”http://weblusive-themes.com/monarch/dropdown/”]Dropdown[/sideitem][sideitem link=”http://weblusive-themes.com/monarch/joyride/”]Joyride[/sideitem][sideitem link=”http://weblusive-themes.com/monarch/magellan/”]Magellan[/sideitem][sideitem link=”http://weblusive-themes.com/monarch/reveal/”]Reveal[/sideitem][sideitem link=”http://weblusive-themes.com/monarch/section/”]Section[/sideitem][sideitem link=”http://weblusive-themes.com/monarch/info-tooltips/”]Info tooltips[/sideitem][sideitem link=”http://weblusive-themes.com/monarch/retina-icons-font-awesome/”]Retina Icons – Font Awesome[/sideitem][sideitem link=”http://weblusive-themes.com/monarch/tooltips-smallipop/”]Tooltips – Smallipop[/sideitem][/sidenav][/accordion][/accordiongroup][/one_fourth]
[three_fourth]

Section

Sections are similar to tabs as a way to selectively show a single panel of content at a time.

[row]
[one_whole][tabgroup][tab title=”Features”]

Responsive, Retina Ready Design

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tincidunt nisl non imperdiet tristique. Quisque suscipit tempus sapien ut eu enim elit. Nulla sollicitudin egestas leo vitae auctor. In tincidunt nunc sapien, sed varius magna consectetur at. Morbi pharetra neque quis velit mollis ultricies.

[/tab][tab title=”From our Flickr”]

From our Flickr

    [flickr photos=”20″ fid=”37344888@N08″/][/tab][tab title=”Spring Deals”]

    Great Spring Deals!

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tincidunt nisl non imperdiet tristique. Quisque suscipit tempus sapien ut eu enim elit. Nulla sollicitudin egestas leo vitae auctor. In tincidunt nunc sapien, sed varius magna consectetur at. Morbi pharetra neque quis velit mollis ultricies.

    [/tab][/tabgroup][/one_whole][one_third]

    Vertical Navigation

    [vernavgroup][vernav title=”Features”][sidenav][sideitem link=””]Link 1[/sideitem][sideitem link=””]Link 2[/sideitem][sideitem link=””]Link 3[/sideitem][sideitem link=””]Link 4[/sideitem][/sidenav][/vernav][vernav title=”Great Spring Deals”][sidenav][sideitem link=””]Link 1[/sideitem][sideitem link=””]Link 2[/sideitem][sideitem link=””]Link 3[/sideitem][sideitem link=””]Link 4[/sideitem][/sidenav][/vernav][vernav title=”Image Galleries”][sidenav][sideitem link=””]Link 1[/sideitem][sideitem link=””]Link 2[/sideitem][sideitem link=””]Link 3[/sideitem][sideitem link=””]Link 4[/sideitem][/sidenav][/vernav][/vernavgroup][/one_third][two_third]

    Horizontal Navigation

    [hornavgroup][hornav title=”Features”][sidenav][sideitem link=””]Link 1[/sideitem][sideitem link=””]Link 2[/sideitem][sideitem link=””]Link 3[/sideitem][sideitem link=””]Link 4[/sideitem][/sidenav][/hornav][hornav title=”Great Spring Deals”][sidenav][sideitem link=””]Link 1[/sideitem][sideitem link=””]Link 2[/sideitem][sideitem link=””]Link 3[/sideitem][sideitem link=””]Link 4[/sideitem][/sidenav][/hornav][hornav title=”Image Galleries”][sidenav][sideitem link=””]Link 1[/sideitem][sideitem link=””]Link 2[/sideitem][sideitem link=””]Link 3[/sideitem][sideitem link=””]Link 4[/sideitem][/sidenav][/hornav][/hornavgroup][/two_third][/row]
    This example will automatically switch between tabs and accordion based on the resolution of the device.
    The class options:

    auto
    tabs
    accordion
    vertical-nav
    horizontal-nav

    [/three_fourth]

Leave A Reply

Your email address will not be published. Required fields are marked *