Untitled

<html>
<head>
  <body>
    <h2 class="section-heading"><i class="icon icon--label section-heading__icon"></i> AMZ Coupon Server</h2>
    <h3>Promo campaign Details</h3>
    <form action="#" class="form">
        <div class="form__group">
          <p class="form__label">Campaign name (for internal use)</p>
        </div>
        <div class="form__group">
        <input type="text"  class="form__field" placeholder="Your promo campaign name">
        <span class="form__spantext">Descriptive name: Ex: Dog collar - 20% off-valid Feb 29</span>
        </div>
        <div class="form__group">
          <p class="form__label">Product name</p>
        </div>
        <div class="form__group">
        <input type="text" class="form__field" placeholder="Your prodcut name or title">
        <span class="form__spantext">This is what buyer will see</span>
        </div>
        <div class="form__group">
          <p class="form__label">Discount</p>
        </div>
        <div class="form__group">
        <input type="number" class="form__field" placeholder="25">
        <span class="form__spantext">your discount in US$ or %</span>
        <input type="radio" name="sel" value="usdollars" class="form__radio ">US Dollars
        <input type="radio" name="sel" value="percent" class="form__radio form__radio--fullcolor">Percent
        </div>
        <div class="form__group">
          <p class="form__label">Product ASIN</p>
        </div>
        <div class="form__group">
        <input type="number" class="form__field" placeholder="000000000">
        <span class="form__spantext">well... Your Product ASIN</span>
        </div>
        <div class="form__group">
          <p class="form__label">Text on button</p>
        </div>
        <div class="form__group">
        <input type="text" class="form__field" placeholder="Send me my coupon">

        </div>
        <div class="form__group">
        <input type="checkbox" name="percoupon" value="pea">Allow one promo code per email address<br>
        <input type="checkbox" name="percoupon" value="pia">Allow one promo code per IP address
        </div>

     <hr class="line-hr">
     <h3>Email Message</h3>
     <div class="form__group">
       <p class="form__label">Subject Line</p>
     </div>
     <div class="form__group">
     <input type="text" class="form__field" placeholder="Get your coupon for [[PRODUCT]]">
     </div>
     <div class="form__group">
       <p class="form__label">Message</p>
     </div>
     <div class="form__group">
     <textarea class="form__field" placeholder="Hi,
                       Thanks for your interest in [[PRODUCT]].<br>
                       You can grab it here:
                       [[LINK]]
                       When purchasing - enter this coupon code:
                       [[COUPON_CODE]]
                       Thank you
                       Your name">


     </textarea>
     <span class="form__spantext">Email body text. You can customize text. Use these shortcode: <br>
     [[PRODUCT]] - Where you want to enter product name (as written in campaign details, in this page).<br>
     [[LINK]] -  Where you want to enter link to purchase page on Amazon.<br>
     [[COUPON_CODE]] - Where you want to enter your exclusive single-use coupon code.
     </span>


     </div>
     <hr class="line-hr">
     <h3>Coupon Codes</h3>
     <div class="form__group">
       <p class="form__label">Coupon Codes</p>
       <span class="form__label--text">Paste coupon codes here. One coupon code in a line</span>
     </div>
     <div class="form__group">
     <textarea class="form__field">

     </textarea>

     </div>
     <hr class="line-hr">
     <h3>Coupons Sent</h3>
     <table class="table">
         <thead>
           <tr>
             <td>Coupon Code</td>
             <td>Email Address</td>
             <td>Time sent</td>
             <td><i class="icon icon--downarrow"></td>
           </tr>
         </thead>
         <tbody>
           <tr>
             <td>0898-7383-9069</td>
             <td>test@test.com</td>
             <td>0898-7383-9069</td>
             <td></td>
           </tr>
           <tr>
             <td>0898-1459-9574</td>
             <td>test@test.com</td>
             <td>22 Nov 2015 - 02:27 PM</td>
             <td></td>
            </tr>
            <tr>
              <td>0898-0145-9769</td>
              <td>test@test.com</td>
              <td>22 Nov 2015 - 03:10 PM</td>
              <td></td>

             </tr>
             <tr>
              <td>0898-9985-1324</td>
              <td>test@test.com</td>
              <td>22 Nov 2015 - 05:47 PM</td>
              <td></td>

             </tr>
             <tr>
              <td>0898-2354-9785</td>
              <td>test@test.com</td>
              <td>23 Nov 2015 - 06:17 PM</td>
              <td></td>

             </tr>

     <hr class="line-hr">
        <div class="heading-button">
        <input type="submit" value="Update and Save" class="button button--primary heading-button__button">
        <h2 class="heading-button__heading">Form Shortcode:
        <p class="heading-button__code">
          [AMZ_CODE_001]
        </p>
        <span>
        Place this shortcode in your pages/posts/landing pages <br>
        - where you want to have the form.</span>
</h2>

  </div>
      </form>


  </body>
</head>
</html>