{"id":15,"date":"2013-06-18T10:02:37","date_gmt":"2013-06-18T07:02:37","guid":{"rendered":"http:\/\/themes.liviucerchez.com\/onestudio\/?page_id=15"},"modified":"2015-11-12T15:54:09","modified_gmt":"2015-11-12T13:54:09","slug":"features","status":"publish","type":"page","link":"https:\/\/liviucerchez.com\/onestudio-dark\/features\/","title":{"rendered":"Features"},"content":{"rendered":"<div class=\"alert \">Information box<\/div>\n<div class=\"alert success\">Success information box<\/div>\n<div class=\"alert notice\">Notice box<\/div>\n<div class=\"alert error\">Error box<\/div>\n<h3>Accordion Example<\/h3>\n<ul class=\"accordion only-one-visible\">\n<li class=\"active\"><h5 class=\"accordion-title\">Purus Ridiculus Amet<\/h5><div class=\"accordion-content\">\n<p class=\"small\">Etiam porta sem malesuada magna mollis euismod. Sed posuere consectetur est at lobortis. Cras mattis consectetur purus sit amet fermentum.<\/p>\n<\/div><\/li>\n<li><h5 class=\"accordion-title\">Pharetra Ornare Elit<\/h5><div class=\"accordion-content\">\n<p class=\"small\">Aenean lacinia bibendum nulla sed consectetur. Nullam id dolor id nibh ultricies vehicula ut id elit. Maecenas faucibus mollis interdum. Maecenas sed diam eget risus varius blandit sit amet non magna. Nullam quis risus eget urna mollis ornare vel eu leo.<\/p>\n<\/div><\/li>\n<li><h5 class=\"accordion-title\">Lorem Fermentum<\/h5><div class=\"accordion-content\">\n<p class=\"small\">Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Donec id elit non mi porta gravida at eget metus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.<\/p>\n<\/div><\/li>\n<\/ul>\n<div class=\"sep\"><\/div>\n<h3>Tab Container<\/h3>\n<div class=\"tab-container\"><ul class=\"tabs clearfix\"><li class=\"active\"><a href=\"#tab-1\">Tab1<\/a><\/li>\n<li><a href=\"#tab-2\">Tab2<\/a><\/li>\n<li><a href=\"#tab-3\">Tab3<\/a><\/li><\/ul>\n<div id=\"tab-1\" class=\"tab_content\" style=\"display:block\">\n<p class=\"small\">Aenean lacinia bibendum nulla sed consectetur. Nulla vitae elit libero, a pharetra augue. Nulla vitae elit libero, a pharetra augue. Curabitur blandit tempus porttitor. Praesent commodo cursus magna, vel scelerisque nisl consect.<\/p>\n<\/div>\n<div id=\"tab-2\" class=\"tab_content\" style=\"display:none\">\n<p class=\"small\">Etiam porta sem malesuada magna mollis euismod. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.<\/p>\n<\/div>\n<div id=\"tab-3\" class=\"tab_content\" style=\"display:none\">\n<p class=\"small\">Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Aenean lacinia bibendum nulla sed consectetur. Nulla vitae elit libero, a pharetra augue. Nulla vitae elit libero, a pharetra augue. Curabitur blandit tempus porttitor.<\/p>\n<\/div><\/div>\n\n<div class=\"sep\"><\/div>\n<div class=\"call-to-action shadow clearfix\"><div class=\"text\"><h2>We are 1studio! Need more support or a free quote?<\/h2><p>Call (+1) 234 567 89 tellus curcus condo, please contact me for whatever you need.<\/p><\/div><a class=\"button full-width\" href=\"#\">Contact Us<\/a><\/div>\n<div class=\"sep\"><\/div>\n<h3>Pricing Table<\/h3>\n<div class=\"pricing-table\">\n<div class=\"col grid1 alpha\">\n<div class=\"price-item\"><h3 class=\"price-title\">Free<\/h3><strong class=\"price-tag\">$0 <span>\/ mo<\/span><\/strong>\n<ul>\n<li>Feature 1<\/li>\n<li>Feature 2<\/li>\n<li>Feature 3<\/li>\n<\/ul>\n<a class=\"button gray\" href=\"\">Read More<\/a>\n<\/div>\n<\/div>\n<div class=\"col grid1\">\n<div class=\"price-item\"><h3 class=\"price-title\">Standard<\/h3><strong class=\"price-tag\">$19.99 <span>\/ mo<\/span><\/strong>\n<ul>\n<li>Feature 1<\/li>\n<li>Feature 2<\/li>\n<li>Feature 3<\/li>\n<\/ul>\n<a class=\"button gray\" href=\"\">Read More<\/a>\n<\/div>\n<\/div>\n<div class=\"col grid1\">\n<div class=\"price-item special\"><h3 class=\"price-title\">Deluxe<\/h3><strong class=\"price-tag\">$39.99 <span>\/ mo<\/span><\/strong>\n<ul>\n<li>Feature 1<\/li>\n<li>Feature 2<\/li>\n<li>Feature 3<\/li>\n<\/ul>\n<a class=\"button\" href=\"\">Read More<\/a>\n<\/div>\n<\/div>\n<div class=\"col grid1 omega\">\n<div class=\"price-item\"><h3 class=\"price-title\">Premium<\/h3><strong class=\"price-tag\">$69.99 <span>\/ mo<\/span><\/strong>\n<ul>\n<li>Feature 1<\/li>\n<li>Feature 2<\/li>\n<li>Feature 3<\/li>\n<\/ul>\n<a class=\"button gray\" href=\"\">Read More<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"sep\"><\/div>\n<h3>Responsive Video<\/h3>\n<div class=\"video-container\"><div class=\"video-wrapper\"><iframe loading=\"lazy\" src=\"http:\/\/player.vimeo.com\/video\/56902953?title=0&amp;byline=0\" height=\"281\" width=\"500\"><\/iframe><\/div><\/div>\n<div class=\"sep\"><\/div>\n<h3>Social Icons<\/h3>\n<a class=\"social-link tooltip\" href=\"#\" title=\"Github\" target=\"_blank\" ><span class=\"icon-github\"><\/span><\/a> <a class=\"social-link tooltip\" href=\"#\" title=\"Envato\" target=\"_blank\" ><span class=\"icon-envato\"><\/span><\/a> <a class=\"social-link tooltip\" href=\"#\" title=\"Flickr\" target=\"_blank\" ><span class=\"icon-flickr\"><\/span><\/a> <a class=\"social-link tooltip\" href=\"#\" title=\"Vimeo\" target=\"_blank\" ><span class=\"icon-vimeo\"><\/span><\/a> <a class=\"social-link tooltip\" href=\"#\" title=\"Twitter\" target=\"_blank\" ><span class=\"icon-twitter\"><\/span><\/a> <a class=\"social-link tooltip\" href=\"#\" title=\"Facebook\" target=\"_blank\" ><span class=\"icon-facebook\"><\/span><\/a> <a class=\"social-link tooltip\" href=\"#\" title=\"Google+\" target=\"_blank\" ><span class=\"icon-googleplus\"><\/span><\/a> <a class=\"social-link tooltip\" href=\"#\" title=\"Tumblr\" target=\"_blank\" ><span class=\"icon-tumblr\"><\/span><\/a> <a class=\"social-link tooltip\" href=\"#\" title=\"Linkedin\" target=\"_blank\" ><span class=\"icon-linkedin\"><\/span><\/a> <a class=\"social-link tooltip\" href=\"#\" title=\"Dribbble\" target=\"_blank\" ><span class=\"icon-dribbble\"><\/span><\/a> <a class=\"social-link tooltip\" href=\"#\" title=\"Instagram\" target=\"_blank\" ><span class=\"icon-instagram\"><\/span><\/a> <a class=\"social-link tooltip\" href=\"#\" title=\"Skype\" target=\"_blank\" ><span class=\"icon-skype\"><\/span><\/a> <a class=\"social-link tooltip\" href=\"#\" title=\"SoundCloud\" target=\"_blank\" ><span class=\"icon-soundcloud\"><\/span><\/a> <a class=\"social-link tooltip\" href=\"#\" title=\"Email\" target=\"_blank\" ><span class=\"icon-mail\"><\/span><\/a>\n<p>\n<div class=\"clear\"><\/div>\n<div class=\"sep\"><\/div>\n<h3>Form Elements<\/h3>\n<form action=\"features\"><label for=\"simpleinput\">Input box:<\/label><input class=\"full-width\" id=\"simpleinput\" type=\"text\" name=\"simpleinput\"><label for=\"simplecombo\">Select:<\/label><select class=\"full-width\" id=\"simplecombo\" name=\"simplecombo\"><option><\/option><option value=\"1\">Option 1<\/option><option value=\"2\">Option 2<\/option><option value=\"3\">Option 3<\/option><\/select><label for=\"textarea\">Textarea:<\/label><textarea class=\"full-width\" id=\"textarea\" cols=\"30\" name=\"textarea\" rows=\"10\"><\/textarea><\/form>\n<div class=\"sep\"><\/div>\n<h3>Buttons<\/h3>\n<p>Here are some awesome buttons for your design, choose whatever fits your needs. <a class=\"button small\" href=\"#\">Small button<\/a> followed by a <a class=\"button small dark\" href=\"#\">Small dark<\/a> button and <a class=\"button small gray\" href=\"#\">Small gray<\/a>\n<a class=\"button\" href=\"#\">Color<\/a> <a class=\"button dark\" href=\"#\">Dark<\/a> <a class=\"button gray\" href=\"#\">Gray<\/a>\nIf you need bigger buttons, a call to action or the big ol&#8217;download button we created them for you.<br \/>\n<a class=\"button big\" href=\"#\">Big Color<\/a> <a class=\"button big dark\" href=\"#\">Big Dark<\/a> <a class=\"button big gray\" href=\"#\">Big Gray<\/a>\nThe buttons can scale on full column width.<br \/>\n<a class=\"button big full-width grey\" href=\"#\">Full Column Width Button<\/a>\n<div class=\"sep\"><\/div>\n<h3>Grid Layout<\/h3>\n<div class=\"col grid4 alpha omega\"><blockquote>Full Grid &#8211; 4 columns<\/blockquote><\/div>\n<div class=\"col grid1 alpha\"><blockquote>1 column<\/blockquote><\/div>\n<div class=\"col grid3 omega\"><blockquote>One Third &#8211; 3 columns<\/blockquote><\/div>\n<div class=\"clear\"><\/div>\n<div class=\"col grid2 alpha\"><blockquote>Half Grid &#8211; 2 columns<\/blockquote><\/div>\n<div class=\"col grid2 omega\"><blockquote>Half Grid &#8211; 2 columns<\/blockquote><\/div>\n<div class=\"clear\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Accordion Example Tab Container Pricing Table Responsive Video Social Icons Form Elements Input box:Select:Option 1Option 2Option 3Textarea: Buttons Here are some awesome buttons for your design, choose whatever fits your needs. followed&#46;&#46;&#46;<\/p>\n","protected":false},"author":2,"featured_media":137,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-15","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/liviucerchez.com\/onestudio-dark\/wp-json\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/liviucerchez.com\/onestudio-dark\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/liviucerchez.com\/onestudio-dark\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/liviucerchez.com\/onestudio-dark\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/liviucerchez.com\/onestudio-dark\/wp-json\/wp\/v2\/comments?post=15"}],"version-history":[{"count":0,"href":"https:\/\/liviucerchez.com\/onestudio-dark\/wp-json\/wp\/v2\/pages\/15\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/liviucerchez.com\/onestudio-dark\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/liviucerchez.com\/onestudio-dark\/wp-json\/wp\/v2\/media?parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}