{"id":43,"date":"2010-12-05T06:19:27","date_gmt":"2010-12-05T11:19:27","guid":{"rendered":"http:\/\/www.cogis2020.eval-expert.com\/?page_id=43"},"modified":"2018-12-01T13:16:04","modified_gmt":"2018-12-01T18:16:04","slug":"typography","status":"publish","type":"page","link":"https:\/\/www.cogis2020.eval-expert.com\/?page_id=43","title":{"rendered":"Typography"},"content":{"rendered":"<h1 class=\"margin-top-0\">This is an H1 Header<\/h1>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin sit amet odio quis sapien molestie ultrices.<\/p>\n<h2>This is an H2 Header<\/h2>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin sit amet odio quis sapien molestie ultrices.<\/p>\n<h3>This is an H3 Header<\/h3>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin sit amet odio quis sapien molestie ultrices.<\/p>\n<h4>This is an H4 Header<\/h4>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin sit amet odio quis sapien molestie ultrices.<\/p>\n<h5>This is an H5 Header<\/h5>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin sit amet odio quis sapien molestie ultrices.<\/p>\n<h6>This is an H6 Header<\/h6>\n<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin sit amet odio quis sapien molestie ultrices.<\/p>\n<div class=\"divider top-of-page\"><a href=\"#top\" title=\"Haut de page\">Retour en haut de page<\/a><\/div>\n<h4>Pullquote &amp; Blockquote styles:<\/h4>\n<blockquote class=\"alignleft\">This is a left pullquote. 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<blockquote class=\"alignright\">This is a right pullquote. 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<blockquote><p>This is an example of a &lsquo;blockquote&rsquo;. Aoccdrnig to rscheearch at an Elingsh uinervtisy, it deosn&rsquo;t mttaer in waht oredr the ltteers in a wrod are, olny taht the frist and lsat ltteres are at the rghit pcleas. The rset can be a toatl mses and you can sitll raed it wouthit a porbelm. Tihs is bcuseae we do not raed ervey lteter by ilstef, but the wrod as a wlohe.<\/p><\/blockquote>\n<div class=\"divider top-of-page\"><a href=\"#top\" title=\"Haut de page\">Retour en haut de page<\/a><\/div>\n<h4>List styles:<\/h4>\n<ul class=\"list-1\">\n<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris metus tortor, commodo sit amet tempor.<\/li>\n<\/ul>\n<ul class=\"list-2\">\n<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris metus tortor, commodo sit amet tempor.<\/li>\n<\/ul>\n<ul class=\"list-3\">\n<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris metus tortor, commodo sit amet tempor.<\/li>\n<\/ul>\n<ul class=\"list-4\">\n<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris metus tortor, commodo sit amet tempor.<\/li>\n<\/ul>\n<ul class=\"list-5\">\n<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris metus tortor, commodo sit amet tempor.<\/li>\n<\/ul>\n<ul class=\"list-6\">\n<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris metus tortor, commodo sit amet tempor.<\/li>\n<\/ul>\n<ul class=\"list-7\">\n<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris metus tortor, commodo sit amet tempor.<\/li>\n<\/ul>\n<ul class=\"list-8\">\n<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris metus tortor, commodo sit amet tempor.<\/li>\n<\/ul>\n<ul class=\"list-9\">\n<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris metus tortor, commodo sit amet tempor.<\/li>\n<\/ul>\n<ul class=\"list-10\">\n<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris metus tortor, commodo sit amet tempor.<\/li>\n<\/ul>\n<ul class=\"list-11\">\n<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris metus tortor, commodo sit amet tempor.<\/li>\n<\/ul>\n<div class=\"divider top-of-page\"><a href=\"#top\" title=\"Haut de page\">Retour en haut de page<\/a><\/div>\n<h4>Dropcaps:<\/h4>\n<span class=\"dropcap\">A<\/span>occdrnig to rscheearch at an Elingsh uinervtisy, it deosn&rsquo;t mttaer in waht oredr the ltteers in a wrod are, olny taht the frist and lsat ltteres are at the rghit pcleas. The rset can be a toatl mses and you can sitll raed it wouthit a porbelm. Tihs is bcuseae we do not raed ervey lteter by ilstef, but the wrod as a wlohe.<\/p>\n<h4>Tables:<\/h4>\n<table class=\"custom-table\" summary=\"Sample Table\">\n<thead>\n<tr>\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<tbody>\n<tr>\n<td>Item 1<\/td>\n<td>Description<\/td>\n<td>Subtotal:<\/td>\n<td>$0.00<\/td>\n<\/tr>\n<tr>\n<td>Item 2<\/td>\n<td>Description<\/td>\n<td>Discount:<\/td>\n<td>$0.00<\/td>\n<\/tr>\n<tr>\n<td>Item 3<\/td>\n<td>Description<\/td>\n<td>Shipping:<\/td>\n<td>$0.00<\/td>\n<\/tr>\n<tr>\n<td>Item 4<\/td>\n<td>Description<\/td>\n<td>Tax:<\/td>\n<td>$0.00<\/td>\n<\/tr>\n<tr>\n<td>Item 1:<\/td>\n<td>Description<\/td>\n<td><strong>TOTAL:<\/strong><\/td>\n<td><strong>$0.00<\/strong><\/td>\n<\/tr>\n<\/tbody>\n<tfoot>\n<tr>\n<td colspan=\"4\">*Table Footer here&#8230;<\/td>\n<\/tr>\n<\/tfoot>\n<\/table>\n<div class=\"divider top-of-page\"><a href=\"#top\" title=\"Haut de page\">Retour en haut de page<\/a><\/div>\n<h4>Custom Image Frame with Left Alignment<\/h4>\n<p>Aoccdrnig to rscheearch at an Elingsh uinervtisy, it deosn&rsquo;t mttaer in waht oredr the ltteers in a wrod are, <div class=\"custom-frame-wrapper alignleft\"><div class=\"custom-frame-inner-wrapper\"><div class=\"custom-frame-padding\"><img decoding=\"async\" src=\"http:\/\/www.cogis2020.eval-expert.com\/wp-content\/uploads\/2011\/01\/SampleImage.jpg\" width=\"187\" height=\"145\" alt=\"Sample Image\" \/><\/div><\/div><\/div> olny taht the frist and lsat ltteres are at the rghit pcleas. The rset can be a toatl mses and you can sitll raed it wouthit a porbelm. Tihs is bcuseae we do not raed ervey lteter by ilstef, but the wrod as a wlohe.<\/p>\n<p>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, tincidunt sodales porta vel, ornare ac magna. Morbi in metus a felis accumsan interdum. Aliquam eros est, sagittis sodales in lorem.<\/p>\n<h4>Custom Image Frame with Right Alignment<\/h4>\n<p>Aoccdrnig to rscheearch at an Elingsh uinervtisy, it deosn&rsquo;t mttaer in waht oredr the ltteers in a wrod are, <div class=\"custom-frame-wrapper alignright\"><div class=\"custom-frame-inner-wrapper\"><div class=\"custom-frame-padding\"><img decoding=\"async\" src=\"http:\/\/www.cogis2020.eval-expert.com\/wp-content\/uploads\/2011\/01\/SampleImage.jpg\" width=\"187\" height=\"145\" alt=\"Sample Image\" \/><\/div><\/div><\/div> olny taht the frist and lsat ltteres are at the rghit pcleas. The rset can be a toatl mses and you can sitll raed it wouthit a porbelm. Tihs is bcuseae we do not raed ervey lteter by ilstef, but the wrod as a wlohe.<\/p>\n<p>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, tincidunt sodales porta vel, ornare ac magna. Morbi in metus a felis accumsan interdum. Aliquam eros est, sagittis sodales in lorem.<\/p>\n<h4>Custom Image Frame with Center Alignment (image as a link example)<\/h4>\n<p>Aoccdrnig to rscheearch at an Elingsh uinervtisy, it deosn&rsquo;t mttaer in waht oredr the ltteers in a wrod are, <div style=\"text-align:center;\"><div class=\"custom-frame-wrapper aligncenter\"><div class=\"custom-frame-inner-wrapper\"><div class=\"custom-frame-padding\"><a title=\"Title Goes Here...\" href=\"#\"><img decoding=\"async\" src=\"http:\/\/www.cogis2020.eval-expert.com\/wp-content\/uploads\/2011\/01\/SampleImage.jpg\" width=\"187\" height=\"145\" alt=\"Sample Image\" \/><\/a><\/div><\/div><\/div><\/div> olny taht the frist and lsat ltteres are at the rghit pcleas. The rset can be a toatl mses and you can sitll raed it wouthit a porbelm. Tihs is bcuseae we do not raed ervey lteter by ilstef, but the wrod as a wlohe.<\/p>\n<div class=\"divider top-of-page\"><a href=\"#top\" title=\"Haut de page\">Retour en haut de page<\/a><\/div>\n<h4>Message box styles:<\/h4>\n<div class=\"info \"><div class=\"msg-box-icon\">This is a sample of the &lsquo;info&rsquo; style message box shortcode.<\/div><\/div>\n<div class=\"success \"><div class=\"msg-box-icon\">This is a sample of the &lsquo;success&rsquo; style message box shortcode.<\/div><\/div>\n<div class=\"warning \"><div class=\"msg-box-icon\">This is a sample of the &lsquo;warning&rsquo; style message box shortcode.<\/div><\/div>\n<div class=\"erroneous \"><div class=\"msg-box-icon\">This is a sample of the &lsquo;erroneous&rsquo; style message box shortcode.<\/div><\/div>\n<div class=\"simple \" style=\"background-color:#F5F5F5; color:#333333;\"><div class=\"inner-padding\">This is a sample of the &lsquo;simple&rsquo; style message box <em>shortcode<\/em>. <\/div><\/div>\n<div class=\"divider top-of-page\"><a href=\"#top\" title=\"Haut de page\">Retour en haut de page<\/a><\/div>\n<pre>This is an example of 'preformatted' text.\r\nTo use this style use the following under HTML mode:<\/pre>\n<div class=\"custom \" style=\"background:-moz-linear-gradient(center top , #FFFFFF, #EEEEEE) repeat scroll 0 0 transparent;\n\t\t\t\t\t\t   background: -webkit-gradient(linear, center top, center bottom, from(#FFFFFF), to(#EEEEEE));\n\t\t\t\t\t\t   background: -o-linear-gradient(top, #FFFFFF 0%,#EEEEEE 99%); \/* Opera 11.10+ *\/\n\t\t\t\t\t\t   background: -ms-linear-gradient(top, #FFFFFF 0%,#EEEEEE 99%); \/* IE10+ *\/\n\t\t\t\t\t\t   margin-left:0 !important;\n\t\t\t\t\t\t   margin-right:0 !important;\n\t\t\t\t\t\t   border:1px solid #BBBBBB;\n\t\t\t\t\t\t   background-color: #EEEEEE;\n\t\t\t\t\t\t   width:100%;\n\t\t\t\t\t\t   color:#333333;\"><div class=\"inner-padding\">This is an example of a custom type message box with default parameters.<\/div><\/div>\n<div class=\"custom \" style=\"background:-moz-linear-gradient(center top , #FFFCB5, #F4CBCB) repeat scroll 0 0 transparent;\n\t\t\t\t\t\t   background: -webkit-gradient(linear, center top, center bottom, from(#FFFCB5), to(#F4CBCB));\n\t\t\t\t\t\t   background: -o-linear-gradient(top, #FFFCB5 0%,#F4CBCB 99%); \/* Opera 11.10+ *\/\n\t\t\t\t\t\t   background: -ms-linear-gradient(top, #FFFCB5 0%,#F4CBCB 99%); \/* IE10+ *\/\n\t\t\t\t\t\t   margin-left:0 !important;\n\t\t\t\t\t\t   margin-right:0 !important;\n\t\t\t\t\t\t   border:1px solid #BBBBBB;\n\t\t\t\t\t\t   background-color: #F4CBCB;\n\t\t\t\t\t\t   width:100%;\n\t\t\t\t\t\t   color:#333333;\"><div class=\"inner-padding\">This is an example of a custom type message box with various parameters. You could specify <strong>width<\/strong>, <strong>start_color<\/strong>, <strong>end_color<\/strong>, <strong>border<\/strong> (refers to the border color), and <strong>color<\/strong> (refers to the text color).<\/div><\/div>\n<div class=\"custom \" style=\"background:-moz-linear-gradient(center top , #fffff7, #B5EDFF) repeat scroll 0 0 transparent;\n\t\t\t\t\t\t   background: -webkit-gradient(linear, center top, center bottom, from(#fffff7), to(#B5EDFF));\n\t\t\t\t\t\t   background: -o-linear-gradient(top, #fffff7 0%,#B5EDFF 99%); \/* Opera 11.10+ *\/\n\t\t\t\t\t\t   background: -ms-linear-gradient(top, #fffff7 0%,#B5EDFF 99%); \/* IE10+ *\/\n\t\t\t\t\t\t   margin-left:0 !important;\n\t\t\t\t\t\t   margin-right:0 !important;\n\t\t\t\t\t\t   border:1px solid #999999;\n\t\t\t\t\t\t   background-color: #B5EDFF;\n\t\t\t\t\t\t   width:50%;\n\t\t\t\t\t\t   color:#333333;\"><div class=\"inner-padding\">Here&rsquo;s an example an a custom message box with width of &lsquo;50%&rsquo;.<\/div><\/div>\n<div class=\"custom \" style=\"background:-moz-linear-gradient(center top , #fffff7, #d7acd0) repeat scroll 0 0 transparent;\n\t\t\t\t\t\t   background: -webkit-gradient(linear, center top, center bottom, from(#fffff7), to(#d7acd0));\n\t\t\t\t\t\t   background: -o-linear-gradient(top, #fffff7 0%,#d7acd0 99%); \/* Opera 11.10+ *\/\n\t\t\t\t\t\t   background: -ms-linear-gradient(top, #fffff7 0%,#d7acd0 99%); \/* IE10+ *\/\n\t\t\t\t\t\t   margin-left:auto !important;\n\t\t\t\t\t\t   margin-right:auto !important;\n\t\t\t\t\t\t   border:1px solid #d7acd0;\n\t\t\t\t\t\t   background-color: #d7acd0;\n\t\t\t\t\t\t   width:50%;\n\t\t\t\t\t\t   color:#832674;\"><div class=\"inner-padding\">Here&rsquo;s an example an a custom message box with <strong>center<\/strong> alignment, the other options are <strong>left<\/strong> (default) and <strong>right<\/strong>.<\/div><\/div>\n<div class=\"custom \" style=\"background:-moz-linear-gradient(center top , #fffff7, #B5EDFF) repeat scroll 0 0 transparent;\n\t\t\t\t\t\t   background: -webkit-gradient(linear, center top, center bottom, from(#fffff7), to(#B5EDFF));\n\t\t\t\t\t\t   background: -o-linear-gradient(top, #fffff7 0%,#B5EDFF 99%); \/* Opera 11.10+ *\/\n\t\t\t\t\t\t   background: -ms-linear-gradient(top, #fffff7 0%,#B5EDFF 99%); \/* IE10+ *\/\n\t\t\t\t\t\t   margin-left:auto !important;\n\t\t\t\t\t\t   margin-right:0 !important;\n\t\t\t\t\t\t   border:1px solid #999999;\n\t\t\t\t\t\t   background-color: #B5EDFF;\n\t\t\t\t\t\t   width:50%;\n\t\t\t\t\t\t   color:#333333;\"><div class=\"inner-padding\">Here&rsquo;s an example an a custom message box with <strong>right<\/strong> alignment, the other options are <strong>left<\/strong> (default) and <strong>center<\/strong>.<\/div><\/div>\n<div class=\"divider top-of-page\"><a href=\"#top\" title=\"Haut de page\">Retour en haut de page<\/a><\/div>\n","protected":false},"excerpt":{"rendered":"<p>This is an H1 Header Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin sit amet odio quis sapien molestie ultrices. This is an H2 Header Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin sit amet odio quis sapien molestie ultrices. This is an H3 Header<\/p>\n","protected":false},"author":7,"featured_media":0,"parent":5383,"menu_order":10,"comment_status":"open","ping_status":"closed","template":"page-PageTemplate2.php","meta":{"footnotes":""},"class_list":["post-43","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.cogis2020.eval-expert.com\/index.php?rest_route=\/wp\/v2\/pages\/43"}],"collection":[{"href":"https:\/\/www.cogis2020.eval-expert.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.cogis2020.eval-expert.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.cogis2020.eval-expert.com\/index.php?rest_route=\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cogis2020.eval-expert.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=43"}],"version-history":[{"count":0,"href":"https:\/\/www.cogis2020.eval-expert.com\/index.php?rest_route=\/wp\/v2\/pages\/43\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.cogis2020.eval-expert.com\/index.php?rest_route=\/wp\/v2\/pages\/5383"}],"wp:attachment":[{"href":"https:\/\/www.cogis2020.eval-expert.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=43"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}