<head>
  <script src="https://codemail.zymono.com/1.0/components.js" defer></script>
</head>

​
Components

​
Styling Components

You can style all the components with a little bit of CSS.

  cm-msg {
    font-family: sans-serif;
  }

  cm-disclaimer {
    color: red;
  }

  cm-agree {
    font-size: 30px;
  }

  cm-form input[type=email] {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
  }
  cm-form input[type=button], input[type=submit], input[type=reset] {
    background-color: #04AA6D;
    border: none;
    color: white;
    padding: 16px 32px;
    text-decoration: none;
    margin: 4px 2px;
    cursor: pointer;
  }
}

Code © Zymono Codemail. For TESTING use only!

<head>
  <script src="https://codemail.zymono.com/1.0/components.js" defer></script>
</head>

​
Components

​
Styling Components

You can style all the components with a little bit of CSS.

  cm-msg {
    font-family: sans-serif;
  }

  cm-disclaimer {
    color: red;
  }

  cm-agree {
    font-size: 30px;
  }

  cm-form input[type=email] {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
  }
  cm-form input[type=button], input[type=submit], input[type=reset] {
    background-color: #04AA6D;
    border: none;
    color: white;
    padding: 16px 32px;
    text-decoration: none;
    margin: 4px 2px;
    cursor: pointer;
  }
}

Code © Zymono Codemail. For TESTING use only!