{"id":163,"date":"2014-03-04T11:53:07","date_gmt":"2014-03-04T11:53:07","guid":{"rendered":"http:\/\/192.232.247.118\/imithemes.com\/dev\/native-church\/?page_id=163"},"modified":"2014-03-04T11:53:07","modified_gmt":"2014-03-04T11:53:07","slug":"typography","status":"publish","type":"page","link":"https:\/\/www.gii-usa.org\/redesign\/typography\/","title":{"rendered":"Typography"},"content":{"rendered":"<section class=\"container\">\n<div class=\"row\">\n<div class=\"col-md-6 \" >\n<h1 class=\"\">H1 heading style<\/h1>\n<p class=\"\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla luctus. Fusce id mi diam, non ornare orci. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.<\/p>\n<h2 class=\"\">H2 heading style<\/h2>\n<p class=\"\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla luctus. Fusce id mi diam, non ornare orci. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.<\/p>\n<h3 class=\"\">H3 heading style<\/h3>\n<p class=\"\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla luctus. Fusce id mi diam, non ornare orci. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.<\/p>\n<h4 class=\"\">H4 heading style<\/h4>\n<p class=\"\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla luctus. Fusce id mi diam, non ornare orci. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.<\/p>\n<h5 class=\"\">H5 heading style<\/h5>\n<p class=\"\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla luctus. Fusce id mi diam, non ornare orci. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.<\/p>\n<h6 class=\"\">H6 heading style<\/h6>\n<p class=\"\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla luctus. Fusce id mi diam, non ornare orci. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.<\/p>\n<\/div>\n<div class=\"col-md-6 \" >\n<h2 class=\"\">Blockquote<\/h2>\n<blockquote><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.<\/p><cite>- Author name here<\/cite><\/blockquote>\n<h2 class=\"\">Labels<\/h2>\n<p class=\"\"><span class=\"label label-primary\">Lorem<\/span>\u00a0ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.<\/p>\n<p class=\"\"><span class=\"label label-danger\">Lorem<\/span>\u00a0ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.<\/p>\n<p class=\"\"><span class=\"label label-info\">Lorem<\/span>\u00a0ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.<\/p>\n<p class=\"\"><span class=\"label label-success\">Lorem<\/span>\u00a0ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.<\/p>\n<p class=\"\"><span class=\"label label-warning\">Lorem<\/span>\u00a0ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.<\/p>\n<h2 class=\"\">Paragraph<\/h2>\n<p class=\"\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.<\/p>\n<\/div>\n<\/div>\n<hr class=\"\">\n<div class=\"row\">\n<div class=\"col-md-12 \" >\n<h2 class=\"\">Dropcaps<\/h2>\n<\/div>\n<div class=\"col-md-6 \" >\n<p class=\"drop-caps \">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.<\/p>\n<\/div>\n<div class=\"col-md-6 \" >\n<p class=\"drop-caps secondary\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.<\/p>\n<\/div>\n<\/div>\n<hr class=\"\">\n<div class=\"row\">\n<div class=\"col-md-12 \" >\n<h2 class=\"\">Lists<\/h2>\n<\/div>\n<\/div>\n<div class=\"row\">\n<div class=\"col-md-6 \" >\n<h4 class=\"\">Unordered List<\/h4>\n<ul class=\"chevrons unordered \">\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>Nulla volutpat aliquam velit<\/li>\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<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 List<\/h4>\n<dl>\n<dt>Description lists<\/dt><dd>A description list is perfect for defining terms.<\/dd>\n<dt>Euismod<\/dt><dd>Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.<\/dd><dd>Donec id elit non mi porta gravida at eget metus.<\/dd>\n<dt>Malesuada porta<\/dt><dd>Etiam porta sem malesuada magna mollis euismod.<\/dd>\n<\/dl>\n<\/div>\n<div class=\"col-md-6 \" >\n<h4 class=\"\">Ordered List<\/h4>\n<ol>\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 List<\/h4>\n<ul class=\"chevrons icon hearts\">\n<li><i class=\"fa icon-envelope-alt\"><\/i> Fusce sit amet orci quis arcu vestibulum vestibulum sed ut felis.<\/li>\n<li><i class=\"fa icon-film\"><\/i> Phasellus in risus quis lectus iaculis vulputate id quis nisl.<\/li>\n<\/ul>\n<ul class=\"chevrons icon checks\">\n<li><i class=\"fa icon-envelope-alt\"><\/i> Fusce sit amet orci quis arcu vestibulum vestibulum sed ut felis.<\/li>\n<li><i class=\"fa icon-film\"><\/i> Phasellus in risus quis lectus iaculis vulputate id quis nisl.<\/li>\n<\/ul>\n<ul class=\"chevrons icon carets\">\n<li><i class=\"fa icon-envelope-alt\"><\/i> Fusce sit amet orci quis arcu vestibulum vestibulum sed ut felis.<\/li>\n<li><i class=\"fa icon-film\"><\/i> Phasellus in risus quis lectus iaculis vulputate id quis nisl.<\/li>\n<\/ul>\n<ul class=\"chevrons icon chevrons\">\n<li><i class=\"fa icon-envelope-alt\"><\/i> Fusce sit amet orci quis arcu vestibulum vestibulum sed ut felis.<\/li>\n<li><i class=\"fa icon-film\"><\/i> Phasellus in risus quis lectus iaculis vulputate id quis nisl.<\/li>\n<\/ul>\n<h4 class=\"spaced\">Inline<\/h4>\n<ul class=\"chevrons inline \">\n<li>Lorem ipsum<\/li>\n<li>Phasellus iaculis<\/li>\n<li>Nulla volutpat<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<hr class=\"\">\n<div class=\"row\">\n<div class=\"col-md-12 \" >\n<h2 class=\"\">Code<\/h2>\n<\/div>\n<\/div>\n<div class=\"row\">\n<div class=\"col-md-6 \" >\n<h4 class=\"\">Inline<\/h4>\n<p class=\"\">For example,\u00a0<code>&lt;section&gt;<\/code>\u00a0should be wrapped as inline.<\/p>\n<\/div>\n<div class=\"col-md-6 \" >\n<h4 class=\"\">Basic Block<\/h4>\n<pre>&lt;p&gt;Sample text here...&lt;\/p&gt;<\/pre>\n<\/div>\n<\/div>\n<hr class=\"\">\n<div class=\"row\">\n<div class=\"col-md-12 \" >\n<h2 class=\"\">Tables<\/h2>\n<\/div>\n<\/div>\n<div class=\"row\">\n<div class=\"col-md-12 \" >\n<h4 class=\"\">Striped<\/h4>\n<table class=\"table table-striped\">\n<thead><tr>\n<th> # <\/th>\n<th> First Name <\/th>\n<th> Last Name <\/th>\n<th> Username <\/th>\n<\/tr><\/thead>\n<tbody><tr>\n<td> 1 <\/td>\n<td> Mark <\/td>\n<td> Otto <\/td>\n<td> @mdo <\/td>\n<\/tr>\n<tr>\n<td> 2 <\/td>\n<td> Jacob <\/td>\n<td> Thornton\u00a0<\/td>\n<td> @fat <\/td>\n<\/tr>\n<tr>\n<td> 3 <\/td>\n<td> Larry <\/td>\n<td> the Bird\u00a0<\/td>\n<td> @twitter <\/td>\n<\/tr><\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<div class=\"row\">\n<div class=\"col-md-12 \" >\n<h4 class=\"spaced\">Bordered<\/h4>\n<table class=\"table table-bordered\">\n<thead><tr>\n<th> # <\/th>\n<th> First Name <\/th>\n<th> Last Name <\/th>\n<th> Username <\/th>\n<\/tr><\/thead>\n<tbody><tr>\n<td> 1 <\/td>\n<td> Mark <\/td>\n<td> Otto <\/td>\n<td> @mdo <\/td>\n<\/tr>\n<tr>\n<td> 2 <\/td>\n<td> Jacob <\/td>\n<td> Thornton\u00a0<\/td>\n<td> @fat <\/td>\n<\/tr>\n<tr>\n<td> 3 <\/td>\n<td> Larry <\/td>\n<td> the Bird\u00a0<\/td>\n<td> @twitter <\/td>\n<\/tr><\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":27,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-163","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.gii-usa.org\/redesign\/wp-json\/wp\/v2\/pages\/163","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gii-usa.org\/redesign\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.gii-usa.org\/redesign\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.gii-usa.org\/redesign\/wp-json\/wp\/v2\/users\/27"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gii-usa.org\/redesign\/wp-json\/wp\/v2\/comments?post=163"}],"version-history":[{"count":0,"href":"https:\/\/www.gii-usa.org\/redesign\/wp-json\/wp\/v2\/pages\/163\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.gii-usa.org\/redesign\/wp-json\/wp\/v2\/media?parent=163"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}