{"id":355,"date":"2016-11-21T08:30:46","date_gmt":"2016-11-21T08:30:46","guid":{"rendered":"https:\/\/rubimassage.co.ke\/index.php\/style-guide\/"},"modified":"2016-11-21T08:30:46","modified_gmt":"2016-11-21T08:30:46","slug":"style-guide","status":"publish","type":"page","link":"https:\/\/rubimassage.co.ke\/index.php\/style-guide\/","title":{"rendered":"Style Guide"},"content":{"rendered":"<p>The style guide provides you with a blueprint of Paperback\u2019s\u00a0default post and page styles. The style guide is also a great reference for suggested typographic treatment and styles for your content.<\/p>\n<hr \/>\n<h4>Right Aligned Image<\/h4>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-176\" src=\"http:\/\/rarathemesdemo.com\/spa-and-salon-pro\/wp-content\/uploads\/sites\/37\/2016\/11\/img52.jpg\" alt=\"img52\" width=\"450\" height=\"396\" srcset=\"https:\/\/rubimassage.co.ke\/wp-content\/uploads\/2016\/11\/img52.jpg 480w, https:\/\/rubimassage.co.ke\/wp-content\/uploads\/2016\/11\/img52-300x264.jpg 300w\" sizes=\"auto, (max-width: 450px) 100vw, 450px\" \/>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. 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.\u00a0The 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.\u00a0The 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.<\/p>\n<hr \/>\n<h4>Left Aligned Image<\/h4>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-147 alignleft\" src=\"http:\/\/rarathemesdemo.com\/spa-and-salon-pro\/wp-content\/uploads\/sites\/37\/2016\/11\/img23-1.jpg\" alt=\"img23\" width=\"450\" height=\"252\" srcset=\"https:\/\/rubimassage.co.ke\/wp-content\/uploads\/2016\/11\/img23-1.jpg 781w, https:\/\/rubimassage.co.ke\/wp-content\/uploads\/2016\/11\/img23-1-300x168.jpg 300w, https:\/\/rubimassage.co.ke\/wp-content\/uploads\/2016\/11\/img23-1-768x430.jpg 768w\" sizes=\"auto, (max-width: 450px) 100vw, 450px\" \/>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. Images may be two-dimensional, such as a photograph, screen display, and as well as a three-dimensional, such as a statue or hologram.<\/p>\n<p>&nbsp;<\/p>\n<hr \/>\n<div class=\"tiled-gallery type-rectangular\" data-original-width=\"848\" data-carousel-extra=\"{&quot;blog_id&quot;:1,&quot;permalink&quot;:&quot;http:\/\/raratheme.com\/preview\/kalon-pro\/style-guide\/&quot;,&quot;likes_blog_id&quot;:114345832}\"><\/div>\n<div id='gallery-1' class='gallery galleryid-355 gallery-columns-3 gallery-size-thumbnail'><figure class='gallery-item'>\r\n            <div class='gallery-icon landscape'>\r\n                <a href='https:\/\/rubimassage.co.ke\/index.php\/service\/mind-fit\/ser-6\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/rubimassage.co.ke\/wp-content\/uploads\/2016\/11\/ser-6-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" aria-describedby=\"gallery-1-248\" srcset=\"https:\/\/rubimassage.co.ke\/wp-content\/uploads\/2016\/11\/ser-6-150x150.jpg 150w, https:\/\/rubimassage.co.ke\/wp-content\/uploads\/2016\/11\/ser-6-65x65.jpg 65w, https:\/\/rubimassage.co.ke\/wp-content\/uploads\/2016\/11\/ser-6-160x160.jpg 160w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/a>\r\n            <\/div>\r\n                <figcaption class='wp-caption-text gallery-caption' id='gallery-1-248'>\r\n                Deep Massage\r\n                <\/figcaption><\/figure><figure class='gallery-item'>\r\n            <div class='gallery-icon landscape'>\r\n                <a href='https:\/\/rubimassage.co.ke\/index.php\/service\/access-bars\/ser-5\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/rubimassage.co.ke\/wp-content\/uploads\/2016\/11\/ser-5-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" aria-describedby=\"gallery-1-246\" srcset=\"https:\/\/rubimassage.co.ke\/wp-content\/uploads\/2016\/11\/ser-5-150x150.jpg 150w, https:\/\/rubimassage.co.ke\/wp-content\/uploads\/2016\/11\/ser-5-65x65.jpg 65w, https:\/\/rubimassage.co.ke\/wp-content\/uploads\/2016\/11\/ser-5-160x160.jpg 160w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/a>\r\n            <\/div>\r\n                <figcaption class='wp-caption-text gallery-caption' id='gallery-1-246'>\r\n                Back Masssage\r\n                <\/figcaption><\/figure><figure class='gallery-item'>\r\n            <div class='gallery-icon landscape'>\r\n                <a href='https:\/\/rubimassage.co.ke\/index.php\/service\/therapeutic-massage\/services-img2\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/rubimassage.co.ke\/wp-content\/uploads\/2016\/11\/services-img2-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" aria-describedby=\"gallery-1-229\" srcset=\"https:\/\/rubimassage.co.ke\/wp-content\/uploads\/2016\/11\/services-img2-150x150.png 150w, https:\/\/rubimassage.co.ke\/wp-content\/uploads\/2016\/11\/services-img2-65x65.png 65w, https:\/\/rubimassage.co.ke\/wp-content\/uploads\/2016\/11\/services-img2-160x160.png 160w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/a>\r\n            <\/div>\r\n                <figcaption class='wp-caption-text gallery-caption' id='gallery-1-229'>\r\n                Ayurvedic Massage\r\n                <\/figcaption><\/figure><figure class='gallery-item'>\r\n            <div class='gallery-icon landscape'>\r\n                <a href='https:\/\/rubimassage.co.ke\/index.php\/peaceful-and-serene-environment\/spa-and-salon-wordpress-theme-1\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/rubimassage.co.ke\/wp-content\/uploads\/2016\/11\/Spa-and-Salon-WordPress-theme-1-150x150.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" aria-describedby=\"gallery-1-203\" srcset=\"https:\/\/rubimassage.co.ke\/wp-content\/uploads\/2016\/11\/Spa-and-Salon-WordPress-theme-1-150x150.jpg 150w, https:\/\/rubimassage.co.ke\/wp-content\/uploads\/2016\/11\/Spa-and-Salon-WordPress-theme-1-65x65.jpg 65w, https:\/\/rubimassage.co.ke\/wp-content\/uploads\/2016\/11\/Spa-and-Salon-WordPress-theme-1-160x160.jpg 160w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/a>\r\n            <\/div>\r\n                <figcaption class='wp-caption-text gallery-caption' id='gallery-1-203'>\r\n                Serene environment\r\n                <\/figcaption><\/figure>\r\n        <\/div>\n\n<h1>Heading One<\/h1>\n<h2>Heading Two<\/h2>\n<h3>Heading Three<\/h3>\n<h4>Heading Four<\/h4>\n<h5>Heading Five<\/h5>\n<h6>Heading Six<\/h6>\n<hr \/>\n<h3>Blockquote<\/h3>\n<p>The blockquote is used to indicate the quotation of a large section of text from another source. It can be as long or as short as you\u2019d like!<\/p>\n<blockquote><p>Those of us that had been up all night were in no mood for coffee and donuts, we wanted strong drink. We were, after all, the absolute cream of the national sporting press.<\/p><\/blockquote>\n<h3 id=\"pull-quotes\">Typography Styles<\/h3>\n<p><span id=\"dropcap\" class=\"dropcap\"><span class=\"rara-drop-cap2\">A<\/span>\u00a0<\/span>drop cap is a decorative element typically used in documents at the start of a section or chapter. It\u2019s a large capital letter at the beginning or a paragraph or text block that has the depth of two or more lines of normal text. You can easily add a dropcap to any paragraph by adding the class\u00a0<strong>dropcap<\/strong>\u00a0as seen below:<\/p>\n<p>&nbsp;<\/p>\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>Code Formatting<\/h3>\n<pre>pre {\n    position: relative;\n    background: #f7f7f7;\n    font-family: \"Courier 10 Pitch\", Courier, monospace;\n    font-size: 15px;\n    font-size: 1.5rem;\n    line-height: 1.6;\n    margin-bottom: 1.6em;\n    padding: 1.6em;\n    overflow: auto;\n    max-width: 100%;\n    tab-size: 4;\n}<\/pre>\n<hr \/>\n<h3>Mixed List Items<\/h3>\n<ul>\n<li>Unordered list item one<\/li>\n<li>Unordered list item two\n<ol>\n<li>Ordered list item one<\/li>\n<li>Ordered list item two\n<ul>\n<li>Unordered list item one<\/li>\n<li>Unordered list item two\n<ol>\n<li>Ordered list item one<\/li>\n<li>Ordered list item two<\/li>\n<li>Ordered list item three<\/li>\n<\/ol>\n<\/li>\n<li>Unordered list item three<\/li>\n<\/ul>\n<\/li>\n<li>Ordered list item three<\/li>\n<\/ol>\n<\/li>\n<li>Unordered list item three<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>The style guide provides you with a blueprint of Paperback\u2019s\u00a0default post and page styles. The style guide is also a great reference for suggested typographic treatment and styles for your content. Right Aligned Image Images may be two-dimensional, such as a photograph, screen display, and as well as a three-dimensional, such as a statue or &hellip; <\/p>\n","protected":false},"author":1,"featured_media":71,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-355","page","type-page","status-publish","has-post-thumbnail","hentry","latest_post"],"_links":{"self":[{"href":"https:\/\/rubimassage.co.ke\/index.php\/wp-json\/wp\/v2\/pages\/355","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rubimassage.co.ke\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rubimassage.co.ke\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rubimassage.co.ke\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rubimassage.co.ke\/index.php\/wp-json\/wp\/v2\/comments?post=355"}],"version-history":[{"count":0,"href":"https:\/\/rubimassage.co.ke\/index.php\/wp-json\/wp\/v2\/pages\/355\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/rubimassage.co.ke\/index.php\/wp-json\/wp\/v2\/media\/71"}],"wp:attachment":[{"href":"https:\/\/rubimassage.co.ke\/index.php\/wp-json\/wp\/v2\/media?parent=355"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}