{"id":109,"date":"2013-07-09T10:24:39","date_gmt":"2013-07-09T10:24:39","guid":{"rendered":"https:\/\/wpdemo.hotjoomlatemplates.com\/bokeh\/?page_id=109"},"modified":"2013-12-03T11:37:37","modified_gmt":"2013-12-03T11:37:37","slug":"typography","status":"publish","type":"page","link":"https:\/\/wpdemo.hotjoomlatemplates.com\/bokeh\/?page_id=109","title":{"rendered":"Typography"},"content":{"rendered":"<p><strong>This page represents typographical aspects of this theme. Take care about your typography to make better user experience for your readers. How to achieve that?<\/strong><\/p>\n<ul>\n<li>Learn more about typography, escpecially about the most often used codes, such as <a href=\"http:\/\/www.w3schools.com\/TAGS\/tag_p.asp\" target=\"_blank\">&lt;p&gt;<\/a>, <a href=\"http:\/\/www.w3schools.com\/TAGS\/tag_hn.asp\" target=\"_blank\">&lt;h1&gt;<\/a>, <a href=\"http:\/\/www.w3schools.com\/TAGS\/tag_hn.asp\" target=\"_blank\">&lt;h2&gt;<\/a>, <a href=\"http:\/\/www.w3schools.com\/TAGS\/tag_hn.asp\" target=\"_blank\">&lt;h3&gt;<\/a>, <a href=\"http:\/\/www.w3schools.com\/tags\/tag_IMG.asp\" target=\"_blank\">&lt;img&gt;<\/a> and <a href=\"http:\/\/www.w3schools.com\/TAGS\/tag_a.asp\" target=\"_blank\">&lt;a&gt;<\/a>.<\/li>\n<li>This theme has valid XHTML, but if you want to keep it like that, you must learn and follow the XHTML principles. Also, if some of your plugins are not XHTML valid, pages based on this plugin would not be XHTML valid as well (no matter if template itself is valid).<\/li>\n<li>Familiarize yourself with CSS styles that comes with this template.<\/li>\n<li>Never copy\/paste directly from layout text editors, such as Microsoft Word or OpenOffice. Try to paste text in plain editors first (such as Notepad).<\/li>\n<li>Use a WYSIWYG editor that comes with WordPress or install a better editor, but always check your code in the editor&#8217;s HTML mode.<\/li>\n<\/ul>\n<p>All typographic elements listed on this page are available through shortcodes that will be incorporated in the WordPress text editor (TinyMCE) after theme installation.<\/p>\n<p>&nbsp;<\/p>\n<h3>Headings and Paragraphs:<\/h3>\n<h1>Heading One<\/h1>\n<p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.<\/p>\n<h2>Heading Two<\/h2>\n<p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.<\/p>\n<h3>Heading Three<\/h3>\n<p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.<\/p>\n<h4>Heading Four<\/h4>\n<p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.<\/p>\n<p>&nbsp;<\/p>\n<h3>Text highlighted with color marker:<\/h3>\n<p>Lorem ipsum <span class=\"wp_hot_bokeh-highlight wp_hot_bokeh-highlight-yellow\">dolor sit amet<\/span>, consetetur sadipscing elitr, at accusam aliquyam <span class=\"wp_hot_bokeh-highlight wp_hot_bokeh-highlight-green\">diam dolore dolores<\/span> duo eirmod eos erat, <span class=\"wp_hot_bokeh-highlight wp_hot_bokeh-highlight-blue\">et nonumy sed tempor<\/span> et et invidunt <span class=\"wp_hot_bokeh-highlight wp_hot_bokeh-highlight-purple\">justo labore stet<\/span> clita ea et gubergren, <span class=\"wp_hot_bokeh-highlight wp_hot_bokeh-highlight-pink\">kasd magna no<\/span> rebum. sanctus <span class=\"wp_hot_bokeh-highlight wp_hot_bokeh-highlight-orange\">sea sed takimata<\/span> ut vero voluptua. est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.<\/p>\n<p>&nbsp;<\/p>\n<h3>Text Blocks:<\/h3>\n<div class=\"txtblock txtblock-error\" >Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.<\/div>\n<div class=\"txtblock txtblock-info\" >Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.<\/div>\n<div class=\"txtblock txtblock-warning\" >Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.<\/div>\n<div class=\"txtblock txtblock-typewriter\" >Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.<\/div>\n<div class=\"txtblock txtblock-quote\" >Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.<\/div>\n<p>&nbsp;<\/p>\n<h3>Paragraphs Marked with a Number\/Letter:<\/h3>\n<p><span class=\"wp_hot_bokeh-drop-default\">A<\/span>orem ipsum dolor sit amet, consetetur sadipscing elitr\u00a0orem ipsum dolor sit amet, consetetur sadipscing elitr\u00a0orem ipsum dolor sit amet, consetetur sadipscing elitr. Nam liber tempor cum soluta nobis eleifend option congue nihil. Consetetur sadipscing elitr\u00a0orem ipsum dolor sit amet, consetetur sadipscing elitr. Nam liber tempor cum soluta nobis eleifend option congue nihil.<\/p>\n<p><span class=\"wp_hot_bokeh-drop-circle\">B<\/span>orem ipsum dolor sit amet, consetetur sadipscing elitr\u00a0orem ipsum dolor sit amet, consetetur sadipscing elitr\u00a0orem ipsum dolor sit amet, consetetur sadipscing elitr.\u00a0Nam liber tempor cum soluta nobis eleifend option congue nihil. Consetetur sadipscing elitr\u00a0orem ipsum dolor sit amet, consetetur sadipscing elitr. Nam liber tempor cum soluta nobis eleifend option congue nihil.<\/p>\n<p><span class=\"wp_hot_bokeh-drop-square\">1<\/span>Lorem ipsum dolor sit amet, consetetur sadipscing elitr\u00a0orem ipsum dolor sit amet, consetetur sadipscing elitr\u00a0orem ipsum dolor sit amet, consetetur sadipscing elitr.\u00a0Nam liber tempor cum soluta nobis eleifend option congue nihil. Consetetur sadipscing elitr\u00a0orem ipsum dolor sit amet, consetetur sadipscing elitr. Nam liber tempor cum soluta nobis eleifend option congue nihil.<\/p>\n<p><span class=\"wp_hot_bokeh-drop-round\">2<\/span>Lorem ipsum dolor sit amet, consetetur sadipscing elitr\u00a0orem ipsum dolor sit amet, consetetur sadipscing elitr\u00a0orem ipsum dolor sit amet, consetetur sadipscing elitr.\u00a0Nam liber tempor cum soluta nobis eleifend option congue nihil. Consetetur sadipscing elitr\u00a0orem ipsum dolor sit amet, consetetur sadipscing elitr. Nam liber tempor cum soluta nobis eleifend option congue nihil.<\/p>\n<p><span class=\"p_number\">\u00a0<\/span><\/p>\n<h3>Unordered and Ordered Lists<\/h3>\n<div style=\"width: 50%; float: left;\">\n<h4>Classic unordered list:<\/h4>\n<ul class=\"wp_hot_bokeh-list unordered\">\n<li>List element one<\/li>\n<li>List element two<\/li>\n<li>List element three<\/li>\n<\/ul>\n<h4>Arrow list:<\/h4>\n<ul class=\"wp_hot_bokeh-list arrow\">\n<li>List element one<\/li>\n<li>List element two<\/li>\n<li>List element three<\/li>\n<\/ul>\n<h4>Left arrow list:<\/h4>\n<ul class=\"wp_hot_bokeh-list arrowleft\">\n<li>List element one<\/li>\n<li>List element two<\/li>\n<li>List element three<\/li>\n<\/ul>\n<h4>Calendar list:<\/h4>\n<ul class=\"wp_hot_bokeh-list calendar\">\n<li>List element one<\/li>\n<li>List element two<\/li>\n<li>List element three<\/li>\n<\/ul>\n<h4>Checklist:<\/h4>\n<ul class=\"wp_hot_bokeh-list checklist\">\n<li>List element one<\/li>\n<li>List element two<\/li>\n<li>List element three<\/li>\n<\/ul>\n<h4>Deleted items list:<\/h4>\n<ul class=\"wp_hot_bokeh-list delete\">\n<li>List element one<\/li>\n<li>List element two<\/li>\n<li>List element three<\/li>\n<\/ul>\n<h4>E-mails list:<\/h4>\n<ul class=\"wp_hot_bokeh-list email\">\n<li>List element one<\/li>\n<li>List element two<\/li>\n<li>List element three<\/li>\n<\/ul>\n<h4>Files list:<\/h4>\n<ul class=\"wp_hot_bokeh-list file\">\n<li>List element one<\/li>\n<li>List element two<\/li>\n<li>List element three<\/li>\n<\/ul>\n<h4>Heart list:<\/h4>\n<ul class=\"wp_hot_bokeh-list heart\">\n<li>List element one<\/li>\n<li>List element two<\/li>\n<li>List element three<\/li>\n<\/ul>\n<h4>Information list:<\/h4>\n<ul class=\"wp_hot_bokeh-list information\">\n<li>List element one<\/li>\n<li>List element two<\/li>\n<li>List element three<\/li>\n<\/ul>\n<h4>Locked items list:<\/h4>\n<ul class=\"wp_hot_bokeh-list lock\">\n<li>List element one<\/li>\n<li>List element two<\/li>\n<li>List element three<\/li>\n<\/ul>\n<\/div>\n<div style=\"width: 50%; float: left;\">\n<h4>Pencil list:<\/h4>\n<ul class=\"wp_hot_bokeh-list pencil\">\n<li>List element one<\/li>\n<li>List element two<\/li>\n<li>List element three<\/li>\n<\/ul>\n<h4>List of persons:<\/h4>\n<ul class=\"wp_hot_bokeh-list person\">\n<li>List element one<\/li>\n<li>List element two<\/li>\n<li>List element three<\/li>\n<\/ul>\n<h4>RSS links list:<\/h4>\n<ul class=\"wp_hot_bokeh-list rss\">\n<li>List element one<\/li>\n<li>List element two<\/li>\n<li>List element three<\/li>\n<\/ul>\n<h4>Shopping items list:<\/h4>\n<ul class=\"wp_hot_bokeh-list shop\">\n<li>List element one<\/li>\n<li>List element two<\/li>\n<li>List element three<\/li>\n<\/ul>\n<h4>Songs playlist:<\/h4>\n<ul class=\"wp_hot_bokeh-list song\">\n<li>List element one<\/li>\n<li>List element two<\/li>\n<li>List element three<\/li>\n<\/ul>\n<h4>Yellow stars list:<\/h4>\n<ul class=\"wp_hot_bokeh-list star\">\n<li>List element one<\/li>\n<li>List element two<\/li>\n<li>List element three<\/li>\n<\/ul>\n<h4>White stars list:<\/h4>\n<ul class=\"wp_hot_bokeh-list star2\">\n<li>List element one<\/li>\n<li>List element two<\/li>\n<li>List element three<\/li>\n<\/ul>\n<h4>Trashed items list:<\/h4>\n<ul class=\"wp_hot_bokeh-list trash\">\n<li>List element one<\/li>\n<li>List element two<\/li>\n<li>List element three<\/li>\n<\/ul>\n<h4>Tweaks list:<\/h4>\n<ul class=\"wp_hot_bokeh-list tweak\">\n<li>List element one<\/li>\n<li>List element two<\/li>\n<li>List element three<\/li>\n<\/ul>\n<h4>Unlocked items list:<\/h4>\n<ul class=\"wp_hot_bokeh-list unlock\">\n<li>List element one<\/li>\n<li>List element two<\/li>\n<li>List element three<\/li>\n<\/ul>\n<h4>Warning list:<\/h4>\n<ul class=\"wp_hot_bokeh-list warn\">\n<li>List element one<\/li>\n<li>List element two<\/li>\n<li>List element three<\/li>\n<\/ul>\n<\/div>\n<div class=\"clr\"><\/div>\n<p>&nbsp;<\/p>\n<h3>Inset Styles:<\/h3>\n<p><span class=\"inset_left\"><span class=\"inset_title\">Block Title<\/span>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisi.<\/span>To make such block of text, wrap it into a span with a class of inset-left. Optionally, inside this span you can add another span with class of inset_title for title. Here&#8217;s an example: &lt;span class=&#8221;inset_left&#8221;&gt;&lt;span class=&#8221;inset_title&#8221;&gt;Title&lt;\/span&gt;&#8230;your text goes here&#8230;&lt;\/span&gt;. In a similar way, you can align the block of text to the right. Use inset_right, instead of inset_left. <span class=\"inset_right\"><span class=\"inset_title\">Block Title<\/span>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisi.<\/span> If you need to change width or something else in those blocks, you can edit classes .inset_left and .inset_right in CSS stylesheet template_css.css.<\/p>\n<p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisi. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisi.<\/p>\n<p>&nbsp;<\/p>\n<h3>Buttons:<\/h3>\n<p><a   class=\"wp_hot_bokeh-btn wp_hot_bokeh-btn-blue-light wp_hot_bokeh-btn-small\" href=\"#\"> Button text <\/a>\u00a0<a   class=\"wp_hot_bokeh-btn wp_hot_bokeh-btn-blue wp_hot_bokeh-btn-small\" href=\"#\"> Button text <\/a>\u00a0<a   class=\"wp_hot_bokeh-btn wp_hot_bokeh-btn-blue-dark wp_hot_bokeh-btn-small\" href=\"#\"> Button text <\/a>\u00a0<a   class=\"wp_hot_bokeh-btn wp_hot_bokeh-btn-cyan wp_hot_bokeh-btn-small\" href=\"#\"> Button text <\/a>\u00a0<a   class=\"wp_hot_bokeh-btn wp_hot_bokeh-btn-green-light wp_hot_bokeh-btn-small\" href=\"#\"> Button text <\/a>\u00a0<a   class=\"wp_hot_bokeh-btn wp_hot_bokeh-btn-green wp_hot_bokeh-btn-small\" href=\"#\"> Button text <\/a>\u00a0<a   class=\"wp_hot_bokeh-btn wp_hot_bokeh-btn-green-dark wp_hot_bokeh-btn-small\" href=\"#\"> Button text <\/a>\u00a0<a   class=\"wp_hot_bokeh-btn wp_hot_bokeh-btn-orange wp_hot_bokeh-btn-small\" href=\"#\"> Button text <\/a>\u00a0<a   class=\"wp_hot_bokeh-btn wp_hot_bokeh-btn-purple wp_hot_bokeh-btn-small\" href=\"#\"> Button text <\/a>\u00a0<a   class=\"wp_hot_bokeh-btn wp_hot_bokeh-btn-red-light wp_hot_bokeh-btn-small\" href=\"#\"> Button text <\/a>\u00a0<a   class=\"wp_hot_bokeh-btn wp_hot_bokeh-btn-red wp_hot_bokeh-btn-small\" href=\"#\"> Button text <\/a>\u00a0<a   class=\"wp_hot_bokeh-btn wp_hot_bokeh-btn-red-dark wp_hot_bokeh-btn-small\" href=\"#\"> Button text <\/a>\u00a0<a   class=\"wp_hot_bokeh-btn wp_hot_bokeh-btn-grey-light wp_hot_bokeh-btn-small\" href=\"#\"> Button text <\/a>\u00a0<a   class=\"wp_hot_bokeh-btn wp_hot_bokeh-btn-grey-dark wp_hot_bokeh-btn-small\" href=\"#\"> Button text <\/a>\u00a0<a   class=\"wp_hot_bokeh-btn wp_hot_bokeh-btn-black wp_hot_bokeh-btn-small\" href=\"#\"> Button text <\/a><\/p>\n<p><a   class=\"wp_hot_bokeh-btn wp_hot_bokeh-btn-blue-light wp_hot_bokeh-btn-medium\" href=\"#\"> Button text <\/a>\u00a0<a   class=\"wp_hot_bokeh-btn wp_hot_bokeh-btn-blue wp_hot_bokeh-btn-medium\" href=\"#\"> Button text <\/a>\u00a0<a   class=\"wp_hot_bokeh-btn wp_hot_bokeh-btn-blue-dark wp_hot_bokeh-btn-medium\" href=\"#\"> Button text <\/a>\u00a0<a   class=\"wp_hot_bokeh-btn wp_hot_bokeh-btn-cyan wp_hot_bokeh-btn-medium\" href=\"#\"> Button text <\/a>\u00a0<a   class=\"wp_hot_bokeh-btn wp_hot_bokeh-btn-green-light wp_hot_bokeh-btn-medium\" href=\"#\"> Button text <\/a>\u00a0<a   class=\"wp_hot_bokeh-btn wp_hot_bokeh-btn-green wp_hot_bokeh-btn-medium\" href=\"#\"> Button text <\/a>\u00a0<a   class=\"wp_hot_bokeh-btn wp_hot_bokeh-btn-green-dark wp_hot_bokeh-btn-medium\" href=\"#\"> Button text <\/a>\u00a0<a   class=\"wp_hot_bokeh-btn wp_hot_bokeh-btn-orange wp_hot_bokeh-btn-medium\" href=\"#\"> Button text <\/a>\u00a0<a   class=\"wp_hot_bokeh-btn wp_hot_bokeh-btn-purple wp_hot_bokeh-btn-medium\" href=\"#\"> Button text <\/a>\u00a0<a   class=\"wp_hot_bokeh-btn wp_hot_bokeh-btn-red-light wp_hot_bokeh-btn-medium\" href=\"#\"> Button text <\/a>\u00a0<a   class=\"wp_hot_bokeh-btn wp_hot_bokeh-btn-red wp_hot_bokeh-btn-medium\" href=\"#\"> Button text <\/a>\u00a0<a   class=\"wp_hot_bokeh-btn wp_hot_bokeh-btn-red-dark wp_hot_bokeh-btn-medium\" href=\"#\"> Button text <\/a>\u00a0<a   class=\"wp_hot_bokeh-btn wp_hot_bokeh-btn-grey-light wp_hot_bokeh-btn-medium\" href=\"#\"> Button text <\/a>\u00a0<a   class=\"wp_hot_bokeh-btn wp_hot_bokeh-btn-grey-dark wp_hot_bokeh-btn-medium\" href=\"#\"> Button text <\/a>\u00a0<a   class=\"wp_hot_bokeh-btn wp_hot_bokeh-btn-black wp_hot_bokeh-btn-medium\" href=\"#\"> Button text <\/a><\/p>\n<p><a   class=\"wp_hot_bokeh-btn wp_hot_bokeh-btn-blue-light wp_hot_bokeh-btn-large\" href=\"#\"> Button text <\/a>\u00a0<a   class=\"wp_hot_bokeh-btn wp_hot_bokeh-btn-blue wp_hot_bokeh-btn-large\" href=\"#\"> Button text <\/a>\u00a0<a   class=\"wp_hot_bokeh-btn wp_hot_bokeh-btn-blue-dark wp_hot_bokeh-btn-large\" href=\"#\"> Button text <\/a>\u00a0<a   class=\"wp_hot_bokeh-btn wp_hot_bokeh-btn-cyan wp_hot_bokeh-btn-large\" href=\"#\"> Button text <\/a>\u00a0<a   class=\"wp_hot_bokeh-btn wp_hot_bokeh-btn-green-light wp_hot_bokeh-btn-large\" href=\"#\"> Button text <\/a>\u00a0<a   class=\"wp_hot_bokeh-btn wp_hot_bokeh-btn-green wp_hot_bokeh-btn-large\" href=\"#\"> Button text <\/a>\u00a0<a   class=\"wp_hot_bokeh-btn wp_hot_bokeh-btn-green-dark wp_hot_bokeh-btn-large\" href=\"#\"> Button text <\/a>\u00a0<a   class=\"wp_hot_bokeh-btn wp_hot_bokeh-btn-orange wp_hot_bokeh-btn-large\" href=\"#\"> Button text <\/a>\u00a0<a   class=\"wp_hot_bokeh-btn wp_hot_bokeh-btn-purple wp_hot_bokeh-btn-large\" href=\"#\"> Button text <\/a>\u00a0<a   class=\"wp_hot_bokeh-btn wp_hot_bokeh-btn-red-light wp_hot_bokeh-btn-large\" href=\"#\"> Button text <\/a>\u00a0<a   class=\"wp_hot_bokeh-btn wp_hot_bokeh-btn-red wp_hot_bokeh-btn-large\" href=\"#\"> Button text <\/a>\u00a0<a   class=\"wp_hot_bokeh-btn wp_hot_bokeh-btn-red-dark wp_hot_bokeh-btn-large\" href=\"#\"> Button text <\/a>\u00a0<a   class=\"wp_hot_bokeh-btn wp_hot_bokeh-btn-grey-light wp_hot_bokeh-btn-large\" href=\"#\"> Button text <\/a>\u00a0<a   class=\"wp_hot_bokeh-btn wp_hot_bokeh-btn-grey-dark wp_hot_bokeh-btn-large\" href=\"#\"> Button text <\/a>\u00a0<a   class=\"wp_hot_bokeh-btn wp_hot_bokeh-btn-black wp_hot_bokeh-btn-large\" href=\"#\"> Button text <\/a><\/p>\n<p>&nbsp;<\/p>\n<h3>Image with caption:<\/h3>\n<div id=\"attachment_390\" style=\"width: 1034px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/wpdemo.hotjoomlatemplates.com\/bokeh\/?attachment_id=390\" rel=\"attachment wp-att-390\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-390\" src=\"https:\/\/wpdemo.hotjoomlatemplates.com\/bokeh\/wp-content\/uploads\/2013\/12\/hot_bokeh-1024x275.jpg\" alt=\"hot bokeh\" width=\"1024\" height=\"275\" class=\"size-large wp-image-390\" srcset=\"https:\/\/wpdemo.hotjoomlatemplates.com\/bokeh\/wp-content\/uploads\/2013\/12\/hot_bokeh-1024x275.jpg 1024w, https:\/\/wpdemo.hotjoomlatemplates.com\/bokeh\/wp-content\/uploads\/2013\/12\/hot_bokeh-150x40.jpg 150w, https:\/\/wpdemo.hotjoomlatemplates.com\/bokeh\/wp-content\/uploads\/2013\/12\/hot_bokeh-275x73.jpg 275w, https:\/\/wpdemo.hotjoomlatemplates.com\/bokeh\/wp-content\/uploads\/2013\/12\/hot_bokeh.jpg 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><p id=\"caption-attachment-390\" class=\"wp-caption-text\">This is a sample caption text.<\/p><\/div>\n","protected":false},"excerpt":{"rendered":"<p>This page represents typographical aspects of this theme. Take care about your typography to make better user experience for your readers. How to achieve that? Learn more about typography, escpecially about the most often used codes, such as &lt;p&gt;, &lt;h1&gt;, &lt;h2&gt;, &lt;h3&gt;, &lt;img&gt; and &lt;a&gt;. This theme has valid XHTML, but if you want to keep it like that, you must learn and follow the XHTML principles. Also, if some of your plugins are not XHTML valid, pages based on this plugin would not be XHTML valid as well (no [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-109","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wpdemo.hotjoomlatemplates.com\/bokeh\/index.php?rest_route=\/wp\/v2\/pages\/109","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpdemo.hotjoomlatemplates.com\/bokeh\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wpdemo.hotjoomlatemplates.com\/bokeh\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wpdemo.hotjoomlatemplates.com\/bokeh\/index.php?rest_route=\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/wpdemo.hotjoomlatemplates.com\/bokeh\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=109"}],"version-history":[{"count":12,"href":"https:\/\/wpdemo.hotjoomlatemplates.com\/bokeh\/index.php?rest_route=\/wp\/v2\/pages\/109\/revisions"}],"predecessor-version":[{"id":406,"href":"https:\/\/wpdemo.hotjoomlatemplates.com\/bokeh\/index.php?rest_route=\/wp\/v2\/pages\/109\/revisions\/406"}],"wp:attachment":[{"href":"https:\/\/wpdemo.hotjoomlatemplates.com\/bokeh\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=109"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}