{"id":448,"date":"2010-10-04T16:58:36","date_gmt":"2010-10-04T16:58:36","guid":{"rendered":"https:\/\/thethemebuilders.review\/demonew\/"},"modified":"2019-10-06T11:11:50","modified_gmt":"2019-10-06T11:11:50","slug":"typography","status":"publish","type":"page","link":"https:\/\/thethemebuilders.review\/demonew\/features\/typography","title":{"rendered":"Typography"},"content":{"rendered":"<h2>Striking Typography<\/h2>\n<p>The striking theme comes with a huge amount of typography settings. For the theme used elements font-families, fontsizes, colors can be set in the theme settings. The theme has more then 700 Fonts and supports most of the commonly used html code. Striking  has presets (shortcodes) for typography : styled list, tables, dropcaps, blockquotes and so on. The list of the typographical abilities is almost endless. <\/p>\n<p>Moreover (skilled) users with css knowledge can adjust any element in each page, post or portfolio item by custom css and which can be added to the custom css field available on a page basis.<\/p>\n<div class=\"divider_padding\"><\/div>\n<h1>H1 heading<\/h1>\n<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.<\/p>\n<h2>H2 heading<\/h2>\n<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.<\/p>\n<h3>H3 heading<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.<\/p>\n<h4>H4 heading<\/h4>\n<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.<\/p>\n<h5>H5 heading<\/h5>\n<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.<\/p>\n<h6>H6 heading<\/h6>\n<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.<\/p>\n<div class=\"divider top\"><a href=\"#\">Top<\/a><\/div>\n<h2>Dropcaps<\/h2>\n<div class=\"one_half\"><h5>Dropcap style 1<\/h5>\n<div class=\"dropcap1\"><p class=\"dropcap1_inner\">L<\/p><\/div>orem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.<\/p>\n<code class=\"code\">&#91;dropcap1&#93;Y&#91;\/dropcap1&#93;ou paragraph.<\/code><\/div>\n<div class=\"one_half last\"><h5>Dropcap style 2<\/h5>\n<div class=\"dropcap2\"><p class=\"dropcap2_inner\">L<\/p><\/div>orem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.<\/p>\n<code class=\"code\">&#91;dropcap2&#93;Y&#91;\/dropcap2&#93;ou paragraph.<\/code><\/div><div class=\"clearboth\"><\/div>\n<div class=\"divider_padding\"><\/div>\n<div class=\"one_half\"><h5>Dropcap style 3<\/h5>\n<div class=\"dropcap3\"><p class=\"dropcap3_inner\">L<\/p><\/div>orem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.<\/p>\n<code class=\"code\">&#91;dropcap3&#93;Y&#91;\/dropcap3&#93;ou paragraph.<\/code><\/div>\n<div class=\"one_half last\"><h5>Dropcap style 4<\/h5>\n<div class=\"dropcap4\"><p class=\"dropcap4_inner\">L<\/p><\/div>orem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.<\/p>\n<code class=\"code\">&#91;dropcap4&#93;Y&#91;\/dropcap4&#93;ou paragraph.<\/code><\/div><div class=\"clearboth\"><\/div>\n<div class=\"divider top\"><a href=\"#\">Top<\/a><\/div>\n<h2>Block Quotes<\/h2>\n<blockquote class=\"alignleft\">Lorem ipsum dolor sit amet, consectetur adipiscing elit sed pharetra aliquet metus.<\/blockquote>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris metus tortor, commodo sit amet tempor id, gravida eget orci. In molestie feugiat nunc ac lobortis. Ut non nisi dolor, ac ultricies lorem. Vestibulum non lectus in arcu gravida malesuada. Curabitur sed sollicitudin mi. Aenean sit amet tortor ac arcu gravida rutrum eget ac dui. Phasellus rutrum dapibus nulla, a venenatis tortor eleifend vitae. Ut tincidunt vestibulum blandit. Nulla aliquet urna non enim convallis in vehicula mi scelerisque. Aliquam blandit imperdiet lorem eu ultrices. Nulla in dolor non ipsum fringilla sodales sed ac turpis. Nam nisi arcu, tincidunt sodales porta vel, ornare ac magna. Morbi in metus a felis accumsan interdum. Aliquam eros est, suscipit sit amet iaculis non, sagittis in lorem. Fusce bibendum sagittis sem, sit amet scelerisque tortor pharetra eu. Nullam facilisis ante vulputate metus accumsan lobortis.<\/p>\n<code class=\"code\">&#91;blockquote align=\"left\"&#93;\r\nthe blockquote you want align left\r\n&#91;\/blockquote&#93;<\/code>\n<div class=\"divider_padding\"><\/div>\n<blockquote class=\"alignright\">Lorem ipsum dolor sit amet, consectetur adipiscing elit sed pharetra aliquet metus.<\/blockquote>\n<p>Etiam sit amet lobortis justo. Donec gravida semper nisl, sit amet interdum ligula condimentum et. Etiam eleifend laoreet arcu eu dictum. Pellentesque vel sem lectus. Curabitur ut urna eu elit molestie egestas. Nunc ac nibh sit amet turpis consectetur fermentum in in mauris. Etiam tristique orci nec nibh euismod tempor. In nulla lorem, blandit blandit sagittis id, vulputate ut risus. Sed accumsan, dui at rutrum auctor, ipsum tellus bibendum lorem, et sollicitudin felis mauris id nunc. Fusce congue ullamcorper massa, sit amet lobortis dolor auctor et. Phasellus ipsum ligula, posuere sed rutrum non, scelerisque vitae sem. Cras vehicula molestie enim, ut sagittis quam aliquet sed. Maecenas ac lectus ut massa iaculis volutpat nec a diam. Fusce at massa at elit feugiat tincidunt vitae at tortor. Praesent gravida, mi ut cursus imperdiet, lectus magna congue justo, non consequat massa orci nec turpis. Aliquam neque lorem, interdum a scelerisque vel, sodales id neque.<\/p>\n<code class=\"code\">&#91;blockquote align=\"right\"&#93;\r\nthe blockquote you want align right\r\n&#91;\/blockquote&#93;<\/code>\n<div class=\"divider_padding\"><\/div>\n<blockquote class=\"\">Lorem ipsum dolor sit amet, adipisicing elit, sed do eiusmod tempor ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. <p><cite>- Henry Brown,  EndUser, Inc.<\/cite><\/p><\/blockquote>\n<code class=\"code\">&#91;blockquote cite=\"user\"&#93;\r\nthe blockquote text with user name\r\n&#91;\/blockquote&#93;<\/code>\n<div class=\"divider top\"><a href=\"#\">Top<\/a><\/div>\n<h2>Pre and Code<\/h2>\n<h3>Code<\/h3>\n<code class=\"code\">function theme_code_before_filter_callback(&amp;$match){\r\n\techo '&lt;pre&gt;';\r\n\tprint_r($match);\r\n\techo '&lt;\/pre&gt;';\r\n\texit;\r\n}<\/code>\n<h3>Pre<\/h3>\n<pre class=\"pre\">function theme_code_before_filter_callback(&amp;$match){\r\n\techo '&lt;code&gt;';\r\n\tprint_r($match);\r\n\techo '&lt;\/code&gt;';\r\n\texit;\r\n}<\/pre>\n<div class=\"divider top\"><a href=\"#\">Top<\/a><\/div>\n<h2>Styled Lists with Colors<\/h2>\n<div class=\"one_fourth\"><ul class=\"list1 list_color_black\">\n<li>style = list1<\/li>\n<li>style = list1<\/li>\n<li>style = list1<\/li>\n<\/ul><\/div>\n<div class=\"one_fourth\"><ul class=\"list2 list_color_gray\">\n<li>style = list2<\/li>\n<li>style = list2<\/li>\n<li>style = list2<\/li>\n<\/ul><\/div>\n<div class=\"one_fourth\"><ul class=\"list3 list_color_red\">\n<li>style = list3<\/li>\n<li>style = list3<\/li>\n<li>style = list3<\/li>\n<\/ul><\/div>\n<div class=\"one_fourth last\"><ul class=\"list4 list_color_yellow\">\n<li>style = list4<\/li>\n<li>style = list4<\/li>\n<li>style = list4<\/li>\n<\/ul><\/div><div class=\"clearboth\"><\/div>\n<div class=\"one_fourth\"><ul class=\"list5 list_color_blue\">\n<li>style = list5<\/li>\n<li>style = list5<\/li>\n<li>style = list5<\/li>\n<\/ul><\/div>\n<div class=\"one_fourth\"><ul class=\"list6 list_color_pink\">\n<li>style = list6<\/li>\n<li>style = list6<\/li>\n<li>style = list6<\/li>\n<\/ul><\/div>\n<div class=\"one_fourth\"><ul class=\"list7 list_color_green\">\n<li>style = list7<\/li>\n<li>style = list7<\/li>\n<li>style = list7<\/li>\n<\/ul><\/div>\n<div class=\"one_fourth last\"><ul class=\"list8 list_color_rosy\">\n<li>style = list8<\/li>\n<li>style = list8<\/li>\n<li>style = list8<\/li>\n<\/ul><\/div><div class=\"clearboth\"><\/div>\n<div class=\"one_fourth\"><ul class=\"list9 list_color_orange\">\n<li>style = list9<\/li>\n<li>style = list9<\/li>\n<li>style = list9<\/li>\n<\/ul><\/div>\n<div class=\"one_fourth\"><ul class=\"list10 list_color_magenta\">\n<li>style = list10<\/li>\n<li>style = list10<\/li>\n<li>style = list10<\/li>\n<\/ul><\/div>\n<div class=\"one_fourth\"><ul class=\"list11 list_color_red\">\n<li>style = list11<\/li>\n<li>style = list11<\/li>\n<li>style = list11<\/li>\n<\/ul><\/div>\n<div class=\"one_fourth last\"><ul class=\"list12 list_color_blue\">\n<li>style = list12<\/li>\n<li>style = list12<\/li>\n<li>style = list12<\/li>\n<\/ul><\/div><div class=\"clearboth\"><\/div>\n<code class=\"code\">&#91;list style=\"list1\" color=\"gray\"&#93;\r\n&lt;ul&gt;\r\n\t&lt;li&gt;your list item&lt;\/li&gt;\r\n\t&lt;li&gt;your list item&lt;\/li&gt;\r\n\t&lt;li&gt;your list item&lt;\/li&gt;\r\n&lt;\/ul&gt;\r\n&#91;\/list&#93;<\/code>\n<div class=\"divider_padding\"><\/div>\n<h3>Position inside or outside<\/h3>\n<h4>Inside<\/h4>\n<ul class=\"list2 list_color_blue\">\n<li>Nunc nulla. Etiam sollicitudin, ipsum eu pulvinar rutrum, tellus ipsum laoreet sapien, quis venenatis ante odio sit amet eros. Etiam rhoncus. Aenean imperdiet. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum.<\/li>\n<li>Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Nunc nulla. Pellentesque posuere. Suspendisse pulvinar, augue ac venenatis condimentum, sem libero volutpat nibh, nec pellentesque velit pede quis nunc. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.<\/li>\n<li>Praesent egestas tristique nibh. Praesent ac sem eget est egestas volutpat. Sed magna purus, fermentum eu, tincidunt eu, varius ut, felis. Curabitur at lacus ac velit ornare lobortis. Sed augue ipsum, egestas nec, vestibulum et, malesuada adipiscing, dui.<\/li>\n<\/ul>\n<div class=\"toggle toggle_left\"><h4 class=\"toggle_title\"><i class=\"toggle_icon\"><\/i><span class=\"toggle-title\">Get the Code<\/span><\/h4><div class=\"toggle_content\"><code class=\"code\">&#91;list style=\"list2\" color=\"blue\"&#93;\r\n&lt;ul&gt;\r\n\t&lt;li&gt;Nunc nulla. Etiam sollicitudin, ipsum eu pulvinar rutrum, tellus ipsum laoreet sapien, quis venenatis ante odio sit amet eros. Etiam rhoncus. Aenean imperdiet. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum.&lt;\/li&gt;\r\n\t&lt;li&gt;Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Nunc nulla. Pellentesque posuere. Suspendisse pulvinar, augue ac venenatis condimentum, sem libero volutpat nibh, nec pellentesque velit pede quis nunc. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.&lt;\/li&gt;\r\n\t&lt;li&gt;Praesent egestas tristique nibh. Praesent ac sem eget est egestas volutpat. Sed magna purus, fermentum eu, tincidunt eu, varius ut, felis. Curabitur at lacus ac velit ornare lobortis. Sed augue ipsum, egestas nec, vestibulum et, malesuada adipiscing, dui.&lt;\/li&gt;\r\n&lt;\/ul&gt;\r\n&#91;\/list&#93;<\/code><\/div><\/div>\n<div class=\"divider_padding\"><\/div>\n<h4>Outside<\/h4>\n<ul class=\"list2 list_color_blue list_outside\">\n<li>Nunc nulla. Etiam sollicitudin, ipsum eu pulvinar rutrum, tellus ipsum laoreet sapien, quis venenatis ante odio sit amet eros. Etiam rhoncus. Aenean imperdiet. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum.<\/li>\n<li>Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Nunc nulla. Pellentesque posuere. Suspendisse pulvinar, augue ac venenatis condimentum, sem libero volutpat nibh, nec pellentesque velit pede quis nunc. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.<\/li>\n<li>Praesent egestas tristique nibh. Praesent ac sem eget est egestas volutpat. Sed magna purus, fermentum eu, tincidunt eu, varius ut, felis. Curabitur at lacus ac velit ornare lobortis. Sed augue ipsum, egestas nec, vestibulum et, malesuada adipiscing, dui.<\/li>\n<\/ul>\n<div class=\"toggle toggle_left\"><h4 class=\"toggle_title\"><i class=\"toggle_icon\"><\/i><span class=\"toggle-title\">Get the Code<\/span><\/h4><div class=\"toggle_content\"><code class=\"code\">&#91;list style=\"list2\" color=\"blue\" position=\"outside\"&#93;\r\n&lt;ul&gt;\r\n\t&lt;li&gt;Nunc nulla. Etiam sollicitudin, ipsum eu pulvinar rutrum, tellus ipsum laoreet sapien, quis venenatis ante odio sit amet eros. Etiam rhoncus. Aenean imperdiet. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum.&lt;\/li&gt;\r\n\t&lt;li&gt;Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Nunc nulla. Pellentesque posuere. Suspendisse pulvinar, augue ac venenatis condimentum, sem libero volutpat nibh, nec pellentesque velit pede quis nunc. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.&lt;\/li&gt;\r\n\t&lt;li&gt;Praesent egestas tristique nibh. Praesent ac sem eget est egestas volutpat. Sed magna purus, fermentum eu, tincidunt eu, varius ut, felis. Curabitur at lacus ac velit ornare lobortis. Sed augue ipsum, egestas nec, vestibulum et, malesuada adipiscing, dui.&lt;\/li&gt;\r\n&lt;\/ul&gt;\r\n&#91;\/list&#93;<\/code><\/div><\/div> <\/p>\n<div class=\"divider top\"><a href=\"#\">Top<\/a><\/div>\n<h2>Text with Icon<\/h2>\n<div class=\"one_fourth\"><span class=\"theme_text_icon\"><i class=\"text_icon  icon_globe black text_icon_theme\"><\/i>globe<\/span> <br \/>\n<span class=\"theme_text_icon\"><i class=\"text_icon  icon_home gray text_icon_theme\"><\/i>home<\/span> <br \/>\n<span class=\"theme_text_icon\"><i class=\"text_icon  icon_email red text_icon_theme\"><\/i>email<\/span> <br \/>\n<span class=\"theme_text_icon\"><i class=\"text_icon  icon_user yellow text_icon_theme\"><\/i>user<\/span> <br \/>\n<span class=\"theme_text_icon\"><i class=\"text_icon  icon_multiuser blue text_icon_theme\"><\/i>multiuser<\/span> <br \/>\n<span class=\"theme_text_icon\"><i class=\"text_icon  icon_id pink text_icon_theme\"><\/i>id<\/span> <br \/>\n<span class=\"theme_text_icon\"><i class=\"text_icon  icon_addressbook green text_icon_theme\"><\/i>addressbook<\/span> <br \/>\n<span class=\"theme_text_icon\"><i class=\"text_icon  icon_phone rosy text_icon_theme\"><\/i>phone<\/span> <br \/>\n<span class=\"theme_text_icon\"><i class=\"text_icon  icon_cellphone orange text_icon_theme\"><\/i>cellphone<\/span> <br \/>\n<span class=\"theme_text_icon\"><i class=\"text_icon  icon_fax magenta text_icon_theme\"><\/i>fax<\/span> <br \/>\n<span class=\"theme_text_icon\"><i class=\"text_icon  icon_link red text_icon_theme\"><\/i>link<\/span> <br \/>\n<span class=\"theme_text_icon\"><i class=\"text_icon  icon_chain yellow text_icon_theme\"><\/i>chain<\/span> <br \/>\n<span class=\"theme_text_icon\"><i class=\"text_icon  icon_calendar blue text_icon_theme\"><\/i>calendar<\/span> <br \/>\n<span class=\"theme_text_icon\"><i class=\"text_icon  icon_tag black text_icon_theme\"><\/i>tag<\/span> <br \/>\n<span class=\"theme_text_icon\"><i class=\"text_icon  icon_download gray text_icon_theme\"><\/i>download<\/span> <br \/>\n<span class=\"theme_text_icon\"><i class=\"text_icon  icon_comments red text_icon_theme\"><\/i>comments<\/span> <br \/>\n<span class=\"theme_text_icon\"><i class=\"text_icon  icon_desktop gray text_icon_theme\"><\/i>desktop<\/span> <br \/><\/div>\n<div class=\"one_fourth\"><span class=\"theme_text_icon\"><i class=\"text_icon  icon_comment yellow text_icon_theme\"><\/i>comment<\/span> <br \/>\n<span class=\"theme_text_icon\"><i class=\"text_icon  icon_comment-o blue text_icon_theme\"><\/i>comment-o<\/span> <br \/>\n<span class=\"theme_text_icon\"><i class=\"text_icon  icon_comment-s pink text_icon_theme\"><\/i>comment-s<\/span> <br \/>\n<span class=\"theme_text_icon\"><i class=\"text_icon  icon_heart green text_icon_theme\"><\/i>heart<\/span> <br \/>\n<span class=\"theme_text_icon\"><i class=\"text_icon  icon_heart-o rosy text_icon_theme\"><\/i>heart-o<\/span> <br \/>\n<span class=\"theme_text_icon\"><i class=\"text_icon  icon_thumbs-up orange text_icon_theme\"><\/i>thumbs-up<\/span> <br \/>\n<span class=\"theme_text_icon\"><i class=\"text_icon  icon_thumbs-down magenta text_icon_theme\"><\/i>thumbs-down<\/span> <br \/>\n<span class=\"theme_text_icon\"><i class=\"text_icon  icon_key red text_icon_theme\"><\/i>key<\/span> <br \/>\n<span class=\"theme_text_icon\"><i class=\"text_icon  icon_lightbulb yellow text_icon_theme\"><\/i>lightbulb<\/span> <br \/>\n<span class=\"theme_text_icon\"><i class=\"text_icon  icon_eye blue text_icon_theme\"><\/i>eye<\/span> <br \/>\n<span class=\"theme_text_icon\"><i class=\"text_icon  icon_help black text_icon_theme\"><\/i>help<\/span> <br \/>\n<span class=\"theme_text_icon\"><i class=\"text_icon  icon_marker gray text_icon_theme\"><\/i>marker<\/span> <br \/>\n<span class=\"theme_text_icon\"><i class=\"text_icon  icon_gift red text_icon_theme\"><\/i>gift<\/span> <br \/>\n<span class=\"theme_text_icon\"><i class=\"text_icon  icon_star yellow text_icon_theme\"><\/i>star<\/span> <br \/>\n<span class=\"theme_text_icon\"><i class=\"text_icon  icon_flag blue text_icon_theme\"><\/i>flag<\/span> <br \/>\n<span class=\"theme_text_icon\"><i class=\"text_icon  icon_medal pink text_icon_theme\"><\/i>medal<\/span> <br \/>\n<span class=\"theme_text_icon\"><i class=\"text_icon  icon_tablet black text_icon_theme\"><\/i>tablet<\/span> <br \/><\/div>\n<div class=\"one_fourth\"><span class=\"theme_text_icon\"><i class=\"text_icon  icon_clock green text_icon_theme\"><\/i>clock<\/span> <br \/>\n<span class=\"theme_text_icon\"><i class=\"text_icon  icon_cart rosy text_icon_theme\"><\/i>cart<\/span> <br \/>\n<span class=\"theme_text_icon\"><i class=\"text_icon  icon_trash orange text_icon_theme\"><\/i>trash<\/span> <br \/>\n<span class=\"theme_text_icon\"><i class=\"text_icon  icon_cog magenta text_icon_theme\"><\/i>cog<\/span> <br \/>\n<span class=\"theme_text_icon\"><i class=\"text_icon  icon_ban red text_icon_theme\"><\/i>ban<\/span> <br \/>\n<span class=\"theme_text_icon\"><i class=\"text_icon  icon_times yellow text_icon_theme\"><\/i>times<\/span> <br \/>\n<span class=\"theme_text_icon\"><i class=\"text_icon  icon_pencil blue text_icon_theme\"><\/i>pencil<\/span> <br \/>\n<span class=\"theme_text_icon\"><i class=\"text_icon  icon_note black text_icon_theme\"><\/i>note<\/span> <br \/>\n<span class=\"theme_text_icon\"><i class=\"text_icon  icon_book gray text_icon_theme\"><\/i>book<\/span> <br \/>\n<span class=\"theme_text_icon\"><i class=\"text_icon  icon_gallery red text_icon_theme\"><\/i>gallery<\/span> <br \/>\n<span class=\"theme_text_icon\"><i class=\"text_icon  icon_picture yellow text_icon_theme\"><\/i>picture<\/span> <br \/>\n<span class=\"theme_text_icon\"><i class=\"text_icon  icon_movie blue text_icon_theme\"><\/i>movie<\/span> <br \/>\n<span class=\"theme_text_icon\"><i class=\"text_icon  icon_music pink text_icon_theme\"><\/i>music<\/span> <br \/>\n<span class=\"theme_text_icon\"><i class=\"text_icon  icon_play green text_icon_theme\"><\/i>play<\/span> <br \/>\n<span class=\"theme_text_icon\"><i class=\"text_icon  icon_check rosy text_icon_theme\"><\/i>check<\/span> <br \/>\n<span class=\"theme_text_icon\"><i class=\"text_icon  icon_check-b orange text_icon_theme\"><\/i>check-b<\/span> <br \/>\n<span class=\"theme_text_icon\"><i class=\"text_icon  icon_mobile blue text_icon_theme\"><\/i>mobile<\/span> <br \/><\/div>\n<div class=\"one_fourth last\"><span class=\"theme_text_icon\"><i class=\"text_icon  icon_check-circle magenta text_icon_theme\"><\/i>check-circle<\/span> <br \/>\n<span class=\"theme_text_icon\"><i class=\"text_icon  icon_check-circle-o red text_icon_theme\"><\/i>check-circle-o<\/span> <br \/>\n<span class=\"theme_text_icon\"><i class=\"text_icon  icon_check-circle-d yellow text_icon_theme\"><\/i>check-circle-d<\/span> <br \/>\n<span class=\"theme_text_icon\"><i class=\"text_icon  icon_check-square blue text_icon_theme\"><\/i>check-square<\/span> <br \/>\n<span class=\"theme_text_icon\"><i class=\"text_icon  icon_check-square-d black text_icon_theme\"><\/i>check-square-d<\/span> <br \/>\n<span class=\"theme_text_icon\"><i class=\"text_icon  icon_arrow gray text_icon_theme\"><\/i>arrow<\/span> <br \/>\n<span class=\"theme_text_icon\"><i class=\"text_icon  icon_arrow-circle red text_icon_theme\"><\/i>arrow-circle<\/span> <br \/>\n<span class=\"theme_text_icon\"><i class=\"text_icon  icon_arrow-circle-o yellow text_icon_theme\"><\/i>arrow-circle-o<\/span> <br \/>\n<span class=\"theme_text_icon\"><i class=\"text_icon  icon_circle blue text_icon_theme\"><\/i>circle<\/span> <br \/>\n<span class=\"theme_text_icon\"><i class=\"text_icon  icon_info pink text_icon_theme\"><\/i>info<\/span> <br \/>\n<span class=\"theme_text_icon\"><i class=\"text_icon  icon_info-o green text_icon_theme\"><\/i>info-o<\/span> <br \/>\n<span class=\"theme_text_icon\"><i class=\"text_icon  icon_question rosy text_icon_theme\"><\/i>question<\/span> <br \/>\n<span class=\"theme_text_icon\"><i class=\"text_icon  icon_question-o orange text_icon_theme\"><\/i>question-o<\/span> <br \/>\n<span class=\"theme_text_icon\"><i class=\"text_icon  icon_exclamation magenta text_icon_theme\"><\/i>exclamation<\/span> <br \/>\n<span class=\"theme_text_icon\"><i class=\"text_icon  icon_exclamation-triangle red text_icon_theme\"><\/i>exclamation-triangle<\/span> <br \/>\n<span class=\"theme_text_icon\"><i class=\"text_icon  icon_exclamation-circle yellow text_icon_theme\"><\/i>exclamation-circle<\/span> <br \/><\/div><div class=\"clearboth\"><\/div>\n<div class=\"divider_padding\"><\/div>\n<code class=\"code\">&#91;icon style=\"user\" color=\"gray\"&#93;user&#91;\/icon&#93;<\/code>\n<div class=\"divider top\"><a href=\"#\">Top<\/a><\/div>\n<h2>Link with Icon<\/h2>\n<div class=\"one_half\"><a class=\"theme_text_icon\" href=\"#\"><i class=\"text_icon icon_globe black text_icon_theme\"><\/i>globe<\/a> <br \/>\n<a class=\"theme_text_icon\" href=\"#\"><i class=\"text_icon icon_home gray text_icon_theme\"><\/i>home<\/a> <br \/>\n<a class=\"theme_text_icon\" href=\"#\"><i class=\"text_icon icon_email red text_icon_theme\"><\/i>email<\/a> <br \/>\n<a class=\"theme_text_icon\" href=\"#\"><i class=\"text_icon icon_user yellow text_icon_theme\"><\/i>user<\/a> <br \/>\n<a class=\"theme_text_icon\" href=\"#\"><i class=\"text_icon icon_multiuser blue text_icon_theme\"><\/i>multiuser<\/a> <br \/>\n<a class=\"theme_text_icon\" href=\"#\"><i class=\"text_icon icon_id pink text_icon_theme\"><\/i>id<\/a> <br \/>\n<a class=\"theme_text_icon\" href=\"#\"><i class=\"text_icon icon_addressbook green text_icon_theme\"><\/i>addressbook<\/a> <br \/><\/div>\n<div class=\"one_half last\"><a class=\"theme_text_icon\" href=\"#\"><i class=\"text_icon icon_phone rosy text_icon_theme\"><\/i>phone<\/a> <br \/>\n<a class=\"theme_text_icon\" href=\"#\"><i class=\"text_icon icon_link orange text_icon_theme\"><\/i>link<\/a> <br \/>\n<a class=\"theme_text_icon\" href=\"#\"><i class=\"text_icon icon_chain magenta text_icon_theme\"><\/i>chain<\/a> <br \/>\n<a class=\"theme_text_icon\" href=\"#\"><i class=\"text_icon icon_calendar red text_icon_theme\"><\/i>calendar<\/a> <br \/>\n<a class=\"theme_text_icon\" href=\"#\"><i class=\"text_icon icon_tag yellow text_icon_theme\"><\/i>tag<\/a> <br \/>\n<a class=\"theme_text_icon\" href=\"#\"><i class=\"text_icon icon_download blue text_icon_theme\"><\/i>download<\/a> <br \/><\/div><div class=\"clearboth\"><\/div>\n<div class=\"divider_padding\"><\/div>\n<code class=\"code\">&#91;icon_link style=\"user\" href=\"#\" color=\"gray\"&#93;user&#91;\/icon_link&#93;<\/code>\n<div class=\"divider top\"><a href=\"#\">Top<\/a><\/div>\n<h2>Ordered (numbered) list<\/h2>\n<ol>\n<li>List item<\/li>\n<li>List item<\/li>\n<li>List item<\/li>\n<\/ol>\n<h2>Unordered list<\/h2>\n<ul>\n<li>List item<\/li>\n<li>List item<\/li>\n<li>List item<\/li>\n<\/ul>\n<div class=\"divider top\"><a href=\"#\">Top<\/a><\/div>\n<h2>Other markup code<\/h2>\n<address>Address: Example address 224, Sweden<\/address>\n<p>I am <a href=\"?abc123\">the a tag<\/a> example<br \/>\nI am <abbr title=\"test\">the abbr tag<\/abbr> example<br \/>\nI am <acronym>the acronym tag<\/acronym> example<br \/>\nI am <b>the b tag<\/b> example<br \/>\nI am <big>the big tag<\/big> example<br \/>\nI am <cite>the cite tag<\/cite> example<br \/>\nI am <del>the del tag<\/del> example<br \/>\nI am <dfn>the dfn tag<\/dfn> example<br \/>\nI am <em>the em tag<\/em> example<br \/>\nI am <i>the i tag<\/i> example<br \/>\nI am <ins>the ins tag<\/ins> example<br \/>\nI am <mark>the mark tag<\/mark> example<br \/>\nI am <q>the q tag<\/q> example<br \/>\nI am <small>the small tag<\/small> example<br \/>\nI am <span>the span tag<\/span> example<br \/>\nI am <strong>the strong tag<\/strong> example<br \/>\nI am <sub>the sub tag<\/sub> example<br \/>\nI am <sup>the sup tag<\/sup> example<br \/>\nI am <kbd>the kbd tag<\/kbd> example<br \/>\nI am <samp>the samp tag<\/samp> example<br \/>\nI am <tt>the tt tag<\/tt> example<br \/>\nI am <var>the var tag<\/var> example<\/p>\n<div class=\"divider top\"><a href=\"#\">Top<\/a><\/div>\n<h2>Highlight<\/h2>\n<h3>Light<\/h3>\n<p>Morbi blandit, eros non blandit dictum, orci enim tincidunt odio, vitae tempus ipsum nibh quis est. Donec vehicula nisi sed dolor volutpat commodo. Nullam scelerisque varius tellus, in dapibus velit aliquet sit amet. Nullam tempus, <span class=\"highlight\">metus aliquam pretium tempus<\/span>, elit elit vehicula nisl, ut mattis nibh urna in sem. Curabitur eget libero vitae nibh lobortis adipiscing.<\/p>\n<code class=\"code\">&#91;highlight&#93;your text with yellow highlight&#91;\/highlight&#93;<\/code>\n<h3>Dark<\/h3>\n<p>Morbi blandit, eros non blandit dictum, orci enim tincidunt odio, vitae tempus ipsum nibh quis est. Donec vehicula nisi sed dolor volutpat commodo. Nullam scelerisque varius tellus, in dapibus velit aliquet sit amet. Nullam tempus, <span class=\"highlight dark\">metus aliquam pretium tempus<\/span>, elit elit vehicula nisl, ut mattis nibh urna in sem. Curabitur eget libero vitae nibh lobortis adipiscing.<\/p>\n<code class=\"code\">&#91;highlight type=\"dark\"&#93;your text with dark highlight&#91;\/highlight&#93;<\/code>\n<div class=\"divider top\"><a href=\"#\">Top<\/a><\/div>\n<h2>WordPress Image Styles<\/h2>\n<h3>Left Aligned<\/h3>\n<div id=\"attachment_449\" style=\"width: 150px\" class=\"wp-caption alignleft\"><a href=\"https:\/\/thethemebuilders.review\/demonew\/wp-content\/uploads\/2019\/10\/visualpanic_2608937632.jpg\" class=\"wp_lightbox\" rel=\"post_448\"><img decoding=\"async\" aria-describedby=\"caption-attachment-449\" src=\"https:\/\/thethemebuilders.review\/demonew\/wp-content\/uploads\/2019\/10\/visualpanic_2608937632-150x150.jpg\" alt=\"\" title=\"visualpanic_2608937632\" width=\"150\" height=\"150\" class=\"size-thumbnail wp-image-129\" \/><\/a><p id=\"caption-attachment-449\" class=\"wp-caption-text\">Caption Title<\/p><\/div>\nPellentesque pretium, quam id eleifend convallis, neque erat aliquam nisl, sed porta ipsum libero feugiat odio. Duis faucibus ipsum a elit mattis quis pharetra felis pharetra. Nullam sodales, nisl tempor imperdiet tincidunt, nisi sapien convallis erat, nec fringilla nibh ante quis tortor. Maecenas id erat nisi, sed sagittis diam. Aliquam fermentum, quam ut feugiat fermentum, quam nisi convallis nisl, ac imperdiet odio risus eget quam. Fusce consequat hendrerit ante sit amet aliquam. Nam facilisis purus a ligula commodo dapibus. Sed malesuada rutrum erat, id faucibus lacus consectetur. Vestibulum ullamcorper mauris at ligula. Curabitur ullamcorper ultricies nisi. Mauris turpis nunc, blandit et, volutpat molestie, porta ut, ligula. Pellentesque auctor neque nec urna.Duis leo. Cras risus ipsum, faucibus ut, ullamcorper id, varius ac, leo. Curabitur a felis in nunc fringilla tristique. Cras dapibus. In turpis.<br \/>\n<div class=\"divider_padding\"><\/div>\n<h3>Right Aligned<\/h3>\n<div id=\"attachment_449\" style=\"width: 150px\" class=\"wp-caption alignright\"><a href=\"https:\/\/thethemebuilders.review\/demonew\/wp-content\/uploads\/2019\/10\/visualpanic_2608937632.jpg\" class=\"wp_lightbox\" rel=\"post_448\"><img decoding=\"async\" aria-describedby=\"caption-attachment-449\" src=\"https:\/\/thethemebuilders.review\/demonew\/wp-content\/uploads\/2019\/10\/visualpanic_2608937632-150x150.jpg\" alt=\"\" title=\"visualpanic_2608937632\" width=\"150\" height=\"150\" class=\"size-thumbnail wp-image-129\" \/><p id=\"caption-attachment-449\" class=\"wp-caption-text\">Caption Title<\/p><\/div>\nDonec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. Lorem ipsum dolor sit amet. Quisque aliquam. Donec faucibus. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. Lorem ipsum dolor sit amet. Quisque aliquam. Donec faucibus.Cras varius. Cras non dolor. Fusce fermentum odio nec arcu. Praesent nonummy mi in odio. Mauris turpis nunc, blandit et, volutpat molestie, porta ut, ligula.Pellentesque commodo eros a enim. In ac felis quis tortor malesuada pretium. Suspendisse enim turpis, dictum sed, iaculis a, condimentum nec, nisi. Duis leo. Nulla consequat massa quis enim. Donec mi odio, faucibus at, scelerisque quis, convallis in, nisi. Praesent ac massa at ligula laoreet iaculis. Suspendisse eu ligula. Nunc egestas, augue at pellentesque laoreet, felis eros vehicula leo, at malesuada velit leo quis pede. Vestibulum fringilla pede sit amet augue.<br \/>\n<div class=\"divider_padding\"><\/div>\n<h3>Center Aligned<\/h3>\n<p>Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.<\/p>\n<div id=\"attachment_449\" style=\"width: 300px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/thethemebuilders.review\/demonew\/wp-content\/uploads\/2019\/10\/visualpanic_2608937632.jpg\" class=\"wp_lightbox\" rel=\"post_448\"><img decoding=\"async\" aria-describedby=\"caption-attachment-449\" src=\"https:\/\/thethemebuilders.review\/demonew\/wp-content\/uploads\/2019\/10\/visualpanic_2608937632-300x201.jpg\" alt=\"\" title=\"visualpanic_2608937632\" width=\"300\" height=\"201\" class=\"size-medium wp-image-129\" srcset=\"https:\/\/thethemebuilders.review\/demonew\/wp-content\/uploads\/2019\/10\/visualpanic_2608937632-300x201.jpg 300w, https:\/\/thethemebuilders.review\/demonew\/wp-content\/uploads\/2019\/10\/visualpanic_2608937632-768x514.jpg 768w, https:\/\/thethemebuilders.review\/demonew\/wp-content\/uploads\/2019\/10\/visualpanic_2608937632.jpg 1024w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-449\" class=\"wp-caption-text\">Caption Title<\/p><\/div>\n<div class=\"divider top\"><a href=\"#\">Top<\/a><\/div>\n<h2>Table Styles<\/h2>\n<div class=\"table_style\">\n<table>\n<thead>\n<tr>\n<th scope=\"col\"><strong>Company<strong><\/th>\n<th scope=\"col\">Header 1<\/th>\n<th scope=\"col\">Header 2<\/th>\n<th scope=\"col\">Header 3<\/th>\n<th scope=\"col\">Header 4<\/th>\n<\/tr>\n<\/thead>\n<tfoot>\n<tr>\n<td colspan=\"5\"><em>The foot text for this table<\/em><\/td>\n<\/tr>\n<\/tfoot>\n<tr>\n<td>Company 1<\/td>\n<td>Division<\/td>\n<td>Division<\/td>\n<td>Division<\/td>\n<td>Division<\/td>\n<\/tr>\n<tr>\n<td>Company 2<\/td>\n<td>Division<\/td>\n<td>Division<\/td>\n<td>Division<\/td>\n<td>Division<\/td>\n<\/tr>\n<tr>\n<td>Company 3<\/td>\n<td>Division<\/td>\n<td>Division<\/td>\n<td>Division<\/td>\n<td>Division<\/td>\n<\/tr>\n<tr>\n<td>Company 4<\/td>\n<td>Division<\/td>\n<td>Division<\/td>\n<td>Division<\/td>\n<td>Division<\/td>\n<\/tr>\n<\/table>\n<\/div>\n<div class=\"divider top\"><a href=\"#\">Top<\/a><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Striking Typography The striking theme comes with a huge amount of typography settings. For the theme used elements font-families, fontsizes, colors can be set in the theme settings. The theme has more then 700 Fonts and supports most of the commonly used html code. Striking has presets (shortcodes) for typography : styled list, tables, dropcaps, &#8230;<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":5411,"menu_order":15,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-448","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/thethemebuilders.review\/demonew\/wp-json\/wp\/v2\/pages\/448","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thethemebuilders.review\/demonew\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thethemebuilders.review\/demonew\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thethemebuilders.review\/demonew\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/thethemebuilders.review\/demonew\/wp-json\/wp\/v2\/comments?post=448"}],"version-history":[{"count":0,"href":"https:\/\/thethemebuilders.review\/demonew\/wp-json\/wp\/v2\/pages\/448\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/thethemebuilders.review\/demonew\/wp-json\/wp\/v2\/pages\/5411"}],"wp:attachment":[{"href":"https:\/\/thethemebuilders.review\/demonew\/wp-json\/wp\/v2\/media?parent=448"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}