{"id":227,"date":"2013-02-08T01:11:36","date_gmt":"2013-02-08T01:11:36","guid":{"rendered":"http:\/\/jegtheme.com\/themes\/jphotoliolight\/?page_id=227"},"modified":"2013-02-08T01:11:36","modified_gmt":"2013-02-08T01:11:36","slug":"typography-element","status":"publish","type":"page","link":"https:\/\/jphotolio.jegtheme.com\/dark\/typography-element\/","title":{"rendered":"Typography &amp; Element"},"content":{"rendered":"<h2>Image &amp; Heading<\/h2>\n<hr class=\"hr-margin\" \/>\n<div><a class=\"photoswipe\" href=\"http:\/\/jegtheme.com\/themes\/jphotoliolight\/files\/2013\/02\/3783554835_705b77c9c9_o.jpg\"><img decoding=\"async\" class=\"span2 alignleft\" src=\"http:\/\/jegtheme.com\/themes\/jphotolio\/files\/2012\/08\/1352231534_06465a917f.jpg\" alt=\"\" \/><\/a><\/div>\n<p>Vi vamus sit amet eros felis, id sollicitudin est. Quisque lacus dolor, vulputate eget sagittis eget, facilisis et quam. Ut id erat ut est volutpat gravida. Suspendisse quis nunc nec purus vestibulum sagittis eget at mauris. Donec dignissim sem libero, ut vehicula arcu. Sed porttitor, ligula eu tincidunt lobortis, velit leo vehicula odio, eu eleifend neque dui vel mauris. Etiam at lacus eros.<\/p>\n<div><a class=\"photoswipe\" href=\"http:\/\/jegtheme.com\/themes\/jphotoliolight\/files\/2013\/02\/2181992045_7111a5dffe_o.jpg\"><img decoding=\"async\" class=\"span2 alignright\" src=\"http:\/\/jegtheme.com\/themes\/jphotolio\/files\/2012\/08\/3783554835_ebbd481c26_b.jpg\" alt=\"\" \/><\/a><\/div>\n<p>Vi vamus sit amet eros felis, id sollicitudin est. Quisque lacus dolor, vulputate eget sagittis eget, facilisis et quam. Ut id erat ut est volutpat gravida. Suspendisse quis nunc nec purus vestibulum sagittis eget at mauris. Donec dignissim sem libero, ut vehicula arcu. Sed porttitor, ligula eu tincidunt lobortis, velit leo vehicula odio, eu eleifend neque dui vel mauris. Etiam at lacus eros.<\/p>\n<p>Vi vamus sit amet eros felis, id sollicitudin est. Quisque lacus dolor, vulputate eget sagittis eget, facilisis et quam. Ut id erat ut est volutpat gravida. Suspendisse quis nunc nec purus vestibulum sagittis eget at mauris. Donec dignissim sem libero, ut vehicula arcu. Sed porttitor, ligula eu tincidunt lobortis, velit leo vehicula odio, eu eleifend neque dui vel mauris. Etiam at lacus eros.<\/p>\n<p>Vi vamus sit amet eros felis, id sollicitudin est. Quisque lacus dolor, vulputate eget sagittis eget, facilisis et quam. Ut id erat ut est volutpat gravida. Suspendisse quis nunc nec purus vestibulum sagittis eget at mauris. Donec dignissim sem libero, ut vehicula arcu. Sed porttitor, ligula eu tincidunt lobortis, velit leo vehicula odio, eu eleifend neque dui vel mauris. Etiam at lacus eros.<\/p>\n<div class=\"row\" style=\"clear: both\">\n<div class=\"span4\">\n<h1>First Heading<\/h1>\n<hr class=\"hr-margin\" \/>\n<p>Vi vamus sit amet eros felis, id sollicitudin est. Quisque lacus dolor, vulputate eget sagittis eget, facilisis et quam. Ut id erat ut est volutpat gravida. Suspendisse quis nunc nec purus vestibulum sagittis eget at mauris. Donec dignissim sem libero, ut vehicula arcu. Sed porttitor, ligula eu tincidunt lobortis, velit leo vehicula odio, eu eleifend neque dui vel mauris. Etiam at lacus eros.<\/p>\n<\/div>\n<div class=\"span4\">\n<h2>Second Heading<\/h2>\n<hr class=\"hr-margin\" \/>\n<p>Vi vamus sit amet eros felis, id sollicitudin est. Quisque lacus dolor, vulputate eget sagittis eget, facilisis et quam. Ut id erat ut est volutpat gravida. Suspendisse quis nunc nec purus vestibulum sagittis eget at mauris. Donec dignissim sem libero, ut vehicula arcu. Sed porttitor, ligula eu tincidunt lobortis, velit leo vehicula odio, eu eleifend neque dui vel mauris. Etiam at lacus eros.<\/p>\n<\/div>\n<div class=\"span4\">\n<h3>Third Heading<\/h3>\n<hr class=\"hr-margin\" \/>\n<p>Vi vamus sit amet eros felis, id sollicitudin est. Quisque lacus dolor, vulputate eget sagittis eget, facilisis et quam. Ut id erat ut est volutpat gravida. Suspendisse quis nunc nec purus vestibulum sagittis eget at mauris. Donec dignissim sem libero, ut vehicula arcu. Sed porttitor, ligula eu tincidunt lobortis, velit leo vehicula odio, eu eleifend neque dui vel mauris. Etiam at lacus eros.<\/p>\n<\/div>\n<\/div>\n<div class=\"row\">\n<div class=\"span4\">\n<h4>Forth Heading<\/h4>\n<hr class=\"hr-margin\" \/>\n<p>Vi vamus sit amet eros felis, id sollicitudin est. Quisque lacus dolor, vulputate eget sagittis eget, facilisis et quam. Ut id erat ut est volutpat gravida. Suspendisse quis nunc nec purus vestibulum sagittis eget at mauris. Donec dignissim sem libero, ut vehicula arcu. Sed porttitor, ligula eu tincidunt lobortis, velit leo vehicula odio, eu eleifend neque dui vel mauris. Etiam at lacus eros.<\/p>\n<\/div>\n<div class=\"span4\">\n<h5>Fifth Heading<\/h5>\n<hr class=\"hr-margin\" \/>\n<p>Vi vamus sit amet eros felis, id sollicitudin est. Quisque lacus dolor, vulputate eget sagittis eget, facilisis et quam. Ut id erat ut est volutpat gravida. Suspendisse quis nunc nec purus vestibulum sagittis eget at mauris. Donec dignissim sem libero, ut vehicula arcu. Sed porttitor, ligula eu tincidunt lobortis, velit leo vehicula odio, eu eleifend neque dui vel mauris. Etiam at lacus eros.<\/p>\n<\/div>\n<div class=\"span4\">\n<h6>Sixth Heading<\/h6>\n<hr class=\"hr-margin\" \/>\n<p>Vi vamus sit amet eros felis, id sollicitudin est. Quisque lacus dolor, vulputate eget sagittis eget, facilisis et quam. Ut id erat ut est volutpat gravida. Suspendisse quis nunc nec purus vestibulum sagittis eget at mauris. Donec dignissim sem libero, ut vehicula arcu. Sed porttitor, ligula eu tincidunt lobortis, velit leo vehicula odio, eu eleifend neque dui vel mauris. Etiam at lacus eros.<\/p>\n<\/div>\n<\/div>\n<h2>Icon provided by Glyphicons<\/h2>\n<hr class=\"hr-margin\" \/>\n<div class=\"row\">\n<div class=\"span3\">\n<ul class=\"the-icons\">\n<li><em class=\"icon-glass\"><\/em> icon-glass<\/li>\n<li><em class=\"icon-music\"><\/em> icon-music<\/li>\n<li><em class=\"icon-search\"><\/em> icon-search<\/li>\n<li><em class=\"icon-envelope\"><\/em> icon-envelope<\/li>\n<li><em class=\"icon-heart\"><\/em> icon-heart<\/li>\n<li><em class=\"icon-star\"><\/em> icon-star<\/li>\n<li><em class=\"icon-star-empty\"><\/em> icon-star-empty<\/li>\n<li><em class=\"icon-user\"><\/em> icon-user<\/li>\n<li><em class=\"icon-film\"><\/em> icon-film<\/li>\n<li><em class=\"icon-th-large\"><\/em> icon-th-large<\/li>\n<li><em class=\"icon-th\"><\/em> icon-th<\/li>\n<li><em class=\"icon-th-list\"><\/em> icon-th-list<\/li>\n<li><em class=\"icon-ok\"><\/em> icon-ok<\/li>\n<li><em class=\"icon-remove\"><\/em> icon-remove<\/li>\n<li><em class=\"icon-zoom-in\"><\/em> icon-zoom-in<\/li>\n<li><em class=\"icon-zoom-out\"><\/em> icon-zoom-out<\/li>\n<li><em class=\"icon-off\"><\/em> icon-off<\/li>\n<li><em class=\"icon-signal\"><\/em> icon-signal<\/li>\n<li><em class=\"icon-cog\"><\/em> icon-cog<\/li>\n<li><em class=\"icon-trash\"><\/em> icon-trash<\/li>\n<li><em class=\"icon-home\"><\/em> icon-home<\/li>\n<li><em class=\"icon-file\"><\/em> icon-file<\/li>\n<li><em class=\"icon-time\"><\/em> icon-time<\/li>\n<li><em class=\"icon-road\"><\/em> icon-road<\/li>\n<li><em class=\"icon-download-alt\"><\/em> icon-download-alt<\/li>\n<li><em class=\"icon-download\"><\/em> icon-download<\/li>\n<li><em class=\"icon-upload\"><\/em> icon-upload<\/li>\n<li><em class=\"icon-inbox\"><\/em> icon-inbox<\/li>\n<li><em class=\"icon-play-circle\"><\/em> icon-play-circle<\/li>\n<li><em class=\"icon-repeat\"><\/em> icon-repeat<\/li>\n<\/ul>\n<\/div>\n<div class=\"span3\">\n<ul class=\"the-icons\">\n<li><em class=\"icon-refresh\"><\/em> icon-refresh<\/li>\n<li><em class=\"icon-list-alt\"><\/em> icon-list-alt<\/li>\n<li><em class=\"icon-lock\"><\/em> icon-lock<\/li>\n<li><em class=\"icon-flag\"><\/em> icon-flag<\/li>\n<li><em class=\"icon-headphones\"><\/em> icon-headphones<\/li>\n<li><em class=\"icon-volume-off\"><\/em> icon-volume-off<\/li>\n<li><em class=\"icon-volume-down\"><\/em> icon-volume-down<\/li>\n<li><em class=\"icon-volume-up\"><\/em> icon-volume-up<\/li>\n<li><em class=\"icon-qrcode\"><\/em> icon-qrcode<\/li>\n<li><em class=\"icon-barcode\"><\/em> icon-barcode<\/li>\n<li><em class=\"icon-tag\"><\/em> icon-tag<\/li>\n<li><em class=\"icon-tags\"><\/em> icon-tags<\/li>\n<li><em class=\"icon-book\"><\/em> icon-book<\/li>\n<li><em class=\"icon-bookmark\"><\/em> icon-bookmark<\/li>\n<li><em class=\"icon-print\"><\/em> icon-print<\/li>\n<li><em class=\"icon-camera\"><\/em> icon-camera<\/li>\n<li><em class=\"icon-font\"><\/em> icon-font<\/li>\n<li><em class=\"icon-bold\"><\/em> icon-bold<\/li>\n<li><em class=\"icon-italic\"><\/em> icon-italic<\/li>\n<li><em class=\"icon-text-height\"><\/em> icon-text-height<\/li>\n<li><em class=\"icon-text-width\"><\/em> icon-text-width<\/li>\n<li><em class=\"icon-align-left\"><\/em> icon-align-left<\/li>\n<li><em class=\"icon-align-center\"><\/em> icon-align-center<\/li>\n<li><em class=\"icon-align-right\"><\/em> icon-align-right<\/li>\n<li><em class=\"icon-align-justify\"><\/em> icon-align-justify<\/li>\n<li><em class=\"icon-list\"><\/em> icon-list<\/li>\n<li><em class=\"icon-indent-left\"><\/em> icon-indent-left<\/li>\n<li><em class=\"icon-indent-right\"><\/em> icon-indent-right<\/li>\n<li><em class=\"icon-facetime-video\"><\/em> icon-facetime-video<\/li>\n<li><em class=\"icon-picture\"><\/em> icon-picture<\/li>\n<\/ul>\n<\/div>\n<div class=\"span3\">\n<ul class=\"the-icons\">\n<li><em class=\"icon-pencil\"><\/em> icon-pencil<\/li>\n<li><em class=\"icon-map-marker\"><\/em> icon-map-marker<\/li>\n<li><em class=\"icon-adjust\"><\/em> icon-adjust<\/li>\n<li><em class=\"icon-tint\"><\/em> icon-tint<\/li>\n<li><em class=\"icon-edit\"><\/em> icon-edit<\/li>\n<li><em class=\"icon-share\"><\/em> icon-share<\/li>\n<li><em class=\"icon-check\"><\/em> icon-check<\/li>\n<li><em class=\"icon-move\"><\/em> icon-move<\/li>\n<li><em class=\"icon-step-backward\"><\/em> icon-step-backward<\/li>\n<li><em class=\"icon-fast-backward\"><\/em> icon-fast-backward<\/li>\n<li><em class=\"icon-backward\"><\/em> icon-backward<\/li>\n<li><em class=\"icon-play\"><\/em> icon-play<\/li>\n<li><em class=\"icon-pause\"><\/em> icon-pause<\/li>\n<li><em class=\"icon-stop\"><\/em> icon-stop<\/li>\n<li><em class=\"icon-forward\"><\/em> icon-forward<\/li>\n<li><em class=\"icon-fast-forward\"><\/em> icon-fast-forward<\/li>\n<li><em class=\"icon-step-forward\"><\/em> icon-step-forward<\/li>\n<li><em class=\"icon-eject\"><\/em> icon-eject<\/li>\n<li><em class=\"icon-chevron-left\"><\/em> icon-chevron-left<\/li>\n<li><em class=\"icon-chevron-right\"><\/em> icon-chevron-right<\/li>\n<li><em class=\"icon-plus-sign\"><\/em> icon-plus-sign<\/li>\n<li><em class=\"icon-minus-sign\"><\/em> icon-minus-sign<\/li>\n<li><em class=\"icon-remove-sign\"><\/em> icon-remove-sign<\/li>\n<li><em class=\"icon-ok-sign\"><\/em> icon-ok-sign<\/li>\n<li><em class=\"icon-question-sign\"><\/em> icon-question-sign<\/li>\n<li><em class=\"icon-info-sign\"><\/em> icon-info-sign<\/li>\n<li><em class=\"icon-screenshot\"><\/em> icon-screenshot<\/li>\n<li><em class=\"icon-remove-circle\"><\/em> icon-remove-circle<\/li>\n<li><em class=\"icon-ok-circle\"><\/em> icon-ok-circle<\/li>\n<li><em class=\"icon-ban-circle\"><\/em> icon-ban-circle<\/li>\n<\/ul>\n<\/div>\n<div class=\"span3\">\n<ul class=\"the-icons\">\n<li><em class=\"icon-arrow-left\"><\/em> icon-arrow-left<\/li>\n<li><em class=\"icon-arrow-right\"><\/em> icon-arrow-right<\/li>\n<li><em class=\"icon-arrow-up\"><\/em> icon-arrow-up<\/li>\n<li><em class=\"icon-arrow-down\"><\/em> icon-arrow-down<\/li>\n<li><em class=\"icon-share-alt\"><\/em> icon-share-alt<\/li>\n<li><em class=\"icon-resize-full\"><\/em> icon-resize-full<\/li>\n<li><em class=\"icon-resize-small\"><\/em> icon-resize-small<\/li>\n<li><em class=\"icon-plus\"><\/em> icon-plus<\/li>\n<li><em class=\"icon-minus\"><\/em> icon-minus<\/li>\n<li><em class=\"icon-asterisk\"><\/em> icon-asterisk<\/li>\n<li><em class=\"icon-exclamation-sign\"><\/em> icon-exclamation-sign<\/li>\n<li><em class=\"icon-gift\"><\/em> icon-gift<\/li>\n<li><em class=\"icon-leaf\"><\/em> icon-leaf<\/li>\n<li><em class=\"icon-fire\"><\/em> icon-fire<\/li>\n<li><em class=\"icon-eye-open\"><\/em> icon-eye-open<\/li>\n<li><em class=\"icon-eye-close\"><\/em> icon-eye-close<\/li>\n<li><em class=\"icon-warning-sign\"><\/em> icon-warning-sign<\/li>\n<li><em class=\"icon-plane\"><\/em> icon-plane<\/li>\n<li><em class=\"icon-calendar\"><\/em> icon-calendar<\/li>\n<li><em class=\"icon-random\"><\/em> icon-random<\/li>\n<li><em class=\"icon-comment\"><\/em> icon-comment<\/li>\n<li><em class=\"icon-magnet\"><\/em> icon-magnet<\/li>\n<li><em class=\"icon-chevron-up\"><\/em> icon-chevron-up<\/li>\n<li><em class=\"icon-chevron-down\"><\/em> icon-chevron-down<\/li>\n<li><em class=\"icon-retweet\"><\/em> icon-retweet<\/li>\n<li><em class=\"icon-shopping-cart\"><\/em> icon-shopping-cart<\/li>\n<li><em class=\"icon-folder-close\"><\/em> icon-folder-close<\/li>\n<li><em class=\"icon-folder-open\"><\/em> icon-folder-open<\/li>\n<li><em class=\"icon-resize-vertical\"><\/em> icon-resize-vertical<\/li>\n<li><em class=\"icon-resize-horizontal\"><\/em> icon-resize-horizontal<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<h2>Drop Caps<\/h2>\n<hr class=\"hr-margin\" \/>\n<div class=\"row\">\n<div class=\"span3\">\n<p><span class=\"dropcaps\">D<\/span>i vamus sit amet eros felis, id sollicitudin est. Quisque lacus dolor, vulputate eget sagittis eget, facilisis et quam. Ut id erat ut est volutpat gravida. Suspendisse quis nunc nec purus vestibulum sagittis eget at mauris. Donec dignissim sem libero, ut vehicula arcu.<\/p>\n<\/div>\n<div class=\"span3\">\n<p>Vi vamus sit amet eros felis, id sollicitudin est. Quisque lacus dolor, vulputate eget sagittis eget, facilisis et quam. Ut id erat ut est volutpat gravida. Suspendisse quis nunc nec purus vestibulum sagittis eget at mauris. Donec dignissim sem libero, ut vehicula arcu.<\/p>\n<\/div>\n<div class=\"span3\">\n<p>Vi vamus sit amet eros felis, id sollicitudin est. Quisque lacus dolor, vulputate eget sagittis eget, facilisis et quam. Ut id erat ut est volutpat gravida. Suspendisse quis nunc nec purus vestibulum sagittis eget at mauris. Donec dignissim sem libero, ut vehicula arcu.<\/p>\n<\/div>\n<div class=\"span3\">\n<p>Vi vamus sit amet eros felis, id sollicitudin est. Quisque lacus dolor, vulputate eget sagittis eget, facilisis et quam. Ut id erat ut est volutpat gravida. Suspendisse quis nunc nec purus vestibulum sagittis eget at mauris. Donec dignissim sem libero, ut vehicula arcu.<\/p>\n<\/div>\n<\/div>\n<div class=\"clearboth\">\n<h2>\u00a0Blockquote<\/h2>\n<hr class=\"hr-margin\" \/>\n<blockquote> It can be a trap of the photographer to think that his or her best pictures were the ones that were hardest to get. <author> Timothy Allen - On editing photos <\/author> <\/blockquote>\n<\/div>\n<div class=\"clearboth\">\n<h2>Highlight Text &amp; Text with tooltips<\/h2>\n<hr class=\"hr-margin\" \/>\n<div class=\"row\">\n<div class=\"span4\">\n<p>Hightlight\u00a0<span class=\"highlight\" style=\"background-color: #000000;color: #ffffff\">This line is mean to be hightlighted<\/span>\u00a0 id sollicitudin est. Quisque lacus dolor, vulputate eget sagittis eget, facilisis et quam. Ut id erat ut est volutpat gravida. Suspendisse quis nunc nec purus vestibulum sagittis eget at mauris. Donec dignissim sem libero, ut vehicula arcu.<\/p>\n<\/div>\n<div class=\"span4\">\n<p>Hightlight\u00a0<span class=\"highlight\" style=\"background-color: #757575;color: #ffffff\">This line is mean to be hightlighted<\/span>\u00a0 id sollicitudin est. Quisque lacus dolor, vulputate eget sagittis eget, facilisis et quam. Ut id erat ut est volutpat gravida. Suspendisse quis nunc nec purus vestibulum sagittis eget at mauris. Donec dignissim sem libero, ut vehicula arcu.<\/p>\n<\/div>\n<div class=\"span4\">\n<p>Hightlight\u00a0<span class=\"highlight\" style=\"background-color: #666666;color: #ffffff\" title=\"I'm a tooltips\">Text with tooltips<\/span>\u00a0 id sollicitudin est. Quisque lacus dolor, vulputate eget sagittis eget, facilisis et quam. Ut id erat ut est volutpat gravida. Suspendisse quis nunc nec purus vestibulum sagittis eget at mauris. Donec dignissim sem libero, ut vehicula arcu.<\/p>\n<\/div>\n<div class=\"clearboth\"><\/div>\n<\/div>\n<\/div>\n<h2>List<\/h2>\n<hr class=\"hr-margin\" \/>\n<div class=\"row\">\n<div class=\"span3\">\n<ul class=\"list-check\">\n<li>Lorem ipsum<\/li>\n<li>Consectetur<\/li>\n<li>Phasellus iaculis<\/li>\n<li>Eget porttitor<\/li>\n<\/ul>\n<\/div>\n<div class=\"span3\">\n<ul class=\"list-chevron\">\n<li>Lorem ipsum<\/li>\n<li>Consectetur<\/li>\n<li>Phasellus iaculis<\/li>\n<li>Eget porttitor<\/li>\n<\/ul>\n<\/div>\n<div class=\"span3\">\n<ul class=\"list-star\">\n<li>Lorem ipsum<\/li>\n<li>Consectetur<\/li>\n<li>Phasellus iaculis<\/li>\n<li>Eget porttitor<\/li>\n<\/ul>\n<\/div>\n<div class=\"span3\">\n<ul class=\"list-certificate\">\n<li>Lorem ipsum<\/li>\n<li>Consectetur<\/li>\n<li>Phasellus iaculis<\/li>\n<li>Eget porttitor<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<p>&nbsp;<\/p>\n<div class=\"row\">\n<div class=\"span3\">\n<ol class=\"decimal\">\n<li>Lorem ipsum<\/li>\n<li>Consectetur<\/li>\n<li>Phasellus iaculis<\/li>\n<li>Eget porttitor<\/li>\n<\/ol>\n<\/div>\n<div class=\"span3\">\n<ol class=\"lowerroman\">\n<li>Lorem ipsum<\/li>\n<li>Consectetur<\/li>\n<li>Phasellus iaculis<\/li>\n<li>Eget porttitor<\/li>\n<\/ol>\n<\/div>\n<div class=\"span3\">\n<ol class=\"upperroman\">\n<li>Lorem ipsum<\/li>\n<li>Consectetur<\/li>\n<li>Phasellus iaculis<\/li>\n<li>Eget porttitor<\/li>\n<\/ol>\n<\/div>\n<div class=\"span3\">\n<ol class=\"lowerlatin\">\n<li>Lorem ipsum<\/li>\n<li>Consectetur<\/li>\n<li>Phasellus iaculis<\/li>\n<li>Eget porttitor<\/li>\n<\/ol>\n<\/div>\n<\/div>\n<p>&nbsp;<\/p>\n<h2>Button &amp; Table<\/h2>\n<table class=\"table table-bordered table-striped\">\n<thead>\n<tr>\n<th>Button<\/th>\n<th>Button Style<\/th>\n<th>Description<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><button class=\"btn\">Default<\/button><\/td>\n<td><code>Default button<br \/>\n<\/code><\/td>\n<td>Standard gray button with gradient<\/td>\n<\/tr>\n<tr>\n<td><button class=\"btn btn-primary\">Primary<\/button><\/td>\n<td><code>Primary Button<br \/>\n<\/code><\/td>\n<td>Provides extra visual weight and identifies the primary action in a set of buttons<\/td>\n<\/tr>\n<tr>\n<td><button class=\"btn btn-info\">Info<\/button><\/td>\n<td><code>Info Button<br \/>\n<\/code><\/td>\n<td>Used as an alternate to the default styles<\/td>\n<\/tr>\n<tr>\n<td><button class=\"btn btn-success\">Success<\/button><\/td>\n<td><code>Success Button<\/code><\/td>\n<td>Indicates a successful or positive action<\/td>\n<\/tr>\n<tr>\n<td><button class=\"btn btn-warning\">Warning<\/button><\/td>\n<td><code>Warning Button<\/code><\/td>\n<td>Indicates caution should be taken with this action<\/td>\n<\/tr>\n<tr>\n<td><button class=\"btn btn-danger\">Danger<\/button><\/td>\n<td><code>Danger Button<\/code><\/td>\n<td>Indicates a dangerous or potentially negative action<\/td>\n<\/tr>\n<tr>\n<td><button class=\"btn btn-inverse\">Inverse<\/button><\/td>\n<td><code>Inverse Button<\/code><\/td>\n<td>Alternate dark gray button, not tied to a semantic action or use<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n","protected":false},"excerpt":{"rendered":"<p>Image &amp; Heading Vi vamus sit amet eros felis, id sollicitudin est. Quisque lacus dolor, vulputate eget sagittis eget, facilisis et quam. Ut id erat ut est volutpat gravida. Suspendisse quis nunc nec purus vestibulum sagittis eget at mauris. Donec dignissim sem libero, ut vehicula arcu. Sed porttitor, ligula eu tincidunt lobortis, velit leo vehicula<a class=\"moretag\" href=\"https:\/\/jphotolio.jegtheme.com\/dark\/typography-element\/\">  Read more .. <\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/jphotolio.jegtheme.com\/dark\/wp-json\/wp\/v2\/pages\/227"}],"collection":[{"href":"https:\/\/jphotolio.jegtheme.com\/dark\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jphotolio.jegtheme.com\/dark\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jphotolio.jegtheme.com\/dark\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jphotolio.jegtheme.com\/dark\/wp-json\/wp\/v2\/comments?post=227"}],"version-history":[{"count":0,"href":"https:\/\/jphotolio.jegtheme.com\/dark\/wp-json\/wp\/v2\/pages\/227\/revisions"}],"wp:attachment":[{"href":"https:\/\/jphotolio.jegtheme.com\/dark\/wp-json\/wp\/v2\/media?parent=227"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}