{"id":12,"date":"2018-03-22T21:06:23","date_gmt":"2018-03-22T21:06:23","guid":{"rendered":"https:\/\/liviucerchez.com\/papaia\/?page_id=12"},"modified":"2025-11-11T13:06:21","modified_gmt":"2025-11-11T11:06:21","slug":"styleguide","status":"publish","type":"page","link":"https:\/\/liviucerchez.com\/papaia\/styleguide\/","title":{"rendered":"Styleguide"},"content":{"rendered":"<p>This list of design elements helps you build quick layouts and mockups for your project.<\/p>\n<hr>\n<h2><ins>Headings<\/ins><\/h2>\n<h1>Heading 1<\/h1>\n<h2>Heading 2<\/h2>\n<h3>Heading 3<\/h3>\n<h4>Heading 4<\/h4>\n<h5>Heading 5<\/h5>\n<h6>Heading 6<\/h6>\n<h2><ins>Responsive Embed<\/ins><\/h2>\n<div class=\"responsive-embed\">\n\t<iframe loading=\"lazy\" src=\"https:\/\/player.vimeo.com\/video\/209607366?color=fff7c0&#038;title=0&#038;byline=0\" width=\"640\" height=\"360\" style=\"border:0\" allowfullscreen><\/iframe>\n<\/div>\n<hr>\n<h3><ins>Buttons<\/ins><\/h3>\n<p class=\"no-bottom\">\n\t<a href=\"#\" class=\"button\">Normal Button<\/a> <a href=\"#\" class=\"button filled\">Filled Button<\/a> <a href=\"#\" class=\"button filled color\">Filled Colored Button<\/a> <a href=\"#\" class=\"button underline\">Underline Button<\/a>\n<\/p>\n<hr>\n<h3><ins>Tabs<\/ins><\/h3>\n<nav class=\"tabs\">\n<ul role=\"tablist\">\n<li><a href=\"#tab1\" class=\"active\" data-toggle=\"tab\" role=\"tab\" aria-controls=\"tab1\" aria-selected=\"true\">Tab 1<\/a><\/li>\n<li><a href=\"#tab2\" data-toggle=\"tab\" role=\"tab\" aria-controls=\"tab2\" aria-selected=\"false\">Tab 2<\/a><\/li>\n<li><a href=\"#tab3\" data-toggle=\"tab\" role=\"tab\" aria-controls=\"tab3\" aria-selected=\"false\">Tab 3<\/a><\/li>\n<\/ul>\n<div class=\"tab active\" id=\"tab1\" role=\"tabpanel\">\n\t\tEtiam porta sem malesuada magna mollis euismod. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Aenean lacinia bibendum nulla sed consectetur. Nulla vitae elit libero, a pharetra augue.\n\t<\/div>\n<div class=\"tab\" id=\"tab2\" role=\"tabpanel\">\n\t\tAenean 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 consectetur et.\n\t<\/div>\n<div class=\"tab\" id=\"tab3\" role=\"tabpanel\">\n\t\tInteger 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.\n\t<\/div>\n<\/nav>\n<hr>\n<h3><ins>Blockquote<\/ins><\/h3>\n<blockquote>\n<p>First, we must ensure the validity of the approach. Second, we must confirm browser makers to add support for web fonts.<\/p>\n<p>\t<cite>Andrew Simons &#8211; web developer<\/cite>\n<\/p><\/blockquote>\n<hr>\n<h3><ins>Lists<\/ins><\/h3>\n<ul>\n<li>We are a digital agency with 20 plus years<\/li>\n<li>Business like this takes much more effort<\/li>\n<li>Worries about making train connections<\/li>\n<\/ul>\n<ol>\n<li>We are a digital agency with 20 plus years<\/li>\n<li>Business like this takes much more effort<\/li>\n<li>Worries about making train connections<\/li>\n<\/ol>\n<hr>\n<h3><ins>Preformatted<\/ins><\/h3>\n<pre>.post-title {\r\n\tmargin: 0 0 5px;\r\n\tfont-weight: bold;\r\n\tfont-size: 38px;\r\n\tline-height: 1.2;\r\n}<\/pre>\n<hr>\n<h3><ins>Table<\/ins><\/h3>\n<table>\n<thead>\n<tr>\n<th>Header 1<\/th>\n<th>Header 2<\/th>\n<th>Header 3<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>First Line<\/td>\n<td>First Line<\/td>\n<td>First Line<\/td>\n<\/tr>\n<tr>\n<td>Entry Line 2<\/td>\n<td>Entry Line 2<\/td>\n<td>Entry Line 2<\/td>\n<\/tr>\n<tr>\n<td>Last Line<\/td>\n<td>Last Line<\/td>\n<td>Last Line<\/td>\n<\/tr>\n<\/tbody>\n<tfoot>\n<tr>\n<td colspan=\"3\">Table footer is also present<\/td>\n<\/tr>\n<\/tfoot>\n<\/table>\n","protected":false},"excerpt":{"rendered":"<p>This list of design elements helps you build quick layouts and mockups for your project. Headings Heading 1 Heading 2 Heading 3 Heading 4 Heading 5 Heading 6 Responsive Embed Buttons Normal Button Filled Button Filled Colored Button Underline Button Tabs Tab 1 Tab 2 Tab 3 Etiam porta sem malesuada magna mollis euismod. Integer [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/liviucerchez.com\/papaia\/wp-json\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/liviucerchez.com\/papaia\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/liviucerchez.com\/papaia\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/liviucerchez.com\/papaia\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/liviucerchez.com\/papaia\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":1,"href":"https:\/\/liviucerchez.com\/papaia\/wp-json\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":307,"href":"https:\/\/liviucerchez.com\/papaia\/wp-json\/wp\/v2\/pages\/12\/revisions\/307"}],"wp:attachment":[{"href":"https:\/\/liviucerchez.com\/papaia\/wp-json\/wp\/v2\/media?parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}