{"id":364,"date":"2016-05-04T18:04:18","date_gmt":"2016-05-04T18:04:18","guid":{"rendered":"http:\/\/demo.memberlitetheme.com\/?page_id=364"},"modified":"2016-05-04T18:04:18","modified_gmt":"2016-05-04T18:04:18","slug":"typography","status":"publish","type":"page","link":"https:\/\/ot-test.penzkor.hu\/index.php\/typography\/","title":{"rendered":"Typography"},"content":{"rendered":"<div class=\"row \"><div class=\"medium-8 medium-offset-2  columns\">\n<h1>H1 Heading Style<\/h1>\n<h2>H2 Heading Style<\/h2>\n<h3>H3 Heading Style<\/h3>\n<h4>H4 Heading Style<\/h4>\n<hr \/>\n<p class=\"text-center\"><strong>The &#8222;text-center&#8221; class paragraph.<\/strong> Ut in erat urna. Donec eu est mi. Curabitur at risus faucibus, mattis augue at, interdum ipsum. Integer id eleifend lacus.<\/p>\n<hr \/>\n<p class=\"text-left\"><strong>The &#8222;text-left&#8221; class paragraph.<\/strong> Ut in erat urna. Donec eu est mi. Curabitur at risus faucibus, mattis augue at, interdum ipsum. Integer id eleifend lacus.<\/p>\n<hr \/>\n<p class=\"text-right\"><strong>The &#8222;text-right&#8221; class paragraph.<\/strong> Ut in erat urna. Donec eu est mi. Curabitur at risus faucibus, mattis augue at, interdum ipsum. Integer id eleifend lacus.<\/p>\n<hr \/>\n<p class=\"lead\"><strong>The &#8222;lead&#8221; class paragraph.<\/strong> Ut in erat urna. Donec eu est mi. Curabitur at risus faucibus, mattis augue at, interdum ipsum. Integer id eleifend lacus.<\/p>\n<hr \/>\n<p class=\"text-2x\"><strong>The &#8222;text-2x&#8221; class paragraph.<\/strong> Ut in erat urna. Donec eu est mi. Curabitur at risus faucibus, mattis augue at, interdum ipsum. Integer id eleifend lacus.<\/p>\n<hr \/>\n<p class=\"text-3x\"><strong>The &#8222;text-3x&#8221; class paragraph.<\/strong> Ut in erat urna. Donec eu est mi. Curabitur at risus faucibus, mattis augue at, interdum ipsum. Integer id eleifend lacus.<\/p>\n<hr \/>\n<p class=\"text-4x\"><strong>The &#8222;text-4x&#8221; class paragraph.<\/strong> Ut in erat urna. Donec eu est mi. Curabitur at risus faucibus, mattis augue at, interdum ipsum. Integer id eleifend lacus.<\/p>\n<hr \/>\n<p class=\"text-5x\"><strong>The &#8222;text-5x&#8221; class paragraph.<\/strong> Ut in erat urna. Donec eu est mi. Curabitur at risus faucibus, mattis augue at, interdum ipsum. Integer id eleifend lacus.<\/p>\n<hr \/>\n<h2>Blockquotes<\/h2>\n<p><strong>Single line block quote:<\/strong><\/p>\n<blockquote><p>Stay hungry. Stay foolish.<\/p><\/blockquote>\n<p><strong>Multi line blockquote with a cite reference:<\/strong><\/p>\n<blockquote><p>People think focus means saying yes to the thing you&#8217;ve got to focus on. But that&#8217;s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I&#8217;m actually as proud of the things we haven&#8217;t done as the things I have done. Innovation is saying no to 1,000 things. <cite>Steve Jobs &#8211; Apple Worldwide Developers&#8217; Conference, 1997<\/cite><\/p><\/blockquote>\n<p><strong>Blockquote with the &#8222;quote&#8221; class and cite reference:<\/strong><\/p>\n<blockquote class=\"quote\"><p>People think focus means saying yes to the thing you&#8217;ve got to focus on. But that&#8217;s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I&#8217;m actually as proud of the things we haven&#8217;t done as the things I have done. Innovation is saying no to 1,000 things. <cite>Steve Jobs &#8211; Apple Worldwide Developers&#8217; Conference, 1997<\/cite><\/p><\/blockquote>\n<hr \/>\n<h2>Tables<\/h2>\n<table>\n<thead>\n<tr>\n<th>Employee<\/th>\n<th>Salary<\/th>\n<th><\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<th><a href=\"http:\/\/example.org\/\">John Doe<\/a><\/th>\n<td>$1<\/td>\n<td>Because that&#8217;s all Steve Jobs needed for a salary.<\/td>\n<\/tr>\n<tr>\n<th><a href=\"http:\/\/example.org\/\">Jane Doe<\/a><\/th>\n<td>$100K<\/td>\n<td>For all the blogging she does.<\/td>\n<\/tr>\n<tr>\n<th><a href=\"http:\/\/example.org\/\">Fred Bloggs<\/a><\/th>\n<td>$100M<\/td>\n<td>Pictures are worth a thousand words, right? So Jane x 1,000.<\/td>\n<\/tr>\n<tr>\n<th><a href=\"http:\/\/example.org\/\">Jane Bloggs<\/a><\/th>\n<td>$100B<\/td>\n<td>With hair like that?! Enough said&#8230;<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><hr \/><\/p>\n<h2>Definition Lists<\/h2>\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 &#8222;Big Black&#8221; Boykins, &#8222;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<hr \/>\n<h2>Unordered Lists (Nested)<\/h2>\n<ul>\n<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>\n<li>List item two<\/li>\n<li>List item three<\/li>\n<li>List item four<\/li>\n<\/ul>\n<hr \/>\n<h2>Ordered List (Nested)<\/h2>\n<ol>\n<li>List item one\n<ol>\n<li>List item one\n<ol>\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<\/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>\n<li>List item two<\/li>\n<li>List item three<\/li>\n<li>List item four<\/li>\n<\/ol>\n<hr \/>\n<h2>HTML Tags<\/h2>\n<p>These supported tags come from the WordPress.com code <a title=\"Code\" href=\"http:\/\/en.support.wordpress.com\/code\/\">FAQ<\/a>.<\/p>\n<p><strong>Address Tag<\/strong><\/p>\n<address>1 Infinite Loop<br \/>\nCupertino, CA 95014<br \/>\nUnited States<\/address>\n<p><strong>Anchor Tag (aka. Link)<\/strong><\/p>\n<p>This is an example of a <a title=\"Apple\" href=\"http:\/\/apple.com\">link<\/a>.<\/p>\n<p><strong>Abbreviation Tag<\/strong><br \/>\nThe abbreviation <abbr title=\"Seriously\">srsly<\/abbr> stands for &#8222;seriously&#8221;.<\/p>\n<p><strong>Acronym Tag (<em>deprecated in HTML5<\/em>)<\/strong><br \/>\nThe acronym <acronym title=\"For The Win\">ftw<\/acronym> stands for &#8222;for the win&#8221;.<\/p>\n<p><strong>Big Tag\u00a0<\/strong><strong>(<em>deprecated in HTML5<\/em>)<\/strong><br \/>\nThese tests are a <big>big<\/big> deal, but this tag is no longer supported in HTML5.<\/p>\n<p><strong>Cite Tag<\/strong><br \/>\n&#8222;Code is poetry.&#8221; &#8212;<cite>Automattic<\/cite><\/p>\n<p><strong>Code Tag<\/strong><br \/>\nYou will learn later on in these tests that <code>word-wrap: break-word;<\/code> will be your best friend.<\/p>\n<p><strong>Delete Tag<\/strong><br \/>\nThis tag will let you <del>strikeout text<\/del>, but this tag is no longer supported in HTML5 (use the <code>&lt;strike&gt;<\/code> instead).<\/p>\n<p><strong>Emphasize Tag<\/strong><br \/>\nThe emphasize tag should <em>italicize<\/em> text.<\/p>\n<p><strong>Insert Tag<\/strong><br \/>\nThis tag should denote <ins>inserted<\/ins> text.<\/p>\n<p><strong>Keyboard Tag<\/strong><br \/>\nThis scarcely known tag emulates <kbd>keyboard text<\/kbd>, which is usually styled like the <code>&lt;code&gt;<\/code> tag.<\/p>\n<p><strong>Preformatted Tag<\/strong><br \/>\nThis tag styles large blocks of code.<\/p>\n<pre>.post-title {\n\tmargin: 0 0 5px;\n\tfont-weight: bold;\n\tfont-size: 38px;\n\tline-height: 1.2;\n\tand here's a line of some really, really, really, really long text, just to see how the PRE tag handles it and to find out how it overflows;\n}<\/pre>\n<p><strong>Quote Tag<\/strong><br \/>\n<q>Developers, developers, developers&#8230;<\/q> &#8211;Steve Ballmer<\/p>\n<p><strong>Strike Tag\u00a0<\/strong><strong>(<em>deprecated in HTML5<\/em>)<\/strong><br \/>\nThis tag shows <span style=\"text-decoration:line-through\">strike-through text<\/span><\/p>\n<p><strong>Strong Tag<\/strong><br \/>\nThis tag shows <strong>bold<\/strong><strong> text.<\/strong><\/p>\n<p><strong>Subscript Tag<\/strong><br \/>\nGetting our science styling on with H<sub>2<\/sub>O, which should push the &#8222;2&#8221; down.<\/p>\n<p><strong>Superscript Tag<\/strong><br \/>\nStill sticking with science and Isaac Newton&#8217;s E = MC<sup>2<\/sup>, which should lift the 2 up.<\/p>\n<p><strong>Teletype Tag\u00a0<\/strong><strong>(<em>deprecated in HTML5<\/em>)<\/strong><br \/>\nThis rarely used tag emulates <tt>teletype text<\/tt>, which is usually styled like the <code>&lt;code&gt;<\/code> tag.<\/p>\n<p><strong>Variable Tag<\/strong><br \/>\nThis allows you to denote <var>variables<\/var>.<\/p>\n<p><\/p><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":50,"comment_status":"closed","ping_status":"closed","template":"templates\/full-width.php","meta":{"pmpro_default_level":"","_memberlite_hide_header":false,"_memberlite_hide_footer":false,"_memberlite_hide_page_nav":false,"footnotes":""},"class_list":["post-364","page","type-page","status-publish","hentry","pmpro-has-access"],"_links":{"self":[{"href":"https:\/\/ot-test.penzkor.hu\/index.php\/wp-json\/wp\/v2\/pages\/364","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ot-test.penzkor.hu\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ot-test.penzkor.hu\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ot-test.penzkor.hu\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/ot-test.penzkor.hu\/index.php\/wp-json\/wp\/v2\/comments?post=364"}],"version-history":[{"count":0,"href":"https:\/\/ot-test.penzkor.hu\/index.php\/wp-json\/wp\/v2\/pages\/364\/revisions"}],"wp:attachment":[{"href":"https:\/\/ot-test.penzkor.hu\/index.php\/wp-json\/wp\/v2\/media?parent=364"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}