{"id":204,"date":"2015-06-30T07:30:12","date_gmt":"2015-06-30T07:30:12","guid":{"rendered":"http:\/\/demo.graphene-theme.com\/franz-josef\/?p=204"},"modified":"2015-07-13T15:33:30","modified_gmt":"2015-07-13T15:33:30","slug":"typography-markup-and-formatting","status":"publish","type":"post","link":"https:\/\/demo.graphene-theme.com\/franz-josef\/articles\/typography-markup-and-formatting\/","title":{"rendered":"Typography, markup, and formatting"},"content":{"rendered":"<div class=\"alert alert-warning\" role=\"alert\"><p class=\"printonly\"><strong>Warning!<\/strong><\/p>Warning message block<\/div>\n<div class=\"alert alert-danger\" role=\"alert\"><p class=\"printonly\"><strong>Error!<\/strong><\/p>Error message block<\/div>\n<div class=\"alert alert-info\" role=\"alert\"><p class=\"printonly\"><strong>Notice<\/strong><\/p>Notice\u00a0message block<\/div>\n<div class=\"alert alert-success\" role=\"alert\"><p class=\"printonly\"><strong>Important!<\/strong><\/p>Important\u00a0message block<\/div>\n<div class=\"pullquote alignright\" style=\"width:30%;text-align:center;\"><p>Pullquotes are typically used to highlight a sentence.<\/p>\n<\/div>\n<p>Blue Bottle swag Marfa whatever, bicycle rights Kickstarter cray tilde street art PBR small batch Godard chia craft beer biodiesel. Stumptown Wes Anderson yr, PBR skateboard Tumblr you probably haven&#8217;t heard of them actually retro asymmetrical heirloom whatever Intelligentsia aesthetic kitsch. Retro Carles biodiesel hoodie. Heirloom cronut selvage pour-over mlkshk.<\/p>\n<h3>This is a heading<\/h3>\n<div id=\"attachment_209\" class=\"wp-caption alignright\" style=\"width: 400px\"><a href=\"http:\/\/demo.graphene-theme.com\/franz-josef\/wp-content\/uploads\/2015\/06\/map.jpg\" data-rel=\"lightbox-image-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-209 size-medium\" src=\"http:\/\/demo.graphene-theme.com\/franz-josef\/wp-content\/uploads\/2015\/06\/map-400x264.jpg\" alt=\"map\" width=\"400\" height=\"264\" srcset=\"https:\/\/demo.graphene-theme.com\/franz-josef\/wp-content\/uploads\/2015\/06\/map-400x264.jpg 400w, https:\/\/demo.graphene-theme.com\/franz-josef\/wp-content\/uploads\/2015\/06\/map.jpg 1024w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/a><p class=\"wp-caption-text\">Captioning is optional, but it looks good.<\/p><\/div>\n<p>Echo Park tousled four dollar toast next level, authentic ugh Austin biodiesel plaid kogi PBR&amp;B fixie forage. Ethical pickled stumptown, bespoke raw denim Carles flexitarian actually. Banh mi Kickstarter XOXO occupy keytar, mlkshk master cleanse bespoke PBR&amp;B cliche fingerstache. Four dollar toast DIY polaroid Neutra Odd Future occupy.<\/p>\n<p>Vinyl ugh forage mustache, Intelligentsia Austin mumblecore gluten-free gastropub chillwave try-hard. Actually selfies try-hard, pug gluten-free before they sold out swag four loko mumblecore. Asymmetrical skateboard PBR ennui distillery.<\/p>\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<p>Typewriter gentrify chambray Austin. Helvetica McSweeney&#8217;s disrupt semiotics mustache typewriter. American Apparel Odd Future sustainable, put a bird on it normcore Intelligentsia before they sold out Helvetica flexitarian flannel kitsch brunch tousled paleo meh.<\/p>\n<blockquote><p>Design is not just what it looks like and feels like. Design is how it works.<\/p>\n<p><cite>Steve Jobs<\/cite><\/p><\/blockquote>\n<p>YOLO cardigan direct trade dreamcatcher. Brooklyn bitters twee PBR&amp;B, sustainable gentrify Schlitz scenester fap messenger bag tote bag Bushwick. Shoreditch +1 banh mi pop-up, polaroid hoodie Odd Future. Meh fashion axe Williamsburg polaroid, synth raw denim yr four loko locavore pop-up farm-to-table ugh tote bag try-hard.<\/p>\n<table class=\"table table-condensed table-striped\">\n<tbody>\n<tr>\n<th>Employee<\/th>\n<th class=\"views\">Salary<\/th>\n<th><\/th>\n<\/tr>\n<tr class=\"odd\">\n<td><a href=\"http:\/\/john.do\/\">John Saddington<\/a><\/td>\n<td>$1<\/td>\n<td>Because that&#8217;s all Steve Job&#8217; needed for a salary.<\/td>\n<\/tr>\n<tr class=\"even\">\n<td><a href=\"http:\/\/tommcfarlin.com\/\">Tom McFarlin<\/a><\/td>\n<td>$100K<\/td>\n<td>For all the blogging he does.<\/td>\n<\/tr>\n<tr class=\"odd\">\n<td><a href=\"http:\/\/jarederickson.com\/\">Jared Erickson<\/a><\/td>\n<td>$100M<\/td>\n<td>Pictures are worth a thousand words, right? So Tom x 1,000.<\/td>\n<\/tr>\n<tr class=\"even\">\n<td><a href=\"http:\/\/chrisam.es\/\">Chris Ames<\/a><\/td>\n<td>$100B<\/td>\n<td>With hair like that?! Enough said&#8230;<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>Tumblr lomo blog iPhone, Godard readymade tilde dreamcatcher selfies seitan cronut butcher. Vice tattooed actually, craft beer meditation Portland VHS freegan hashtag before they sold out gentrify polaroid farm-to-table squid tousled. Pork belly Banksy Vice meditation, locavore pop-up art party Thundercats sartorial 90&#8217;s four loko actually before they sold out small batch Pinterest.<\/p>\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<p>Hella put a bird on it freegan, squid disrupt fap chillwave meggings Neutra cred brunch hashtag cray. Hashtag freegan you probably haven&#8217;t heard of them flexitarian Pitchfork, selfies Odd Future banh mi church-key next level hoodie.<\/p>\n<h4>Large block of code<\/h4>\n<pre>.post-title {\r\n\tmargin: 0 0 5px;\r\n\tfont-weight: bold;\r\n\tfont-size: 38px;\r\n\tline-height: 1.2;\r\n}<\/pre>\n<p>American Apparel tattooed direct trade, Helvetica butcher beard salvia pour-over lo-fi Odd Future. Tumblr chia jean shorts, meh +1 cronut Portland pop-up skateboard.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Artisan letterpress kogi, tousled VHS kitsch fingerstache health goth lomo. Skateboard slow-carb PBR, literally single-origin coffee bitters viral direct trade. Hoodie Wes Anderson narwhal, seitan jean shorts letterpress fixie lomo single-origin coffee VHS kitsch. <\/p>\n","protected":false},"author":3,"featured_media":210,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"class_list":["post-204","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-articles"],"_links":{"self":[{"href":"https:\/\/demo.graphene-theme.com\/franz-josef\/wp-json\/wp\/v2\/posts\/204","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.graphene-theme.com\/franz-josef\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/demo.graphene-theme.com\/franz-josef\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/demo.graphene-theme.com\/franz-josef\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.graphene-theme.com\/franz-josef\/wp-json\/wp\/v2\/comments?post=204"}],"version-history":[{"count":8,"href":"https:\/\/demo.graphene-theme.com\/franz-josef\/wp-json\/wp\/v2\/posts\/204\/revisions"}],"predecessor-version":[{"id":225,"href":"https:\/\/demo.graphene-theme.com\/franz-josef\/wp-json\/wp\/v2\/posts\/204\/revisions\/225"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/demo.graphene-theme.com\/franz-josef\/wp-json\/wp\/v2\/media\/210"}],"wp:attachment":[{"href":"https:\/\/demo.graphene-theme.com\/franz-josef\/wp-json\/wp\/v2\/media?parent=204"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/demo.graphene-theme.com\/franz-josef\/wp-json\/wp\/v2\/categories?post=204"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/demo.graphene-theme.com\/franz-josef\/wp-json\/wp\/v2\/tags?post=204"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}