{"id":2143,"date":"2017-02-01T11:05:51","date_gmt":"2017-02-01T11:05:51","guid":{"rendered":"http:\/\/recipepress.inspirythemes.biz\/?page_id=2143"},"modified":"2020-12-14T21:07:18","modified_gmt":"2020-12-14T21:07:18","slug":"elements","status":"publish","type":"page","link":"https:\/\/recipepress.inspirythemes.com\/second\/elements\/","title":{"rendered":"Elements"},"content":{"rendered":"<p><h2 style=\"font-size:24; line-height:normal; \" class=\"bottom-short-line\">Columns<\/h2><div class=\"row\"><div class=\"col-sm-12\"><\/p>\n<h3>ONE COLUMN (1)<\/h3>\n<p>Consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.Consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.<\/p>\n<p><\/div><div class=\"col-sm-6\"><\/p>\n<h3>ONE HALF (1\/2)<\/h3>\n<p>Consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.<\/div><div class=\"col-sm-6\"><\/p>\n<h3>ONE HALF (1\/2)<\/h3>\n<p>Consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.<\/div><div class=\"col-sm-4\"><\/p>\n<h3>ONE THIRD (1\/3)<\/h3>\n<p>Consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.<\/div><div class=\"col-sm-4\"><\/p>\n<h3>ONE THIRD (1\/3)<\/h3>\n<p>Consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.<\/div><div class=\"col-sm-4\"><\/p>\n<h3>ONE THIRD (1\/3)<\/h3>\n<p>Consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.<\/div><div class=\"col-sm-3\"><\/p>\n<h3>ONE FOURTH (1\/4)<\/h3>\n<p>Consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.<\/div><div class=\"col-sm-3\"><\/p>\n<h3>ONE FOURTH (1\/4)<\/h3>\n<p>Consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.<\/div><div class=\"col-sm-3\"><\/p>\n<h3>ONE FOURTH (1\/4)<\/h3>\n<p>Consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.<\/div><div class=\"col-sm-3\"><\/p>\n<h3>ONE FOURTH (1\/4)<\/h3>\n<p>Consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.<\/div><\/p>\n<div class=\"col-sm-2\">\n<h3>ONE SIXTH (1\/6)<\/h3>\n<p>Consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. <\/div><div class=\"col-sm-2\"><\/p>\n<h3>ONE SIXTH (1\/6)<\/h3>\n<p>Consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. <\/div><div class=\"col-sm-2\"><\/p>\n<h3>ONE SIXTH (1\/6)<\/h3>\n<p>Consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. <\/div><div class=\"col-sm-2\"><\/p>\n<h3>ONE SIXTH (1\/6)<\/h3>\n<p>Consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. <\/div><div class=\"col-sm-2\"><\/p>\n<h3>ONE SIXTH (1\/6)<\/h3>\n<p>Consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. <\/div><div class=\"col-sm-2\"><\/p>\n<h3>ONE SIXTH (1\/6)<\/h3>\n<p>Consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. <\/div><\/p>\n<div class=\"col-sm-3\">\n<h3>ONE FOURTH (1\/4)<\/h3>\n<p>Consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque et.<\/div><div class=\"col-sm-9\"><\/p>\n<h3>THREE FOURTH (1\/3)<\/h3>\n<p>Consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.<\/div><\/p>\n<div class=\"col-sm-6\">\n<h3>ONE HALF (1\/2)<\/h3>\n<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.<\/div><div class=\"col-sm-3\"><\/p>\n<h3>ONE FOURTH (1\/4)<\/h3>\n<p>Consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.<\/div><div class=\"col-sm-3\"><\/p>\n<h3>ONE FOURTH (1\/4)<\/h3>\n<p>Consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.<\/div><br \/>\n<\/div><\/p>\n<p>&nbsp;<\/p>\n<h2 style=\"font-size:24px; line-height:normal; \" class=\"bottom-short-line\">Typography<\/h2>\n<h1>Heading 1<\/h1>\n<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.<\/p>\n<p>At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.<\/p>\n<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.<\/p>\n<h2><\/h2>\n<h2>Heading 2<\/h2>\n<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.&nbsp;At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.<\/p>\n<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.<\/p>\n<h3><\/h3>\n<h3>Heading 3<\/h3>\n<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.&nbsp;At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.<\/p>\n<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr.<\/p>\n<h4><\/h4>\n<h4>Heading 4<\/h4>\n<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.&nbsp;At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.<\/p>\n<h5><\/h5>\n<h5>Heading 5<\/h5>\n<p>When an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, also the leap into electronic. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.<\/p>\n<div class=\"row\"><\/p>\n<p><div class=\"col-sm-6\"><\/p>\n<p><h2 style=\"font-size:24px; line-height:normal; \" class=\"bottom-short-line\">TABS<\/h2><\/p>\n<p><div class=\"tab-container tab-shortcode\">\r\n                    <ul class=\"tabs-nav clearfix\">\r\n                        <li class=\"active\"><a>Tab 1<\/a><\/li><li ><a>Tab 2<\/a><\/li><li ><a>Tab 3<\/a><\/li>\r\n                    <\/ul>\r\n                    <div class=\"tabs-container\">\r\n                    <div class=\"tab-content\"><\/p>\n<p>When an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, also the leap into electronic.<\/p>\n<p>Typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing .<\/p>\n<p>It was popularised in the 1960s with the release of sheets.<\/p>\n<p><\/div><div class=\"tab-content\"><\/p>\n<p>When an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five cent ries, also the leap into electronic.<\/p>\n<p>Typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing .<\/p>\n<p>It was popularised in the 1960s with the release of sheets.<\/p>\n<p><\/div><div class=\"tab-content\"><\/p>\n<p>When an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, also the leap into electronic.<\/p>\n<p>Typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing .<\/p>\n<p>It was popularised in the 1960s with the release of sheets.<\/p>\n<p><\/div>\r\n                    <\/div>\r\n                <\/div><\/p>\n<p><\/div><div class=\"col-sm-6\"><\/p>\n<p><h2 style=\"font-size:24px; line-height:normal; \" class=\"bottom-short-line\">ACCORDION<\/h2><\/p>\n<p><dl class=\"accordion clearfix\"><dt>Title of accordion item<span><\/span><\/dt><dd>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In augue dolor, semper eu cursus et, pulvinar tempor nisl. Nullam iaculis rutrum posuerelutpat tempus nisi sit amet ultrices.<\/dd><dt>Title of accordion item<span><\/span><\/dt><dd>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In augue dolor, semper eu cursus et, pulvinar tempor nisl. Nullam iaculis rutrum posuerelutpat tempus nisi sit amet ultrices.<\/dd><dt>Title of accordion item<span><\/span><\/dt><dd>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In augue dolor, semper eu cursus et, pulvinar tempor nisl. Nullam iaculis rutrum posuerelutpat tempus nisi sit amet ultrices.<\/dd><\/dl><\/p>\n<p><\/div><div class=\"col-sm-6\"><\/p>\n<p><h2 style=\"font-size:24px; line-height:normal; \" class=\"bottom-short-line\">ALERTS<\/h2><\/p>\n<p><p class=\"alert green\">\r\n                    Well done ! You successfully read this important alert message\r\n                    <span class=\"close-alert\"><i class=\"fas fa-times\"><\/i><\/span>\r\n                <\/p><\/p>\n<p><p class=\"alert blue\">\r\n                    Heads up! This alert needs your attention, but it&#8217;s not super important.\r\n                    <span class=\"close-alert\"><i class=\"fas fa-times\"><\/i><\/span>\r\n                <\/p><\/p>\n<p><p class=\"alert yellow\">\r\n                    Warning! Better check yourself, you&#8217;re not looking too good.\r\n                    <span class=\"close-alert\"><i class=\"fas fa-times\"><\/i><\/span>\r\n                <\/p><\/p>\n<p><p class=\"alert red\">\r\n                    Warning! Better check yourself, thee is something wrong with you.\r\n                    <span class=\"close-alert\"><i class=\"fas fa-times\"><\/i><\/span>\r\n                <\/p><\/p>\n<p><\/div><\/p>\n<p><div class=\"col-sm-6\"><\/p>\n<p><h2 style=\"font-size:24px; line-height:normal; \" class=\"bottom-short-line\">BUTTONS<\/h2><\/p>\n<p><a class=\"green-color small-button default-btn\"  href=\"#news\">Button<\/a> <a class=\"red-color small-button default-btn\"  href=\"#news\">Button<\/a> <a class=\"grey-color small-button default-btn\"  href=\"#news\">Button<\/a> <a class=\"black-color small-button default-btn\"  href=\"#news\">Button<\/a><\/p>\n<p><a class=\"green-color mid-button default-btn\"  href=\"#news\">Button<\/a> <a class=\"red-color mid-button default-btn\"  href=\"#news\">Button<\/a> <a class=\"grey-color mid-button default-btn\"  href=\"#news\">Button<\/a> <a class=\"black-color mid-button default-btn\"  href=\"#news\">Button<\/a><\/p>\n<p><a class=\"green-border small-button default-btn\"  href=\"#news\">Button<\/a> <a class=\"red-border small-button default-btn\"  href=\"#news\">Button<\/a> <a class=\"grey-border small-button default-btn\"  href=\"#news\">Button<\/a> <a class=\"black-border small-button default-btn\"  href=\"#news\">Button<\/a><\/p>\n<p><a class=\"green-border mid-button default-btn\"  href=\"#news\">Button<\/a> <a class=\"red-border mid-button default-btn\"  href=\"#news\">Button<\/a> <a class=\"grey-border mid-button default-btn\"  href=\"#news\">Button<\/a> <a class=\"black-border mid-button default-btn\"  href=\"#news\">Button<\/a><\/p>\n<p><a class=\"green-color min-width-button default-btn\"  href=\"#\">Button<\/a><a class=\"black-border min-width-button default-btn\"  href=\"#\">Button<\/a><\/p>\n<p><\/div><\/p>\n<p><\/div>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; Heading 1 Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum<\/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-2143","page","type-page","status-publish","hentry","clearfix"],"_links":{"self":[{"href":"https:\/\/recipepress.inspirythemes.com\/second\/wp-json\/wp\/v2\/pages\/2143","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/recipepress.inspirythemes.com\/second\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/recipepress.inspirythemes.com\/second\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/recipepress.inspirythemes.com\/second\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/recipepress.inspirythemes.com\/second\/wp-json\/wp\/v2\/comments?post=2143"}],"version-history":[{"count":1,"href":"https:\/\/recipepress.inspirythemes.com\/second\/wp-json\/wp\/v2\/pages\/2143\/revisions"}],"predecessor-version":[{"id":3233,"href":"https:\/\/recipepress.inspirythemes.com\/second\/wp-json\/wp\/v2\/pages\/2143\/revisions\/3233"}],"wp:attachment":[{"href":"https:\/\/recipepress.inspirythemes.com\/second\/wp-json\/wp\/v2\/media?parent=2143"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}