{"id":175,"date":"2014-04-11T12:40:56","date_gmt":"2014-04-11T12:40:56","guid":{"rendered":"http:\/\/themes.pixelwars.org\/cvcard-wp\/?page_id=175"},"modified":"2014-04-11T14:09:11","modified_gmt":"2014-04-11T14:09:11","slug":"typography","status":"publish","type":"page","link":"https:\/\/themes.pixelwars.org\/cvcard-wp\/typography\/","title":{"rendered":"TYPOGRAPHY"},"content":{"rendered":"<p>The purpose of this HTML is to help determine what default settings are with CSS and to make sure that all possible HTML Elements are included in this HTML so as to not miss any possible Elements when designing a site.<\/p>\n<p>Read is focused on readability. Ipsum dolor sit amet,\u00a0<a title=\"test link\" href=\"file:\/\/\/C:\/Users\/Samsung\/Desktop\/Depo%20-%20cvcard\/cvCard%20HTML%20-%202\/typography.html#\">test link<\/a>\u00a0adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. 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.<\/p>\n<p>Lorem ipsum dolor sit amet,\u00a0<em>emphasis<\/em>\u00a0consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. 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.<\/p>\n<h2>Responsive Design, Goods and Bads<\/h2>\n<p class=\"drop-cap\">When we think about Read is focused on readability. adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. 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.<\/p>\n<div class=\"tagline\">\n<h3>This is a responsive template for showing what you think to everyone in the world, in any device. It&#8217;s that simple!<\/h3>\n<\/div>\n<p>Lorem ipsum dolor sit amet,\u00a0<em>emphasis<\/em>\u00a0consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. 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.<\/p>\n<blockquote><p>Responsive web design offers us a way forward, finally allowing us to \u201cdesign for the ebb and flow of things.\u201d<cite>Ethan Marcotte<\/cite><\/p><\/blockquote>\n<h3>Web Design<\/h3>\n<p>Lorem ipsum dolor sit amet,\u00a0<a title=\"test link\" href=\"file:\/\/\/C:\/Users\/Samsung\/Desktop\/Depo%20-%20cvcard\/cvCard%20HTML%20-%202\/typography.html#\">test link<\/a>\u00a0adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. 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.<\/p>\n<p>Lorem ipsum dolor sit amet,\u00a0<em>emphasis<\/em>\u00a0consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. 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.<\/p>\n<h4>UI DESIGN<\/h4>\n<p>Lorem ipsum dolor sit amet,\u00a0<a title=\"test link\" href=\"file:\/\/\/C:\/Users\/Samsung\/Desktop\/Depo%20-%20cvcard\/cvCard%20HTML%20-%202\/typography.html#\">test link<\/a>\u00a0adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. 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.<\/p>\n<p>Lorem ipsum dolor sit amet,\u00a0<em>emphasis<\/em>\u00a0consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. 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.<\/p>\n<h5>Adaptive Design<\/h5>\n<p>Lorem ipsum dolor sit amet,\u00a0<a title=\"test link\" href=\"file:\/\/\/C:\/Users\/Samsung\/Desktop\/Depo%20-%20cvcard\/cvCard%20HTML%20-%202\/typography.html#\">test link<\/a>\u00a0adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. 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.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignright size-full wp-image-207\" alt=\"blog-01\" src=\"http:\/\/themes.pixelwars.org\/cvcard-wp\/wp-content\/uploads\/2014\/04\/blog-01.png\" width=\"400\" height=\"300\" srcset=\"https:\/\/themes.pixelwars.org\/cvcard-wp\/wp-content\/uploads\/2014\/04\/blog-01.png 400w, https:\/\/themes.pixelwars.org\/cvcard-wp\/wp-content\/uploads\/2014\/04\/blog-01-300x225.png 300w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/>This is some text that will wrap around the image that sits on the right side of the text that you are writing about the leaf that is there. That is, if you are writing about leaves in the first place and you want to write about this specific leaf. Lorem ipsum dolor sit amet,<em>emphasis<\/em>\u00a0consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. 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. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. 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.<\/p>\n<div id=\"attachment_207\" style=\"width: 410px\" class=\"wp-caption alignleft\"><img aria-describedby=\"caption-attachment-207\" decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-207\" alt=\"- Optimization -\" src=\"http:\/\/themes.pixelwars.org\/cvcard-wp\/wp-content\/uploads\/2014\/04\/blog-01.png\" width=\"400\" height=\"300\" srcset=\"https:\/\/themes.pixelwars.org\/cvcard-wp\/wp-content\/uploads\/2014\/04\/blog-01.png 400w, https:\/\/themes.pixelwars.org\/cvcard-wp\/wp-content\/uploads\/2014\/04\/blog-01-300x225.png 300w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/><p id=\"caption-attachment-207\" class=\"wp-caption-text\">&#8211; Optimization &#8211;<\/p><\/div>\n<p>This is some text that will wrap around the image that sits on the right side of the text that you are writing about the leaf that is there. That is, if you are writing about leaves in the first place and you want to write about this specific leaf. Lorem ipsum dolor sit amet,\u00a0<em>emphasis<\/em>\u00a0consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. 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. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. 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.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-207\" alt=\"blog-01\" src=\"http:\/\/themes.pixelwars.org\/cvcard-wp\/wp-content\/uploads\/2014\/04\/blog-01.png\" width=\"400\" height=\"300\" srcset=\"https:\/\/themes.pixelwars.org\/cvcard-wp\/wp-content\/uploads\/2014\/04\/blog-01.png 400w, https:\/\/themes.pixelwars.org\/cvcard-wp\/wp-content\/uploads\/2014\/04\/blog-01-300x225.png 300w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/><\/p>\n<p>This is some text that will wrap around the image that sits on the right side of the text that you are writing about the leaf that is there. That is, if you are writing about leaves in the first place and you want to write about this specific leaf. Lorem ipsum dolor sit amet,\u00a0<em>emphasis<\/em>\u00a0consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. 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. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. 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.<\/p>\n<p>Adaptive Design<\/p>\n<p>Lorem ipsum dolor sit amet,\u00a0<a title=\"test link\" href=\"file:\/\/\/C:\/Users\/Samsung\/Desktop\/Depo%20-%20cvcard\/cvCard%20HTML%20-%202\/typography.html#\">test link<\/a>\u00a0adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. 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.<\/p>\n<p>Lorem ipsum dolor sit amet,\u00a0<em>emphasis<\/em>\u00a0consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. 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.<\/p>\n<hr>\n<h2>Misc Stuff \u2013 abbr, pre, code, sub, sup, etc.<\/h2>\n<p>Lorem\u00a0superscript\u00a0dolor\u00a0subscript\u00a0amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam.\u00a0<cite>cite<\/cite>. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy.\u00a0<abbr title=\"National Basketball Association\">NBA<\/abbr>\u00a0Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.<\/p>\n<h2>Pre, Code Blocks<\/h2>\n<p>This is an inline code block\u00a0<code>index.html<\/code>\u00a0is the main file.<\/p>\n<h3>Default<\/h3>\n<pre>\r\n&lt;meta charset=\"utf-8\" \/&gt;\r\n&lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1, maximum-scale=1\"&gt;\r\n&lt;meta name=\"description\" content=\"impressiVcard - impressiVCard Responsive HTML5 VCard Template\"&gt;\r\n&lt;meta name=\"keywords\" content=\"impressivcard, vcard, html5, ,portfolio\"&gt;\r\n&lt;meta name=\"author\" content=\"Pixelwars\"&gt;\r\n\r\n&lt;title&gt;ImpressivCard&lt;\/title&gt;\r\n<\/pre>\n<h3>Google Syntax Prettify<\/h3>\n<pre class=\"prettyprint\">\r\n&lt;meta charset=\"utf-8\" \/&gt;\r\n&lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1, maximum-scale=1\"&gt;\r\n&lt;meta name=\"description\" content=\"impressiVcard - impressiVCard Responsive HTML5 VCard Template\"&gt;\r\n&lt;meta name=\"keywords\" content=\"impressivcard, vcard, html5, ,portfolio\"&gt;\r\n&lt;meta name=\"author\" content=\"Pixelwars\"&gt;\r\n\r\n&lt;title&gt;ImpressivCard&lt;\/title&gt;\r\n<\/pre>\n<h3>Google Syntax Prettify with Line Numbers<\/h3>\n<pre class=\"prettyprint linenums\">\r\n\/* TYPOGRAPHY *\/\r\nh1 { font-size: 2.20em; margin: 0.8em 0 0.4em 0; }\r\nh2 { font-size: 1.60em; margin: 1.4em 0 0.8em 0; }\r\nh3 { font-size: 1.20em; margin: 1.0em 0; }\r\nh4 { font-size: 0.90em; margin: 1.0em 0; }\r\nh5 { font-size: 0.90em; margin: 1.0em 0 .8em 0; }\r\nh6 { font-size: 0.85em; margin: 1.0em 0 .8em 0; }\r\n<\/pre>\n<h2>Tables<\/h2>\n<table>\n<tbody>\n<tr>\n<th>Table Header 1<\/th>\n<th>Table Header 2<\/th>\n<th>Table Header 3<\/th>\n<\/tr>\n<tr>\n<td>Division 1<\/td>\n<td>Division 2<\/td>\n<td>Division 3<\/td>\n<\/tr>\n<tr>\n<td>Division 1<\/td>\n<td>Division 2<\/td>\n<td>Division 3<\/td>\n<\/tr>\n<tr>\n<td>Division 1<\/td>\n<td>Division 2<\/td>\n<td>Division 3<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2>List Types<\/h2>\n<h3>Definition List<\/h3>\n<dl>\n<dt>DEFINITON LIST TITLE<\/dt>\n<dd>This is a definition list division.<\/dd>\n<dt>DEFINITON LIST TITLE<\/dt>\n<dd>This is a definition list division.<\/dd>\n<dt>DEFINITON LIST TITLE<\/dt>\n<dd>This is a definition list division.<\/dd>\n<\/dl>\n<h3>UL + OL + Custom Lists with icons<\/h3>\n<div class=\"row\">\n<div class=\"col-sm-4\">\n<ol>\n<li>Web Design<\/li>\n<li>Javascript<\/li>\n<li>WordPress<\/li>\n<\/ol>\n<\/div>\n<div class=\"col-sm-4\">\n<ul>\n<li>Web Design<\/li>\n<li>JavaScript<\/li>\n<li>WordPress<\/li>\n<\/ul>\n<\/div>\n<div class=\"col-sm-4\">\n<ul class=\"icon-list\">\n<li><i class=\"fa fa-heart\"><\/i>Web Design<\/li>\n<li><i class=\"fa fa-file\"><\/i>JavaScript<\/li>\n<li><i class=\"fa fa-thumbs-up\"><\/i>WordPress<\/li>\n<\/ul>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>The purpose of this HTML is to help determine what default settings are with CSS and to make sure that all possible HTML Elements are included in this HTML so as to not miss any possible Elements when designing a site. Read is focused on readability. Ipsum dolor sit amet,\u00a0test link\u00a0adipiscing elit. Nullam dignissim convallis&#8230; <a class=\"more-link\" href=\"https:\/\/themes.pixelwars.org\/cvcard-wp\/typography\/\">Continue reading <span class=\"meta-nav\">\u2192<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/themes.pixelwars.org\/cvcard-wp\/wp-json\/wp\/v2\/pages\/175"}],"collection":[{"href":"https:\/\/themes.pixelwars.org\/cvcard-wp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/themes.pixelwars.org\/cvcard-wp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/themes.pixelwars.org\/cvcard-wp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themes.pixelwars.org\/cvcard-wp\/wp-json\/wp\/v2\/comments?post=175"}],"version-history":[{"count":13,"href":"https:\/\/themes.pixelwars.org\/cvcard-wp\/wp-json\/wp\/v2\/pages\/175\/revisions"}],"predecessor-version":[{"id":215,"href":"https:\/\/themes.pixelwars.org\/cvcard-wp\/wp-json\/wp\/v2\/pages\/175\/revisions\/215"}],"wp:attachment":[{"href":"https:\/\/themes.pixelwars.org\/cvcard-wp\/wp-json\/wp\/v2\/media?parent=175"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}