Toggle

[section class="section-padding"][container class="container mb-45"][row class="row"][div class="col-sm-12"][heading heading_tag="h3" class="page-title"]Toggle[/heading][/div] [/row] [row class="row"] [div class="col-md-12"] [togglegroup] [toggle title="Tab1"]Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. [/toggle] [toggle title="Tab2"]Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. [/toggle] [toggle title="Tab3"]Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. [/toggle] [/togglegroup] [/div] [/row] [/container] [container class="container mb-45"] [row class="row"] [div class="col-sm-12"][heading heading_tag="h3" class="page-title"]Toggle With Backgroud[/heading][/div] [/row] [row class="row"] [div class="col-md-12"] [togglegroup class="toggle-bg" data_show="closed"] [toggle title="Tab1"]Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. [/toggle] [toggle title="Tab2"]Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. [/toggle] [toggle title="Tab3"]Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.[/toggle] [/togglegroup] [/div] [/row] [/container] [container class="container mb-45"] [row class="row"] [div class="col-sm-12"][heading heading_tag="h3" class="page-title"]Toggle With Border[/heading][/div] [/row] [row class="row"] [div class="col-md-12"] [togglegroup class="toggle-border" active="2"] [toggle title="Tab1"]Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.[/toggle] [toggle title="Tab2"]Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.[/toggle] [toggle title="Tab3"]Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.[/toggle] [/togglegroup] [/div] [/row] [/container] [/section]

Accordion

[section class="section-padding pt-0"] [container class="container mb-45"] [row class="row"] [div class="col-sm-12"][heading heading_tag="h3" class="page-title"]Accordion[/heading][/div] [/row] [row class="row"] [div class="col-md-12"] [accordiongroup] [accordion title="Tab1"]Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. [/accordion] [accordion title="Tab2"]Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. [/accordion] [accordion title="Tab3"]Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. [/accordion] [/accordiongroup] [/div] [/row] [/container] [container class="container mb-45"] [row class="row"] [div class="col-sm-12"][heading heading_tag="h3" class="page-title"]Accordion With Backgroud[/heading][/div] [/row] [row class="row"] [div class="col-md-12"] [accordiongroup class="accordion-bg" data_show="closed"] [accordion title="Tab1"]Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. [/accordion] [accordion title="Tab2"]Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. [/accordion] [accordion title="Tab3"]Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. [/accordion] [/accordiongroup] [/div] [/row] [/container] [container class="container"] [row class="row"] [div class="col-sm-12"][heading heading_tag="h3" class="page-title"]Accordion With Border[/heading][/div] [/row] [row class="row"] [div class="col-md-12"] [accordiongroup class="accordion-border" active="2"] [accordion title="Tab1"]Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. [/accordion] [accordion title="Tab2"]Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. [/accordion] [accordion title="Tab3"]Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. [/accordion] [/accordiongroup] [/div] [/row] [/container] [/section]

Horizontal Tab

[section class="section-padding pt-0"] [container class="container mb-45"] [row class="row"] [div class="col-sm-12"][heading heading_tag="h3" class="page-title"]Horizontal Tab[/heading][/div] [/row] [row class="row"] [div class="col-md-12"] [tabgroup class="tabs-bordered" id="tab-1"] [tab id="tabs-4" title="tab1"]Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. [/tab] [tab id="tabs-5" title="tab2"]Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. [/tab] [tab id="tabs-6" title="tab3"]Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. [/tab] [/tabgroup] [/div] [/row] [/container] [/section]

Vertical Tab

[section class="section-padding pt-0"] [container class="container mb-45"] [row class="row"] [div class="col-sm-12"][heading heading_tag="h3" class="page-title"]Vertical Tab[/heading][/div] [/row] [row class="row"] [div class="col-md-12"] [vtabgroup class="tabs-bordered" id="tab-2"] [vtab id="tabs-7" title="tab1"]Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. [/vtab] [vtab id="tabs-8" title="tab2"]Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. [/vtab] [vtab id="tabs-9" title="tab3"]Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. [/vtab] [vtab id="tabs-10" title="tab4" class="hidden-phone"]Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. [/vtab] [/vtabgroup] [/div] [/row] [/container] [/section]

Typography

[section class="section-padding pt-0"] [container class="container mb-45"] [row class="row"] [div class="col-sm-12"][heading heading_tag="h3" class="page-title"]Typography[/heading][/div] [/row] [row class="row"] [div class="col-md-12"] [heading heading_tag="h1"]The standard Lorem [/heading] [heading heading_tag="h2"]The standard Lorem Ipsum passage, used since the 1500s[/heading] [heading heading_tag="h3"]The standard Lorem Ipsum passage, used since the 1500s[/heading] [heading heading_tag="h4"]The standard Lorem Ipsum passage, used since the 1500s[/heading] [heading heading_tag="h5"]The standard Lorem Ipsum passage, used since the 1500s[/heading] [heading heading_tag="h6"]The standard Lorem Ipsum passage, used since the 1500s[/heading] [/div] [/row] [/container] [/section]

Message Box

[section class="section-padding pt-0"] [container class="container mb-45"] [row class="row"] [div class="col-sm-12"][heading heading_tag="h3" class="page-title"]Message Box[/heading][/div] [/row] [row class="row"] [div class="col-md-6"] [message class="alert-danger mb-20" icon_class="fa-info-circle"]Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.[/message] [message class="alert-success mb-20" icon_class="fa-check"]Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.[/message] [message class="alert-warning mb-20" icon_class="fa-times"]Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.[/message] [/div] [div class="col-md-6"] [message class="alert-danger mb-20" icon_class="fa-exclamation-triangle"]Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.[/message] [message class="alert-success mb-20" icon_class="fa-exclamation-circle"]Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.[/message] [message class="alert-warning mb-20" icon_class="fa-times"]Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.[/message] [/div] [/row] [/container] [/section]

Button

[section class="section-padding pt-0 pb-0"] [container class="container mb-45"] [row class="row"] [div class="col-sm-12"][heading heading_tag="h3" class="page-title"]Button[/heading][/div] [/row] [row class="row"] [div class="col-md-12 mb-15 text-center"] [button class="btn-lg btn-color mb-sm-15"]Button[/button] [button class="btn-md btn-color mb-sm-15"]Button[/button] [button class="btn-sm btn-color mb-sm-15"]Button[/button] [button class="btn-xs btn-color mb-sm-15"]Button[/button] [/div] [div class="col-md-12 mb-15 text-center"] [button class="btn-lg btn-black mb-sm-15"]Button[/button] [button class="btn-md btn-black mb-sm-15"]Button[/button] [button class="btn-sm btn-black mb-sm-15"]Button[/button] [button class="btn-xs btn-black mb-sm-15"]Button[/button] [/div] [div class="col-md-12 mb-15 text-center"] [button class="btn-lg btn-gray mb-sm-15"]Button[/button] [button class="btn-md btn-gray mb-sm-15"]Button[/button] [button class="btn-sm btn-gray mb-sm-15"]Button[/button] [button class="btn-xs btn-gray mb-sm-15"]Button[/button] [/div] [/row] [/container] [/section]