viithiisys / startup_jalsa_frontend

Blame view

pages/ambassador.html 6.31 KB
edit raw normal view history
5348de778   Palak Handa   design updated 
1
2
3
4
5
6
7
8
9
10
11
 
  <div class="header">
     <div style="float: left;">
        <img src="images/white.png" class="logo" >
     </div> 
     <div style="float: right;" class="right-side-links">    
        <a class="hyperColor" ng-click="openyoutube16()">Glipmses of 2016</a>
        <a class="hyperColor" ng-click="openyoutube17()">Concept for 2017</a>
     </div>
     <div class="clearfix"></div>
  </div>
  <!-- CLOSE HEADER -->
be08b6f5e   Digvijay Singh   ambassdor page 
12
 
  <form name="applicantForm" id="signupForm">
d8feb0ddb   Palak Handa   design updated 
13
 
   <div style="text-align:center;">
be08b6f5e   Digvijay Singh   ambassdor page 
14
15
 
    <h4>Startup Ambassador</h4>
    </div>
d8feb0ddb   Palak Handa   design updated 
16
 
     <div class="col-xs-12 col-md-4 col-md-offset-4">
be08b6f5e   Digvijay Singh   ambassdor page 
17
18
19
20
21
22
 
        <div class="form-all">
           <table style="width: 100%;">
              <tr>
                 <td>
                    <div class="step-one-form" >
                       <!-- form step 1 -->
d8feb0ddb   Palak Handa   design updated 
23
 
                       <div class="col-xs-12 input-wrapper" >
be08b6f5e   Digvijay Singh   ambassdor page 
24
25
 
                          <div id="snackbar">Error ! Please fill in all fields.</div>
                          <div class="icon-circle-c">
7e3bb1018   Palak Handa   field added 
26
 
                             <i class="material-icons" style="line-height: 31px;">person</i>
be08b6f5e   Digvijay Singh   ambassdor page 
27
 
                          </div>
54cce2aed   Palak Handa   update code 
28
 
                          <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)">
be08b6f5e   Digvijay Singh   ambassdor page 
29
 
                       </div>
d8feb0ddb   Palak Handa   design updated 
30
31
 
                       <div class="clearfix"></div>
                       <div class="col-xs-12 input-wrapper" >
be08b6f5e   Digvijay Singh   ambassdor page 
32
33
34
35
 
                          <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>
b678502c9   Palak Handa   update 
36
 
                          <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)">
be08b6f5e   Digvijay Singh   ambassdor page 
37
 
                          <label class="error-message f-family" id="invalidEmail">Please enter a valid email address.</label>
5348de778   Palak Handa   design updated 
38
 
                          <label ng-if="check">Email already exist.</label>
be08b6f5e   Digvijay Singh   ambassdor page 
39
 
                       </div>
d8feb0ddb   Palak Handa   design updated 
40
41
 
                       <div class="clearfix"></div>
                       <div class="col-xs-12 input-wrapper" >
be08b6f5e   Digvijay Singh   ambassdor page 
42
43
44
 
                          <div class="icon-circle-e">
                             <i class="material-icons" style="line-height: 30px;">phone</i>
                          </div>
b678502c9   Palak Handa   update 
45
 
                          <input type="text" ng-pattern="/^\d*(?:\.\d{1,2})?$/" title="Please enter only numberic numbers" maxlength="10" required class="text-input" ng-model="data.mobile" placeholder="Mobile No." ng-change="enternumber(data.mobile); phonekeyPress(data.mobile)">
5348de778   Palak Handa   design updated 
46
 
                          <!-- <label class="error-message f-family" id="invalidNumber">Please enter only numeric value in mobile number field.</label> -->
be08b6f5e   Digvijay Singh   ambassdor page 
47
48
 
                          <label  ng-if="numberCheck">Contact Number already exist.</label>
                       </div>
be08b6f5e   Digvijay Singh   ambassdor page 
49
 
                       <div class="clearfix"></div>
e284785e4   Palak Handa   update new field 
50
51
52
53
54
55
 
                       <div class="col-xs-12 input-wrapper" >
                          <div class="icon-circle-o">
                             <i class="material-icons" style="line-height: 30px;">confirmation_number</i>
                          </div>
                          <input type="number" ng-pattern="/^\d*(?:\.\d{1,2})?$/" title="Please enter only numberic numbers" maxlength="10" required class="text-input" ng-model="data.discount" placeholder="Percentage Discount" ng-change="enternumber(data.discount); discountkeyPress(data.discount)">
                       </div>
be08b6f5e   Digvijay Singh   ambassdor page 
56
57
58
59
60
61
 
                    </div>
                    <!-- close step-one-form -->
                 </td>
              </tr>
           </table>
        </div>
d8feb0ddb   Palak Handa   design updated 
62
63
64
 
        <!-- CLOSE form-all -->
     </div>
        <div class="clearfix"></div>
836430b0f   Palak Handa   minor changes 
65
 
           <div style="margin-bottom: 12%;" class="text-center">
2d6a9fbea   Palak Handa   complete bugs 
66
 
              <input type="submit" class="btn submit-button"  ng-disabled="applicantForm.$invalid|| check|| numberCheck" value="Submit" ng-click="submit()">
be08b6f5e   Digvijay Singh   ambassdor page 
67
 
           </div>
be08b6f5e   Digvijay Singh   ambassdor page 
68
69
70
71
 
     <!-- col-xs-12 col-md-8 col-md-offset-2 -->
  </form>
  <!-- CLOSE FORM -->
  <footer>
d8feb0ddb   Palak Handa   design updated 
72
 
    <img id="footer" class="img-responsive banner">
7738bbe01   Palak Handa   minor changes 
73
 
      <center class="footer"> Powered By <a class="footer-link" href="http://www.viithiisys.com/" target="_blank">Viithiisys Technologies.</a>
d8feb0ddb   Palak Handa   design updated 
74
 
      </center>
be08b6f5e   Digvijay Singh   ambassdor page 
75
76
77
 
  </footer>
  <!-- </div> CLOSE CHECK VIEW -->
  <div ng-if="verifyView">
ea3c31126   Palak Handa   complete 
78
 
     <div class="text-center">
be08b6f5e   Digvijay Singh   ambassdor page 
79
 
        <input type="button" class="btn submit-button" ng-disabled="applicantForm.$invalid" value="check the status" ng-click="update()">
be08b6f5e   Digvijay Singh   ambassdor page 
80
81
82
 
     </div>
  </div>
  </div> <!-- CLOSE NEW-CONTROLLER -->
be08b6f5e   Digvijay Singh   ambassdor page 
83
84
85
 
  <div class="modal fade" id="myModal" role="dialog">
     <div class="modal-dialog" style="left: auto;">
        <div class="modal-content">
ea3c31126   Palak Handa   complete 
86
 
           <div class="modal-body" style="text-align:center;margin-top:5%">
e284785e4   Palak Handa   update new field 
87
 
              <p style="font-size:22px">Your Refral Code for {{data.discount}}% discount is</p><p style="font-size:24px"><b>{{data.referalToken}}</b></p>
be08b6f5e   Digvijay Singh   ambassdor page 
88
 
           </div>
ea3c31126   Palak Handa   complete 
89
90
 
           <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>
be08b6f5e   Digvijay Singh   ambassdor page 
91
92
93
94
 
           </div>
        </div>
     </div>
  </div>
5348de778   Palak Handa   design updated 
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
 
  
  <div class="modal fade" id="videoModel" role="dialog" ng-click="closeModal()">
     <div class="modal-dialog" style="left: auto;">
         <div class="modal-content">
        <div class="modal-body">
        <iframe width="560"  id="youtubePlayer" height="315" src="https://www.youtube.com/embed/8i1bLQ7jS0I" frameborder="0" allowfullscreen></iframe>
        </div>
       <!--  <div class="modal-footers" style="text-align: center;margin-bottom: 5px;">
          <button type="button" class="btn btn-default" data-dismiss="modal" ng-click="closeModal()">Close</button>
        </div> -->
      </div>
     </div>
  </div>
  
  
  <div class="modal fade" id="videoModels" role="dialog" ng-click="closeModal()">
     <div class="modal-dialog" style="left: auto;">
         <div class="modal-content">
        <div class="modal-body">
        <iframe width="560" id="youtubePlayer" height="315" src="https://www.youtube.com/embed/oBqdz-p3R6Y" frameborder="0" allowfullscreen></iframe>
        </div>
       <!--  <div class="modal-footers" style="text-align: center;margin-bottom: 5px;">
          <button type="button" class="btn btn-default" data-dismiss="modal" ng-click="closeModal()">Close</button>
        </div> -->
      </div>
     </div>
  </div>