ambassador.html
6.31 KB
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
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
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="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 -->
<form name="applicantForm" id="signupForm">
<div style="text-align:center;">
<h4>Startup Ambassador</h4>
</div>
<div class="col-xs-12 col-md-4 col-md-offset-4">
<div class="form-all">
<table style="width: 100%;">
<tr>
<td>
<div class="step-one-form" >
<!-- form step 1 -->
<div class="col-xs-12 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="clearfix"></div>
<div class="col-xs-12 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="clearfix"></div>
<div class="col-xs-12 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.mobile" placeholder="Mobile No." ng-change="enternumber(data.mobile); phonekeyPress(data.mobile)">
<!-- <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="clearfix"></div>
<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>
</div>
<!-- close step-one-form -->
</td>
</tr>
</table>
</div>
<!-- CLOSE form-all -->
</div>
<div class="clearfix"></div>
<div style="margin-bottom: 12%;" class="text-center">
<input type="submit" class="btn submit-button" ng-disabled="applicantForm.$invalid|| check|| numberCheck" value="Submit" ng-click="submit()">
</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 Technologies.</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()">
</div>
</div>
</div> <!-- CLOSE NEW-CONTROLLER -->
<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:22px">Your Refral Code for {{data.discount}}% discount is</p><p style="font-size:24px"><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>
<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>