|

HEAD

<head>
<meta name="viewport" content="width=device-width" />
<title>
|
</title>
<link rel="stylesheet" type="text/css" href="" />
<style>
body {background-color:#FFFFFF;margin-top:0;margin-left:0;margin-height:0;margin:0;}
p{color: ;}
a { color: ;}
.btn {color: ;background-color: ;}
p.callout {background-color:;color:; }
.callout a {color: ;}
.footer a {color: ;}
table.social {background-color: ;}
table.head-wrap {background-color:;}
table.footer-wrap {background-color:;}
h1 {color:;}
h2 {color:;}
h3 {color:;}
h4 {color:;}
h5 {color:;}
h6 {color:;}
.headertext{color:;}
.content{background-color:;}
* { font-family:;}
h1,h2,h3,h4,h5,h6{font-family:;}

ul.sidebar {background-color:;}
ul.sidebar li a {color: ;}
table{border:0px solid red;}
td{border:0px solid green;}
td{border:0px solid blue;}
</style>
</head>

TWO COLUMNS HEADER

</td>
<td align="right">

</td></tr></table></td></tr></table>

FOOTER

<a href="#">Terms</a>
| <a href="#">Privacy</a>
| <a href="#"><unsubscribe>Unsubscribe</unsubscribe></a>
| <a href="">Can't See Message?</a>

</p></td></tr></table></div>

</td></tr></table>

ONE WIDE COLUMN

<P>This is the page and you are looking at filler Text. It will be replaced when content is received. Duis interdum egestas ante et imperdiet. Cras felis odio, pretium et lobortis ac, dapibus eu velit.Pellentesque vehicula porta scelerisque. Vivamus 04 Oct 24 nec ligula est. Suspendisse ac consequat leo.</P>

<P>Aoccdrnig to a rscheearch at an Elingsh uinervtisy, it deosnt mttaer in waht oredr the ltteers in a wrod are, the olny iprmoetnt tihng is taht frist and lsat ltteer is at the rghit pclae. The rset can be a toatl mses and you can sitll raed it wouthit porbelm.Tihs is bcuseae we do not raed ervey lteter by itslef but the wrod as a wlohe.</P>

<h5>This Page Has Been Created on Moose Loose</h5>

<P>Donec mattis justo at Thats right dolor sagittis varius iaculis ligula pretium. Morbi ornare purus sit amet augue iaculis a volutpat mauris lobortis. Quisque nunc elit, euismod id vestibulum quis, laoreet vitae leo, <b>04 Oct 24</b> - Gary.</P>

</td> </tr> </table>

TWO COLAPSABLE COLUMNS

Content for Left Column

</td></tr></table></div><div class="column">
<table align="left"><tr><td><p>

Content for Right Column

</p></td></tr></table>
</td></tr></table>
<div class="clear"> </div>

CONTACT AND SOCIAL MEDIA | A Componant

<h6 class="">Connect with Us:</h6>

</p>

<h6 class="">Contact Info:</h6>

</strong>
</p></td></tr></table></td></tr></table>

CALL OUT PANEL | A Componant

This is the CALL TO ACTION page and you are looking at filler Text. It will be replaced when content is received. Duis interdum egestas ante et imperdiet.elis odio, pretium et lobortis ac, dapibus eu velit. vehicula porta scelerisque. Vivamus 04 Oct 24 nec ligula est. Suspendisse CALL TO ACTION ac consequat leo.
<a href="#"> Do it Now! »</a>

</p>

CALL TO ACTION | A Componant

<a href="#" class="btn">Click Here »</a>

LINK BUTTONS | A Componant

<ul class="sidebar">
<li><a><strong>➤ Visit Us on the Internet </strong></a></li>
<li><a href="" class="last"> »</a></li>
</ul>

HERO GRAPHIC | A Componant

<p>
<a href="#">
<img src="" alt="">
</a>
</p>

EXTERNAL STYLESHEET (Formated for Reading)

* {
   margin: 0;
   padding: 0;
}
img {
   max-width: 100%;
}
.collapse {
   margin: 0;
   padding: 0;
}
body {
   -webkit-font-smoothing: antialiased;
   -webkit-text-size-adjust: none;
   width: 100%!important;
   height: 100%;
}
.btn {
   text-decoration: none;
   padding: 10px 16px;
   font-weight: bold;
   margin-right: 10px;
   text-align: center;
   cursor: pointer;
   display: inline-block;
}
p.callout {
   padding: 20px;
   margin-bottom: 15px;
}
.callout a {
   font-weight: bold;
}
.social .soc-btn {
   padding: 3px 7px;
   font-size: 12px;
   margin-bottom: 10px;
   text-decoration: none;
   color: #FFF;
   font-weight: bold;
   display: block;
   text-align: center;
}
a.fb {
   background-color: #3B5998!important;
}
a.tw {
   background-color: #1daced!important;
}
a.gp {
   background-color: #DB4A39!important;
}
a.yt {
   background-color: #E62117!important;
}
a.ln {
   background-color: #0077B5!important;
}
a.pn {
   background-color: #BD2126!important;
}
a.bg {
   background-color: #369!important;
}
a.in {
   background-color: #000!important;
}
a.pt {
   background-color: #369!important;
}
a.ws {
   background-color: #000!important;
}
.sidebar .soc-btn {
   display: block;
   width: 100%;
}
table.head-wrap {
   width: 100%;
}
.header.container table td.logo {
   padding: 15px;
}
.header.container table td.label {
   padding: 15px;
   padding-left: 0px;
}
.headertext {
   line-height: 22.0pt}
table.body-wrap {
   width: 100%;
}
table.footer-wrap {
   width: 100%;
   clear: both!important;
}
.footer-wrap .container td.content p {
   border-top: 1px solid rgb(215,215,215);
   padding-top: 15px;
}
.footer-wrap .container td.content p {
   font-size: 10px;
   font-weight: bold;
}
h1,h2,h3,h4,h5,h6 {
   line-height: 1.1;
   margin-bottom: 15px;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
   font-size: 60%;
   color: #6f6f6f;
   line-height: 0;
   text-transform: none;
}
h1 {
   font-weight: 200;
   font-size: 44px;
}
h2 {
   font-weight: 200;
   font-size: 37px;
}
h3 {
   font-weight: 500;
   font-size: 27px;
}
h4 {
   font-weight: 500;
   font-size: 23px;
}
h5 {
   font-weight: 900;
   font-size: 17px;
}
h6 {
   font-weight: 900;
   font-size: 14px;
   text-transform: uppercase;
   color: #444;
}
.collapse {
   margin: 0!important;
}
p, ul {
   margin-bottom: 10px;
   font-weight: normal;
   font-size: 14px;
   line-height: 1.6;
}
p.lead {
   font-size: 17px;
}
p.last {
   margin-bottom: 0px;
}
ul li {
   margin-left: 5px;
   list-style-position: inside;
}
ul.sidebar {
   text-transform: uppercase;
   display: block;
   list-style-type: none;
}
ul.sidebar li {
   display: block;
   margin: 0;
}
ul.sidebar li a {
   text-decoration: none;
   padding: 10px 16px;
   margin-right: 10px;
   cursor: pointer;
   border-bottom: 1px solid #777777;
   border-top: 1px solid #FFFFFF;
   display: block;
   margin: 0;
}
ul.sidebar li a.last {
   border-bottom-width: 0px;
}
ul.sidebar li a h1,ul.sidebar li a h2,ul.sidebar li a h3,ul.sidebar li a h4,ul.sidebar li a h5,ul.sidebar li a h6,ul.sidebar li a p {
   margin-bottom: 0!important;
}
.container {
   display: block!important;
   max-width: 600px!important;
   margin: 0 auto!important;
   /* makes it centered */
clear: both!important;
}
.content {
   padding: 15px;
   max-width: 600px;
   margin: 0 auto;
   display: block;
}
.content table {
   width: 100%;
}
.column {
   width: 300px;
   float: left;
}
.column tr td {
   padding: 15px;
}
.column-wrap {
   padding: 0!important;
   margin: 0 auto;
   max-width: 600px!important;
}
.column table {
   width: 100%;
}
.social .column {
   width: 280px;
   min-width: 279px;
   float: left;
}
.clear {
   display: block;
   clear: both;
}
@media only screen and (max-width: 600px) {
   a[class="btn"] {
   display: block!important;
   margin-bottom: 10px!important;
   background-image: none!important;
   margin-right: 0!important;
}
div[class="column"] {
   width: auto!important;
   float: none!important;
}
table.social div[class="column"] {
   width: auto!important;
}
}

MOOSE COMPLETE

<p>
<a href="#"><img src=""></a>
</p>

</td></tr></table>

<h5>This Page Has Been Created on Moose Loose</h5>

<p>
<a href="#">
<img src="" alt="">
</a>
</p>

</p>

</td> </tr> </table>

Content for Left Column

<a href="#" class="btn">Click Here »</a>

</td></tr></table></div><div class="column">
<table align="left"><tr><td><p>

<ul class="sidebar">
<li><a><strong>➤ Visit Us on the Internet </strong></a></li>
<li><a href="" class="last"> »</a></li>
</ul>

<h6 class="">Connect with Us:</h6>

</p>

<h6 class="">Contact Info:</h6>

</strong>
</p></td></tr></table></td></tr></table>

</p></td></tr></table>
</td></tr></table>
<div class="clear"> </div>

<a href="#">Terms</a>
| <a href="#">Privacy</a>
| <a href="#"><unsubscribe>Unsubscribe</unsubscribe></a>
| <a href="">Can't See Message?</a>

</p></td></tr></table></div>

</td></tr></table>

News:

This Page Has Been Created on Moose Loose

News:

Connect with Us:

Contact Info: