{"id":409,"date":"2014-10-04T05:44:11","date_gmt":"2014-10-04T05:44:11","guid":{"rendered":"http:\/\/imicreationlive.com\/gaea\/?page_id=409"},"modified":"2014-10-04T05:44:11","modified_gmt":"2014-10-04T05:44:11","slug":"typography","status":"publish","type":"page","link":"https:\/\/www.4climate.com\/index.php\/typography\/","title":{"rendered":"Typography"},"content":{"rendered":"<div class=\"row\">\n<div class=\"col-md-6 \" data-appear-animation=\"bounceInRight\"><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><\/div>\n<div class=\"col-md-6 \" data-appear-animation=\"bounceInRight\"><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> 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<p class=\"\"><span class=\"label label-danger\">Lorem<\/span> 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<p class=\"\"><span class=\"label label-info\">Lorem<\/span> 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<p class=\"\"><span class=\"label label-success\">Lorem<\/span> 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<p class=\"\"><span class=\"label label-warning\">Lorem<\/span> 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<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><\/div>\n<\/div>\n<hr class=\"\">\n<div class=\"row\">\n<div class=\"col-md-6 \" data-appear-animation=\"bounceInRight\"><h2 class=\"\">Dropcaps<\/h2>\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><\/div>\n<div class=\"col-md-6 \" data-appear-animation=\"bounceInRight\"><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><\/div>\n<\/div>\n<hr class=\"\">\n<div class=\"row\">\n<div class=\"col-md-6 \" data-appear-animation=\"bounceInRight\"><h2 class=\"\">Lists<\/h2>\n<h4 class=\"\">Unordered List<\/h4>\n<ul class=\"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<\/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.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><\/div>\n<div class=\"col-md-6 \" data-appear-animation=\"bounceInRight\"><h4 class=\"\">OrderedList<\/h4>\n<ol>\n<li>Facilisis in pretium nisl aliquetFacilisis in pretium nisl aliquet<\/li><li>Faucibus porta lacus fringilla vel<\/li>\n<li>Aenean sit amet erat nunc<\/li><li>Eget porttitor lorem<\/li><li>Consectetur adipiscing elit<\/li><li>Integer molestie lorem at massa<\/li><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=\"\">Icons List<\/h4>\n<ul class=\"icon \"><ol><\/ol>\n<li> Fusce sit amet orci quis arcu vestibulum vestibulum sed ut felis. <\/li><li>Phasellus in risus quis lectus iaculis vulputate id quis nisl.<\/li>\n<\/ul>\n<ul class=\"inline \">\n<li><i class=\"fa fa-check\"><\/i>  Fusce sit amet orci quis arcu vestibulum vestibulum sed ut felis. <\/li>\n<li><i class=\"fa fa-check\"><\/i> Phasellus in risus quis lectus iaculis vulputate id quis nisl.<\/li>\n<\/ul>\n<ul class=\"inline \">\n<li><i class=\"fa fa-caret-right\"><\/i>  Fusce sit amet orci quis arcu vestibulum vestibulum sed ut felis. <\/li>\n<li><i class=\"fa fa-caret-right\"><\/i> Phasellus in risus quis lectus iaculis vulputate id quis nisl.<\/li>\n<\/ul><ul class=\"inline \"><li><i class=\"fa fa-chevron-right\"><\/i>  Fusce sit amet orci quis arcu vestibulum vestibulum sed ut felis. <\/li>\n<li><i class=\"fa fa-chevron-right\"><\/i> Phasellus in risus quis lectus iaculis vulputate id quis nisl.<\/li>\n<\/ul>\n<span style=\"line-height: 1.5;\"><h4 class=\"spaced\">Inline<\/h4>\n<ul class=\"inline \">\n<li><i class=\"fa fa-clock-o\"><\/i> Item text 1<\/li>\n<li><i class=\"fa fa-clock-o\"><\/i> Item text 2<\/li>\n<li><i class=\"fa fa-clock-o\"><\/i> Item text 3<\/li>\n<\/ul><\/span><\/div>\n<\/div>\n<hr class=\"\">\n<div class=\"row\">\n<div class=\"col-md-12 \" ><h2 class=\"\">Code<\/h2><\/div>\n<\/div>\n<div class=\"row\"><div class=\"col-md-6 \" data-appear-animation=\"bounceInRight\">\n<h2 class=\"\">Inline<\/h2>\n<p class=\"\">For example,<code>&lt;section&gt;<\/code> should be wrapped as inline<\/p><\/div>\n<div class=\"col-md-6 \" data-appear-animation=\"bounceInRight\"><h4 class=\"\">Basic Block<\/h4>\n<pre>&lt;p&gt;Sample text here...&lt;\/p&gt;<\/pre><\/div><\/div>\n<hr class=\"\">\n<div class=\"row\">\n<div class=\"col-md-12 \" ><h2 class=\"\">Tables<\/h2>\n<h4 class=\"\">Striped<\/h4><\/div>\n<\/div><table class=\"table table-striped\"><thead><tr><th>#<\/th>\n<th>First\u00a0Name<\/th><th>Last Name<\/th><th>Username<\/th><\/tr><\/thead><tbody><tr><td>1<\/td><td>Mark<\/td><td>Otto<\/td><td>@mdo<\/td><\/tr><tr><td>2<\/td><td>Jacob<\/td><td>Thornton<\/td><td>@fat<\/td><\/tr><tr><td>3<\/td><td>Larry<\/td><td>the Bird<\/td><td>@twitter<\/td><\/tr><\/tbody><\/table>\n<div class=\"row\">\n<div class=\"col-md-12 \" ><h4 class=\"\">Bordered<\/h4><\/div>\n<\/div>\n<table class=\"table table-bordered\"><thead><tr><th>#<\/th><th>First\u00a0Name<\/th><th>Last Name<\/th><th>Username<\/th><\/tr><\/thead><tbody><tr><td>1<\/td><td>Mark<\/td><td>Otto<\/td><td>@mdo<\/td><\/tr><tr><td>2<\/td><td>Jacob<\/td><td>Thornton<\/td><td>@fat<\/td><\/tr><tr><td>3<\/td><td>Larry<\/td><td>the Bird<\/td><td>@twitter<\/td><\/tr><\/tbody><\/table>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-409","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Typography - 4Climate<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.4climate.com\/index.php\/typography\/\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Typography - 4Climate\" \/>\n<meta name=\"twitter:site\" content=\"@4Climate_news\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"9\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.4climate.com\\\/index.php\\\/typography\\\/\",\"url\":\"https:\\\/\\\/www.4climate.com\\\/index.php\\\/typography\\\/\",\"name\":\"Typography - 4Climate\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.4climate.com\\\/#website\"},\"datePublished\":\"2014-10-04T05:44:11+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.4climate.com\\\/index.php\\\/typography\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.4climate.com\\\/index.php\\\/typography\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.4climate.com\\\/index.php\\\/typography\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\\\/\\\/www.4climate.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Typography\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.4climate.com\\\/#website\",\"url\":\"https:\\\/\\\/www.4climate.com\\\/\",\"name\":\"4Climate\",\"description\":\"4Climate is an independent advisory company offering environmental consulting and environmental finance consulting services.-\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.4climate.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.4climate.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.4climate.com\\\/#organization\",\"name\":\"4Climate S.\u00e0 r.l.\",\"url\":\"https:\\\/\\\/www.4climate.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/www.4climate.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.4climate.com\\\/dev\\\/wp-content\\\/uploads\\\/2017\\\/07\\\/4Climate_retina.png\",\"contentUrl\":\"https:\\\/\\\/www.4climate.com\\\/dev\\\/wp-content\\\/uploads\\\/2017\\\/07\\\/4Climate_retina.png\",\"width\":400,\"height\":204,\"caption\":\"4Climate S.\u00e0 r.l.\"},\"image\":{\"@id\":\"https:\\\/\\\/www.4climate.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/x.com\\\/4Climate_news\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/nathalie-roth-a04b5a6\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Typography - 4Climate","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.4climate.com\/index.php\/typography\/","twitter_card":"summary_large_image","twitter_title":"Typography - 4Climate","twitter_site":"@4Climate_news","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"9\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.4climate.com\/index.php\/typography\/","url":"https:\/\/www.4climate.com\/index.php\/typography\/","name":"Typography - 4Climate","isPartOf":{"@id":"https:\/\/www.4climate.com\/#website"},"datePublished":"2014-10-04T05:44:11+00:00","breadcrumb":{"@id":"https:\/\/www.4climate.com\/index.php\/typography\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.4climate.com\/index.php\/typography\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.4climate.com\/index.php\/typography\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/www.4climate.com\/"},{"@type":"ListItem","position":2,"name":"Typography"}]},{"@type":"WebSite","@id":"https:\/\/www.4climate.com\/#website","url":"https:\/\/www.4climate.com\/","name":"4Climate","description":"4Climate is an independent advisory company offering environmental consulting and environmental finance consulting services.-","publisher":{"@id":"https:\/\/www.4climate.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.4climate.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/www.4climate.com\/#organization","name":"4Climate S.\u00e0 r.l.","url":"https:\/\/www.4climate.com\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.4climate.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.4climate.com\/dev\/wp-content\/uploads\/2017\/07\/4Climate_retina.png","contentUrl":"https:\/\/www.4climate.com\/dev\/wp-content\/uploads\/2017\/07\/4Climate_retina.png","width":400,"height":204,"caption":"4Climate S.\u00e0 r.l."},"image":{"@id":"https:\/\/www.4climate.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/4Climate_news","https:\/\/www.linkedin.com\/in\/nathalie-roth-a04b5a6"]}]}},"_links":{"self":[{"href":"https:\/\/www.4climate.com\/index.php\/wp-json\/wp\/v2\/pages\/409","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.4climate.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.4climate.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.4climate.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.4climate.com\/index.php\/wp-json\/wp\/v2\/comments?post=409"}],"version-history":[{"count":0,"href":"https:\/\/www.4climate.com\/index.php\/wp-json\/wp\/v2\/pages\/409\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.4climate.com\/index.php\/wp-json\/wp\/v2\/media?parent=409"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}