{"id":9,"date":"2016-06-09T18:10:05","date_gmt":"2016-06-09T18:10:05","guid":{"rendered":"https:\/\/www.bl4ck-gaming.de\/?page_id=9"},"modified":"2021-11-14T18:38:16","modified_gmt":"2021-11-14T18:38:16","slug":"typography","status":"publish","type":"page","link":"https:\/\/www.bl4ck-gaming.de\/?page_id=9","title":{"rendered":"Typography"},"content":{"rendered":"<h1>Headings<\/h1>\n<p>All HTML headings, <code>&lt;h1&gt;<\/code> through <code>&lt;h6&gt;<\/code> are available.<\/p>\n<h1>Typography (h1)<\/h1>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex. (p)<\/p>\n<h2>Lorem Ipsum Dolor Sit Amet (h2)<\/h2>\n<p><strong>Lorem ipsum dolor sit amet, consectetuer adipiscing elit <\/strong> (strong), sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex. (p)<\/p>\n<h3>Lorem Ipsum Dolor Sit Amet (h3)<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex. (p)<\/p>\n<h4>Lorem Ipsum Dolor Sit Amet (h4)<\/h4>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex. (p)<\/p>\n<h5>Lorem Ipsum Dolor Sit Amet (h5)<\/h5>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex. (p)<\/p>\n<p><a href=\"index.php\"> Lorem ipsum dolor (a)<\/a><\/p>\n<h1>Lists<\/h1>\n<p>(ol)(li)<\/p>\n<ol>\n<li>Lorem ipsum dolor sit amet consectetur<\/li>\n<li>Lorem ipsum dolor sit amet consectetur<\/li>\n<\/ol>\n<p>(ul)(li)<\/p>\n<ul>\n<li>Lorem ipsum dolor sit amet consectetur<\/li>\n<li>Lorem ipsum dolor sit amet consectetur<\/li>\n<\/ul>\n<h2>Theme Buttons<\/h2>\n<p>Buttons have a number of great variations to choose from. You should note that in the HTML breakdown we have added a <code>button<\/code> class in addition to the variation, which is a requirement for these particular variations to work. You can also combine these variations.<\/p>\n<p><a href=\"#\" class=\"jl-button jl-button-default\">Default Button<\/a>&nbsp;&nbsp;&nbsp;<a href=\"#\" class=\"jl-button jl-button-primary\">Button Primary<\/a>&nbsp;&nbsp;&nbsp;<a href=\"#\" class=\"jl-button jl-button-secondary\">Button Secondary<\/a>&nbsp;&nbsp;&nbsp;<a href=\"#\" class=\"jl-button jl-button-danger\">Button Danger<\/a>&nbsp;&nbsp;&nbsp;<a href=\"#\" class=\"jl-button jl-button-text\">Button Text<\/a><\/p>\n<pre>&#x3C;a href=&#x22;#&#x22; class=&#x22;jl-button jl-button-default&#x22;&#x3E;Default Button&#x3C;\/a&#x3E;\r\n&#x3C;a href=&#x22;#&#x22; class=&#x22;jl-button jl-button-primary&#x22;&#x3E;Button Primary&#x3C;\/a&#x3E;\r\n&#x3C;a href=&#x22;#&#x22; class=&#x22;jl-button jl-button-secondary&#x22;&#x3E;Button Secondary&#x3C;\/a&#x3E;\r\n&#x3C;a href=&#x22;#&#x22; class=&#x22;jl-button jl-button-danger&#x22;&#x3E;Button Danger&#x3C;\/a&#x3E;\r\n&#x3C;a href=&#x22;#&#x22; class=&#x22;jl-button jl-button-text&#x22;&#x3E;Button Text&#x3C;\/a&#x3E;\r\n\r\n<\/pre>\n<h1>Notice Styles<\/h1>\n<p class=\"alert alert-success\">Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.<\/p>\n<pre>&lt;p class=\"alert alert-success\"&gt;&hellip;&lt;\/p&gt;<\/pre>\n<p class=\"alert alert-info\">Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.<\/p>\n<pre>&lt;p class=\"alert alert-info\"&gt;&hellip;&lt;\/p&gt;<\/pre>\n<p class=\"alert alert-warning\">Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.<\/p>\n<pre>&lt;p class=\"alert alert-warning\"&gt;&hellip;&lt;\/p&gt;<\/pre>\n<p class=\"alert alert-error\">Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.<\/p>\n<pre>&lt;p class=\"alert alert-error\"&gt;&hellip;&lt;\/p&gt;<\/pre>\n<h1>Blockquotes<\/h1>\n<p>For quoting blocks of content from another source within your document.<\/p>\n<h3>Default blockquote<\/h3>\n<p>Wrap <code>&lt;blockquote&gt;<\/code> around any <abbr title=\n\"HyperText Markup Language\">HTML<\/abbr> as the quote. For straight quotes we<br \/>\nrecommend a <code>&lt;p&gt;<\/code>.<\/p>\n<blockquote>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere<br \/>\n    erat a ante.<\/p>\n<\/blockquote>\n<pre>&lt;blockquote&gt;\r\n&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.&lt;\/p&gt;\r\n&lt;\/blockquote&gt;<\/pre>\n<h3>Blockquote options<\/h3>\n<p><span>Style and content changes for simple<br \/>\nvariations on a standard blockquote.<\/span><\/p>\n<h4>Naming a source<\/h4>\n<p>Add <code>&lt;small&gt;<\/code> tag for identifying the source. Wrap the name<br \/>\nof the source work in <code>&lt;cite&gt;<\/code>.<\/p>\n<blockquote>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere<br \/>\n    erat a ante.<\/p>\n<p><small>Someone famous in <cite title=\"Source Title\">Source<br \/>\n    Title<\/cite><\/small>\n<\/p><\/blockquote>\n<pre>&lt;blockquote&gt;&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.&lt;\/p&gt;&lt;small&gt;Someone famous &lt;cite title=\"Source Title\"&gt;Source Title&lt;\/cite&gt;&lt;\/small&gt;&lt;\/blockquote&gt;<\/pre>\n<blockquote class=\"jl-margin-medium\" cite=\"#\">\n<p>The blockquote element represents content that is quoted from another source, optionally with a<br \/>\n        citation which must be within a footer or cite element.<\/p>\n<footer>Someone famous in <cite><a href=\"#\">Source Title<\/a><\/cite><\/footer>\n<\/blockquote>\n<h1>Tables<\/h1>\n<table>\n<thead>\n<tr>\n<th>#<\/th>\n<th>First Name<\/th>\n<th>Last Name<\/th>\n<th>Username<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>1<\/td>\n<td>John<\/td>\n<td>Doe<\/td>\n<td>JohnDoe<\/td>\n<\/tr>\n<tr>\n<td>2<\/td>\n<td>Jane<\/td>\n<td>Doe<\/td>\n<td>JaneDoe<\/td>\n<\/tr>\n<tr>\n<td>3<\/td>\n<td>Bob<\/td>\n<td>Doe<\/td>\n<td>BobDoe<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><pre>&lt;table class=\"table\"&gt;&hellip;&lt;\/table&gt;<\/pre><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Headings All HTML headings, &lt;h1&gt; through &lt;h6&gt; are available. Typography (h1) Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex. (p) Lorem Ipsum Dolor Sit Amet [&hellip;]<\/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-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.bl4ck-gaming.de\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bl4ck-gaming.de\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.bl4ck-gaming.de\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.bl4ck-gaming.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bl4ck-gaming.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":11,"href":"https:\/\/www.bl4ck-gaming.de\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":231,"href":"https:\/\/www.bl4ck-gaming.de\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/231"}],"wp:attachment":[{"href":"https:\/\/www.bl4ck-gaming.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}