{"id":177,"date":"2015-04-23T14:25:05","date_gmt":"2015-04-23T14:25:05","guid":{"rendered":"http:\/\/tommusrhodus.wpengine.com\/?p=1"},"modified":"2015-04-23T14:25:05","modified_gmt":"2015-04-23T14:25:05","slug":"html-testing-post","status":"publish","type":"post","link":"https:\/\/openmodus.com\/index.php\/2015\/04\/23\/html-testing-post\/","title":{"rendered":"HTML Testing Post"},"content":{"rendered":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In consequat viverra metus nec placerat. Phasellus porttitor ut metus eget viverra. Sed maximus bibendum nibh, vitae ullamcorper est condimentum quis. Aliquam tempor quam id justo elementum posuere. Nam vehicula sapien ornare pellentesque eleifend. Sed blandit pellentesque libero eu ultrices. Curabitur laoreet in sapien a fringilla. Donec malesuada lobortis felis at egestas. Praesent id sollicitudin odio, sed faucibus risus. Vestibulum euismod sit amet est et cursus. Nullam viverra ac tellus eu posuere.<\/p>\n<p>Ut ipsum eros, pulvinar sed tellus et, mattis placerat mi. Integer ultrices nulla libero, et egestas ante tempus non. Vestibulum non fermentum elit, quis egestas massa. Morbi pulvinar augue nec quam congue, vitae suscipit ligula pharetra. Nulla laoreet imperdiet odio ac condimentum. Ut dignissim massa lacus. Vestibulum id risus pellentesque, suscipit metus quis, rhoncus eros. Proin imperdiet porttitor magna. Morbi pretium nec nisl ut sollicitudin. Vestibulum feugiat pretium neque ac pulvinar. Sed metus sapien, pellentesque quis semper in, vulputate eu neque. Donec laoreet fringilla commodo. Maecenas at ante quam. Ut rutrum fringilla consectetur. Aenean malesuada, nisl ac fringilla porttitor, libero quam tincidunt leo, quis lacinia leo eros sit amet risus.<\/p>\n<h1>HTML Ipsum Presents<\/h1>\n<p><strong>Pellentesque habitant morbi tristique<\/strong> senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. <em>Aenean ultricies mi vitae est.<\/em> Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, <code>commodo vitae<\/code>, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. <a href=\"#\">Donec non enim<\/a> in turpis pulvinar facilisis. Ut felis.<\/p>\n<h2>Header Level 2<\/h2>\n<ol>\n<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<\/li>\n<li>Aliquam tincidunt mauris eu risus.<\/li>\n<\/ol>\n<blockquote><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus magna. Cras in mi at felis aliquet congue. Ut a est eget ligula molestie gravida. Curabitur massa. Donec eleifend, libero at sagittis mollis, tellus est malesuada tellus, at luctus turpis elit sit amet quam. Vivamus pretium ornare est.<\/p><\/blockquote>\n<h3>Header Level 3<\/h3>\n<h4>Header Level 4<\/h4>\n<h5>Header Level 5<\/h5>\n<h6>Header Level 6<\/h6>\n<ul>\n<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<\/li>\n<li>Aliquam tincidunt mauris eu risus.<\/li>\n<\/ul>\n<pre><code>\n#header h1 a { \n\tdisplay: block; \n\twidth: 300px; \n\theight: 80px; \n}\n<\/code><\/pre>\n<hr \/>\n<h3>Table Styles<\/h3>\n<table>\n<thead>\n<tr>\n<th>Beatle<\/th>\n<th>Instrument<\/th>\n<th>Song<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr class=\"odd\">\n<td>John Lennon<\/td>\n<td>Guitar<\/td>\n<td>A Day In the Life<\/td>\n<\/tr>\n<tr class=\"even\">\n<td>George Harrison<\/td>\n<td>Guitar<\/td>\n<td>Old Brown Shoe<\/td>\n<\/tr>\n<tr class=\"odd\">\n<td>Paul McCartney<\/td>\n<td>Bass<\/td>\n<td>Helter Skelter<\/td>\n<\/tr>\n<tr class=\"even\">\n<td>Ringo Starr<\/td>\n<td>Drums<\/td>\n<td>Don\u2019t Pass Me By<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<hr \/>\n<h3>Highlight Text Style<\/h3>\n<p>To use the highlight, you simply need to <span class=\"highlight\">add a span with the class <b>highlight<\/b><\/span>. This can be done in the Text editor view. See an example below:<\/p>\n<pre>&lt;span class=\"highlight\"&gt;This will be highlighted.&lt;\/span&gt;<\/pre>\n<hr \/>\n<h3>Image Alignment<\/h3>\n<p><img loading=\"lazy\" class=\"aligncenter wp-image-116 size-large\" src=\"http:\/\/lumos:8888\/wp-content\/uploads\/2015\/03\/pm1-full.jpg\" alt=\"This is a full width image, center aligned in the post.\" width=\"634\" height=\"421\" \/><\/p>\n<hr \/>\n<p><strong>Right Aligned Image<\/strong><\/p>\n<p><img loading=\"lazy\" class=\"alignright wp-image-98 size-thumbnail\" src=\"http:\/\/lumos:8888\/wp-content\/uploads\/2015\/03\/pm1-full.jpg\" alt=\"Right aligned.\" width=\"150\" height=\"150\" \/><\/p>\n<p>Images may be two-dimensional, such as a photograph, screen display, and as well as a three-dimensional, such as a statue or hologram. They may be captured by optical devices \u2013 such as cameras, mirrors, lenses, telescopes, microscopes, etc. and natural objects and phenomena, such as the human eye or water surfaces.<\/p>\n<hr \/>\n<p><strong>Left Aligned Image<\/strong><\/p>\n<p><img loading=\"lazy\" class=\"alignleft wp-image-99 size-thumbnail\" src=\"http:\/\/lumos:8888\/wp-content\/uploads\/2015\/03\/pm1-full.jpg\" alt=\"Left aligned.\" width=\"150\" height=\"150\" \/><\/p>\n<p>The word image is also used in the broader sense of any two-dimensional figure such as a map, a graph, a pie chart, or an abstract painting. In this wider sense, images can also be rendered manually, such as by drawing, painting, carving, rendered automatically by printing or computer graphics technology, or developed by a combination of methods.<\/p>\n<hr \/>\n<h3>Image Captions<\/h3>\n<figure id=\"attachment_116\" aria-describedby=\"caption-attachment-116\" style=\"width: 634px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" class=\"wp-image-116 size-large\" src=\"http:\/\/lumos:8888\/wp-content\/uploads\/2015\/03\/pm1-full.jpg\" alt=\"This is a full width image, center aligned in the post.\" width=\"634\" height=\"421\" \/><figcaption id=\"caption-attachment-116\" class=\"wp-caption-text\">A Caption<\/figcaption><\/figure>\n<hr \/>\n<p><strong>Right Aligned Image<\/strong><\/p>\n<figure id=\"attachment_98\" aria-describedby=\"caption-attachment-98\" style=\"width: 150px\" class=\"wp-caption alignright\"><img loading=\"lazy\" class=\"wp-image-98 size-thumbnail\" src=\"http:\/\/lumos:8888\/wp-content\/uploads\/2015\/03\/pm1-full.jpg\" alt=\"Right aligned.\" width=\"150\" height=\"150\" \/><figcaption id=\"caption-attachment-98\" class=\"wp-caption-text\">A Caption<\/figcaption><\/figure>\n<p>Images may be two-dimensional, such as a photograph, screen display, and as well as a three-dimensional, such as a statue or hologram. They may be captured by optical devices \u2013 such as cameras, mirrors, lenses, telescopes, microscopes, etc. and natural objects and phenomena, such as the human eye or water surfaces.<\/p>\n<hr \/>\n<p><strong>Left Aligned Image<\/strong><\/p>\n<figure id=\"attachment_99\" aria-describedby=\"caption-attachment-99\" style=\"width: 150px\" class=\"wp-caption alignleft\"><img loading=\"lazy\" class=\"wp-image-99 size-thumbnail\" src=\"http:\/\/lumos:8888\/wp-content\/uploads\/2015\/03\/pm1-full.jpg\" alt=\"Left aligned.\" width=\"150\" height=\"150\" \/><figcaption id=\"caption-attachment-99\" class=\"wp-caption-text\">A Caption<\/figcaption><\/figure>\n<p>The word image is also used in the broader sense of any two-dimensional figure such as a map, a graph, a pie chart, or an abstract painting. In this wider sense, images can also be rendered manually, such as by drawing, painting, carving, rendered automatically by printing or computer graphics technology, or developed by a combination of methods.<\/p>\n<hr \/>\n<h3 id=\"pull-quotes\">Pull Quote Styles<\/h3>\n<p>To use the pull quote, you simply need to add a class of <b>pull-right<\/b> or <b>pull-left<\/b> to your content. This can be done in the Text editor view. See an example below:<\/p>\n<pre>&lt;span class=\"pull-right\"&gt;Pull this text right.&lt;\/span&gt;<\/pre>\n<p><span class=\"pull-right\">This pull quote is just hanging out on the right side of the post. Lorem ipsum dolor sit amet, consectetur.<\/span><\/p>\n<p>A pull quote (also known as a lift-out quote) is a quotation or excerpt from an article that is typically placed in a larger or distinctive typeface on the same page, serving to entice readers into an article or to highlight a key topic. The term is principally used in journalism and publishing.<\/p>\n<p>Placement of a pull quote on a page may be defined in a publication\u2019s or website\u2019s style guide. Such a typographic device may or may not be aligned with a column on the page. Some designers, for example, choose not to align the quote. In that case, the quotation cuts into two or more columns, as in the example shown.<\/p>\n<p><span class=\"pull-left\">And this pull quote is pulling text to the left, like a sir. Lorem ipsum dolor sit amet, consectetur.<\/span><\/p>\n<p>Pull quotes need not be a verbatim copy of the text being quoted; depending on a publication\u2019s house style pull quotes may be abbreviated for space and\/or paraphrased for clarity, with or without indication. There are no hard-and-fast rules for the exact formatting of pull quotes.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In consequat viverra metus nec placerat. Phasellus porttitor ut metus eget viverra. Sed maximus bibendum nibh, vitae ullamcorper est condimentum quis. Aliquam tempor quam id justo elementum posuere. Nam vehicula sapien ornare pellentesque eleifend. Sed blandit pellentesque libero eu ultrices. Curabitur laoreet in sapien a fringilla. Donec &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/openmodus.com\/index.php\/2015\/04\/23\/html-testing-post\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;HTML Testing Post&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false},"categories":[3],"tags":[],"_links":{"self":[{"href":"https:\/\/openmodus.com\/index.php\/wp-json\/wp\/v2\/posts\/177"}],"collection":[{"href":"https:\/\/openmodus.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/openmodus.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/openmodus.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/openmodus.com\/index.php\/wp-json\/wp\/v2\/comments?post=177"}],"version-history":[{"count":0,"href":"https:\/\/openmodus.com\/index.php\/wp-json\/wp\/v2\/posts\/177\/revisions"}],"wp:attachment":[{"href":"https:\/\/openmodus.com\/index.php\/wp-json\/wp\/v2\/media?parent=177"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/openmodus.com\/index.php\/wp-json\/wp\/v2\/categories?post=177"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/openmodus.com\/index.php\/wp-json\/wp\/v2\/tags?post=177"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}