<div class="header">
  <div>
    <h1 class="startup-jalsa">STARTUP JALSA 2018</h1>
    <!-- <img src="images/SartupJalsa_Logo.png" style="width:200px;position:relative;"> -->
  </div>      
<div class="clearfix"></div>
</div>
<!-- CLOSE HEADER -->
<form name="applicantForm">
   <div class="col-xs-12 col-md-8 col-md-offset-2">
      <div class="form-all">
         <!-- <table style="width: 100%;">
            <tr>
               <td>
                  <div class="step-one-form" > -->
                     <!-- form step 1 -->
                     <div class="col-xs-12 col-md-6 input-wrapper" >
                        <div id="snackbar">Error ! Please fill in all fields.</div>
                        <div class="icon-circle-c">
                           <i class="material-icons" style="line-height: 31px;">person</i>
                        </div>
                        <input type="text" class="text-input" required  ng-model="data.name" placeholder="Name *" id="myBtn" name="name" ng-change="entername(data.name); firstNamekeyPress(data.name)">
                     </div>
                     <div class="col-xs-12 col-md-6 input-wrapper" >
                        <div id="snackbar">Error ! Please fill in all fields.</div>
                        <div class="icon-circle-d">
                           <i class="material-icons" style="line-height: 30px;">email</i>
                        </div>
                        <input type="email" name="email" ng-pattern="/^[^\s@]+@[^\s@]+\.[^\s@]+$/" class="text-input" required class="" ng-model="data.email" placeholder="Email Address *" ng-change="enteremail(data.email); emailkeyPress(data.email)">
                        <!-- <label class="error-message f-family" id="invalidEmail">Please enter a valid email address.</label>
                        <label ng-if="check">Email already exist.</label> --> 
                     </div>
                     <div class="col-xs-12 col-md-6 input-wrapper" >
                        <div class="icon-circle-e">
                           <i class="material-icons" style="line-height: 30px;">phone</i>
                        </div>
                        <input type="text" ng-pattern="/^\d*(?:\.\d{1,2})?$/" title="Please enter only numberic numbers" maxlength="10" required class="text-input" ng-model="data.number" placeholder="Mobile No.*" ng-change="enternumber(data.number); phonekeyPress(data.number)">
                        <!-- <label class="error-message f-family" id="invalidNumber">Please enter only numeric value in mobile number field.</label> -->
                        <label ng-if="numberCheck">Contact Number already exist.</label>
                     </div>
                     <div class="col-xs-12 col-md-6 input-wrapper">
                        <div class="icon-circle-f">
                           <i class="material-icons" style="line-height: 30px;">location_city</i>
                        </div>
                        <select ng-model="data.city" ng-change="selectcity(data.city); citykeyPress(data.city)"  style="background-color: #fff; border-radius: 0; font-size: 12px; height: 44px;" required>
                           <option name="city" selected disabled value="">{{data.city}}</option>
                           <option value="Ahmedabad">Ahmedabad</option>
                           <option value="Bangalore">Bangalore</option>
                           <option value="Chennai">Chennai</option>
                           <option value="Delhi">Delhi</option>
                           <option value="Hyderabad">Hyderabad</option>
                           <option value="Jaipur">Jaipur</option>
                           <option value="Kanpur">Kanpur</option>
                           <option value="Kolkata">Kolkata</option>
                           <option value="Mumbai">Mumbai</option>
                        </select>
                     </div>
                     <div class="col-xs-12 col-md-6 input-wrapper">
                        <div class="icon-circle-i">
                           <i class="material-icons" style="line-height: 30px;">perm_identity</i>
                        </div>
                        <input type="text"  class="text-input" ng-model="data.companyName" placeholder="Company Name *" ng-change="enternumber(data.companyName); companykeyPress(data.companyName)" required>
                     </div>
                     <div class="col-xs-12 col-md-6 input-wrapper">
                        <div class="icon-circle-n">
                           <i class="material-icons" style="line-height: 30px;">web</i>
                        </div>
                        <input name="website"  class="text-input" ng-model="data.website" placeholder="Website link" ng-change="enterwebsite(data.website); revenuekeyPress(data.website)"></input>
                     </div>
                     <div class="col-xs-12 col-md-6 input-wrapper">
                        <div class="icon-circle-y">
                           <i class="material-icons" style="line-height: 30px;">assignment</i>
                        </div>
                        <select ng-model="data.stage" ng-change="selectechnology(data.stage); fundkeyPress(data.stage)"  style="background-color: #fff; border-radius: 0; font-size: 12px; height: 44px;" required>
                           <option name="stage" selected disabled value="">Choose Startup Stage *</option>
                           <option value="Proof of Concept">Proof of Concept</option>
                           <option value="Beta Launched">Beta Launched</option>
                           <option value="Early Revenues">Early Revenues</option>
                           <option value="Steady Revenues">Steady Revenues</option>
                           <option value="Other">Other</option>
                        </select>
                     </div> 
                     <div class="col-xs-12 col-md-6 input-wrapper">
                        <div class="icon-circle-q">
                           <i class="material-icons" style="line-height: 30px;">business</i>
                        </div>
                        <select ng-model="data.business" ng-change="selectechnology(data.business); ideakeyPress(data.business)"  style="background-color: #fff; border-radius: 0; font-size: 12px; height: 44px;" required>
                           <option name="business" selected disabled value="">Type of business *</option>
                           <option value="B2B">B2B</option>
                           <option value="B2C">B2C</option>
                        </select>
                     </div>
                     <div class="col-xs-12 col-md-12 f-family line-adjust">
                        <strong>How many founders/teammates will be attending the meetup? *</strong>
                        <p class="line-space" ></p>
                     </div>
                     <div class="col-xs-12 col-md-12 input-wrapper" >
                        <div class="icon-circle-o">
                           <i class="material-icons" style="line-height: 30px;">confirmation_number</i>
                        </div>
                        <select ng-model="data.founder" ng-change="selectfounder(data.founder); discountkeyPress(data.founder)"  style="background-color: #fff; border-radius: 0; font-size: 12px; height: 44px;" required>
                           <option name="founder" selected disabled value="">Choose</option>
                           <option value="1">1</option>
                           <option value="2">2</option>
                           <option value="3">3</option>
                           <option value="more than 3">more than 3</option>
                        </select>
                     </div>  
                     <div class="col-xs-12 col-md-12 f-family line-adjust">
                        <strong>In which city is your startup registered at?</strong>
                        <p class="line-space" ></p>
                     </div>
                     <div class="col-xs-12 col-md-12 input-wrapper">
                        <div class="icon-circle-m">
                           <i class="material-icons" style="line-height: 30px;">assessment</i>
                        </div>
                        <input type="text" class="text-input" ng-model="data.cityRegister" placeholder="Your Answer.." ng-change="entertechnology(data.cityRegister); annualkeyPress(data.cityRegister)">
                     </div>
                     <div class="col-xs-12 col-md-12 f-family line-adjust">
                        <strong>Give us a brief introduction about your startup. *</strong>
                        <p class="line-space" >Kindly write a powerful Twitter Pitch.</p>
                     </div>
                     <div class="col-xs-12 col-md-12 input-wrapper">
                        <div class="icon-circle-x">
                           <i class="material-icons" style="line-height: 30px;">line_weight</i>
                        </div>
                        <textarea name="intro" class="text-input textarea" ng-model="data.intro" placeholder="Your Answer.." maxlength="200" ng-change="enterproblem(data.intro); startupNamekeyPress(data.intro)" required></textarea>
                     </div>
                     <div class="col-xs-12 col-md-12 f-family line-adjust">
                        <strong>Who are your customers? *</strong>
                        <p class="line-space" >We are looking for a simple and clear answer of who you are selling to.</p>
                     </div>
                     <div class="col-xs-12 col-md-12 input-wrapper">
                        <div class="icon-circle-k">
                           <i class="material-icons" style="line-height: 30px;">help</i>
                        </div>
                        <textarea name="customer" class="text-input textarea" ng-model="data.customer" placeholder="Your Answer.." ng-change="entersolution(data.customer); websitekeyPress(data.customer)" required></textarea>
                     </div>
                     <div class="col-xs-12 col-md-12 f-family line-adjust">
                        <strong>What problem you are solving for them? *</strong>
                        <p class="line-space" >We want to understand how clearly you know the pain point, and how big of a problem it is for the customers.</p>
                     </div>
                     <div class="col-xs-12 col-md-12 input-wrapper f-family">
                        <div class="icon-circle-p">
                           <i class="material-icons" style="line-height: 30px;">business_center</i>
                        </div>
                        <textarea name="problem" class="text-input textarea" ng-model="data.problem" placeholder="Your Answer.." ng-change="enterbusiness(data.problem); businesskeyPress(data.problem)" required>
                        </textarea>
                     </div>
                     <div class="col-xs-12 col-md-12 f-family line-adjust">
                        <strong>Link your pitch deck presentation. *</strong>
                        <p class="line-space" > Kindly upload the link to your pitch deck (Dropbox/Google Drive, if on google drive make the link open to all).</p>
                     </div>
                     <div class="col-xs-12 col-md-12 input-wrapper f-family">
                        <div class="icon-circle-h">
                           <i class="material-icons" style="line-height: 30px;">web</i>
                        </div>
                        <input name="link" class="text-input" ng-pattern="/^(http[s]?:\/\/){0,1}(www\.){0,1}[a-zA-Z0-9\.\-]+\.[a-zA-Z]{2,5}[\.]{0,1}/" ng-blur="emailcheck(data.link)" ng-focus="removeError()" ng-model="data.link" placeholder="link" ng-change="enterbusiness(data.link); linkedInkeyPress(data.link)" required>
                        <label class="error-message f-family" id="invalidEmail">Please enter a valid link.</label>
                     </div>
                     <div class="col-xs-12 col-md-12 f-family line-adjust">
                        <strong>Coupon Code.</strong>
                        <p class="line-space" >It's applicable.</p>
                     </div>
                     <div class="col-xs-12 input-wrapper">
                        <div class="referel-icon" style="z-index: 999;">
                           <i class="material-icons" style="line-height: 30px;">code</i>
                        </div>
                        <input  class="text-input" ng-model="data.referalToken" placeholder="Enter Coupon code" style="position: relative;" ng-required="referalToken" ng-change="changeReferalIconColor(data.referalToken)">
                        <i class="material-icons coupen-approved" ng-if="tokencheck == true">check</i>
                        <i class="material-icons coupen-approved" style="color:red;"  ng-if="tokencheck == false">close</i>
                        <button type="button" ng-click="tokenCall(data.referalToken)" class="pull-right apply-coupen-btn">Apply</button>
                     </div>
                     <div class="clearfix"></div>
                  <!-- </div> -->
                  <!-- close step-one-form -->
               <!-- </td>
            </tr>
         </table> -->
      </div>
      <!-- CLOSE form-all -->
   <!-- </div> -->
      <div class="clearfix"></div>
         <div class="text-center">
            <input type="submit" class="btn submit-button-form" ng-disabled="applicantForm.$invalid" value="Submit" ng-click="submit()">
         </div>
        </div>
   <!-- col-xs-12 col-md-8 col-md-offset-2 -->
  <footer>
    <img id="footer" class="img-responsive banner">
      <center class="footer"><a class="footer-link" href="http://www.viithiisys.com/" target="_blank"></a>
      </center>
  </footer>
</form>
<!-- CLOSE FORM -->
<!-- </div> CLOSE CHECK VIEW -->