{"id":777,"date":"2013-02-22T20:53:19","date_gmt":"2013-02-22T20:53:19","guid":{"rendered":"http:\/\/www.mnkystudio.com\/theme-10\/?page_id=777"},"modified":"2013-02-22T20:53:19","modified_gmt":"2013-02-22T20:53:19","slug":"content-styling","status":"publish","type":"page","link":"https:\/\/quickstation.ae\/index.php\/content-styling\/","title":{"rendered":"Content Styling"},"content":{"rendered":"<div class=\"column column-1-2\">\n<div class=\"heading-wrapper\"><h6><span class=\"heading-line-left\"><\/span><strong>Boxes<\/strong><span class=\"heading-line-right\"><\/span><\/h6><\/div>\n<div class=\"su-box\"><div class=\"su-box-title\" style=\"background-color:#d5ba9f; text-shadow:1px 1px 0 #aa957f\">Box can be in any color<\/div><div class=\"su-box-content\"  style=\"color:#554a40; background-color:#f7f1ec;\">\n<div class=\"su-spoiler su-spoiler-style-1 su-spoiler-open\"><div class=\"su-spoiler-title\"><i class=\"moon-arrow-right-2 spoiler-button\"><\/i><i class=\"moon-arrow-down spoiler-button spoiler-active\"><\/i>This is open tab example - it will be open on page load<\/div><div class=\"su-spoiler-content\" style=\"display:block\">Phasellus imperdiet sem non arcu iaculis vitae tempor tellus condimentum. Suspendisse a libero et urna tincidunt auctor. Maecenas non urna a orci feugiat suscipit sed sit amet erat. Sed nibh lacus, molestie et tempor eu, hendrerit viverra tortor. Aenean tempus, urna in euismod ullamcorper, leo metus elementum lacus, sit amet viverra lacus quam vel nisi. <\/div><\/div>\n<div class=\"su-spoiler su-spoiler-style-1\"><div class=\"su-spoiler-title\"><i class=\"moon-arrow-right-2 spoiler-button\"><\/i><i class=\"moon-arrow-down spoiler-button spoiler-active\"><\/i>This is a default closed tab<\/div><div class=\"su-spoiler-content\">Fusce at justo ac augue blandit faucibus eu quis nibh. Donec malesuada felis a sem consectetur scelerisque.  <\/div><\/div>\n<div class=\"su-spoiler su-spoiler-style-1\"><div class=\"su-spoiler-title\"><i class=\"moon-arrow-right-2 spoiler-button\"><\/i><i class=\"moon-arrow-down spoiler-button spoiler-active\"><\/i>Options above can be applied to any tab<\/div><div class=\"su-spoiler-content\">Phasellus imperdiet sem non arcu iaculis vitae tempor tellus condimentum. Suspendisse a libero et urna tincidunt auctor. <\/div><\/div>\n<\/div><\/div>\n<\/div>\n<div class=\"column column-1-2 column-last\">\n<div class=\"heading-wrapper\"><h6><span class=\"heading-line-left\"><\/span><strong>Notes<\/strong><span class=\"heading-line-right\"><\/span><\/h6><\/div>\n<div class=\"su-note\" style=\"background-color:#ffeae9;border:1px solid #ccbab9\"><div class=\"su-note-shell\" style=\"border:1px solid #fff4f3; color:#665d5c\"> <span style=\"color:#96152B;\">I am very important notice!<\/span> <\/div><\/div>\n<div class=\"su-note\" style=\"background-color:#e2ffbf;border:1px solid #b2cc93\"><div class=\"su-note-shell\" style=\"border:1px solid #efffdc; color:#59664a\"> <span style=\"color:#3F6E05;\">I can be in any color.<\/span> <\/div><\/div>\n<div class=\"su-note\" style=\"background-color:#defdf0;border:1px solid #aecabe\"><div class=\"su-note-shell\" style=\"border:1px solid #edfef7; color:#57655f\"> <i class=\"moon-mic-2\" style=\"color:#325A7A; font-size:21px;padding-right:10px;\"><\/i> <span style=\"color:#325A7A;\">Icons can be added<\/span><\/div><\/div>\n<div class=\"su-note\" style=\"background-color:#fffdbf;border:1px solid #ccca93\"><div class=\"su-note-shell\" style=\"border:1px solid #fffedc; color:#66654a\"> Note text  <\/div><\/div>\n<\/div><div class=\"clear\"><\/div>\n<div class=\"spacer\" style=\"height:20px\"><\/div>\n<div class=\"heading-wrapper\"><h6><span class=\"heading-line-left\"><\/span><strong>Callout boxes<\/strong><span class=\"heading-line-right\"><\/span><\/h6><\/div>\n<div class=\"su-callout\"><div class=\"callout-content\"><strong>A nice way to make your text stand out from the content.<\/strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vitae interdum nisl. Maecenas eu justo purus. Phasellus convallis euismod metus. Vestibulum pretium justo et ipsum vehicula vel condimentum arcu eleifend. Sed id libero non ligula lacinia tristique. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia. <\/div><div class=\"clear\"><\/div><\/div>\n<div class=\"spacer\" style=\"height:40px\"><\/div>\n<div class=\"heading-wrapper\"><h6><span class=\"heading-line-left\"><\/span><strong> 1266 list icons!<\/strong><span class=\"heading-line-right\"><\/span><\/h6><\/div>\n<div class=\"column column-1-6\">\n<div class=\"custom-list\"><i class=\"moon-checkbox\" style=\"color:#027a22;\"><\/i>List item<\/div>\n<div class=\"custom-list\"><i class=\"moon-checkbox\" style=\"color:#027a22;\"><\/i>List item<\/div>\n<div class=\"custom-list\"><i class=\"moon-checkbox\" style=\"color:#027a22;\"><\/i>List item<\/div>\n<div class=\"custom-list\"><i class=\"moon-checkbox\" style=\"color:#027a22;\"><\/i>List item<\/div>\n<div class=\"custom-list\"><i class=\"moon-checkbox\" style=\"color:#027a22;\"><\/i>List item<\/div>\n<\/div>\n<div class=\"column column-1-6\">\n<div class=\"custom-list\"><i class=\"moon-close-2\" style=\"color:#E3303C;\"><\/i>List item<\/div>\n<div class=\"custom-list\"><i class=\"moon-close-2\" style=\"color:#E3303C;\"><\/i>List item<\/div>\n<div class=\"custom-list\"><i class=\"moon-close-2\" style=\"color:#E3303C;\"><\/i>List item<\/div>\n<div class=\"custom-list\"><i class=\"moon-close-2\" style=\"color:#E3303C;\"><\/i>List item<\/div>\n<div class=\"custom-list\"><i class=\"moon-close-2\" style=\"color:#E3303C;\"><\/i>List item<\/div>\n<\/div>\n<div class=\"column column-1-6\">\n<div class=\"custom-list\"><i class=\"moon-link\" style=\"color:#677782;\"><\/i>List item<\/div>\n<div class=\"custom-list\"><i class=\"moon-link\" style=\"color:#677782;\"><\/i>List item<\/div>\n<div class=\"custom-list\"><i class=\"moon-link\" style=\"color:#677782;\"><\/i>List item<\/div>\n<div class=\"custom-list\"><i class=\"moon-link\" style=\"color:#677782;\"><\/i>List item<\/div>\n<div class=\"custom-list\"><i class=\"moon-link\" style=\"color:#677782;\"><\/i>List item<\/div>\n<\/div>\n<div class=\"column column-1-6\">\n<div class=\"custom-list\"><i class=\"moon-clock\" style=\"color:#444444;\"><\/i>List item<\/div>\n<div class=\"custom-list\"><i class=\"moon-clock\" style=\"color:#444444;\"><\/i>List item<\/div>\n<div class=\"custom-list\"><i class=\"moon-clock\" style=\"color:#444444;\"><\/i>List item<\/div>\n<div class=\"custom-list\"><i class=\"moon-clock\" style=\"color:#444444;\"><\/i>List item<\/div>\n<div class=\"custom-list\"><i class=\"moon-clock\" style=\"color:#444444;\"><\/i>List item<\/div>\n<\/div>\n<div class=\"column column-1-6\">\n<div class=\"custom-list\"><i class=\"moon-thumbs-up-2\" style=\"color:#777777;\"><\/i>List item<\/div>\n<div class=\"custom-list\"><i class=\"moon-thumbs-up-2\" style=\"color:#777777;\"><\/i>List item<\/div>\n<div class=\"custom-list\"><i class=\"moon-thumbs-up-2\" style=\"color:#777777;\"><\/i>List item<\/div>\n<div class=\"custom-list\"><i class=\"moon-thumbs-up-2\" style=\"color:#777777;\"><\/i>List item<\/div>\n<div class=\"custom-list\"><i class=\"moon-thumbs-up-2\" style=\"color:#777777;\"><\/i>List item<\/div>\n<\/div>\n<div class=\"column column-1-6 column-last\">\n<div class=\"custom-list\"><i class=\"moon-cog-2\" style=\"color:#888888;\"><\/i>List item<\/div>\n<div class=\"custom-list\"><i class=\"moon-cog-2\" style=\"color:#888888;\"><\/i>List item<\/div>\n<div class=\"custom-list\"><i class=\"moon-cog-2\" style=\"color:#888888;\"><\/i>List item<\/div>\n<div class=\"custom-list\"><i class=\"moon-cog-2\" style=\"color:#888888;\"><\/i>List item<\/div>\n<div class=\"custom-list\"><i class=\"moon-cog-2\" style=\"color:#888888;\"><\/i>List item<\/div>\n<\/div><div class=\"clear\"><\/div>\n<div class=\"column column-1-6\">\n<div class=\"custom-list\"><i class=\"moon-lamp\" style=\"color:#94979b;\"><\/i>List item<\/div>\n<div class=\"custom-list\"><i class=\"moon-lamp\" style=\"color:#94979b;\"><\/i>List item<\/div>\n<div class=\"custom-list\"><i class=\"moon-lamp\" style=\"color:#94979b;\"><\/i>List item<\/div>\n<div class=\"custom-list\"><i class=\"moon-lamp\" style=\"color:#94979b;\"><\/i>List item<\/div>\n<div class=\"custom-list\"><i class=\"moon-lamp\" style=\"color:#94979b;\"><\/i>List item<\/div>\n<\/div>\n<div class=\"column column-1-6\">\n<div class=\"custom-list\"><i class=\"moon-arrow-right-3\" style=\"color:#444444;\"><\/i>List item<\/div>\n<div class=\"custom-list\"><i class=\"moon-arrow-right-3\" style=\"color:#444444;\"><\/i>List item<\/div>\n<div class=\"custom-list\"><i class=\"moon-arrow-right-3\" style=\"color:#444444;\"><\/i>List item<\/div>\n<div class=\"custom-list\"><i class=\"moon-arrow-right-3\" style=\"color:#444444;\"><\/i>List item<\/div>\n<div class=\"custom-list\"><i class=\"moon-arrow-right-3\" style=\"color:#444444;\"><\/i>List item<\/div>\n<\/div>\n<div class=\"column column-1-6\">\n<div class=\"custom-list\"><i class=\"moon-heart-7\" style=\"color:#f36097;\"><\/i>List item<\/div>\n<div class=\"custom-list\"><i class=\"moon-heart-7\" style=\"color:#f36097;\"><\/i>List item<\/div>\n<div class=\"custom-list\"><i class=\"moon-heart-7\" style=\"color:#f36097;\"><\/i>List item<\/div>\n<div class=\"custom-list\"><i class=\"moon-heart-7\" style=\"color:#f36097;\"><\/i>List item<\/div>\n<div class=\"custom-list\"><i class=\"moon-heart-7\" style=\"color:#f36097;\"><\/i>List item<\/div>\n<\/div>\n<div class=\"column column-1-6\">\n<div class=\"custom-list\"><i class=\"moon-shield\" style=\"color:#999999;\"><\/i>List item<\/div>\n<div class=\"custom-list\"><i class=\"moon-shield\" style=\"color:#999999;\"><\/i>List item<\/div>\n<div class=\"custom-list\"><i class=\"moon-shield\" style=\"color:#999999;\"><\/i>List item<\/div>\n<div class=\"custom-list\"><i class=\"moon-shield\" style=\"color:#999999;\"><\/i>List item<\/div>\n<div class=\"custom-list\"><i class=\"moon-shield\" style=\"color:#999999;\"><\/i>List item<\/div>\n<\/div>\n<div class=\"column column-1-6\">\n<div class=\"custom-list\"><i class=\"moon-star-6\" style=\"color:#f9dc67;\"><\/i>List item<\/div>\n<div class=\"custom-list\"><i class=\"moon-star-6\" style=\"color:#f9dc67;\"><\/i>List item<\/div>\n<div class=\"custom-list\"><i class=\"moon-star-6\" style=\"color:#f9dc67;\"><\/i>List item<\/div>\n<div class=\"custom-list\"><i class=\"moon-star-6\" style=\"color:#f9dc67;\"><\/i>List item<\/div>\n<div class=\"custom-list\"><i class=\"moon-star-6\" style=\"color:#f9dc67;\"><\/i>List item<\/div>\n<\/div>\n<div class=\"column column-1-6 column-last\">\n<div class=\"custom-list\"><i class=\"moon-checkmark-3\" style=\"color:#027a22;\"><\/i>List item<\/div>\n<div class=\"custom-list\"><i class=\"moon-checkmark-3\" style=\"color:#027a22;\"><\/i>List item<\/div>\n<div class=\"custom-list\"><i class=\"moon-checkmark-3\" style=\"color:#027a22;\"><\/i>List item<\/div>\n<div class=\"custom-list\"><i class=\"moon-checkmark-3\" style=\"color:#027a22;\"><\/i>List item<\/div>\n<div class=\"custom-list\"><i class=\"moon-checkmark-3\" style=\"color:#027a22;\"><\/i>List item<\/div>\n<\/div><div class=\"clear\"><\/div>\n<div class=\"spacer\" style=\"height:40px\"><\/div>\n<div class=\"heading-wrapper\"><h6><span class=\"heading-line-left\"><\/span><strong>Dropcap<\/strong><span class=\"heading-line-right\"><\/span><\/h6><\/div>\n<span class=\"su-dropcap\" style=\"background-color:#f86b35; color:#fff;\">A<\/span>enean dapibus, libero quis condimentum eleifend, dui turpis accumsan enim, in gravida urna turpis at urna. Cras felis diam, feugiat id tempus vel, tempus non odio. Aliquam arcu ligula, suscipit ut pretium a, luctus vel nisi. Donec vestibulum condimentum tellus, et egestas mi gravida ut. Suspendisse ornare nisl vitae arcu blandit ac tincidunt mauris iaculis. <span class=\"su-highlight\" style=\"background:#80ca0a;color:#ffffff\">&nbsp;Highlighted text&nbsp;<\/span> Mauris eget leo lacus. Ut nunc ligula, fermentum in commodo vitae, tristique non mi. Mauris eget leo lacus. Ut nunc ligula, fermentum in commodo vitae, tristique non mi. Nam non interdum nulla. In sit amet erat non orci ornare tempus ac in nibh. Pellentesque purus odio, cursus vitae eleifend a, dignissim id sem. Nunc tortor lacus, imperdiet a tincidunt quis, ornare quis sem.<\/p>\n<div class=\"spacer\" style=\"height:20px\"><\/div>\n<span class=\"su-dropcap\" style=\"background-color:#4b926b; color:#fff;\">L<\/span>orem ipsum dolor sit amet, consectetur adipiscing elit. Quisque accumsan neque a risus fermentum egestas. Vivamus quis lacinia ante. Nunc sodales dui non diam tempus lacinia ut sit amet est. Donec eu placerat quam. Curabitur sed sollicitudin eros. Donec nunc leo, porta ut elementum eget, dapibus vel ante. Aliquam massa nunc, tincidunt at ornare a, feugiat in diam. Etiam suscipit condimentum turpis a dictum. Mauris consequat sollicitudin elit at lacinia. In et nunc in augue gravida semper. Aliquam varius massa vel ante rhoncus eget semper tortor tincidunt. Nunc eu fermentum sem. Etiam semper enim sem, ut gravida tortor. In ultricies imperdiet nisi, ut tincidunt eros suscipit in. Morbi varius tincidunt urna nec blandit.<\/p>\n<div class=\"spacer\" style=\"height:45px\"><\/div>\n<div class=\"heading-wrapper\"><h6><span class=\"heading-line-left\"><\/span><strong>Quotes<\/strong><span class=\"heading-line-right\"><\/span><\/h6><\/div>\n<div class=\"column column-1-3\">\n<div class=\"staff-wrapper\"><img src=\"\" alt=\"\"\/><div class=\"person-name\">Leo Brooks<i class=\"moon-users-2\"><\/i><\/div><div class=\"person-title\">Senior Designer<\/div><div class=\"person-description\">Donec vestibulum condimentum tellus, et egestas mi gravida ut. Suspendisse ornare nisl vitae arcu blandit ac tincidunt mauris iaculis.<\/div><\/div>\n<\/div>\n<div class=\"column column-2-3 column-last\">\n<div class=\"spacer\" style=\"height:20px\"><\/div>\n<div class=\"su-quote\"><i class=\"moon-quotes-left\"><\/i><div class=\"su-quote-shell\">I highly recommend this company to anyone looking for professional service. We are looking forward to continued cooperation.In sit amet erat non orci ornare tempus ac in nibh. Pellentesque purus odio, cursus vitae eleifend a, dignissim id sem. Nunc tortor lacus, imperdiet a tincidunt quis, ornare quis sem. <\/div><div class=\"quote-author\">Leo Brooks | New Energy Corporation<\/div><\/div>\n<div class=\"spacer\" style=\"height:20px\"><\/div>\n<div class=\"su-quote\"><i class=\"moon-quotes-left\"><\/i><div class=\"su-quote-shell\">Donec vestibulum condimentum tellus, et egestas mi gravida ut. Suspendisse ornare nisl vitae arcu blandit ac tincidunt mauris iaculis. Mauris eget leo lacus. Ut nunc ligula, fermentum in commodo vitae, tristique non mi. <\/div><div class=\"quote-author\">Leo Brooks | New Energy Corporation<\/div><\/div>\n<\/div><div class=\"clear\"><\/div>\n\n<!-- NgfbSharing::get_buttons content filter skipped: buttons_on_index not enabled -->\n","protected":false},"excerpt":{"rendered":"<p>enean dapibus, libero quis condimentum eleifend, dui turpis accumsan enim, in gravida urna turpis at urna. Cras felis diam, feugiat id tempus vel, tempus non odio. Aliquam arcu ligula, suscipit ut pretium a, luctus vel nisi. Donec vestibulum condimentum tellus, et egestas mi gravida ut. Suspendisse ornare nisl vitae arcu blandit ac tincidunt mauris iaculis. [&hellip;]<\/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:\/\/quickstation.ae\/index.php\/wp-json\/wp\/v2\/pages\/777"}],"collection":[{"href":"https:\/\/quickstation.ae\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/quickstation.ae\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/quickstation.ae\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/quickstation.ae\/index.php\/wp-json\/wp\/v2\/comments?post=777"}],"version-history":[{"count":0,"href":"https:\/\/quickstation.ae\/index.php\/wp-json\/wp\/v2\/pages\/777\/revisions"}],"wp:attachment":[{"href":"https:\/\/quickstation.ae\/index.php\/wp-json\/wp\/v2\/media?parent=777"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}