{"id":242,"date":"2020-05-27T10:22:35","date_gmt":"2020-05-27T10:22:35","guid":{"rendered":"http:\/\/demo.gretathemes.com\/estar\/?page_id=242"},"modified":"2020-05-27T10:22:35","modified_gmt":"2020-05-27T10:22:35","slug":"style-guide","status":"publish","type":"page","link":"https:\/\/constructoravios.com\/index.php\/style-guide\/","title":{"rendered":"Style Guide"},"content":{"rendered":"\n<h1>Header one<\/h1>\n\n\n\n<p>That last is no more than a foot high, and about seven paces across, a mere flat top of a grey rock which smokes like a hot cinder after a shower, and where no man would care to venture a naked sole before sunset.<\/p>\n\n\n\n<h2>Header two<\/h2>\n\n\n\n<p>That last is no more than a foot high, and about seven paces across, a mere flat top of a grey rock which smokes like a hot cinder after a shower, and where no man would care to venture a naked sole before sunset.<\/p>\n\n\n\n<h3>Header three<\/h3>\n\n\n\n<p>That last is no more than a foot high, and about seven paces across, a mere flat top of a grey rock which smokes like a hot cinder after a shower, and where no man would care to venture a naked sole before sunset.<\/p>\n\n\n\n<h4>Header four<\/h4>\n\n\n\n<p>That last is no more than a foot high, and about seven paces across, a mere flat top of a grey rock which smokes like a hot cinder after a shower, and where no man would care to venture a naked sole before sunset.<\/p>\n\n\n\n<h5>Header five<\/h5>\n\n\n\n<p>That last is no more than a foot high, and about seven paces across, a mere flat top of a grey rock which smokes like a hot cinder after a shower, and where no man would care to venture a naked sole before sunset.<\/p>\n\n\n\n<h6>Header six<\/h6>\n\n\n\n<p>That last is no more than a foot high, and about seven paces across, a mere flat top of a grey rock which smokes like a hot cinder after a shower, and where no man would care to venture a naked sole before sunset.<\/p>\n\n\n\n<h2>Blockquotes<\/h2>\n\n\n\n<p>Multi line blockquote with a cite reference:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote\"><p>People think focus means saying yes to the thing you\u2019ve got to focus on. But that\u2019s not what it means at all. It means saying no to the hundred other good ideas that there are.<\/p><cite>Steve Jobs \u2013 Apple Worldwide Developers\u2019 Conference, 1997<\/cite><\/blockquote>\n\n\n\n<h2>Pull Quotes<\/h2>\n\n\n\n<figure class=\"wp-block-pullquote\"><blockquote><p>Stay hungry! Stay foolish!<\/p><cite>Steve Jobs<\/cite><\/blockquote><\/figure>\n\n\n\n<figure class=\"wp-block-pullquote is-style-solid-color\"><blockquote><p>Stay hungry! Stay foolish!<\/p><cite>Steve Jobs<\/cite><\/blockquote><\/figure>\n\n\n\n<figure class=\"wp-block-pullquote alignleft is-style-default\"><blockquote><p>Stay hungry! Stay foolish!<\/p><cite>Steve Jobs<\/cite><\/blockquote><\/figure>\n\n\n\n<p>Molestias qui aspernatur velit animi voluptatem quae. Voluptas cum repellat iure veritatis et. Eos assumenda accusamus sit iusto et magni aut iste.<\/p>\n\n\n\n<p>Et aperiam error eveniet aliquam id tempora reiciendis sed. Eum ut et accusantium dolorum et qui consequatur qui. Inventore impedit quia impedit aperiam nihil. Consectetur alias dolor qui. Ut voluptas eius aspernatur voluptatem a cupiditate ratione.<\/p>\n\n\n\n<p>Est rerum sequi voluptatum molestias autem odit. Repudiandae cumque iusto et quam neque quia. Aut quas cum adipisci et iure.<\/p>\n\n\n\n<figure class=\"wp-block-pullquote alignright\"><blockquote><p>Stay hungry! Stay foolish!<\/p><cite>Steve Jobs<\/cite><\/blockquote><\/figure>\n\n\n\n<p>Dignissimos dolore dolore et animi molestiae magni. Excepturi numquam aliquid eveniet aut. At est aliquam doloremque est inventore et porro.<\/p>\n\n\n\n<p>Totam expedita rerum nisi voluptatem rerum adipisci et quisquam. Et quidem nulla aut iusto nihil voluptatem nulla dolorem. Et pariatur quasi alias possimus dolorum. Qui voluptatem cupiditate hic eos placeat. Id et saepe officiis quae voluptas officiis. Nisi quidem laboriosam ullam nihil ut.<\/p>\n\n\n\n<p>Aenean eu urna felis. Vivamus placerat neque ac diam imperdiet eget sollicitudin nisl ornare. Ut adipiscing neque non sapien malesuada ullamcorper. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce non tincidunt dui.<\/p>\n\n\n\n<figure class=\"wp-block-image alignwide\"><img src=\"https:\/\/thefourdemo.files.wordpress.com\/2016\/11\/image-3.jpg\" alt=\"image-3\" class=\"wp-image-266\"\/><\/figure>\n\n\n\n<h2>Tables<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>Employee<\/th><th>Salary<\/th><th>&nbsp;<\/th><\/tr><\/thead><tbody><tr><th><a href=\"http:\/\/example.org\/\">John Doe<\/a><\/th><td>$1<\/td><td>Because that&#8217;s all Steve Jobs needed for a salary.<\/td><\/tr><tr><th><a href=\"http:\/\/example.org\/\">Jane Doe<\/a><\/th><td>$100K<\/td><td>For all the blogging she does.<\/td><\/tr><tr><th><a href=\"http:\/\/example.org\/\">Fred Bloggs<\/a><\/th><td>$100M<\/td><td>Pictures are worth a thousand words, right? So Jane x 1,000.<\/td><\/tr><tr><th><a href=\"http:\/\/example.org\/\">Jane Bloggs<\/a><\/th><td>$100B<\/td><td>With hair like that?! Enough said&#8230;<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2>Definition Lists<\/h2>\n\n\n\n<dl>\n<dt>Definition List Title<\/dt>\n<dd>Definition list division.<\/dd>\n<dt>Startup<\/dt>\n<dd>A startup company or startup is a company or temporary organization designed to search for a repeatable and scalable business model.<\/dd>\n<dt>#dowork<\/dt>\n<dd>Coined by Rob Dyrdek and his personal body guard Christopher &#8220;Big Black&#8221; Boykins, &#8220;Do Work&#8221; works as a self motivator, to motivating your friends.<\/dd>\n<dt>Do It Live<\/dt>\n<dd>I&#8217;ll let Bill O&#8217;Reilly will <a title=\"We'll Do It Live\" href=\"https:\/\/www.youtube.com\/watch?v=O_HyZ5aW76c\">explain<\/a> this one.<\/dd>\n<\/dl>\n\n\n\n<h2>Unordered Lists (Nested)<\/h2>\n\n\n\n<ul><li>List item one\n<ul>\n<li>List item one\n<ul>\n<li>List item one<\/li>\n<li>List item two<\/li>\n<li>List item three<\/li>\n<li>List item four<\/li>\n<\/ul>\n<\/li>\n<li>List item two<\/li>\n<li>List item three<\/li>\n<li>List item four<\/li>\n<\/ul>\n<\/li><li>List item two<\/li><li>List item three<\/li><li>List item four<\/li><\/ul>\n\n\n\n<h2>Ordered List (Nested)<\/h2>\n\n\n\n<ol start=\"8\"><li>List item one -start at 8\n<ol>\n<li>List item one\n<ol reversed=\"reversed\">\n<li>List item one -reversed attribute<\/li>\n<li>List item two<\/li>\n<li>List item three<\/li>\n<li>List item four<\/li>\n<\/ol>\n<\/li>\n<li>List item two<\/li>\n<li>List item three<\/li>\n<li>List item four<\/li>\n<\/ol>\n<\/li><li>List item two<\/li><li>List item three<\/li><li>List item four<\/li><\/ol>\n\n\n\n<h2>HTML Tags<\/h2>\n\n\n\n<p>These supported tags come from the WordPress.com code <a title=\"Code\" href=\"https:\/\/en.support.wordpress.com\/code\/\">FAQ<\/a>.<\/p>\n\n\n\n<p><strong>Address Tag<\/strong><\/p>\n\n\n\n<address>1 Infinite Loop<br>Cupertino, CA 95014<br>United States<\/address>\n\n\n\n<p><strong>Anchor Tag (aka. Link)<\/strong><\/p>\n\n\n\n<p>This is an example of a <a title=\"WordPress Foundation\" href=\"https:\/\/wordpressfoundation.org\/\">link<\/a>.<\/p>\n\n\n\n<p><strong>Abbreviation Tag<\/strong><\/p>\n\n\n\n<p>The abbreviation <abbr title=\"Seriously\">srsly<\/abbr> stands for &#8220;seriously&#8221;.<\/p>\n\n\n\n<p><strong>Acronym Tag (<em>deprecated in HTML5<\/em>)<\/strong><\/p>\n\n\n\n<p>The acronym <acronym title=\"For The Win\">ftw<\/acronym> stands for &#8220;for the win&#8221;.<\/p>\n\n\n\n<p><strong>Big Tag<\/strong> (<em>deprecated in HTML5<\/em>)<\/p>\n\n\n\n<p>These tests are a <big>big<\/big> deal, but this tag is no longer supported in HTML5.<\/p>\n\n\n\n<p><strong>Cite Tag<\/strong><\/p>\n\n\n\n<p>&#8220;Code is poetry.&#8221; &#8212;<cite>Automattic<\/cite><\/p>\n\n\n\n<p><strong>Code Tag<\/strong><\/p>\n\n\n\n<p>This tag styles blocks of code.<br><code>.post-title {<br>\nmargin: 0 0 5px;<br>\nfont-weight: bold;<br>\nfont-size: 38px;<br>\nline-height: 1.2;<br>\nand here's a line of some really, really, really, really long text, just to see how it is handled and to find out how it overflows;<br>\n}<\/code><br>You will learn later on in these tests that <code>word-wrap: break-word;<\/code> will be your best friend.<\/p>\n\n\n\n<p><strong>Delete Tag<\/strong><\/p>\n\n\n\n<p>This tag will let you <del cite=\"deleted it\">strike out text<\/del>, but this tag is <em>recommended<\/em> supported in HTML5 (use the <code>&lt;s&gt;<\/code> instead).<\/p>\n\n\n\n<p><strong>Emphasize Tag<\/strong><\/p>\n\n\n\n<p>The emphasize tag should <em>italicize<\/em> <i>text<\/i>.<\/p>\n\n\n\n<p><strong>Horizontal Rule Tag<\/strong><\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p>This sentence is following a <code>&lt;hr \/&gt;<\/code> tag.<\/p>\n\n\n\n<p><strong>Insert Tag<\/strong><\/p>\n\n\n\n<p>This tag should denote <ins cite=\"inserted it\">inserted<\/ins> text.<\/p>\n\n\n\n<p><strong>Keyboard Tag<\/strong><\/p>\n\n\n\n<p>This scarcely known tag emulates <kbd>keyboard text<\/kbd>, which is usually styled like the <code>&lt;code&gt;<\/code> tag.<\/p>\n\n\n\n<p><strong>Preformatted Tag<\/strong><\/p>\n\n\n\n<p>This tag is for preserving whitespace as typed, such as in poetry or ASCII art.<\/p>\n\n\n\n<h2>The Road Not Taken<\/h2>\n\n\n\n<pre class=\"wp-block-preformatted\"><cite>Robert Frost<\/cite>\n\n\n  Two roads diverged in a yellow wood,\n  And sorry I could not travel both          (\\_\/)\n  And be one traveler, long I stood         (='.'=)\n  And looked down one as far as I could     (\")_(\")\n  To where it bent in the undergrowth;\n\n  Then took the other, as just as fair,\n  And having perhaps the better claim,          |\\_\/|\n  Because it was grassy and wanted wear;       \/ @ @ \\\n  Though as for that the passing there        ( &gt; \u00ba &lt; )\n  Had worn them really about the same,         `&gt;&gt;x&lt;&lt;\u00b4\n                                               \/  O  \\\n  And both that morning equally lay\n  In leaves no step had trodden black.\n  Oh, I kept the first for another day!\n  Yet knowing how way leads on to way,\n  I doubted if I should ever come back.\n\n  I shall be telling this with a sigh\n  Somewhere ages and ages hence:\n  Two roads diverged in a wood, and I\u2014\n  I took the one less traveled by,\n  And that has made all the difference.\n\n\n  and here's a line of some really, really, really, really long text, just to see how it is handled and to find out how it overflows;\n<\/pre>\n\n\n\n<p><strong>Quote Tag<\/strong> for short, inline quotes<\/p>\n\n\n\n<p><q>Developers, developers, developers&#8230;<\/q> &#8211;Steve Ballmer<\/p>\n\n\n\n<p><strong>Strike Tag<\/strong> (<em>deprecated in HTML5<\/em>) and <strong>S Tag<\/strong><\/p>\n\n\n\n<p>This tag shows <span style=\"text-decoration: line-through;\">strike-through<\/span> <s>text<\/s>.<\/p>\n\n\n\n<p><strong>Small Tag<\/strong><\/p>\n\n\n\n<p>This tag shows <small>smaller<small> text.<\/small><\/small><\/p>\n\n\n\n<p><strong>Strong Tag<\/strong><\/p>\n\n\n\n<p>This tag shows <strong>bold<strong> text.<\/strong><\/strong><\/p>\n\n\n\n<p><strong>Subscript Tag<\/strong><\/p>\n\n\n\n<p>Getting our science styling on with H<sub>2<\/sub>O, which should push the &#8220;2&#8221; down.<\/p>\n\n\n\n<p><strong>Superscript Tag<\/strong><\/p>\n\n\n\n<p>Still sticking with science and Albert Einstein&#8217;s E = MC<sup>2<\/sup>, which should lift the 2 up.<\/p>\n\n\n\n<p><strong>Teletype Tag <\/strong>(<em>obsolete in HTML5<\/em>)<\/p>\n\n\n\n<p>This rarely used tag emulates <tt>teletype text<\/tt>, which is usually styled like the <code>&lt;code&gt;<\/code> tag.<\/p>\n\n\n\n<p><strong>Underline Tag<\/strong> <em>deprecated in HTML 4, re-introduced in HTML5 with other semantics<\/em><\/p>\n\n\n\n<p>This tag shows <u>underlined text<\/u>.<\/p>\n\n\n\n<p><strong>Variable Tag<\/strong><\/p>\n\n\n\n<p>This allows you to denote <var>variables<\/var>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Header one That last is no more than a foot high, and about seven paces across, a mere flat top of a grey rock which smokes like a hot cinder after a shower, and where no man would care to venture a naked sole before sunset. Header two That last is no more than a foot high, and about seven paces across, a mere flat top of a grey rock which smokes like a hot cinder after a shower, and&hellip;<\/p>\n<p class=\"more\"><a class=\"more-link\" href=\"https:\/\/constructoravios.com\/index.php\/style-guide\/\">Continue reading <span class=\"screen-reader-text\">Style Guide<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/constructoravios.com\/index.php\/wp-json\/wp\/v2\/pages\/242"}],"collection":[{"href":"https:\/\/constructoravios.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/constructoravios.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/constructoravios.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/constructoravios.com\/index.php\/wp-json\/wp\/v2\/comments?post=242"}],"version-history":[{"count":0,"href":"https:\/\/constructoravios.com\/index.php\/wp-json\/wp\/v2\/pages\/242\/revisions"}],"wp:attachment":[{"href":"https:\/\/constructoravios.com\/index.php\/wp-json\/wp\/v2\/media?parent=242"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}