{"id":43,"date":"2015-05-18T13:53:08","date_gmt":"2015-05-18T13:53:08","guid":{"rendered":"http:\/\/designova.net\/themes\/wordpress\/otto\/demo\/?page_id=43"},"modified":"2015-05-18T13:53:08","modified_gmt":"2015-05-18T13:53:08","slug":"ui-components","status":"publish","type":"page","link":"https:\/\/tiago-rodrigues.pt\/en\/ui-components\/","title":{"rendered":"UI Components"},"content":{"rendered":"<div class=\"vc_row wpb_row vc_row-fluid\" ><div class=\"text-center wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">[des_headingUnderlined des_heading=&#8221;OTTO Elements&#8221; des_heading_style=&#8221;h4&#8243; des_heading_font=&#8221;font2&#8243; des_heading_underline=&#8221;&#8221; des_heading_color=&#8221;#000000&#8243;]<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\" ><div class=\"pad-top-half pad-bottom-half wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">[des_elementsResponsivecarousel des_slides=&#8221;45,46,47&#8243; des_slides_overlay=&#8221;1&#8243;]<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid text-center\" ><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">[des_headingUnderlined des_heading=&#8221;Tabs&#8221; des_heading_style=&#8221;h4&#8243; des_heading_font=&#8221;font2&#8243; des_heading_underline=&#8221;&#8221; des_heading_color=&#8221;#000000&#8243;]<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid pad-top-half pad-bottom-half\" ><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">[des_elementsResponsivetabsWrap][des_elementsResponsivetabsItem des_tab_title=&#8221;Taba&#8221;]dfdfsdsdsdsd[\/des_elementsResponsivetabsItem][des_elementsResponsivetabsItem des_tab_title=&#8221;tab2&#8243;]dfdfdf[\/des_elementsResponsivetabsItem][\/des_elementsResponsivetabsWrap]<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid text-center\" ><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">[des_headingUnderlined des_heading=&#8221;Stat Counters&#8221; des_heading_style=&#8221;h4&#8243; des_heading_font=&#8221;font2&#8243; des_heading_underline=&#8221;&#8221; des_heading_color=&#8221;#000000&#8243;]<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\" ><div class=\"pad-top pad-bottom wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">[des_statsWrap][des_statsItem des_count=&#8221;39&#8243; des_title=&#8221;Web Design&#8221; des_delay=&#8221;300&#8243;][des_statsItem des_count=&#8221;400&#8243; des_title=&#8221;Logo&#8221; des_delay=&#8221;500&#8243;][des_statsItem des_count=&#8221;800&#8243; des_title=&#8221;Print &#8221; des_delay=&#8221;800&#8243;][des_statsItem des_count=&#8221;900&#8243; des_title=&#8221;Mac Design&#8221; des_delay=&#8221;900&#8243;][\/des_statsWrap]<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid text-center\" ><div class=\"pad-bottom-half wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">[des_headingUnderlined des_heading=&#8221;Skill Bars&#8221; des_heading_style=&#8221;h4&#8243; des_heading_font=&#8221;font2&#8243; des_heading_underline=&#8221;&#8221; des_heading_color=&#8221;#000000&#8243;]<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\" ><div class=\"wpb_column vc_column_container vc_col-sm-6\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">[des_elementsSkillbar des_skill_percent=&#8221;80&#8243; des_skill_title=&#8221;ssdsd&#8221;]<\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-6\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">[des_elementsSkillbar des_skill_percent=&#8221;70&#8243; des_skill_title=&#8221;seventy&#8221;]<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\" ><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">[des_elementsSkillbar des_skill_percent=&#8221;80&#8243; des_skill_title=&#8221;full&#8221;]<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid pad-top-half pad-bottom-half\" ><div class=\"text-center wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">[des_headingUnderlined des_heading=&#8221;Accordion&#8221; des_heading_style=&#8221;h4&#8243; des_heading_font=&#8221;font2&#8243; des_heading_underline=&#8221;&#8221; des_heading_color=&#8221;#000000&#8243;]<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\" ><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">[des_elementsAccordionWrap][des_elementsAccordionItem des_acc_title=&#8221;Hello&#8221;]Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven&#8217;t heard of them accusamus labore sustainable VHS.[\/des_elementsAccordionItem][des_elementsAccordionItem des_acc_title=&#8221;Dolly&#8221;]Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven&#8217;t heard of them accusamus labore sustainable VHS.[\/des_elementsAccordionItem][des_elementsAccordionItem des_acc_title=&#8221;How are you&#8221;]Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven&#8217;t heard of them accusamus labore sustainable VHS.[\/des_elementsAccordionItem][\/des_elementsAccordionWrap]<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid text-center\" ><div class=\"pad-top-half pad-bottom-half wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">[des_headingUnderlined des_heading=&#8221;Infinite Carousel&#8221; des_heading_style=&#8221;h4&#8243; des_heading_font=&#8221;font2&#8243; des_heading_underline=&#8221;&#8221; des_heading_color=&#8221;#000000&#8243;]<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\" ><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">[des_elementsInfinitecarousel des_slides=&#8221;49,50,51,52,53,54&#8243;]<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\" ><div class=\"text-center pad-top-half pad-bottom-half wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">[des_headingUnderlined des_heading=&#8221;Responsive Video&#8221; des_heading_style=&#8221;h4&#8243; des_heading_font=&#8221;font2&#8243; des_heading_underline=&#8221;&#8221; des_heading_color=&#8221;#000000&#8243;]<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\" ><div class=\"wpb_column vc_column_container vc_col-sm-8\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">[des_elementsVideoembed des_video_id=&#8221;7V4kMSXKn9g&#8221;]<\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-4\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">[des_elementsVideoembed des_video_id=&#8221;124191188&#8243;]<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid pad-top\" ><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">[des_headingUnderlined des_heading=&#8221;H1 HERO HEADING&#8221; des_heading_style=&#8221;h1&#8243; des_heading_font=&#8221;font2&#8243; des_heading_underline=&#8221;&#8221; des_heading_color=&#8221;#000000&#8243;]\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p>I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n[des_headingUnderlined des_heading=&#8221;H2 HERO HEADING&#8221; des_heading_style=&#8221;h2&#8243; des_heading_font=&#8221;font2&#8243; des_heading_underline=&#8221;&#8221; des_heading_color=&#8221;#000000&#8243;]\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p>I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n[des_headingUnderlined des_heading=&#8221;H3 HERO HEADING&#8221; des_heading_style=&#8221;h3&#8243; des_heading_font=&#8221;font2&#8243; des_heading_underline=&#8221;&#8221; des_heading_color=&#8221;#000000&#8243;]\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p>I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n[des_headingUnderlined des_heading=&#8221;H4 HERO HEADING&#8221; des_heading_style=&#8221;h4&#8243; des_heading_font=&#8221;font2&#8243; des_heading_underline=&#8221;&#8221; des_heading_color=&#8221;#000000&#8243;]\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p>I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n[des_headingUnderlined des_heading=&#8221;H5 HERO HEADING&#8221; des_heading_style=&#8221;h5&#8243; des_heading_font=&#8221;font2&#8243; des_heading_underline=&#8221;&#8221; des_heading_color=&#8221;#000000&#8243;]\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p>I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n[des_headingUnderlined des_heading=&#8221;H6 HERO HEADING&#8221; des_heading_style=&#8221;h6&#8243; des_heading_font=&#8221;font2&#8243; des_heading_underline=&#8221;&#8221; des_heading_color=&#8221;#000000&#8243;]\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p>I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid text-center pad-top-half\" ><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">[des_headingUnderlined des_heading=&#8221;Grid&#8221; des_heading_style=&#8221;h4&#8243; des_heading_font=&#8221;font2&#8243; des_heading_underline=&#8221;&#8221; des_heading_color=&#8221;#000000&#8243;]<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid pad-top\" ><div class=\"wpb_column vc_column_container vc_col-sm-6\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">[des_headingUnderlined des_heading=&#8221;HEADING&#8221; des_heading_style=&#8221;h4&#8243; des_heading_font=&#8221;font2&#8243; des_heading_underline=&#8221;1&#8243; des_heading_color=&#8221;#000000&#8243;]\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p>I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-6\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">[des_headingUnderlined des_heading=&#8221;HEADING&#8221; des_heading_style=&#8221;h4&#8243; des_heading_font=&#8221;font2&#8243; des_heading_underline=&#8221;1&#8243; des_heading_color=&#8221;#000000&#8243;]\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p>I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid pad-top-half pad-bottom\" ><div class=\"wpb_column vc_column_container vc_col-sm-4\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p>I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-4\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p>I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-4\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p>I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"[des_headingUnderlined des_heading=\"OTTO Elements\" des_heading_style=\"h4\" des_heading_font=\"font2\" des_heading_underline=\"\" des_heading_color=\"#000000\"][des_elementsResponsivecarousel des_slides=\"45,46,47\" des_slides_overlay=\"1\"][des_headingUnderlined des_heading=\"Tabs\" des_heading_style=\"h4\" des_heading_font=\"font2\" des_heading_underline=\"\" des_heading_color=\"#000000\"][des_elementsResponsivetabsWrap][des_elementsResponsivetabsItem des_tab_title=\"Taba\"]dfdfsdsdsdsd[\/des_elementsResponsivetabsItem][des_elementsResponsivetabsItem des_tab_title=\"tab2\"]dfdfdf[\/des_elementsResponsivetabsItem][\/des_elementsResponsivetabsWrap][des_headingUnderlined des_heading=\"Stat Counters\" des_heading_style=\"h4\" des_heading_font=\"font2\" des_heading_underline=\"\" des_heading_color=\"#000000\"][des_statsWrap][des_statsItem des_count=\"39\" des_title=\"Web Design\" des_delay=\"300\"][des_statsItem des_count=\"400\" des_title=\"Logo\" des_delay=\"500\"][des_statsItem des_count=\"800\" des_title=\"Print \" des_delay=\"800\"][des_statsItem des_count=\"900\" des_title=\"Mac Design\" des_delay=\"900\"][\/des_statsWrap][des_headingUnderlined des_heading=\"Skill Bars\" des_heading_style=\"h4\" [...]","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-43","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tiago-rodrigues.pt\/en\/wp-json\/wp\/v2\/pages\/43","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tiago-rodrigues.pt\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tiago-rodrigues.pt\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tiago-rodrigues.pt\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tiago-rodrigues.pt\/en\/wp-json\/wp\/v2\/comments?post=43"}],"version-history":[{"count":0,"href":"https:\/\/tiago-rodrigues.pt\/en\/wp-json\/wp\/v2\/pages\/43\/revisions"}],"wp:attachment":[{"href":"https:\/\/tiago-rodrigues.pt\/en\/wp-json\/wp\/v2\/media?parent=43"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}