{"id":207,"date":"2014-08-26T12:08:25","date_gmt":"2014-08-26T12:08:25","guid":{"rendered":"http:\/\/plethorathemes.com\/dev\/cleanstart\/?page_id=207"},"modified":"2014-10-20T10:11:59","modified_gmt":"2014-10-20T10:11:59","slug":"design-elements","status":"publish","type":"page","link":"https:\/\/cleanstart.plethorathemes.com\/cleanstart\/features\/design-elements\/","title":{"rendered":"Design Elements"},"content":{"rendered":"<section id=\"\"  class=\"light\"> <div class=\"container\">  <div class=\"row\"><div class=\"col-md-4  text-default\" style=\"border-right:1px solid #cccccc;\"><div class='feature_teaser'>\n  <img alt='' src='https:\/\/cleanstart.plethorathemes.com\/cleanstart\/wp-content\/uploads\/sites\/2\/2014\/08\/phone.png'>\n  <h3>Features Teaser<\/h3>\n<p>This is a &#8220;Features Teaser&#8221; shortcode, put in the first of three columns of a VC-row. It has an image, title and text.<\/p>\n\n<\/div><\/div><div class=\"col-md-4  text-default\" ><div class='feature_teaser'>\n  <img alt='' src='https:\/\/cleanstart.plethorathemes.com\/cleanstart\/wp-content\/uploads\/sites\/2\/2014\/08\/lib.png'>\n  <h3>Features Teaser<\/h3>\n<p>Every VC Row has it own settings like Header and Subheader text that can be styled as Fancy or elegant.<\/p>\n\n<\/div><\/div><div class=\"col-md-4  text-default\" style=\"border-left:1px solid #cccccc;\"><div class='feature_teaser'>\n  <img alt='' src='https:\/\/cleanstart.plethorathemes.com\/cleanstart\/wp-content\/uploads\/sites\/2\/2014\/08\/rocket_trans.png'>\n  <h3>Features Teaser<\/h3>\n<p>Columns have settings also! This particular has a left border.<\/p>\n\n<\/div><\/div>  <\/div>  <\/div><\/section><section id=\"\"  class=\"dark_section\">  <div class=\"container triangles-of-section\">    <div class=\"triangle-up-left\"><\/div>    <div class=\"square-left\"><\/div>    <div class=\"triangle-up-right\"><\/div>    <div class=\"square-right\"><\/div>  <\/div> <div class=\"container\">  <div class=\"row\"><div class=\"col-md-12  text-default\" ><div class=\"call_to_action\"><h3>Call to Action <strong>Inside a \"Dark\"<\/strong> Color Setup<\/h3><h4>in row settings you can also select a skincolored setup<\/h4><a class=\"btn btn-primary\" href=\"#\" title=\"This Button is optional\">This Button is optional<\/a><\/div><\/div>  <\/div>  <\/div><\/section><section id=\"\"  class=\"light_section\">  <div class=\"container triangles-of-section\">    <div class=\"triangle-up-left\"><\/div>    <div class=\"square-left\"><\/div>    <div class=\"triangle-up-right\"><\/div>    <div class=\"square-right\"><\/div>  <\/div> <div class=\"container\">  <div class=\"row\"><h2 class=\"section_header fancy centered\">This is a Row Header<small>and this is its subheader, styled fancy<\/small><\/h2><div class=\"col-md-12  text-default\" ><div class=\"row horizontal_teaser\"><div class=\"col-sm-12 col-md-4 horizontal_teaser_text_left\"><h3>Compare Before &amp; After!<\/h3><p>This is a Horizontal Teaser shortcode, put inside a light-sectioned row that has header and subheader text styled as Fancy. You can setup text and media, reverse the sides, put video, photo or even an Image Compare as shown on your right.<\/p>\n<p>This Section (Row) is light and has\u00a0Top Side Corners Shown from the Row-Settings. If you\u00a0change it in black, all texts will invert.<\/p>\n<\/div><div class=\"col-sm-12 col-md-8 horizontal_teaser_media_right\"><div class=\"twentytwenty-container\"><img src=\"https:\/\/cleanstart.plethorathemes.com\/cleanstart\/wp-content\/uploads\/sites\/2\/2014\/08\/img_before.png\" alt=\"before\" \/><img src=\"https:\/\/cleanstart.plethorathemes.com\/cleanstart\/wp-content\/uploads\/sites\/2\/2014\/08\/img_after.png\" alt=\"after\" \/><\/div><script>jQuery(window).load(function(){var $twentytwentyContainer = jQuery(\".twentytwenty-container\");if ( $twentytwentyContainer.length) {\r\n                   $twentytwentyContainer.twentytwenty({\r\n                    default_offset_pct: \"0.5\",\r\n                    orientation: \"horizontal\"\r\n                  });\r\n                };});<\/script><\/div><\/div><\/div>  <\/div>  <\/div><\/section><section id=\"\"  class=\"dark_section parallax\" style=\"background-image:url(https:\/\/cleanstart.plethorathemes.com\/cleanstart\/wp-content\/uploads\/sites\/2\/2014\/09\/paralax-2.jpg); background-size:cover;\"> <div class=\"container\">  <div class=\"row\"><div class=\"col-md-12  text-default\" ><div class=\"call_to_action\"><img alt=\"responsive\" src=\"https:\/\/cleanstart.plethorathemes.com\/cleanstart\/wp-content\/uploads\/sites\/2\/2014\/08\/rocket_trans.png\"><h3>Well... <strong>hello parallax<\/strong>!<\/h3><h4>call to action shortcode inside a parallax-enabled row<\/h4><\/div><\/div>  <\/div>  <\/div><\/section><section id=\"\"  class=\"dark_section following_dark\">  <div class=\"container triangles-of-section\">    <div class=\"triangle-up-left\"><\/div>    <div class=\"square-left\"><\/div>    <div class=\"triangle-up-right\"><\/div>    <div class=\"square-right\"><\/div>  <\/div> <div class=\"container\">  <div class=\"row\"><h2 class=\"section_header fancy centered\">Dark portfolio<small>this is classic and elegant<\/small><\/h2><div class=\"col-md-12  text-default\" ><!-- PORTFOLIO GRID --><div class=\"portfolio_strict\">\n     <ul class=\"portfolio_filters\" id=\"filt_1908\">\n          <li><a href=\"#\" data-filter=\"*\">Show All<\/a><\/li>\n          <li><a href=\"#\" data-filter=\".poetic\">Poetic<\/a><\/li>\n     <\/ul>\n                    <div class=\"row isotope_portfolio_container\" id=\"cont_1908\">\n<div class=\"poetic col-xs-12 col-sm-6 col-md-3 col-lg-3\">\n     <div class=\"portfolio_item\">\n       <a href=\"https:\/\/cleanstart.plethorathemes.com\/cleanstart\/portfolio\/poetic_i\/\">\n          <figure style=\"background-image:url(https:\/\/cleanstart.plethorathemes.com\/cleanstart\/wp-content\/uploads\/sites\/2\/2014\/08\/b2.jpg)\">\n               <figcaption>\n                 <div class=\"portfolio_description\">\n                    <h3>Poetic I<\/h3>\n                    <span class=\"cross\"><\/span>\n                    <p>Poetic <\/p>\n                 <\/div>\n               <\/figcaption>\n          <\/figure>\n       <\/a>\n      <\/div>\n<\/div>\n<div class=\"poetic col-xs-12 col-sm-6 col-md-3 col-lg-3\">\n     <div class=\"portfolio_item\">\n       <a href=\"https:\/\/cleanstart.plethorathemes.com\/cleanstart\/portfolio\/poetic_ii\/\">\n          <figure style=\"background-image:url(https:\/\/cleanstart.plethorathemes.com\/cleanstart\/wp-content\/uploads\/sites\/2\/2014\/08\/111.jpg)\">\n               <figcaption>\n                 <div class=\"portfolio_description\">\n                    <h3>Poetic II<\/h3>\n                    <span class=\"cross\"><\/span>\n                    <p>Poetic <\/p>\n                 <\/div>\n               <\/figcaption>\n          <\/figure>\n       <\/a>\n      <\/div>\n<\/div>\n<div class=\"poetic col-xs-12 col-sm-6 col-md-3 col-lg-3\">\n     <div class=\"portfolio_item\">\n       <a href=\"https:\/\/cleanstart.plethorathemes.com\/cleanstart\/portfolio\/poetic_iii\/\">\n          <figure style=\"background-image:url(https:\/\/cleanstart.plethorathemes.com\/cleanstart\/wp-content\/uploads\/sites\/2\/2014\/08\/serv_11.jpg)\">\n               <figcaption>\n                 <div class=\"portfolio_description\">\n                    <h3>Poetic III<\/h3>\n                    <span class=\"cross\"><\/span>\n                    <p>Poetic <\/p>\n                 <\/div>\n               <\/figcaption>\n          <\/figure>\n       <\/a>\n      <\/div>\n<\/div>\n<div class=\"poetic col-xs-12 col-sm-6 col-md-3 col-lg-3\">\n     <div class=\"portfolio_item\">\n       <a href=\"https:\/\/cleanstart.plethorathemes.com\/cleanstart\/portfolio\/poetic_iv\/\">\n          <figure style=\"background-image:url(https:\/\/cleanstart.plethorathemes.com\/cleanstart\/wp-content\/uploads\/sites\/2\/2014\/08\/a6-1024x682.jpg)\">\n               <figcaption>\n                 <div class=\"portfolio_description\">\n                    <h3>Poetic IV<\/h3>\n                    <span class=\"cross\"><\/span>\n                    <p>Poetic <\/p>\n                 <\/div>\n               <\/figcaption>\n          <\/figure>\n       <\/a>\n      <\/div>\n<\/div>\n                    <\/div>\n<\/div>\n<!-- \/PORTFOLIO GRID --><script>\r\n\r\njQuery(function() {\r\n\r\n  'use strict';\r\n\r\n  var container = jQuery('#cont_1908');\r\n  var filt  = jQuery('#filt_1908');\r\n  var filtA = filt.find('a');\r\n      filtA.eq(0).addClass('active');\r\n\r\n  var selector = filtA.eq(0).attr('data-filter');\r\n  window.onload = function(){\r\n    container.isotope({ filter: selector });\r\n  }\r\n\r\n  \/\/ filt.find(\"a[data-filter=\"*\"]\").addClass('active');\r\n\r\n  filtA.click(function(){\r\n\r\n    filtA.removeClass('active');\r\n    jQuery(this).addClass('active');\r\n    selector = jQuery(this).attr('data-filter');\r\n    container.isotope({ filter: selector });\r\n    return false;\r\n\r\n  });\r\n\r\n  \/*** USED FOR WINDOW RESIZE ***\/\r\n  jQuery(window).resize(function() {\r\n\r\n    container.isotope({});\r\n\r\n  });\r\n\r\n});\r\n<\/script>\r\n<div class=\"centered_button\"><a class=\"btn btn-danger\"  title=\"Button Shortcode\" href=\"#\">Button Shortcode<\/a><\/div><\/div>  <\/div>  <\/div><\/section><section id=\"\"  class=\"light_section\">  <div class=\"container triangles-of-section\">    <div class=\"triangle-up-left\"><\/div>    <div class=\"square-left\"><\/div>    <div class=\"triangle-up-right\"><\/div>    <div class=\"square-right\"><\/div>  <\/div> <div class=\"container\">  <div class=\"row\"><h2 class=\"section_header fancy centered\">FANCY SECTION HEADER<small>can also be .elegant and is centered<\/small><\/h2><div class=\"col-md-4  text-default\" ><div class=\"pricing_plan  wow fadeInUp\"><h3 style=\"\">PlanOne<small>can also be .special<\/small><\/h3><div class=\"the_price\">$150<\/div><div class=\"the_offerings\"><p>This is where you put the description of the service if you feel like doing so.<\/p><p>1 Design Template<\/p><p>2 Revisions<\/p><p>5 HTML Pages<\/p><p>1 WordPress theme<\/p><p>24\/7 Support<\/p><a  href=\"#\" title=\"\"  class=\"btn btn-primary\">Get it now!<\/a><\/div><\/div><\/div><div class=\"col-md-4  text-default\" ><div class=\"service_teaser vertical\"><div class=\"service_photo\"><figure style=\"background-image:url(https:\/\/cleanstart.plethorathemes.com\/cleanstart\/wp-content\/uploads\/sites\/2\/2014\/08\/serv_6.jpg)\"><\/figure><\/div><div class=\"service_details\"><h2>Service Teaser<\/h2><p>This is where you put the description of the service. In hac habitasse platea dictumst. Suspendisse non tellus ligula. Morbi molestie feugiat tortor a hendrerit.<\/p>\n<a class=\"btn btn-primary\" title=\"http:\/\/Optional%20Button\"  href=\"#\">Optional Button<\/a><\/div><\/div><\/div><div class=\"col-md-4  text-default\" ><div class=\"team_members\">\n     <div class=\"row\">\n          <div class=\"col-sm-12 col-md-12\">\n               <div class=\"team_member\">\n                    <figure style=\"background-image: url(https:\/\/cleanstart.plethorathemes.com\/cleanstart\/wp-content\/uploads\/sites\/2\/2014\/08\/4b.jpg)\"><img src=\"https:\/\/cleanstart.plethorathemes.com\/cleanstart\/wp-content\/uploads\/sites\/2\/2014\/08\/4a.jpg\" alt=\"Danny Stronghold\"\/><\/figure>\n                    <h5>Danny Stronghold<\/h5>\n                    <small>Handsome \/ Driver<\/small>\n                    <hr><div class=\"team_social\"><a href=\"callto:#\"><i class=\"fa fa-skype\"><\/i><\/a>\n<a href=\"#\" target=\"_blank\"><i class=\"fa fa-facebook\"><\/i><\/a>\n<a href=\"#\" target=\"_blank\"><i class=\"fa fa-twitter\"><\/i><\/a>\n<a href=\"#\" target=\"_blank\"><i class=\"fa fa-linkedin\"><\/i><\/a>\n<\/div>                    <p class=\"short_bio\">So every Person of our team has its own custom-post that you can fill in with useful information.<\/p>\n               <\/div>\n          <\/div>\n    <\/div>\n<\/div><\/div>  <\/div>  <\/div><\/section><section id=\"\"  class=\"light_section\"> <div class=\"container\">  <div class=\"row\"><h2 class=\"section_header fancy centered\">OUR DEAR CLIENTS SECTION<small>with an .elegant section header!<\/small><\/h2><div class=\"col-md-12  text-default\" ><div class=\"clients_list\"><a href=\"#\"><img src=\"https:\/\/cleanstart.plethorathemes.com\/cleanstart\/wp-content\/uploads\/sites\/2\/2014\/08\/wpml.png\" alt=\"wpml\"><\/a><a href=\"#\"><img src=\"https:\/\/cleanstart.plethorathemes.com\/cleanstart\/wp-content\/uploads\/sites\/2\/2014\/08\/wordpress.png\" alt=\"wordpress\"><\/a><a href=\"#\"><img src=\"https:\/\/cleanstart.plethorathemes.com\/cleanstart\/wp-content\/uploads\/sites\/2\/2014\/08\/microlancer.png\" alt=\"microlancer\"><\/a><a href=\"#\"><img src=\"https:\/\/cleanstart.plethorathemes.com\/cleanstart\/wp-content\/uploads\/sites\/2\/2014\/08\/jquery.png\" alt=\"jquery\"><\/a><a href=\"#\"><img src=\"https:\/\/cleanstart.plethorathemes.com\/cleanstart\/wp-content\/uploads\/sites\/2\/2014\/08\/client7.png\" alt=\"client7\"><\/a><\/div><\/div>  <\/div>  <\/div><\/section>\n","protected":false},"excerpt":{"rendered":"In hac habitasse platea dictumst. In hac habitasse platea dictumst. Donec aliquet tellus enim, a tincidunt nulla. Praesent mollis felis at nulla fermentum mattis. Vivamus vestibulum neque quis nunc convallis venenatis. Nulla tristique lorem sit amet ipsum ornare sit amet feugiat nulla condimentum. Sed faucibus volutpat nunc, at ullamcorper augue elementum id. Quisque at lectus [...]","protected":false},"author":2,"featured_media":0,"parent":211,"menu_order":4,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Design Elements - Cleanstart Wordpress<\/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:\/\/cleanstart.plethorathemes.com\/cleanstart\/features\/design-elements\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Design Elements - Cleanstart Wordpress\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cleanstart.plethorathemes.com\/cleanstart\/features\/design-elements\/\" \/>\n<meta property=\"og:site_name\" content=\"Cleanstart Wordpress\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/plethorathemes\/\" \/>\n<meta property=\"article:modified_time\" content=\"2014-10-20T10:11:59+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@plethorathemes\" \/>\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:\/\/cleanstart.plethorathemes.com\/cleanstart\/features\/design-elements\/\",\"url\":\"https:\/\/cleanstart.plethorathemes.com\/cleanstart\/features\/design-elements\/\",\"name\":\"Design Elements - Cleanstart Wordpress\",\"isPartOf\":{\"@id\":\"https:\/\/cleanstart.plethorathemes.com\/cleanstart\/#website\"},\"datePublished\":\"2014-08-26T12:08:25+00:00\",\"dateModified\":\"2014-10-20T10:11:59+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/cleanstart.plethorathemes.com\/cleanstart\/features\/design-elements\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cleanstart.plethorathemes.com\/cleanstart\/features\/design-elements\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cleanstart.plethorathemes.com\/cleanstart\/features\/design-elements\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/cleanstart.plethorathemes.com\/cleanstart\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Features ( used only as a reference )\",\"item\":\"https:\/\/cleanstart.plethorathemes.com\/cleanstart\/features\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Design Elements\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/cleanstart.plethorathemes.com\/cleanstart\/#website\",\"url\":\"https:\/\/cleanstart.plethorathemes.com\/cleanstart\/\",\"name\":\"Cleanstart Wordpress\",\"description\":\"A Minimal Small Business Wordpress Theme\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/cleanstart.plethorathemes.com\/cleanstart\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Design Elements - Cleanstart Wordpress","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:\/\/cleanstart.plethorathemes.com\/cleanstart\/features\/design-elements\/","og_locale":"en_US","og_type":"article","og_title":"Design Elements - Cleanstart Wordpress","og_url":"https:\/\/cleanstart.plethorathemes.com\/cleanstart\/features\/design-elements\/","og_site_name":"Cleanstart Wordpress","article_publisher":"https:\/\/www.facebook.com\/plethorathemes\/","article_modified_time":"2014-10-20T10:11:59+00:00","twitter_card":"summary_large_image","twitter_site":"@plethorathemes","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/cleanstart.plethorathemes.com\/cleanstart\/features\/design-elements\/","url":"https:\/\/cleanstart.plethorathemes.com\/cleanstart\/features\/design-elements\/","name":"Design Elements - Cleanstart Wordpress","isPartOf":{"@id":"https:\/\/cleanstart.plethorathemes.com\/cleanstart\/#website"},"datePublished":"2014-08-26T12:08:25+00:00","dateModified":"2014-10-20T10:11:59+00:00","breadcrumb":{"@id":"https:\/\/cleanstart.plethorathemes.com\/cleanstart\/features\/design-elements\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cleanstart.plethorathemes.com\/cleanstart\/features\/design-elements\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/cleanstart.plethorathemes.com\/cleanstart\/features\/design-elements\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cleanstart.plethorathemes.com\/cleanstart\/"},{"@type":"ListItem","position":2,"name":"Features ( used only as a reference )","item":"https:\/\/cleanstart.plethorathemes.com\/cleanstart\/features\/"},{"@type":"ListItem","position":3,"name":"Design Elements"}]},{"@type":"WebSite","@id":"https:\/\/cleanstart.plethorathemes.com\/cleanstart\/#website","url":"https:\/\/cleanstart.plethorathemes.com\/cleanstart\/","name":"Cleanstart Wordpress","description":"A Minimal Small Business Wordpress Theme","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cleanstart.plethorathemes.com\/cleanstart\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/cleanstart.plethorathemes.com\/cleanstart\/wp-json\/wp\/v2\/pages\/207"}],"collection":[{"href":"https:\/\/cleanstart.plethorathemes.com\/cleanstart\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cleanstart.plethorathemes.com\/cleanstart\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cleanstart.plethorathemes.com\/cleanstart\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/cleanstart.plethorathemes.com\/cleanstart\/wp-json\/wp\/v2\/comments?post=207"}],"version-history":[{"count":2,"href":"https:\/\/cleanstart.plethorathemes.com\/cleanstart\/wp-json\/wp\/v2\/pages\/207\/revisions"}],"predecessor-version":[{"id":2041,"href":"https:\/\/cleanstart.plethorathemes.com\/cleanstart\/wp-json\/wp\/v2\/pages\/207\/revisions\/2041"}],"up":[{"embeddable":true,"href":"https:\/\/cleanstart.plethorathemes.com\/cleanstart\/wp-json\/wp\/v2\/pages\/211"}],"wp:attachment":[{"href":"https:\/\/cleanstart.plethorathemes.com\/cleanstart\/wp-json\/wp\/v2\/media?parent=207"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}