Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
<div id="app" class="sig-gen">
        <section class="sig-gen__section">
         
        <section class="sig-gen__section">
          <form id="form" class="form">
            <div class="form__group">
              <label for="fullName">Full Name:</label>
              <input type="text" id="fullName" class="form__input" placeholder="Your name" value="">
            </div>
            <div class="form__group">
              <label for="pronouns">Pronouns:</label>
              <input type="text" id="pronouns" class="form__input" placeholder="optional (they/them)" value="">
            </div>
            <div class="form__group">
            <label for="jobTitle">Job Title:</label>
            <input type="text" id="jobTitle" class="form__input" placeholder="Your title" value="">
            </div>
            <div class="form__group">
            <label for="office">Office Extension:</label>
            <input type="text" id="office" class="form__input" maxlength="4" placeholder="1234" value="">
            </div>
            <div class="form__group">
              <label for="phone">Mobile:</label>
              <input type="text" id="phone" class="form__input" placeholder="optional" value="">
              </div>
          </form>
        </section>
        <section class="sig-gen__section sig-gen__section--email">
          <div class="email_generator">
            <div class="email__container">
              <div id="sig" class="email__sig">
                <table border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-family:Helvetica,'Helvetica Neue',Arial,sans-serif;font-size:16px;font-weight:normal;color:#313030;line-height:1.5;">
                  <tbody border="0" cellpadding="0" cellspacing="0">
                    <tr border="0" cellpadding="0" cellspacing="0">
                        <td align="left" height="28" style="mso-table-lspace:0pt;mso-table-rspace:0pt;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-family:Arial,sans-serif;font-size:16px;font-weight:normal;color:#313030;line-height:1.5;" valign="top">
                          <div>
                            <strong class="sig__field sig__fullName set-inform" style="font-size: 16px; color:#002857;"></strong><div class="sig__field sig__pronouns set-inform" style="font-size: 13px; color: #002857; font-style: italic;"></div>
                          </div>
                          <div class="sig__field sig__jobTitle" style="font-size: 15px; color: #7f7f7f"></div>
                          <div class="" style="font-size: 15px; color: #7f7f7f">Location</div>
                          <div class="set-inform" style="font-size: 15px; color: #7f7f7f">O: 830.384.2833 ext.</div><div class="sig__field sig__office set-inform" style="font-size: 15px; color: #7f7f7f"></div><div class="sig__phone set-inform" style="font-size: 15px; color: #7f7f7f"></div>
                        </td>
                      </tr> 
                          </tbody>
                        </table>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
            </div>
          </div>
        </section>
        <section class="sig-gen__section">
          <button id="copy" class="button--copy"></button>
          <button id="reset" class="button--reset"><i class="fas fa-sync"></i> Reset Form</button>
        </section>
        <section class="sig-gen__section">
          <div id="instructions"></div>
        </section>
      </div>
  
  
</body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
rebecca-tominopro
0viewers