• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16
• 17
• 18
• 19
• 20
• 21
• 22
• 23
• 24
• 25
• 26
• 27
• 28
• 29
• 30
• 31
• 32
• 33
• 34
• 35
• 36
• 37
• 38
• 39
• 40
• 41
• 42
• 43
• 44

import React, { Component } from 'react';
import './App.css';

class App extends Component {
  render() {
    return (
      <div className="free-trial-app">
      <form action="http://www.stg.rosettastone.com?" method="POST">
          <ul className="wrapper">
            <li className="form-row">
              <label htmlFor="first_name">First Name</label>
              <input type="text" id="first_name" name="first_name" />
            </li>          
            <li className="form-row">
              <label htmlFor="email">Email Address</label>
              <input type="email" id="email" name="email" />
            </li>
            <li className="form-row">
              <label htmlFor="trial_lang">Trial language</label>
              <input type="text" id="trial_lang"  name="trial_lang"  maxLength="3" />
            </li>   
            <li className="form-row">
              <label htmlFor="language">language</label>
              <input type="text" id="language" name="language" maxLength="3" />
            </li>                         
            <li className="form-row">
              <button type="submit">Submit</button>
            </li>
          </ul>  
          <input type="hidden" name="site_code" value="US_WEBSITE" />       
          <input type="hidden" name="guid" value="759049fd-c91b-493e-afd1-29cce286cea9" />       
          <input type="hidden" name="newsletter_type" value="DTC_freetrial24" />  

          p_p_id=rosettaajaxsubmit_WAR_rosettaajaxsubmitportlet
          p_p_lifecycle=2
          p_p_resource_id=FreeTrialTSUB     
    </form>
      </div>
    );
  }
}

export default App;