{"id":534,"date":"2017-03-06T09:06:57","date_gmt":"2017-03-06T09:06:57","guid":{"rendered":"http:\/\/labs.saurabh-sharma.net\/themes\/newsplus\/demo-3\/?page_id=534"},"modified":"2017-03-06T09:06:57","modified_gmt":"2017-03-06T09:06:57","slug":"components","status":"publish","type":"page","link":"https:\/\/mjasni.my\/news\/components\/","title":{"rendered":"Components"},"content":{"rendered":"<h2 class=\"section-title\">Image Slider<\/h2>\n<div class=\"owl-wrap np-posts-slider\" data-params='{\"items\":\"1\",\"margin\":\"24\",\"margin_mobile\":\"16\",\"speed\":\"400\",\"timeout\":\"4000\",\"autoheight\":\"false\",\"dots\":\"true\",\"nav\":\"true\",\"loop\":\"false\",\"autoplay\":\"true\",\"animatein\":\"\",\"animateout\":\"\"}'><div class=\"owl-carousel owl-loading\" id=\"slider-359012\"><div class=\"slide\"><img decoding=\"async\" title=\"image title\" alt=\"\" src=\"\/news\/%5Bnewsplus_theme_url%5D\/images\/slide.jpg\" \/><\/div>\n<div class=\"slide\"><img decoding=\"async\" title=\"image title\" alt=\"\" src=\"\/news\/%5Bnewsplus_theme_url%5D\/images\/slide.jpg\" \/><\/div>\n<div class=\"slide\"><img decoding=\"async\" title=\"image title\" alt=\"\" src=\"\/news\/%5Bnewsplus_theme_url%5D\/images\/slide.jpg\" \/><\/div><\/div><\/div>\n<h2 class=\"section-title\">Image carousel<\/h2>\n<div class=\"owl-wrap np-posts-slider\" data-params='{\"items\":\"3\",\"margin\":\"24\",\"margin_mobile\":\"16\",\"speed\":\"400\",\"timeout\":\"4000\",\"autoheight\":\"false\",\"dots\":\"true\",\"nav\":\"true\",\"loop\":\"false\",\"autoplay\":\"true\",\"animatein\":\"\",\"animateout\":\"\"}'><div class=\"owl-carousel owl-loading\" id=\"slider-107012\"><div class=\"slide\"><img decoding=\"async\" title=\"image title\" alt=\"\" src=\"\/news\/%5Bnewsplus_theme_url%5D\/images\/carousel.jpg\" \/><\/div>\n<div class=\"slide\"><img decoding=\"async\" title=\"image title\" alt=\"\" src=\"\/news\/%5Bnewsplus_theme_url%5D\/images\/carousel.jpg\" \/><\/div>\n<div class=\"slide\"><img decoding=\"async\" title=\"image title\" alt=\"\" src=\"\/news\/%5Bnewsplus_theme_url%5D\/images\/carousel.jpg\" \/><\/div>\n<div class=\"slide\"><img decoding=\"async\" title=\"image title\" alt=\"\" src=\"\/news\/%5Bnewsplus_theme_url%5D\/images\/carousel.jpg\" \/><\/div>\n<div class=\"slide\"><img decoding=\"async\" title=\"image title\" alt=\"\" src=\"\/news\/%5Bnewsplus_theme_url%5D\/images\/carousel.jpg\" \/><\/div>\n<div class=\"slide\"><img decoding=\"async\" title=\"image title\" alt=\"\" src=\"\/news\/%5Bnewsplus_theme_url%5D\/images\/carousel.jpg\" \/><\/div><\/div><\/div>\n<div class=\"row\"><h2 class=\"section-title\">Accordion<\/h2>\n<div class=\"accordion\"><h5 class=\"handle\">Accordion item1<\/h5><div class=\"acc-content\"><div class=\"acc-inner\"><p>Accordion1 content here. You can edit this part and insert any HTML or plain text. You can also edit the titles of accordion. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo ante, consectetur sit amet vulputate vel, dapibus sit amet lectus. Etiam varius dui eget lorem elementum eget mattis sapien interdum. In hac habitasse platea dictumst. Morbi sed nisi est, vitae convallis nulla.<\/p><\/div><\/div>\n<h5 class=\"handle\">Accordion item2<\/h5><div class=\"acc-content\"><div class=\"acc-inner\"><p>Accordion2 content here. You can edit this part and insert any HTML or plain text. You can also edit the titles of accordion. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo ante, consectetur sit amet vulputate vel, dapibus sit amet lectus. Etiam varius dui eget lorem elementum eget mattis sapien interdum. In hac habitasse platea dictumst. Morbi sed nisi est, vitae convallis nulla.<\/p><\/div><\/div>\n<h5 class=\"handle\">Accordion item3<\/h5><div class=\"acc-content\"><div class=\"acc-inner\"><p>Accordion3 content here. You can edit this part and insert any HTML or plain text. You can also edit the titles of accordion. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo ante, consectetur sit amet vulputate vel, dapibus sit amet lectus. Etiam varius dui eget lorem elementum eget mattis sapien interdum. In hac habitasse platea dictumst. Morbi sed nisi est, vitae convallis nulla.<\/p><\/div><\/div><\/div><\/div>\n<div class=\"row\"><h2 class=\"section-title\">Tabs<\/h2>\n<div class=\"tabber\"><div class=\"tabbed\" id=\"tab-14698\"><h4 class=\"tab_title\">Tab1<\/h4><p>Tab1 content here. You can edit this part and insert any HTML or plain text. You can also edit the titles of tab. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo ante, consectetur sit amet vulputate vel, dapibus sit amet lectus. Etiam varius dui eget lorem elementum eget mattis sapien interdum. In hac habitasse platea dictumst. Morbi sed nisi est, vitae convallis nulla.<\/p><\/div>\n<div class=\"tabbed\" id=\"tab-19830\"><h4 class=\"tab_title\">Tab2<\/h4><p>Tab2 content here. You can edit this part and insert any HTML or plain text. You can also edit the titles of tab. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo ante, consectetur sit amet vulputate vel, dapibus sit amet lectus. Etiam varius dui eget lorem elementum eget mattis sapien interdum. In hac habitasse platea dictumst. Morbi sed nisi est, vitae convallis nulla. Nunc vestibulum ipsum nec libero sodales dignissim.<\/p><\/div>\n<div class=\"tabbed\" id=\"tab-4823\"><h4 class=\"tab_title\">Tab3<\/h4><p>Tab3 content here. You can edit this part and insert any HTML or plain text. You can also edit the titles of tab. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo ante, consectetur sit amet vulputate vel, dapibus sit amet lectus. Etiam varius dui eget lorem elementum eget mattis sapien interdum. In hac habitasse platea dictumst. Morbi sed nisi est, vitae convallis nulla.<\/p><\/div><\/div><\/div>\n<div class=\"row\"><h2 class=\"section-title\">Content Boxes<\/h2>\n<div class=\"box box0\"><p>Normal box. Lorem ipsum dolor sit amet, consectetur adipiscing elit.<\/p><span class=\"hide-box\"><\/span><\/div>\n<div class=\"box box1\"><p>Information box. Lorem ipsum dolor sit amet, consectetur adipiscing elit.<\/p><span class=\"hide-box\"><\/span><\/div>\n<div class=\"box box2\"><p>Success box. Lorem ipsum dolor sit amet, consectetur adipiscing elit.<\/p><span class=\"hide-box\"><\/span><\/div>\n<div class=\"box box3\"><p>Error box. Lorem ipsum dolor sit amet, consectetur adipiscing elit.<\/p><span class=\"hide-box\"><\/span><\/div>\n<div class=\"box box4\"><p>Notification box. Lorem ipsum dolor sit amet, consectetur adipiscing elit.<\/p><span class=\"hide-box\"><\/span><\/div><\/div>\n<div class=\"row\"><h2 class=\"section-title\">Buttons<\/h2>\n<p><a href=\"http:\/\/yoursite.com\" class=\"ss-button default\">Default<\/a> <a href=\"http:\/\/yoursite.com\" class=\"ss-button aqua\">Aqua<\/a> <a href=\"http:\/\/yoursite.com\" class=\"ss-button red\">Red<\/a> <a href=\"http:\/\/yoursite.com\" class=\"ss-button grey\">Grey<\/a> <a href=\"http:\/\/yoursite.com\" class=\"ss-button pink\">Pink<\/a> <a href=\"http:\/\/yoursite.com\" class=\"ss-button brown\">Brown<\/a> <a href=\"http:\/\/yoursite.com\" class=\"ss-button skyBlue\">Sky Blue<\/a> <a href=\"http:\/\/yoursite.com\" class=\"ss-button royalBlue\">Royal Blue<\/a><\/p>\n<p><a href=\"http:\/\/yoursite.com\" class=\"ss-button orange\">Orange<\/a> <a href=\"http:\/\/yoursite.com\" class=\"ss-button forestGreen\">Forest Green<\/a> <a href=\"http:\/\/yoursite.com\" class=\"ss-button yellowGreen\">Yellow Green<\/a> <a href=\"http:\/\/yoursite.com\" class=\"ss-button skyBlue size-m\">Medium<\/a> <a href=\"http:\/\/yoursite.com\" class=\"ss-button orange size-l\">Large<\/a><\/p><\/div>\n<div class=\"row\"><h2 class=\"section-title\">Progress Indicators<\/h2>\n<div class=\"p_bar\"><div class=\"p_label\">Illustrator<\/div><div class=\"p_indicator\"><div class=\"p_active\" style=\"width:90%; background:#ff9900\"><\/div><\/div><div class=\"p_value\">90%<\/div><\/div>\n<div class=\"p_bar\"><div class=\"p_label\">Photoshop<\/div><div class=\"p_indicator\"><div class=\"p_active\" style=\"width:85.67%; background:#336699\"><\/div><\/div><div class=\"p_value\">85.67%<\/div><\/div>\n<div class=\"p_bar\"><div class=\"p_label\">HTML\/CSS<\/div><div class=\"p_indicator\"><div class=\"p_active\" style=\"width:76%; background:#99cc00\"><\/div><\/div><div class=\"p_value\">76%<\/div><\/div>\n<div class=\"p_bar\"><div class=\"p_label\">jQuery\/php<\/div><div class=\"p_indicator\"><div class=\"p_active\" style=\"width:60%; background:#333537\"><\/div><\/div><div class=\"p_value\">60%<\/div><\/div>\n<div class=\"p_bar\"><div class=\"p_label\">Photography<\/div><div class=\"p_indicator\"><div class=\"p_active\" style=\"width:55%; background:#cc0000\"><\/div><\/div><div class=\"p_value\">55%<\/div><\/div>\n<div class=\"p_bar\"><div class=\"p_label\">3D and Motion Graphics<\/div><div class=\"p_indicator\"><div class=\"p_active\" style=\"width:13.33%; background:#0099ff\"><\/div><\/div><div class=\"p_value\">13.33%<\/div><\/div><\/div>\n<div class=\"row\"><h2 class=\"section-title\">Horizontal Rules<\/h2>\n<p>1. Single Line<br \/>\n<div class=\"hr hr\"><\/div><\/p>\n<p>2. Double Line<br \/>\n<div class=\"hr hr-double\"><\/div><\/p>\n<p>3. 3D Line<br \/>\n<div class=\"hr hr-3d\"><\/div><\/p>\n<p>4. Thick bar<br \/>\n<div class=\"hr hr-bar\"><\/div><\/p>\n<p>5. Dashed line<br \/>\n<div class=\"hr hr-dashed\"><\/div><\/p><\/div>\n<div class=\"row\"><h2 class=\"section-title\">Toggle<\/h2>\n<h5 class=\"toggle\">Click to toggle<\/h5><div class=\"toggle-content\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo ante, consectetur sit amet vulputate vel, dapibus sit amet lectus. Etiam varius dui eget lorem elementum eget mattis sapien interdum. In hac habitasse platea dictumst. Morbi sed nisi est, vitae convallis nulla. Nunc vestibulum ipsum nec libero sodales dignissim. Nulla ac libero neque, sit amet convallis leo. Aenean sodales, augue venenatis posuere fermentum, tellus velit vestibulum libero, ut elementum ipsum erat sed tellus.<br \/><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Image Slider Image carousel<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-534","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Components - Portal Berita<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/mjasni.my\/news\/components\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Components - Portal Berita\" \/>\n<meta property=\"og:description\" content=\"Image Slider Image carousel\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mjasni.my\/news\/components\/\" \/>\n<meta property=\"og:site_name\" content=\"Portal Berita\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/mjasni.my\\\/news\\\/components\\\/\",\"url\":\"https:\\\/\\\/mjasni.my\\\/news\\\/components\\\/\",\"name\":\"Components - Portal Berita\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mjasni.my\\\/news\\\/#website\"},\"datePublished\":\"2017-03-06T09:06:57+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/mjasni.my\\\/news\\\/components\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/mjasni.my\\\/news\\\/components\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/mjasni.my\\\/news\\\/components\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/mjasni.my\\\/news\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Components\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/mjasni.my\\\/news\\\/#website\",\"url\":\"https:\\\/\\\/mjasni.my\\\/news\\\/\",\"name\":\"Portal Berita\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/mjasni.my\\\/news\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Components - Portal Berita","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/mjasni.my\/news\/components\/","og_locale":"en_US","og_type":"article","og_title":"Components - Portal Berita","og_description":"Image Slider Image carousel","og_url":"https:\/\/mjasni.my\/news\/components\/","og_site_name":"Portal Berita","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/mjasni.my\/news\/components\/","url":"https:\/\/mjasni.my\/news\/components\/","name":"Components - Portal Berita","isPartOf":{"@id":"https:\/\/mjasni.my\/news\/#website"},"datePublished":"2017-03-06T09:06:57+00:00","breadcrumb":{"@id":"https:\/\/mjasni.my\/news\/components\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mjasni.my\/news\/components\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/mjasni.my\/news\/components\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/mjasni.my\/news\/"},{"@type":"ListItem","position":2,"name":"Components"}]},{"@type":"WebSite","@id":"https:\/\/mjasni.my\/news\/#website","url":"https:\/\/mjasni.my\/news\/","name":"Portal Berita","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mjasni.my\/news\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/mjasni.my\/news\/wp-json\/wp\/v2\/pages\/534","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mjasni.my\/news\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mjasni.my\/news\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mjasni.my\/news\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mjasni.my\/news\/wp-json\/wp\/v2\/comments?post=534"}],"version-history":[{"count":0,"href":"https:\/\/mjasni.my\/news\/wp-json\/wp\/v2\/pages\/534\/revisions"}],"wp:attachment":[{"href":"https:\/\/mjasni.my\/news\/wp-json\/wp\/v2\/media?parent=534"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}