I dont have much experience with javascript. Please provide javascript to create something like the image below:


Things I can't workout are:

1. top and bottom background colors as the above image
2. add two text
3. border color same as top background color


<script type='text/javascript'>
function blinkIt() {
if (!document.all) return;
else {

html, body {
height: 100%;
width: 100%;

margin : 0px 0px 0px 0px;
border : 0px;

border-collapse: collapse;
width : 100%;
height : 100%;

td {
text-align: center;
vertical-align : top;

font: bold 11px arial;

color:rgb(" & TextColour & ");
background-color:rgb(" & BackgroundColour & ");

<body onload=\"setInterval('blinkIt()',500)\">¶
& Text &

Open firefox and install colorzilla:

After you restart your browser you should see a dropper icon on the lower left hand side of the browser. Go the the image url you posted above, click the colorzilla icon and then hover over the image. Once you are over the color you are interested in, click it to "select" it and "disable" colorzilla. Then put your mouse back on the colorzilla icon but this time do a right-click to copy the color you "selected".
top background color: rgb(45, 87, 147)
bottom background color: rgb(72, 126, 198)