{"id":423,"date":"2014-11-06T00:00:02","date_gmt":"2014-11-06T00:00:02","guid":{"rendered":"https:\/\/sltdigitalweb.lk\/wicks2\/?page_id=423"},"modified":"2026-04-08T06:23:34","modified_gmt":"2026-04-08T06:23:34","slug":"typography","status":"publish","type":"page","link":"https:\/\/sltdigitalweb.lk\/wicks2\/blog-shortcodes\/typography\/","title":{"rendered":"Typography"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row css=&#8221;.vc_custom_1432055465722{margin-bottom: 80px !important;}&#8221;][vc_column]<div class=\"ts-heading heading-3 default\"><h3>Heading<\/h3><\/div>[vc_row_inner][vc_column_inner][vc_column_text]<\/p>\n<h6>Lorem ipsum dolor sit amet<\/h6>\n<h5>Lorem ipsum dolor sit amet<\/h5>\n<h4>Lorem ipsum dolor sit amet<\/h4>\n<h3>Lorem ipsum dolor sit amet<\/h3>\n<h2>Lorem ipsum dolor sit amet<\/h2>\n<h1>Lorem ipsum dolor sit amet<\/h1>\n<p>[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1432055495555{margin-bottom: 80px !important;}&#8221;][vc_column]<div class=\"ts-heading heading-3 default\"><h3>Blockquotes<\/h3><\/div>[vc_column_text]<\/p>\n<blockquote class=\"quote-border\" style=\"margin-bottom: 60px;\"><p>Outcomes, prevention focus on impact scalable disruption legitimize. Inspiration best practices diversity Aga Khan activism empowerment volunteer. Investment sustainability foster international development. Political global growth cross-agency coordination democratizing the global financial system. Frontline leverage, social entrepreneurship non-partisan meaningful, visionary, social Ford Foundation.<\/p><\/blockquote>\n<blockquote><p>Solve challenges tAction Against Hunger citizenry Martin Luther King Jr. Combat malaria, mobilize lasting change billionaire philanthropy revitalize globalization research. Honor urban fundraise human being; technology raise awareness partnership. Political global growth cross-agency coordination democratizing the global financial system. Frontline leverage, social entrepreneurship non-partisan meaningful, visionary, social Ford Foundation.<\/p><\/blockquote>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1432055692422{margin-bottom: 80px !important;}&#8221;][vc_column]<div class=\"ts-heading heading-3 default\"><h3>Tables<\/h3><\/div>[vc_column_text]<\/p>\n<table>\n<thead>\n<tr>\n<th>Employee<\/th>\n<th>Sex<\/th>\n<th>Salary<\/th>\n<th>Note<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><a href=\"http:\/\/example.com\/\">Jane<\/a><\/td>\n<td>Male<\/td>\n<td>$1<\/td>\n<td>Because that\u2019s all Steve Job\u2019 needed for a salary.<\/td>\n<\/tr>\n<tr>\n<td><a href=\"http:\/\/example.com\">John<\/a><\/td>\n<td>Male<\/td>\n<td>$100K<\/td>\n<td>For all the blogging he does.<\/td>\n<\/tr>\n<tr>\n<td><a href=\"http:\/\/example.com\/\">Jane<\/a><\/td>\n<td>Male<\/td>\n<td>$100M<\/td>\n<td>Pictures are worth a thousand words, right? So Tom x 1,000.<\/td>\n<\/tr>\n<tr>\n<td><a href=\"http:\/\/example.com\/\">Jane<\/a><\/td>\n<td>Female<\/td>\n<td>$100B<\/td>\n<td>With hair like that?! Enough said\u2026<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1435305960133{margin-bottom: 10px !important;}&#8221;][vc_column]<div class=\"ts-heading heading-3 default\"><h3>Dropcap<\/h3><\/div>[\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1432138383570{margin-bottom: 80px !important;}&#8221;][vc_column width=&#8221;1\/2&#8243;][vc_column_text]<span class=\"ts-dropcap style-1\">L<\/span>orem ipsum dolor sit amet, consectetur adipiscing elit. Ut sed bibendum leo. Mauris mauris massa, eleifend et purus vel, feugiat rutrum nulla. Cras vitae est vel ipsum faucibus fermentum a ultricies urna. Cum sociis natoque penatibus et magnis dis parturient montes.parturient montes. \u00a0Aliquam velit elit, congue id felis vel, vulputate fringilla leo. Suspendisse vulputate ullamcorper risus nec ornare. Mauris pharetra sem vel nulla congue, et pretium elit elementum. \u00a0Phasellus sit amet lorem rhoncus, sollicitudin sem eget, venenatis quam.[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/2&#8243;][vc_column_text]<span class=\"ts-dropcap style-2\">L<\/span>orem ipsum dolor sit amet, consectetur adipiscing elit. Ut sed bibendum leo. Mauris mauris massa, eleifend et purus vel, feugiat rutrum nulla. Cras vitae est vel ipsum\u00a0faucibus fermentum a ultricies urna. Cum sociis natoque penatibus et magnis dis parturient montes parturient montes. \u00a0Aliquam velit elit, congue id felis vel, vulputate fringilla leo. Suspendisse vulputate ullamcorper risus nec ornare. Mauris pharetra sem vel nulla congue, et pretium elit elementum. \u00a0hasellus sit amet lorem rhoncus, sollicitudin sem eget fermentum a ultricies urna.[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1432631162195{margin-bottom: 0px !important;}&#8221;][vc_column]<div class=\"ts-heading heading-3 default\"><h3>Youtube, Vimeo video<\/h3><\/div>[\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1432630750326{margin-bottom: 80px !important;}&#8221;][vc_column width=&#8221;1\/2&#8243;][vc_video link=&#8221;https:\/\/vimeo.com\/56962340&#8243;][\/vc_column][vc_column width=&#8221;1\/2&#8243;][vc_video link=&#8221;https:\/\/vimeo.com\/61215259&#8243;][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1432060240581{margin-bottom: 80px !important;}&#8221;][vc_column]<div class=\"ts-heading heading-3 default\"><h3>Definition Lists<\/h3><\/div>[vc_column_text]<\/p>\n<dl>\n<dt>Definition List Title<\/dt>\n<dd>Definition list division.<\/dd>\n<dt>Startup<\/dt>\n<dd>A startup company or startup is a company or temporary organization designed to search for a repeatable and scalable business model.<\/dd>\n<dt>#dowork<\/dt>\n<dd>Coined by Rob Dyrdek and his personal body guard Christopher \u201cBig Black\u201d Boykins, \u201cDo Work\u201d works as a self motivator, to motivating your friends.<\/dd>\n<dt>Do It Live<\/dt>\n<dd>I\u2019ll let Bill O\u2019Reilly will <a title=\"We'll Do It Live\" href=\"https:\/\/www.youtube.com\/watch?v=O_HyZ5aW76c\">explain<\/a> this one.<\/dd>\n<\/dl>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column]<div class=\"ts-heading heading-3 default\"><h3>Columns<\/h3><\/div>[\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1432136446706{margin-bottom: 40px !important;}&#8221;][vc_column][vc_column_text]<\/p>\n<h6 class=\"primary-text\" style=\"margin-bottom: 20px;\">1\/1 column<\/h6>\n<p>Lorem ipsum dolor sit amet, feugiat delicata liberavisse id cum, no quo maiorum intellegebat, liber regione eu sit. Mea cu case ludus integre, vide viderer eleifend ex mea. His at soluta regione diceret, cum et atqui placerat petentium. Per amet nonumy periculis ei. Deleniti apeirian temporibus eam cu, ad mea ipsum sadipscing, sed ex assum omnium contentiones. Nobis suavitate moderatius has eu, epicuri ancillae pericula ei nam, ferri ipsum quaeque est ea. Lorem ipsum dolor sit amet, feugiat delicata liberavisse id cum[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1432135986546{margin-bottom: 20px !important;}&#8221;][vc_column][vc_column_text]<\/p>\n<h6 class=\"primary-text\">1\/2 column<\/h6>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1432136453634{margin-bottom: 40px !important;}&#8221;][vc_column width=&#8221;1\/2&#8243;][vc_column_text]Lorem ipsum dolor sit amet, feugiat delicata liberavisse id cum, no quo maiorum intellegebat, liber regione eu sit. Mea cu case ludus integre, vide viderer eleifend ex mea. His at soluta regione diceret, cum et atqui placerat petentium. Per amet nonumy periculis.[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/2&#8243;][vc_column_text]Lorem ipsum dolor sit amet, feugiat delicata liberavisse id cum, no quo maiorum intellegebat, liber regione eu sit. Mea cu case ludus integre, vide viderer eleifend ex mea. His at soluta regione diceret, cum et atqui placerat petentium. Per amet nonumy periculis.[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1432136051016{margin-bottom: 20px !important;}&#8221;][vc_column][vc_column_text]<\/p>\n<h6 class=\"primary-text\">1\/3 column<\/h6>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1432136460863{margin-bottom: 40px !important;}&#8221;][vc_column width=&#8221;1\/3&#8243;][vc_column_text]Lorem ipsum dolor sit amet, feugiat delicata liberavisse id cum, no quo maiorum intellegebat, liber regione eu sit. Mea cu case ludus integre, vide viderer eleifend ex mea.[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/3&#8243;][vc_column_text]Lorem ipsum dolor sit amet, feugiat delicata liberavisse id cum, no quo maiorum intellegebat, liber regione eu sit. Mea cu case ludus integre, vide viderer eleifend ex mea.[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/3&#8243;][vc_column_text]Lorem ipsum dolor sit amet, feugiat delicata liberavisse id cum, no quo maiorum intellegebat, liber regione eu sit. Mea cu case ludus integre, vide viderer eleifend ex mea.[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1432136067704{margin-bottom: 20px !important;}&#8221;][vc_column][vc_column_text]<\/p>\n<h6 class=\"primary-text\">1\/4 column<\/h6>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1432136468936{margin-bottom: 40px !important;}&#8221;][vc_column width=&#8221;1\/4&#8243;][vc_column_text]Lorem ipsum dolor sit amet, feugiat delicata liberavisse id cum, no quo maiorum intellegebat, liber regione eu sit. [\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/4&#8243;][vc_column_text]Lorem ipsum dolor sit amet, feugiat delicata liberavisse id cum, no quo maiorum intellegebat, liber regione eu sit. [\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/4&#8243;][vc_column_text]Lorem ipsum dolor sit amet, feugiat delicata liberavisse id cum, no quo maiorum intellegebat, liber regione eu sit. [\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/4&#8243;][vc_column_text]Lorem ipsum dolor sit amet, feugiat delicata liberavisse id cum, no quo maiorum intellegebat, liber regione eu sit. [\/vc_column_text][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1432136082578{margin-bottom: 20px !important;}&#8221;][vc_column][vc_column_text]<\/p>\n<h6 class=\"primary-text\">2\/3 column<\/h6>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1432136475332{margin-bottom: 40px !important;}&#8221;][vc_column width=&#8221;2\/3&#8243;][vc_column_text]Lorem ipsum dolor sit amet, feugiat delicata liberavisse id cum, no quo maiorum intellegebat, liber regione eu sit. Mea cu case ludus integre, vide viderer eleifend ex mea. His at soluta regione diceret, cum et atqui placerat petentium. Per amet nonumy periculis ei. Lorem ipsum dolor sit amet, feugiat delicata liberavisse id cum, no quo maiorum intellegebat, liber regione eu sit.[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/3&#8243;][vc_column_text]Lorem ipsum dolor sit amet, feugiat delicata liberavisse id cum, no quo maiorum intellegebat, liber regione eu sit. Mea cu case ludus integre, vide viderer eleifend ex mea.[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1432136111234{margin-bottom: 20px !important;}&#8221;][vc_column][vc_column_text]<\/p>\n<h6 class=\"primary-text\">3\/4\u00a0column<\/h6>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1432136481828{margin-bottom: 80px !important;}&#8221;][vc_column width=&#8221;3\/4&#8243;][vc_column_text]Lorem ipsum dolor sit amet, feugiat delicata liberavisse id cum, no quo maiorum intellegebat, liber regione eu sit. Mea cu case ludus integre, vide viderer eleifend ex mea. His at soluta regione diceret. Lorem ipsum dolor sit amet, feugiat delicata liberavisse id cum, no quo maiorum intellegebat, liber regione eu sit. Mea cu case ludus integre, vide viderer eleifend ex mea. His at soluta regione diceret. [\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/4&#8243;][vc_column_text]Lorem ipsum dolor sit amet, feugiat delicata liberavisse id cum, no quo maiorum intellegebat, liber regione eu sit. [\/vc_column_text][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1435305975009{margin-bottom: 10px !important;}&#8221;][vc_column]<div class=\"ts-heading heading-3 default\"><h3>Unordered and Ordered Lists <\/h3><\/div>[\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1432060260432{margin-bottom: 80px !important;}&#8221;][vc_column width=&#8221;1\/4&#8243;][vc_column_text]<\/p>\n<ul>\n<li>List item one\n<ul>\n<li>List item one\n<ul>\n<li>List item one<\/li>\n<li>List item two<\/li>\n<\/ul>\n<\/li>\n<li>List item two<\/li>\n<li>List item three<\/li>\n<\/ul>\n<\/li>\n<li>List item two<\/li>\n<li>List item three<\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/4&#8243;][vc_column_text]<\/p>\n<ul class=\"ul-style\">\n<li>List item one\n<ul class=\"ul-style circle\">\n<li>List item one\n<ul class=\"ul-style remove\">\n<li>List item one<\/li>\n<li>List item two<\/li>\n<\/ul>\n<\/li>\n<li>List item two<\/li>\n<li>List item three<\/li>\n<\/ul>\n<\/li>\n<li>List item two<\/li>\n<li>List item three<\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/4&#8243;][vc_column_text]<\/p>\n<ol>\n<li>List item one\n<ol>\n<li>List item one\n<ol>\n<li>List item one<\/li>\n<li>List item two<\/li>\n<\/ol>\n<\/li>\n<li>List item two<\/li>\n<li>List item three<\/li>\n<\/ol>\n<\/li>\n<li>List item two<\/li>\n<li>List item three<\/li>\n<\/ol>\n<p>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/4&#8243;][vc_column_text]<\/p>\n<ol class=\"ol-style\">\n<li>List item one\n<ol>\n<li>List item one\n<ol>\n<li>List item one<\/li>\n<li>List item two<\/li>\n<\/ol>\n<\/li>\n<li>List item two<\/li>\n<li>List item three<\/li>\n<\/ol>\n<\/li>\n<li>List item two<\/li>\n<li>List item three<\/li>\n<\/ol>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1435305984086{margin-bottom: 50px !important;}&#8221;][vc_column]<div class=\"ts-heading heading-3 default\"><h3>HTML Tags<\/h3><\/div>[vc_column_text]These supported tags come from the WordPress.com code <a title=\"Code\" href=\"http:\/\/en.support.wordpress.com\/code\/\">FAQ<\/a>.<\/p>\n<p><strong>Address Tag<\/strong><\/p>\n<address>1 Infinite LoopCupertino, CA 95014United States<\/address>\n<p><strong>Anchor Tag (aka. Link)<\/strong><\/p>\n<p>This is an example of a <a title=\"Apple\" href=\"http:\/\/apple.com\">link<\/a>.<\/p>\n<p><strong>Abbreviation Tag<\/strong><\/p>\n<p>The abbreviation <abbr title=\"Seriously\">srsly<\/abbr> stands for \u201cseriously\u201d.<\/p>\n<p><strong>Acronym Tag<\/strong><\/p>\n<p>The acronym <acronym title=\"For The Win\">ftw<\/acronym> stands for \u201cfor the win\u201d.<\/p>\n<p><strong>Big Tag<\/strong><\/p>\n<p>These tests are a <big>big<\/big> deal, but this tag is no longer supported in HTML5.<\/p>\n<p><strong>Cite Tag<\/strong><\/p>\n<p>\u201cCode is poetry.\u201d \u2013<cite>Automattic<\/cite><\/p>\n<p><strong>Code Tag<\/strong><\/p>\n<p>You will learn later on in these tests that <code>word-wrap: break-word;<\/code> will be your best friend.<\/p>\n<p><strong>Delete Tag<\/strong><\/p>\n<p>This tag will let you <del>strikeout text<\/del>, but this tag is no longer supported in HTML5 (use the <code>&lt;strike&gt;<\/code> instead).<\/p>\n<p><strong>Emphasize Tag<\/strong><\/p>\n<p>The emphasize tag should <em>italicize<\/em> text.<\/p>\n<p><strong>Insert Tag<\/strong><\/p>\n<p>This tag should denote <ins>inserted<\/ins> text.<\/p>\n<p><strong>Keyboard Tag<\/strong><\/p>\n<p>This scarcely known tag emulates <kbd>keyboard text<\/kbd>, which is usually styled like the <code>&lt;code&gt;<\/code> tag.<\/p>\n<p><strong>Preformatted Tag<\/strong><\/p>\n<p>This tag styles large blocks of code.<\/p>\n<pre>.post-title {\n\tmargin: 0 0 5px;\n\tfont-weight: bold;\n\tfont-size: 38px;\n\tline-height: 1.2;\n}<\/pre>\n<p><strong>Quote Tag<\/strong><\/p>\n<p><q>Developers, developers, developers\u2026<\/q> \u2013Steve Ballmer<\/p>\n<p><strong>Strong Tag<\/strong><\/p>\n<p>This tag shows <strong>bold<strong> text.<\/strong><\/strong><\/p>\n<p><strong>Subscript Tag<\/strong><\/p>\n<p>Getting our science styling on with H<sub>2<\/sub>O, which should push the \u201c2\u201d down.<\/p>\n<p><strong>Superscript Tag<\/strong><\/p>\n<p>Still sticking with science and Isaac Newton\u2019s E = MC<sup>2<\/sup>, which should lift the 2 up.<\/p>\n<p><strong>Teletype Tag<\/strong><\/p>\n<p>This rarely used tag emulates <tt>teletype text<\/tt>, which is usually styled like the <code>&lt;code&gt;<\/code> tag.<\/p>\n<p><strong>Variable Tag<\/strong><\/p>\n<p>This allows you to denote <var>variables<\/var>.[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row css=&#8221;.vc_custom_1432055465722{margin-bottom: 80px !important;}&#8221;][vc_column][vc_row_inner][vc_column_inner][vc_column_text] Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet [\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1432055495555{margin-bottom: 80px !important;}&#8221;][vc_column][vc_column_text] Outcomes, prevention focus on impact scalable disruption legitimize. Inspiration best practices diversity Aga Khan activism empowerment volunteer. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":467,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-423","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sltdigitalweb.lk\/wicks2\/wp-json\/wp\/v2\/pages\/423","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sltdigitalweb.lk\/wicks2\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sltdigitalweb.lk\/wicks2\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sltdigitalweb.lk\/wicks2\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sltdigitalweb.lk\/wicks2\/wp-json\/wp\/v2\/comments?post=423"}],"version-history":[{"count":1,"href":"https:\/\/sltdigitalweb.lk\/wicks2\/wp-json\/wp\/v2\/pages\/423\/revisions"}],"predecessor-version":[{"id":8371,"href":"https:\/\/sltdigitalweb.lk\/wicks2\/wp-json\/wp\/v2\/pages\/423\/revisions\/8371"}],"up":[{"embeddable":true,"href":"https:\/\/sltdigitalweb.lk\/wicks2\/wp-json\/wp\/v2\/pages\/467"}],"wp:attachment":[{"href":"https:\/\/sltdigitalweb.lk\/wicks2\/wp-json\/wp\/v2\/media?parent=423"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}