[met_row][met_column size=»12″][met_split_title]Buttons[/met_split_title][/met_column][/met_row]

[met_row][met_column size=»3″][met_button size=»lg» link=»http://metcreative.com» target=»_blank»]SANTONE[/met_button][/met_column][met_column size=»3″][met_button size=»nm» link=»http://metcreative.com» target=»_blank»]SANTONE[/met_button][/met_column][met_column size=»3″][met_button size=»sm» link=»http://metcreative.com» target=»_blank»]SANTONE[/met_button][/met_column][met_column size=»3″][met_button size=»xs» link=»http://metcreative.com» target=»_blank»]SANTONE[/met_button][/met_column]
[/met_row]

[met_row][met_column size=»3″][met_button size=»lg» type=»info» link=»http://metcreative.com» target=»_blank»]SANTONE[/met_button][/met_column][met_column size=»3″][met_button size=»nm» type=»info» link=»http://metcreative.com» target=»_blank»]SANTONE[/met_button][/met_column][met_column size=»3″][met_button size=»sm» type=»info» link=»http://metcreative.com» target=»_blank»]SANTONE[/met_button][/met_column][met_column size=»3″][met_button size=»xs» type=»info» link=»http://metcreative.com» target=»_blank»]SANTONE[/met_button][/met_column]
[/met_row]

[met_row][met_column size=»3″][met_button size=»lg» type=»warning» link=»http://metcreative.com» target=»_blank»]SANTONE[/met_button][/met_column][met_column size=»3″][met_button size=»nm» type=»warning» link=»http://metcreative.com» target=»_blank»]SANTONE[/met_button][/met_column][met_column size=»3″][met_button size=»sm» type=»warning» link=»http://metcreative.com» target=»_blank»]SANTONE[/met_button][/met_column][met_column size=»3″][met_button size=»xs» type=»warning» link=»http://metcreative.com» target=»_blank»]SANTONE[/met_button][/met_column][/met_row]

[met_row][met_column size=»3″][met_button size=»lg» type=»danger» link=»http://metcreative.com» target=»_blank»]SANTONE[/met_button][/met_column][met_column size=»3″][met_button size=»nm» type=»danger» link=»http://metcreative.com» target=»_blank»]SANTONE[/met_button][/met_column][met_column size=»3″][met_button size=»sm» type=»danger» link=»http://metcreative.com» target=»_blank»]SANTONE[/met_button][/met_column][met_column size=»3″][met_button size=»xs» type=»danger» link=»http://metcreative.com» target=»_blank»]SANTONE[/met_button][/met_column][/met_row]

[met_row][met_column size=»3″][met_button size=»lg» type=»success» link=»http://metcreative.com» target=»_blank»]SANTONE[/met_button][/met_column][met_column size=»3″][met_button size=»nm» type=»success» link=»http://metcreative.com» target=»_blank»]SANTONE[/met_button][/met_column][met_column size=»3″][met_button size=»sm» type=»success» link=»http://metcreative.com» target=»_blank»]SANTONE[/met_button][/met_column][met_column size=»3″][met_button size=»xs» type=»success» link=»http://metcreative.com» target=»_blank»]SANTONE[/met_button][/met_column][/met_row]

[met_row][met_column size=»4″][met_split_title]Accordions[/met_split_title][met_accordion_wrap][met_accordion_item status=»on» title=»Nulla malesuada vel erat at adipiscing. Donec rutrum.»]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.[/met_accordion_item][met_accordion_item title=»Class aptent taciti sociosqu ad litora torquent per.»]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.[/met_accordion_item][met_accordion_item title=»Integer rutrum odio quam, ut feugiat nisl sodales sit.»]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.[/met_accordion_item][/met_accordion_wrap][/met_column][met_column size=»8″][met_split_title]Tabs[/met_split_title][met_tabs] [met_tab title=»Web Design»]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.»

Section 1.10.32 of «de Finibus Bonorum et Malorum», written by Cicero in 45 BC [/met_tab] [met_tab title=»WordPress»] Ut placerat cursus ultricies. Pellentesque vulputate erat vitae varius eleifend. Praesent vehicula mollis ullamcorper.

Mauris ultrices, lacus ut mollis cursus, sapien nisi tristique eros, ullamcorper mattis ante dui eu dolor. Donec et augue erat. Pellentesque porta eros eu tortor tristique, in lacinia enim malesuada. Phasellus pretium nisi eu posuere sollicitudin. Praesent eget libero eros. Vestibulum pretium felis a nisi congue viverra. Quisque euismod accumsan nisi, sit amet tincidunt nunc posuere sit amet. [/met_tab] [met_tab title=»Graphic»] Donec commodo eros ut vestibulum viverra. Praesent blandit augue blandit quam pellentesque pharetra. Nulla ut nunc ut ipsum laoreet dictum. Duis tempor, urna quis vulputate tincidunt, augue erat eleifend libero, eget volutpat magna tortor tincidunt nulla. Suspendisse quis mollis est.

Vestibulum id justo eget nisi iaculis sagittis nec non justo. In vel nibh lorem. [/met_tab] [met_tab title=»ThemeForest»] Fusce pretium sapien elit, quis ullamcorper erat tempor ut.

Quisque accumsan lacinia augue at ultrices. Morbi sed hendrerit lacus, non laoreet felis. Maecenas fringilla facilisis odio hendrerit elementum. Aliquam vestibulum odio ac mi congue, a accumsan nibh lobortis. Curabitur suscipit lorem at viverra fermentum. Etiam posuere dictum orci, eu posuere eros interdum rhoncus.

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed venenatis, lorem aliquam ullamcorper mollis, massa turpis pellentesque eros, eget ornare mauris lorem vehicula ligula. Suspendisse vitae venenatis tortor. Ut auctor justo quis mauris accumsan tempus. Etiam at consectetur erat, porttitor fringilla nulla. [/met_tab] [/met_tabs][/met_column][/met_row]

[met_row][met_column size=»6″][met_split_title]Message Boxes[/met_split_title][met_msg type=»error»]ERROR MESSAGE[/met_msg][met_msg type=»block»]WARNING MESSAGE[/met_msg][met_msg type=»success»]SUCCESS MESSAGE[/met_msg][met_msg type=»info»]INFO MESSAGE[/met_msg][/met_column][met_column size=»6″][met_split_title]Progress Bars[/met_split_title][met_progress_wrap][met_progress_item title=»Web Design»]77[/met_progress_item][met_progress_item title=»CSS3 & HTML5″]94[/met_progress_item][met_progress_item title=»WordPress»]89[/met_progress_item][met_progress_item title=»jQuery»]69[/met_progress_item][met_progress_item title=»Joomla»]85[/met_progress_item][/met_progress_wrap][/met_column][/met_row]

[met_row][met_column size=»6″][met_split_title]Check List[/met_split_title][met_list type=»check»][met_li]Praesent sit amet turpis vel mauris dapibus tinci[/met_li][met_li]Donec eget augue non justo dapibus condimen[/met_li][met_li]Phasellus iaculis purus quis fermentum pharetra[/met_li][met_li]Donec aliquet erat sed nisi sagittis, ut sagittis[/met_li][met_li]Integer sit amet ligula laoreet velit vestibulum[/met_li][met_li]Nunc a sem interdum, lobortis felis ut[/met_li][met_li]Donec molestie risus vel nisl bibendum ullam[/met_li][met_li]Maecenas non magna a ipsum ornare ullamcorper[/met_li][/met_list][/met_column][met_column size=»6″][met_split_title]Dotted List[/met_split_title][met_list type=»dotted»][met_li]Praesent sit amet turpis vel mauris dapibus tinci[/met_li][met_li]Donec eget augue non justo dapibus condimen[/met_li][met_li]Phasellus iaculis purus quis fermentum pharetra[/met_li][met_li]Donec aliquet erat sed nisi sagittis, ut sagittis[/met_li][met_li]Integer sit amet ligula laoreet velit vestibulum[/met_li][met_li]Nunc a sem interdum, lobortis felis ut[/met_li][met_li]Donec molestie risus vel nisl bibendum ullam[/met_li][met_li]Maecenas non magna a ipsum ornare ullamcorper[/met_li][/met_list][/met_column][/met_row]

[met_row][met_column size=»12″][met_split_title]Info Boxes[/met_split_title][/met_column][/met_row][met_row][met_column size=»6″][met_info_box title=»Info Box Example» icon=»fa-adjust»]Mauris vitae aliquam sem, eu egestas mi. Mauris convallis purus vel aliquet cursus. Curabitur mattis ultricies risus, eget euismod sem tincidunt quis.[/met_info_box][/met_column][met_column size=»6″][met_info_box title=»FontAwesome Support» icon=»fa-bell-o»]Mauris vitae aliquam sem, eu egestas mi. Mauris convallis purus vel aliquet cursus. Curabitur mattis ultricies risus, eget euismod sem tincidunt quis.[/met_info_box][/met_column][/met_row][met_row][met_column size=»6″][met_info_box title=»Seo Optimized» icon=»fa-rocket»]Mauris vitae aliquam sem, eu egestas mi. Mauris convallis purus vel aliquet cursus. Curabitur mattis ultricies risus, eget euismod sem tincidunt quis.[/met_info_box][/met_column][met_column size=»6″][met_info_box title=»Social Media» icon=»fa-bullseye»]Mauris vitae aliquam sem, eu egestas mi. Mauris convallis purus vel aliquet cursus. Curabitur mattis ultricies risus, eget euismod sem tincidunt quis.[/met_info_box][/met_column][/met_row][met_row][met_column size=»12″][met_split_title]Brand Carousel[/met_split_title][/met_column][/met_row][met_row][met_column size=»12″][met_brands_carousel][met_brand_item image_url=»https://www.tonaramos.com/wp-content/uploads/2013/11/brand-1.png»][/met_brand_item][met_brand_item image_url=»https://www.tonaramos.com/wp-content/uploads/2013/11/brand-2.png»][/met_brand_item][met_brand_item image_url=»https://www.tonaramos.com/wp-content/uploads/2013/11/brand-3.png»][/met_brand_item][met_brand_item image_url=»https://www.tonaramos.com/wp-content/uploads/2013/11/brand-4.png»][/met_brand_item][met_brand_item image_url=»https://www.tonaramos.com/wp-content/uploads/2013/11/brand-5.png»][/met_brand_item][met_brand_item image_url=»https://www.tonaramos.com/wp-content/uploads/2013/11/brand-6.png»][/met_brand_item][met_brand_item image_url=»https://www.tonaramos.com/wp-content/uploads/2013/11/brand-7.png»][/met_brand_item][met_brand_item image_url=»https://www.tonaramos.com/wp-content/uploads/2013/11/brand-8.png»][/met_brand_item][met_brand_item image_url=»https://www.tonaramos.com/wp-content/uploads/2013/11/brand-9.png»][/met_brand_item][/met_brands_carousel][/met_column][/met_row]