{"id":330,"date":"2014-05-24T06:17:41","date_gmt":"2014-05-24T06:17:41","guid":{"rendered":"http:\/\/www.aivahthemes.com\/lifecare\/?page_id=330"},"modified":"2014-10-10T06:22:48","modified_gmt":"2014-10-10T06:22:48","slug":"dropcaps-ampersand-highlighter","status":"publish","type":"page","link":"https:\/\/www.aivahthemes.com\/lifecare\/shortcodes\/dropcaps-ampersand-highlighter\/","title":{"rendered":"Typography"},"content":{"rendered":"<div class=\"fancyheading textleft\"><h1 class=\"fancy-title xlarge\"><span >Drop Caps<small>The first letter of a paragraph that is enlarged to &#8220;drop&#8221; down two or more lines, as in the shown examples below.<\/small><\/span><\/h1><\/div>\n<div class=\"demo_space\"  style=\"height:20px\"><\/div>\n<div class=\"one_third\"><span  class=\"dropcap dc-square dc-greensea\" style=\"background-color:#3fb0e7\">N<\/span>Iidunt quisque tristique. This is underlined text.   Sollicitudin eros sapien, ultrices primis. This is Emphasized text  volutpat tempor tur duis mattis dapibus, felis amet faucibus.<br \/><\/div>\n<div class=\"one_third\"><span  class=\"dropcap dc-circle dc-greensea\" style=\"background-color:#3fb0e7\">N<\/span>Cras dignissim blandit ligula rutrum posuere. Sed ultrices velit laoreet nibh tincidunt, ut blandit lorem tristique. Fusce et purus sit amet nisi tristique feugiat ultrices quis magna.<br \/><\/div>\n<div class=\"one_third last\"><span  class=\"dropcap dc-text \" style=\"color:#3fb0e7\">A<\/span>Cras dignissim blandit ligula rutrum posuere. Sed ultrices velit laoreet nibh tincidunt, ut blandit lorem tristique. Fusce et purus sit amet nisi tristique feugiat ultrices quis magna.<br \/><\/div><div class=\"clear\"><\/div>\n<p><strong>Get The Code:<\/strong><br \/>\n<div class=\"demo_space\"  style=\"height:20px\"><\/div>\n<pre>&#091;dropcap type=\"dropcap1\" color=\"greensea\" bgcolor=\"#24b192\" letter=\"N\"]\r\n&#091;dropcap type=\"dropcap2\" color=\"greensea\" bgcolor=\"#24b192\" letter=\"N\"]\r\n&#091;dropcap type=\"dropcap3\" color=\"cyan\" textcolor=\"#24b192\" letter=\"N\"]<\/pre>\n<div class=\"clear\"><\/div><div class=\"divider  thin\"  style=\"margin-top:40px 0 40px 0; margin-bottom: 40px 0 40px 0;\"><\/div>\n<p><strong>Customization Options and Features:<\/strong><br \/>\n<div class=\"demo_space\"  style=\"height:20px\"><\/div>\n\n<ul class=\"fa-ul\">\n<li><i class=\"fa-li fa fa-angle-right\"  style=\"color:#81d742;\"><\/i><strong>Dropcaps Type:<\/strong> Theme have 3 different types of dropcaps.<\/li>\n<li><i class=\"fa-li fa fa-angle-right\"  style=\"color:#81d742;\"><\/i><strong>Dropcap Text:<\/strong> Type the letter you want to display as Dropcap.<\/li>\n<li><i class=\"fa-li fa fa-angle-right\"  style=\"color:#81d742;\"><\/i><strong>Dropcap Color:<\/strong> Use Predefined Color for the Dropcap Background.<\/li>\n<li><i class=\"fa-li fa fa-angle-right\"  style=\"color:#81d742;\"><\/i><strong>Dropcap BG Color:<\/strong> Choose your desired color for the Dropcap Background<\/li>\n<li><i class=\"fa-li fa fa-angle-right\"  style=\"color:#81d742;\"><\/i><strong>Dropcap Text Color:<\/strong> Choose your desired color for the Dropcap Text<\/li>\n<\/ul>\n\n<div class=\"clear\"><\/div><div class=\"divider  thin\"  style=\"margin-top:60px 0 60px 0; margin-bottom: 60px 0 60px 0;\"><\/div>\n<div class=\"fancyheading textleft\"><h4 class=\"fancy-title \"><span >Ampersand<\/span><\/h4><\/div>\n<div class=\"demo_space\"  style=\"height:10px\"><\/div>\n<p><span style=\"font-size:16px;\">Support that goes above <span class=\"fancy_ampersand\" style=\"color:#3B3B3B; font-size:24px;\">&amp;<\/span> beyond.<\/span><br \/>\n<div class=\"clear\"><\/div><div class=\"divider  thin\"  style=\"margin-top:40px 0 40px 0; margin-bottom: 40px 0 40px 0;\"><\/div>\n<strong>Get The Code:<\/strong><br \/>\n<div class=\"demo_space\"  style=\"height:20px\"><\/div>\n<pre>&#091;fancy_ampersand size=\"24px\" color=\"#3B3B3B\"]<\/pre>\n<div class=\"clear\"><\/div><div class=\"divider  thin\"  style=\"margin-top:40px 0 40px 0; margin-bottom: 40px 0 40px 0;\"><\/div>\n<strong>Customization Options and Features:<\/strong><br \/>\n<div class=\"demo_space\"  style=\"height:20px\"><\/div>\n\n<ul class=\"fa-ul\">\n<li><i class=\"fa-li fa fa-angle-right\"  style=\"color:#81d742;\"><\/i><strong>size:<\/strong> Ampersand font size<\/li>\n<li><i class=\"fa-li fa fa-angle-right\"  style=\"color:#81d742;\"><\/i><strong>color:<\/strong> Ampersand color.<\/li>\n<\/ul>\n\n<div class=\"clear\"><\/div><div class=\"divider  thin\"  style=\"margin-top:40px 0 60px 0; margin-bottom: 40px 0 60px 0;\"><\/div>\n<div class=\"fancyheading textleft\"><h4 class=\"fancy-title \"><span >Highlighter<\/span><\/h4><\/div>\n<div class=\"demo_space\"  style=\"height:10px\"><\/div>\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. <span class=\"highlight\"  style=\"background-color:#26A289;color:#ffffff;\">Integer quis purus eu purus mattis.<\/span> Aliquam erat volutpat. Cras mattis aliquet leo. Phasellus quis ante non lacus sollicitudin laoreet nec quis quam. Vestibulum tristique ante dolor, ut lobortis nisl tempor varius. Pellentesque congue sapien id ante sagittis ornare. Donec sapien diam, vehicula non leo eget, pellentesque viverra ligula. Donec tincidunt tristique ante dolor, elementum dui nec hendrerit. <span class=\"highlight\"  style=\"background-color:#ffffff;color:#26A289;\">Curabitur ut nunc in sem gravida feugiat vel non nunc. <\/span>Fusce mattis lorem odio. Vestibulum et augue quis dolor faucibus tempor a ut lectus. Morbi ultricies eleifend lacinia.<\/p>\n<div class=\"clear\"><\/div><div class=\"divider  thin\"  style=\"margin-top:40px 0 40px 0; margin-bottom: 40px 0 40px 0;\"><\/div>\n<p><strong>Get The Code:<\/strong><br \/>\n<div class=\"demo_space\"  style=\"height:20px\"><\/div>\n<pre>&#091;highlight bgcolor=\"#26A289\" textcolor=\"#ffffff\"]Content Here...&#091;\/highlight]<\/pre>\n<div class=\"clear\"><\/div><div class=\"divider  thin\"  style=\"margin-top:40px 0 40px 0; margin-bottom: 40px 0 40px 0;\"><\/div>\n<div class=\"fancyheading textleft\"><h4 class=\"fancy-title \"><span >Highlighter2<\/span><\/h4><\/div>\n<div class=\"demo_space\"  style=\"height:10px\"><\/div>\nLorem ipsum dolor sit amet, consectetur adipiscing elit. <span class=\"highlight2\"   style=\"color:#26A289\">Integer quis purus eu purus mattis.<\/span> Aliquam erat volutpat. Cras mattis aliquet leo. Phasellus quis ante non lacus sollicitudin laoreet nec quis quam. Vestibulum tristique ante dolor, ut lobortis nisl tempor varius. Pellentesque congue sapien id ante sagittis ornare. Donec sapien diam, vehicula non leo eget, pellentesque viverra ligula. Donec tincidunt tristique ante dolor, elementum dui nec hendrerit. <span class=\"highlight\"  style=\"background-color:#ffffff;color:#26A289;\">Curabitur ut nunc in sem gravida feugiat vel non nunc. <\/span>Fusce mattis lorem odio. Vestibulum et augue quis dolor faucibus tempor a ut lectus. Morbi ultricies eleifend lacinia.<\/p>\n<div class=\"clear\"><\/div><div class=\"divider  thin\"  style=\"margin-top:40px 0 40px 0; margin-bottom: 40px 0 40px 0;\"><\/div>\n<strong>Get The Code:<\/strong><br \/>\n<div class=\"demo_space\"  style=\"height:20px\"><\/div>\n<pre>&#091;highlight2 textcolor=\"#ffffff\"]Content Here...&#091;\/highlight2]<\/pre>\n<div class=\"clear\"><\/div><div class=\"divider  thin\"  style=\"margin-top:40px 0 40px 0; margin-bottom: 40px 0 40px 0;\"><\/div>\n<strong>Customization Options and Features:<\/strong><br \/>\n<div class=\"demo_space\"  style=\"height:20px\"><\/div>\n\n<ul class=\"fa-ul\">\n<li><i class=\"fa-li fa fa-angle-right\"  style=\"color:#81d742;\"><\/i><strong>bgcolor:<\/strong> Highlight background-color.<\/li>\n<li><i class=\"fa-li fa fa-angle-right\"  style=\"color:#81d742;\"><\/i><strong>textcolor:<\/strong> Highlight text-color.<\/li>\n<\/ul>\n\n","protected":false},"excerpt":{"rendered":"<p>Get The Code: &#091;dropcap type=&#8221;dropcap1&#8243; color=&#8221;greensea&#8221; bgcolor=&#8221;#24b192&#8243; letter=&#8221;N&#8221;] &#091;dropcap type=&#8221;dropcap2&#8243; color=&#8221;greensea&#8221; bgcolor=&#8221;#24b192&#8243; letter=&#8221;N&#8221;] &#091;dropcap type=&#8221;dropcap3&#8243; color=&#8221;cyan&#8221; textcolor=&#8221;#24b192&#8243; letter=&#8221;N&#8221;] Customization Options and Features: Support that goes above beyond. Get The Code: &#091;fancy_ampersand size=&#8221;24px&#8221; color=&#8221;#3B3B3B&#8221;] Customization Options and Features: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam erat volutpat. Cras mattis aliquet leo. Phasellus quis ante [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":260,"menu_order":0,"comment_status":"open","ping_status":"open","template":"template_subpage.php","meta":{"footnotes":""},"class_list":["post-330","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.aivahthemes.com\/lifecare\/wp-json\/wp\/v2\/pages\/330","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.aivahthemes.com\/lifecare\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.aivahthemes.com\/lifecare\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.aivahthemes.com\/lifecare\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.aivahthemes.com\/lifecare\/wp-json\/wp\/v2\/comments?post=330"}],"version-history":[{"count":3,"href":"https:\/\/www.aivahthemes.com\/lifecare\/wp-json\/wp\/v2\/pages\/330\/revisions"}],"predecessor-version":[{"id":3172,"href":"https:\/\/www.aivahthemes.com\/lifecare\/wp-json\/wp\/v2\/pages\/330\/revisions\/3172"}],"up":[{"embeddable":true,"href":"https:\/\/www.aivahthemes.com\/lifecare\/wp-json\/wp\/v2\/pages\/260"}],"wp:attachment":[{"href":"https:\/\/www.aivahthemes.com\/lifecare\/wp-json\/wp\/v2\/media?parent=330"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}