ambassador.html 8.87 KB
<div class="header">
   <img src="images/white.png" class="logo">
</div>

<!-- CLOSE HEADER -->
<form name="applicantForm" id="signupForm">
 <div style="text-align:center;margin-bottom:3%;">
  <h4>Startup Ambassador</h4>
  </div>
   <div class="col-xs-12 col-md-10 col-md-offset-1">
      <div class="stage-shadow">
         <div class="stages card-align">
            <div class="col-xs-12 col-md-4 no-padding">
           <!--     <div class="card stages-card">
                  <input type="radio" ng-model="data.stage" class="stageRadio" value="Idea" name="Idea" id="ideation" ng-required="Idea" ng-checked="true" checked="true" ng-click="stage(data.stage); stagekeyPress()">
                  <label style="cursor:pointer" class="thumbnail radius-border stage-thumbnail" for="ideation">
                     <img class="stage-img stage-idea" src="images/idea-stage.png" alt="Lights">
                     <div class="card-content f-family">
                        <p align="center">Idea</p>
                     </div>
                  </label>
               </div> -->
              <!--  <div class="clearfix"></div>
               <div class="cards-content">
                  <p> 
                     &#x26AC; Have an idea and need execution help?<br>
                     &#x26AC; Get feedback from mentors<br>
                     &#x26AC; Validate your idea.
                  </p>
               </div> -->
            </div>
            <div class="col-xs-12 col-md-4 no-padding-mobile">
               <!-- <div class="card stages-card">
                  <input type="radio"  ng-model="data.stage" class="stageRadio" value="Product" name="Idea" id="Proof" ng-required="Product" ng-click="stage(data.stage); stagekeyPress()">
                  <label style="cursor:pointer" class="thumbnail radius-border stage-thumbnail" for="Proof">
                     <img class="stage-img stage-product" src="images/production-stage.png"  alt="Lights">
                     <div class="card-content f-family">
                        <p align="center">Product</p>
                     </div>
                  </label>
               </div> -->
               <!-- <div class="clearfix"></div> -->
               <!-- <div class="cards-content">
                  <p>
                     &#x26AC; Have a prototype and want to take it to next level?<br>
                     &#x26AC; Advice on fundraising<br>
                     &#x26AC; Advice on go-to-market strategy
                  </p>
               </div> -->
            </div>
            <div class="col-xs-12 col-md-4 no-padding">
               <div class="card stages-card">
                  <!-- <input type="radio" ng-model="data.stage" class="stageRadio" value="Growth" name="Idea" id="Beta" ng-required="Growth" ng-click="stage(data.stage); stagekeyPress()"> -->
                 <!--  <label style="cursor:pointer" class="thumbnail radius-border stage-thumbnail" for="Beta">
                     <img class="stage-img stage-growth" src="images/growth-stage.png" alt="Lights">
                     <div class="card-content f-family">
                        <p align="center">Growth</p>
                     </div -->
                  <!-- </label> -->
               </div>
               <div class="clearfix"></div>
               <div class="cards-content">
                 <!--  <p> 
                     &#x26AC; Have traction and looking to scale up?<br>
                     &#x26AC; Connect with Series A investors<br>
                     &#x26AC; Connect and hire top startups
                  </p> -->
               <!-- </div> -->
            </div>
            <div class="clearfix"></div>
         </div>
         <div class="clearfix"></div>
      </div>
      <!-- CLOSE STAGE SHADOW -->
      <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;">assignment_ind</i>
                        </div>
                        <input type="text" class="text-input" required  ng-model="data.name" placeholder="Startup Name" id="myBtn" name="name" ng-change="entername(data.name); namekeyPress(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" class="text-input" required class="" ng-model="data.email" placeholder="Email Address" ng-blur="emailcheck(data.email)" ng-focus="removeError()" 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> 
                        <!-- <label class="error-message f-family control-label" id="alreadyExist"  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="number" required class="text-input" ng-model="data.mobile" placeholder="Mobile No." ng-blur="numbercheck(data.mobile)" ng-focus="removeNoError()" ng-change="enternumber(data.mobile); phonekeyPress(data.mobile)">
                
                        <label  ng-if="numberCheck">Contact Number already exist.</label>
                     </div>
                
                     <div class="clearfix"></div>
                   <!--   <div class="col-xs-12 text-right">
                        <button type="button" class="btn btn-secondary" data-container="body" data-toggle="popover" data-placement="bottom" ng-click="next()">
                        Next
                        </button>
                     </div> -->
                  </div>
                  <!-- close step-one-form -->
               </td>
            </tr>
         </table>
      </div>
      <!-- CLOSE form-all -->   
      
         <!-- CLOSE identity-shadow -->
         <!-- <div class="col-xs-12 input-wrapper">
            <div class="icon-circle-h" style="z-index: 999;">
               <i class="material-icons" style="line-height: 30px;">phone_android</i>
            </div>
            <input  class="text-input" ng-model="data.referalToken" placeholder="Enter Coupon code" style="position: relative;">
            <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 style="margin-bottom: 10%;" class="text-center">
            <input type="submit" class="btn submit-button" data-toggle="modal" data-target="#myModal" ng-disabled="applicantForm.$invalid|| check|| numberCheck" value="Submit" ng-click="submit()">
         </div>
      </div>
      <!-- CLOSE step-two-form -->
   </div>
   <!-- col-xs-12 col-md-8 col-md-offset-2 -->
</form>
<!-- CLOSE FORM -->
<footer>
   <img id="footer" class="img-responsive banner">
   <center class="footer"> Powered By <a class="footer-link" href="http://www.viithiisys.com/" target="_blank">Viithiisys Technolgies.</a> </center>
</footer>
<!-- </div> CLOSE CHECK VIEW -->
<div ng-if="verifyView">
   <div class="text-center">
      <input type="button" class="btn submit-button" ng-disabled="applicantForm.$invalid" value="check the status" ng-click="update()">
      <!-- <button ng-disabled="applicantForm.$invalid">Save</button> -->
   </div>
</div>
</div> <!-- CLOSE NEW-CONTROLLER -->    
<div id="snacsskbar">Registration done successfully.</div>
<div class="modal fade" id="myModal" role="dialog">
   <div class="modal-dialog" style="left: auto;">
      <div class="modal-content">
         <div class="modal-body" style="text-align:center;margin-top:5%">
            <p style="font-size:24px">Your Refral Token is <b>{{data.referalToken}}</b>.</p>
         </div>
         <div style="text-align:center;margin-bottom:5%">
            <button style="color: #fff;background-color: #4CAF50;" type="button" class="btn btn-default1" data-dismiss="modal">Close</button>
         </div>
      </div>
   </div>
</div>