JSFiddle - React, Tailwind, and code Playground
by ChaseWest
HTML
<html>
<head>
<title>Yahoo Sports Tournament Pick'em</title>
<style type="text/css">
.Bg-white {
background: #fff;
}
.Btn-primary {
display: inline-block;
*display: inline;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
padding: 10px 20px;
cursor: pointer;
text-align: center;
zoom: 1;
text-decoration: none;
border: 1px solid #053496;
}
.Btn-primary:hover {
text-decoration: none;
background: #5370fa;
cursor: pointer;
}
.Btn-primary {
color: #fff;
background: #3775dd;
}
.Btn-sm {
text-align: center;
}
p {margin: 0 0 1em 0;}
.Ta-c {
text-align:center;
}
.Fz-lg {
font-size: 32px;
}
.M-0 {
margin:0px;
padding:0px;
}
.My-lg {
margin:0px;
padding: 0px 20px 25px 20px;
}
.F-gray {
color: #888;
}
.Bg-gray {
background: #F8F8F8;
}
.H-20 {
max-height: 20px;
}
.Ptop-lg {
padding-top: 20px;
}
.Px-med {
padding-left: 10px;
padding-right: 10px;
}
.P-med {
padding: 10px;
}
.Wrap {
max-width:460px;
word-wrap:break-word;
}
</style>
</head>
<body bgcolor="#ffffff">
<table width="500" border="0" cellspacing="5" cellpadding="0">
<tr>
<td><img src="https://s.yimg.com/sd/14123/19937/logo.gif" width="500" height="84" border="0" alt="Yahoo Sports Tourney Pick'em"></td>
</tr>
<tr>
<td valign="top">
<font face=arial size=3>
<p class="Ta-c My-lg Bg-gray F-gray" style="color: #333;background: #F8F8F8;padding: 20px 20px 0px 20px;font-size: 1.4rem;text-align: center;margin:0px;">
You have been invited to join El Hefe's custom Yahoo Tourney Pickem Pool.
</p>
<p class="Ta-c My-lg Bg-gray F-gray" style="color: #888;background:...