{"id":2822,"date":"2013-07-03T17:44:51","date_gmt":"2013-07-03T17:44:51","guid":{"rendered":"http:\/\/dl.mpdl.org\/fgdtw\/typography\/"},"modified":"2013-07-03T17:44:51","modified_gmt":"2013-07-03T17:44:51","slug":"typography","status":"publish","type":"page","link":"http:\/\/dl.mpdl.org\/fgdtw\/typography\/","title":{"rendered":"Typography"},"content":{"rendered":"<div class=\"container\">\n<div class=\"row\">\n<div class=\"col-md-6\">\n<h1>H1 Heading<\/h1>\n<p>Pellentesque pellentesque eget tempor tellus. Fusce lacllentesque eget tempor tellus ellentesque pelleinia tempor malesuada. Pellentesque pellentesque eget tempor tellus ellentesque pellentesque eget tempor tellus. Fusce lacinia tempor malesuada.<\/p>\n<h2>H2 Heading<\/h2>\n<p>Pellentesque pellentesque usce lacllentesque eget tempor tellus ellentesque pelleinia tempor malesuada. Pellentesque pellentesque eget tempor tellus ellentesque pellentesque eget tempor tellus.  tellus eget tempor. Fusce lacinia tempor malesuada.<\/p>\n<h3>H3 Heading<\/h3>\n<p>Pellentesque tempor tellus eget pellentesque. usce lacllentesque eget tempor tellus ellentesque pelleinia tempor malesuada. Pellentesque pellentesque eget tempor tellus ellentesque pellentesque eget tempor tellus.  Fusce lacinia tempor malesuada.<\/p>\n<h4>H4 Heading<\/h4>\n<p>Pellentesque pellentesque tempor tellus eget fermentum. usce lacllentesque eget tempor tellus ellentesque pelleinia tempor malesuada. Pellentesque pellentesque eget tempor tellus ellentesque pellentesque eget tempor tellus. <\/p>\n<h5>H5 Heading<\/h5>\n<p>Pellentesque pellentesque tempor llentesque pellentesque tempor tellus eget libero llentesque pellentesque tempor tellus eget libero tellus ementellentesque tempor tellus eget fermentum. usce lacllentesque eget tempor tellus ellenellentesque tempor tellus eget fermentum. usce lacllentesque eget tempor tellus ellenum.<\/p>\n<h6>H6 Heading<\/h6>\n<p>Pellentesque pellentesque tempor tellus eget libero<\/p>\n<\/p><\/div>\n<div class=\"col-md-6\">\n<h2 class=\"spaced\">Heading Helper Classes<\/h2>\n<p><span class=\"label label-info\">Heads up!<\/span> You can use helper classes in order to align better the titles.<br \/><strong>Such as:<\/strong> short, shorter, tall, taller, spaced, more-spaced and page-header.<\/p>\n<h2 class=\"more-spaced\">Blockquote<\/h2>\n<blockquote><p>\n\t\t\t\tMauris aliquet ultricies ante, non faucibus ante gravida sed. Sed ultrices pellentesque purus, vulputate volutpat ipsum hendrerit sed neque sed sapien rutrum laoreet justo ultrices. In pellentesque lorem condimentum dui morbi pulvinar dui non quam pretium ut lacinia tortor.<br \/>\n\t\t\t\t<small>Someone famous <cite title=\"Source Title\">Source Title<\/cite><\/small>\n\t\t\t<\/p><\/blockquote>\n<h2 class=\"more-spaced\">Paragraph<\/h2>\n<p class=\"lead\">Mauris aliquet ultricies ante, non faucibus ante gravida sed. Sed ultrices pellentesque purus, vulputate.<\/p>\n<p class=\"lead\">Check the <span class=\"alternative-font\">alternative<\/span> font style.<\/p>\n<p>Check the <span class=\"alternative-font\">alternative<\/span> font style.<\/p>\n<p>Mauris <a rel=\"tooltip\" data-placement=\"top\" href=\"#\" data-original-title=\"Tooltip!\">tooltip<\/a> aliquet <a href=\"#\">link<\/a> ultricies ante, non <strong>bold<\/strong> faucibus ante gravida sed. Sed ultrices <em>rendered as italicized text<\/em> pellentesque purus, vulputate volutpat ipsum hendrerit sed neque..<\/p>\n<p>\n\t\t\t  <small>This line of text is meant to be treated as fine print.<\/small>\n\t\t\t<\/p>\n<p class=\"text-muted\">Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.<\/p>\n<p class=\"text-primary\">Nullam id dolor id nibh ultricies vehicula ut id elit.<\/p>\n<p class=\"text-success\">Duis mollis, est non commodo luctus, nisi erat porttitor ligula.<\/p>\n<p class=\"text-info\">Maecenas sed diam eget risus varius blandit sit amet non magna.<\/p>\n<p class=\"text-warning\">Etiam porta sem malesuada magna mollis euismod.<\/p>\n<p class=\"text-danger\">Donec ullamcorper nulla non metus auctor fringilla.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<hr class=\"tall\" \/>\n<div class=\"row\">\n<div class=\"col-md-12\">\n<h2>Drop Caps<\/h2>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"row\">\n<div class=\"col-md-6\">\n<p class=\"drop-caps\">Pellentesque pellentesque eget tempor tellus. Fusce lacllentesque eget tempor tellus ellentesque pelleinia tempor malesuada. Pellentesque pellentesque eget tempor tellus ellentesque pellentesque eget tempor tellus. Fusce lacinia tempor malesuada. Pellentesque pellentesque eget tempor tellus ellentesque pellentesque eget tempor tellus. Fusce lacinia tempor malesuada.<\/p>\n<\/p><\/div>\n<div class=\"col-md-6\">\n<p class=\"drop-caps secundary\">Pellentesque pellentesque eget tempor tellus. Fusce lacllentesque eget tempor tellus ellentesque pelleinia tempor malesuada. Pellentesque pellentesque eget tempor tellus ellentesque pellentesque eget tempor tellus. Fusce lacinia tempor malesuada. Pellentesque pellentesque eget tempor tellus ellentesque pellentesque eget tempor tellus. Fusce lacinia tempor malesuada.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<hr class=\"tall\" \/>\n<div class=\"row\">\n<div class=\"col-md-12\">\n<h2>Lists<\/h2>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"row\">\n<div class=\"col-md-6\">\n<h4>Unordered<\/h4>\n<ul>\n<li>Lorem ipsum dolor sit amet<\/li>\n<li>Consectetur adipiscing elit<\/li>\n<li>Integer molestie lorem at massa<\/li>\n<li>Facilisis in pretium nisl aliquet<\/li>\n<li>\n\t\t\t\t\tNulla volutpat aliquam velit<\/p>\n<ul>\n<li>Phasellus iaculis neque<\/li>\n<li>Purus sodales ultricies<\/li>\n<li>Vestibulum laoreet porttitor sem<\/li>\n<li>Ac tristique libero volutpat at<\/li>\n<\/ul>\n<\/li>\n<li>Faucibus porta lacus fringilla vel<\/li>\n<li>Aenean sit amet erat nunc<\/li>\n<li>Eget porttitor lorem<\/li>\n<\/ul>\n<h4 class=\"spaced\">Unstyled<\/h4>\n<ul class=\"list-unstyled\">\n<li>Lorem ipsum dolor sit amet<\/li>\n<li>Consectetur adipiscing elit<\/li>\n<li>Integer molestie lorem at massa<\/li>\n<li>Facilisis in pretium nisl aliquet<\/li>\n<li>Faucibus porta lacus fringilla vel<\/li>\n<li>Aenean sit amet erat nunc<\/li>\n<li>Eget porttitor lorem<\/li>\n<\/ul>\n<h4 class=\"spaced\">Description<\/h4>\n<dl>\n<dt>Description lists<\/dt>\n<dd>A description list is perfect for defining terms.<\/dd>\n<dt>Euismod<\/dt>\n<dd>Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.<\/dd>\n<dd>Donec id elit non mi porta gravida at eget metus.<\/dd>\n<dt>Malesuada porta<\/dt>\n<dd>Etiam porta sem malesuada magna mollis euismod.<\/dd>\n<\/dl><\/div>\n<div class=\"col-md-6\">\n<h4 class=\"spaced\">Ordered<\/h4>\n<ol>\n<li>Lorem ipsum dolor sit amet<\/li>\n<li>Consectetur adipiscing elit<\/li>\n<li>Integer molestie lorem at massa<\/li>\n<li>Facilisis in pretium nisl aliquet<\/li>\n<li>Faucibus porta lacus fringilla vel<\/li>\n<li>Aenean sit amet erat nunc<\/li>\n<li>Eget porttitor lorem<\/li>\n<li>Consectetur adipiscing elit<\/li>\n<li>Integer molestie lorem at massa<\/li>\n<li>Facilisis in pretium nisl aliquet<\/li>\n<li>Faucibus porta lacus fringilla vel<\/li>\n<li>Aenean sit amet erat nunc<\/li>\n<\/ol>\n<h4 class=\"spaced\">Icons<\/h4>\n<ul class=\"list icons list-unstyled\">\n<li><i class=\"icon icon-check\"><\/i> Fusce sit amet orci quis arcu vestibulum vestibulum sed ut felis. Phasellus in risus quis lectus iaculis vulputate id quis nisl.<\/li>\n<li><i class=\"icon icon-cloud-download\"><\/i> Phasellus in risus quis lectus iaculis vulputate id quis nisl.<\/li>\n<li><i class=\"icon icon-envelope-alt\"><\/i> Fusce sit amet orci quis arcu vestibulum vestibulum sed ut felis. <\/li>\n<li><i class=\"icon icon-film\"><\/i> Phasellus in risus quis lectus iaculis vulputate id quis nisl.<\/li>\n<li><a href=\"feature-icons.html\">&#8230;more icons<\/a><\/li>\n<\/ul>\n<h4 class=\"spaced\">Inline<\/h4>\n<ul class=\"inline\">\n<li>Lorem ipsum<\/li>\n<li>Phasellus iaculis<\/li>\n<li>Nulla volutpat<\/li>\n<\/ul><\/div>\n<\/p><\/div>\n<hr class=\"tall\" \/>\n<div class=\"row\">\n<div class=\"col-md-12\">\n<h2>Code<\/h2>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"row\">\n<div class=\"col-md-6\">\n<h4>Inline<\/h4>\n<p>For example, <code>&lt;section&gt;<\/code> should be wrapped as inline.<\/p>\n<\/p><\/div>\n<div class=\"col-md-6\">\n<h4>Basic Block<\/h4>\n<pre>&lt;p&gt;Sample text here...&lt;\/p&gt;<\/pre>\n<\/p><\/div>\n<\/p><\/div>\n<hr class=\"tall\" \/>\n<div class=\"row\">\n<div class=\"col-md-12\">\n<h2>Tables<\/h2>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"row\">\n<div class=\"col-md-12\">\n<h4>Striped<\/h4>\n<table class=\"table table-striped\">\n<thead>\n<tr>\n<th>\n\t\t\t\t\t\t\t#\n\t\t\t\t\t\t<\/th>\n<th>\n\t\t\t\t\t\t\tFirst Name\n\t\t\t\t\t\t<\/th>\n<th>\n\t\t\t\t\t\t\tLast Name\n\t\t\t\t\t\t<\/th>\n<th>\n\t\t\t\t\t\t\tUsername\n\t\t\t\t\t\t<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>\n\t\t\t\t\t\t\t1\n\t\t\t\t\t\t<\/td>\n<td>\n\t\t\t\t\t\t\tMark\n\t\t\t\t\t\t<\/td>\n<td>\n\t\t\t\t\t\t\tOtto\n\t\t\t\t\t\t<\/td>\n<td>\n\t\t\t\t\t\t\t@mdo\n\t\t\t\t\t\t<\/td>\n<\/tr>\n<tr>\n<td>\n\t\t\t\t\t\t\t2\n\t\t\t\t\t\t<\/td>\n<td>\n\t\t\t\t\t\t\tJacob\n\t\t\t\t\t\t<\/td>\n<td>\n\t\t\t\t\t\t\tThornton\n\t\t\t\t\t\t<\/td>\n<td>\n\t\t\t\t\t\t\t@fat\n\t\t\t\t\t\t<\/td>\n<\/tr>\n<tr>\n<td>\n\t\t\t\t\t\t\t3\n\t\t\t\t\t\t<\/td>\n<td>\n\t\t\t\t\t\t\tLarry\n\t\t\t\t\t\t<\/td>\n<td>\n\t\t\t\t\t\t\tthe Bird\n\t\t\t\t\t\t<\/td>\n<td>\n\t\t\t\t\t\t\t@twitter\n\t\t\t\t\t\t<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h4 class=\"spaced\">Bordered<\/h4>\n<table class=\"table table-bordered\">\n<thead>\n<tr>\n<th>\n\t\t\t\t\t\t\t#\n\t\t\t\t\t\t<\/th>\n<th>\n\t\t\t\t\t\t\tFirst Name\n\t\t\t\t\t\t<\/th>\n<th>\n\t\t\t\t\t\t\tLast Name\n\t\t\t\t\t\t<\/th>\n<th>\n\t\t\t\t\t\t\tUsername\n\t\t\t\t\t\t<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>\n\t\t\t\t\t\t\t1\n\t\t\t\t\t\t<\/td>\n<td>\n\t\t\t\t\t\t\tMark\n\t\t\t\t\t\t<\/td>\n<td>\n\t\t\t\t\t\t\tOtto\n\t\t\t\t\t\t<\/td>\n<td>\n\t\t\t\t\t\t\t@mdo\n\t\t\t\t\t\t<\/td>\n<\/tr>\n<tr>\n<td>\n\t\t\t\t\t\t\t2\n\t\t\t\t\t\t<\/td>\n<td>\n\t\t\t\t\t\t\tJacob\n\t\t\t\t\t\t<\/td>\n<td>\n\t\t\t\t\t\t\tThornton\n\t\t\t\t\t\t<\/td>\n<td>\n\t\t\t\t\t\t\t@fat\n\t\t\t\t\t\t<\/td>\n<\/tr>\n<tr>\n<td>\n\t\t\t\t\t\t\t3\n\t\t\t\t\t\t<\/td>\n<td>\n\t\t\t\t\t\t\tLarry\n\t\t\t\t\t\t<\/td>\n<td>\n\t\t\t\t\t\t\tthe Bird\n\t\t\t\t\t\t<\/td>\n<td>\n\t\t\t\t\t\t\t@twitter\n\t\t\t\t\t\t<\/td>\n<\/tr>\n<\/tbody>\n<\/table><\/div>\n<\/p><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>H1 Heading Pellentesque pellentesque eget tempor tellus. Fusce lacllentesque eget tempor tellus ellentesque pelleinia tempor malesuada. Pellentesque pellentesque eget tempor tellus ellentesque pellentesque eget tempor tellus. Fusce lacinia tempor malesuada. H2 Heading Pellentesque pellentesque usce lacllentesque eget tempor tellus ellentesque pelleinia tempor malesuada. Pellentesque pellentesque eget tempor tellus ellentesque pellentesque eget tempor tellus. tellus eget [&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-2822","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/dl.mpdl.org\/fgdtw\/wp-json\/wp\/v2\/pages\/2822","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/dl.mpdl.org\/fgdtw\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/dl.mpdl.org\/fgdtw\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/dl.mpdl.org\/fgdtw\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/dl.mpdl.org\/fgdtw\/wp-json\/wp\/v2\/comments?post=2822"}],"version-history":[{"count":0,"href":"http:\/\/dl.mpdl.org\/fgdtw\/wp-json\/wp\/v2\/pages\/2822\/revisions"}],"wp:attachment":[{"href":"http:\/\/dl.mpdl.org\/fgdtw\/wp-json\/wp\/v2\/media?parent=2822"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}