index.html

﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <title>Email Element Generators</title>
  <meta http-equiv="content-type" content="text/html;charset=utf-8" />
  <link href="style.css" rel="stylesheet" type="text/css" />
  <script type="text/javascript" src="jquery.js"></script>
  <script type="text/javascript" src="underscore.js"></script>
  <script type="text/javascript" src="emailElementGen.js"></script>
</head>

<body>
<h1>Email Element Generators</h1>

<h2>Table</h2>
<ul>
  <li>
    <label            for="tableWidth">Width:</label>
    <input type="text" id="tableWidth" />
  </li>
  <li>
    <label            for="tableColor">BgColor:</label>
    <input type="text" id="tableColor" />
  </li>
  <li>
    <label   for="tableOutput">Clip:</label>
    <textarea id="tableOutput"></textarea>
  </li>
</ul>

<h2>Font</h2>
<ul>
  <li>
    <label            for="fontSize">Size:</label>
    <input type="text" id="fontSize" />
  </li>
  <li>
    <label            for="fontFace">Face:</label>
    <input type="text" id="fontFace" />
  </li>
  <li>
    <label            for="fontColor">Color:</label>
    <input type="text" id="fontColor" />
  </li>
  <li>
    <label   for="fontOutput">Clip:</label>
    <textarea id="fontOutput"></textarea>
  </li>
</ul>

<h2>Link</h2>
<ul>
  <li>
    <label            for="linkHref">href:</label>
    <input type="text" id="linkHref" />
  </li>
  <li>
    <label            for="linkSize">Size:</label>
    <input type="text" id="linkSize" />
  </li>
  <li>
    <label            for="linkFace">Face:</label>
    <input type="text" id="linkFace" />
  </li>
  <li>
    <label            for="linkColor">Color:</label>
    <input type="text" id="linkColor" />
  </li>
  <li>
    <label   for="linkOutput">Clip:</label>
    <textarea id="linkOutput"></textarea>
  </li>
</ul>
</body>
</html>