Difference between revisions of "Main Page"
Line 7: | Line 7: | ||
<!-- Left Contents --> | <!-- Left Contents --> | ||
| style="width:35%; background:#4c4c4c; border:1px solid #90a5ad; padding:0; vertical-align:top; color:#000;" | | | style="width:35%; background:#4c4c4c; border:1px solid #90a5ad; padding:0; vertical-align:top; color:#000;" | | ||
− | <h2 style="margin:0.5em; background:#90a5ad; font-family:inherit; font-size:120%; font-weight:bold; border:1px solid #90a5ad; color:#000; padding:0.2em 0.4em;">Header | + | <h2 style="margin:0.5em; background:#90a5ad; font-family:inherit; font-size:120%; font-weight:bold; border:1px solid #90a5ad; color:#000; padding:0.2em 0.4em;">Header on left <span style="font-size:85%; font-weight:normal; color:#9b6969;">testing color</span></h2> |
<div style="padding:0.1em 0.6em;"> | <div style="padding:0.1em 0.6em;"> | ||
Line 16: | Line 16: | ||
* Phasellus sit amet mi consectetur sapien luctus varius. | * Phasellus sit amet mi consectetur sapien luctus varius. | ||
</div> | </div> | ||
− | <h2 style="clear:both; margin:0.5em; background:#90a5ad; font-family:inherit; font-size:120%; font-weight:bold; border:1px solid #90a5ad; color:#000; padding:0.2em 0.4em;">Header | + | <h2 style="clear:both; margin:0.5em; background:#90a5ad; font-family:inherit; font-size:120%; font-weight:bold; border:1px solid #90a5ad; color:#000; padding:0.2em 0.4em;">Second Header on Left</h2> |
<div style="padding:0.1em 0.6em 0.5em;"> | <div style="padding:0.1em 0.6em 0.5em;"> | ||
Vivamus eget quam sit amet sapien luctus pharetra. | Vivamus eget quam sit amet sapien luctus pharetra. | ||
Line 22: | Line 22: | ||
</div> | </div> | ||
| style="border:1px solid transparent;" | | | style="border:1px solid transparent;" | | ||
− | <!-- | + | <!-- Middle Contents --> |
| class="MainPageBG" style="width:35%; border:1px solid #90a5ad; background:#4c4c4c;padding:0; vertical-align:top;"| | | class="MainPageBG" style="width:35%; border:1px solid #90a5ad; background:#4c4c4c;padding:0; vertical-align:top;"| | ||
− | <h2 style="margin:0.5em; background:#90a5ad; font-family:inherit; font-size:120%; font-weight:bold; border:1px solid #a3b0bf; color:#000; padding:0.2em 0.4em;"> | + | <h2 style="margin:0.5em; background:#90a5ad; font-family:inherit; font-size:120%; font-weight:bold; border:1px solid #a3b0bf; color:#000; padding:0.2em 0.4em;">In the Middle Header</h2> |
<div style="padding:0.1em 0.6em;"><h2>Lorem ipsum dolor</h2><br /><br /> | <div style="padding:0.1em 0.6em;"><h2>Lorem ipsum dolor</h2><br /><br /> | ||
<p><strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</strong> Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><ul><li>Lorem ipsum dolor sit amet</li><li>consectetur adipiscing elit</li></ul><h3>Lorem ipsum dolor</h3><ol><li>sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</li><li>Ut enim ad minim veniam</li></ol><h4>Lorem ipsum dolor</h4><br /><br /></div> | <p><strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</strong> Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><ul><li>Lorem ipsum dolor sit amet</li><li>consectetur adipiscing elit</li></ul><h3>Lorem ipsum dolor</h3><ol><li>sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</li><li>Ut enim ad minim veniam</li></ol><h4>Lorem ipsum dolor</h4><br /><br /></div> | ||
− | <h2 style="clear:both; margin:0.5em; background:#90a5ad; font-family:inherit; font-size:120%; font-weight:bold; border:1px solid #a3b0bf; color:#000; padding:0.2em 0.4em;">Second | + | <h2 style="clear:both; margin:0.5em; background:#90a5ad; font-family:inherit; font-size:120%; font-weight:bold; border:1px solid #a3b0bf; color:#000; padding:0.2em 0.4em;">Second Middle Header</h2> |
<div style="padding:0.1em 0.6em 0.5em;"> | <div style="padding:0.1em 0.6em 0.5em;"> | ||
Phasellus sodales ipsum sed augue ullamcorper commodo. | Phasellus sodales ipsum sed augue ullamcorper commodo. | ||
Line 36: | Line 36: | ||
<!-- Right Contents --> | <!-- Right Contents --> | ||
| class="MainPageBG" style="width:35%; border:1px solid #90a5ad; background:#4c4c4c;padding:0; vertical-align:top;"| | | class="MainPageBG" style="width:35%; border:1px solid #90a5ad; background:#4c4c4c;padding:0; vertical-align:top;"| | ||
− | <h2 style="margin:0.5em; background:#90a5ad; font-family:inherit; font-size:120%; font-weight:bold; border:1px solid #a3b0bf; color:#000; padding:0.2em 0.4em;"> | + | <h2 style="margin:0.5em; background:#90a5ad; font-family:inherit; font-size:120%; font-weight:bold; border:1px solid #a3b0bf; color:#000; padding:0.2em 0.4em;">Header Contents on Right</h2> |
<div style="padding:0.1em 0.6em;"><h2>Lorem ipsum dolor</h2><br /><br /> | <div style="padding:0.1em 0.6em;"><h2>Lorem ipsum dolor</h2><br /><br /> | ||
<p><strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</strong> Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><ul><li>Lorem ipsum dolor sit amet</li><li>consectetur adipiscing elit</li></ul><h3>Lorem ipsum dolor</h3><ol><li>sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</li><li>Ut enim ad minim veniam</li></ol><h4>Lorem ipsum dolor</h4><br /><br /></div> | <p><strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</strong> Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><ul><li>Lorem ipsum dolor sit amet</li><li>consectetur adipiscing elit</li></ul><h3>Lorem ipsum dolor</h3><ol><li>sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</li><li>Ut enim ad minim veniam</li></ol><h4>Lorem ipsum dolor</h4><br /><br /></div> |
Revision as of 02:40, 8 August 2018
Header on left testing color
Second Header on LeftVivamus eget quam sit amet sapien luctus pharetra. Pellentesque in mi eget ante bibendum feugiat in vel nisl. |
In the Middle HeaderLorem ipsum dolorLorem ipsum dolor sit amet, consectetur adipiscing 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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor
Lorem ipsum dolorSecond Middle HeaderPhasellus sodales ipsum sed augue ullamcorper commodo. Cras in nisi non dui accumsan malesuada. Proin eu augue id leo condimentum mollis. |
Header Contents on RightLorem ipsum dolorLorem ipsum dolor sit amet, consectetur adipiscing 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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor
Lorem ipsum dolorSecond Right HeaderPhasellus sodales ipsum sed augue ullamcorper commodo. Cras in nisi non dui accumsan malesuada. Proin eu augue id leo condimentum mollis. |