Shilpi Saini / startup_jalsa_frontend

Browse Code »

Commit 5348de778f8a5ca0385ef69159c147b730e565d8

Authored by Palak Handa 2017-09-19 12:14:14 -0400

1 parent 836430b0f1

Exists in master and in 1 other branch

design updated

Showing 5 changed files with 166 additions and 76 deletions Show diff stats

css/custom.css

Diff comments View file @5348de7

1	*{	1	{
2	outline: none !important;	2	outline: none !important;
3	}	3	}
4	.header{	4	.header{
5	width: 100%;	5	width: 100%;
6	padding: 4px 20px;	6	padding: 4px 20px;
7	background-color: #42b549;	7	background-color: #42b549;
8	}	8	}
9	.logo{	9	.logo{
10	height: 45px;	10	height: 45px;
11	margin-left:	11	margin-left:
12	}	12	}
13		13
14	.hyperColor{	14	.hyperColor{
15	color: white !important;	15	color: white !important;
16	cursor: pointer !important;	16	cursor: pointer !important;
17	}	17	}
18	.main-heading{	18	.main-heading{
19	height: 70px;	19	height: 70px;
20	line-height: 70px;	20	line-height: 70px;
21	}	21	}
22	.card{	22	.card{
23	flex-direction: column;	23	flex-direction: column;
24	background-color: rgb(255,255,255);	24	background-color: rgb(255,255,255);
25	border-radius: 0;	25	border-radius: 0;
26	width: 676px;	26	width: 676px;
27	box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);	27	box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
28	}	28	}
29	.card input{	29	.card input{
30	display: none;	30	display: none;
31	}	31	}
32	.card .card-content{	32	.card .card-content{
33	padding: 12px;	33	padding: 12px;
34	font-size: 12px;	34	font-size: 12px;
35	}	35	}
36	.card p{	36	.card p{
37	margin-top:18px;	37	margin-top:18px;
38	margin-right:4px ;	38	margin-right:4px ;
39	margin-bottom:-5px;	39	margin-bottom:-5px;
40	/margin-left:13px;/	40	/margin-left:13px;/
41		41
42	font-family: montserrat, arial, verdana;	42	font-family: montserrat, arial, verdana;
43	font-weight: normal;	43	font-weight: normal;
44	font-size: 12px;	44	font-size: 12px;
45	}	45	}
46	.card .thumbnail{	46	.card .thumbnail{
47	padding: 15px 30px 1px 28px;	47	padding: 15px 30px 1px 28px;
48	border: 0;	48	border: 0;
49	border-radius: 0px !important;	49	border-radius: 0px !important;
50	}	50	}
51	.video-wrapper{	51	.video-wrapper{
52	padding: 16px 0;	52	padding: 16px 0;
53	}	53	}
54	.stageRadio:checked+label{	54	.stageRadio:checked+label{
55	background-color: #42b549;	55	background-color: #42b549;
56	color: #fff !important;	56	color: #fff !important;
57	}	57	}
58		58
59	/* css for radio buttons */	59	/* css for radio buttons */
60		60
61	.option-input {	61	.option-input {
62	-webkit-appearance: none;	62	-webkit-appearance: none;
63	-moz-appearance: none;	63	-moz-appearance: none;
64	-ms-appearance: none;	64	-ms-appearance: none;
65	-o-appearance: none;	65	-o-appearance: none;
66	appearance: none;	66	appearance: none;
67	position: relative;	67	position: relative;
68	/top: 13.33333px;/	68	/top: 13.33333px;/
69	right: 0;	69	right: 0;
70	bottom: 0;	70	bottom: 0;
71	left: 0;	71	left: 0;
72	height: 15px;	72	height: 15px;
73	width: 15px;	73	width: 15px;
74	transition: all 0.15s ease-out 0s;	74	transition: all 0.15s ease-out 0s;
75	background: transparent;	75	background: transparent;
76	border: 2px solid #42b549;	76	border: 2px solid #42b549;
77	color: #fff;	77	color: #fff;
78	cursor: pointer;	78	cursor: pointer;
79	display: inline-block;	79	display: inline-block;
80	margin-right: 0.5rem;	80	margin-right: 0.5rem;
81	outline: none;	81	outline: none;
82	position: relative;	82	position: relative;
83	z-index: 1000;	83	z-index: 1000;
84	}	84	}
85	.option-input:checked {	85	.option-input:checked {
86	background: #42b549;	86	background: #42b549;
87	}	87	}
88	.option-input:checked::before {	88	.option-input:checked::before {
89	height: 20px;	89	height: 20px;
90	width: 20px;	90	width: 20px;
91	position: absolute;	91	position: absolute;
92	/content: '✔';/	92	/content: '✔';/
93	display: inline-block;	93	display: inline-block;
94	font-size: 12px;	94	font-size: 12px;
95	text-align: center;	95	text-align: center;
96	line-height: 22px;	96	line-height: 22px;
97	}	97	}
98	.option-input:checked::after {	98	.option-input:checked::after {
99	-webkit-animation: click-wave 0.65s;	99	-webkit-animation: click-wave 0.65s;
100	-moz-animation: click-wave 0.65s;	100	-moz-animation: click-wave 0.65s;
101	animation: click-wave 0.65s;	101	animation: click-wave 0.65s;
102	background: #40e0d0;	102	background: #40e0d0;
103	content: '';	103	content: '';
104	display: block;	104	display: block;
105	position: relative;	105	position: relative;
106	z-index: 100;	106	z-index: 100;
107	}	107	}
108	.option-input-a.radio-a::after {	108	.option-input-a.radio-a::after {
109	border-radius: 50%;	109	border-radius: 50%;
110	}	110	}
111	/second css/	111	/second css/
112	.option-input-a {	112	.option-input-a {
113	-webkit-appearance: none;	113	-webkit-appearance: none;
114	-moz-appearance: none;	114	-moz-appearance: none;
115	-ms-appearance: none;	115	-ms-appearance: none;
116	-o-appearance: none;	116	-o-appearance: none;
117	appearance: none;	117	appearance: none;
118	position: relative;	118	position: relative;
119	/top: 13.33333px;/	119	/top: 13.33333px;/
120	right: 0;	120	right: 0;
121	bottom: 0;	121	bottom: 0;
122	left: 0;	122	left: 0;
123	height: 22px;	123	height: 22px;
124	width: 22px;	124	width: 22px;
125	transition: all 0.15s ease-out 0s;	125	transition: all 0.15s ease-out 0s;
126	background: transparent;	126	background: transparent;
127	border: 2px solid #42b549;	127	border: 2px solid #42b549;
128	color: #fff;	128	color: #fff;
129	cursor: pointer;	129	cursor: pointer;
130	display: inline-block;	130	display: inline-block;
131	margin-right: 0.5rem;	131	margin-right: 0.5rem;
132	outline: none;	132	outline: none;
133	position: relative;	133	position: relative;
134	z-index: 1000;	134	z-index: 1000;
135	}	135	}
136	.option-input-a:checked {	136	.option-input-a:checked {
137	background: #42b549;	137	background: #42b549;
138	}	138	}
139	.option-input-a:checked::before {	139	.option-input-a:checked::before {
140	height: 20px;	140	height: 20px;
141	width: 20px;	141	width: 20px;
142	position: absolute;	142	position: absolute;
143	/content: '✔';/	143	/content: '✔';/
144	display: inline-block;	144	display: inline-block;
145	font-size: 12px;	145	font-size: 12px;
146	text-align: center;	146	text-align: center;
147	line-height: 22px;	147	line-height: 22px;
148	}	148	}
149	.option-input-a:checked::after {	149	.option-input-a:checked::after {
150	-webkit-animation: click-wave 0.65s;	150	-webkit-animation: click-wave 0.65s;
151	-moz-animation: click-wave 0.65s;	151	-moz-animation: click-wave 0.65s;
152	animation: click-wave 0.65s;	152	animation: click-wave 0.65s;
153	background: #40e0d0;	153	background: #40e0d0;
154	content: '';	154	content: '';
155	display: block;	155	display: block;
156	position: relative;	156	position: relative;
157	z-index: 100;	157	z-index: 100;
158	}	158	}
159	.option-input-a.radio-a {	159	.option-input-a.radio-a {
160	border-radius: 50%;	160	border-radius: 50%;
161	}	161	}
162	.option-input-a.radio-a::after {	162	.option-input-a.radio-a::after {
163	border-radius: 50%;	163	border-radius: 50%;
164	}	164	}
165		165
166	/* css for radio ends */	166	/* css for radio ends */
167		167
168	.card-small{	168	.card-small{
169	cursor: pointer;	169	cursor: pointer;
170	}	170	}
171	.card-small img{	171	.card-small img{
172	width: 37px;	172	width: 37px;
173	}	173	}
174	.card-small label{	174	.card-small label{
175	width: 100%;	175	width: 100%;
176	font-weight: normal;	176	font-weight: normal;
177	font-size: 12px;	177	font-size: 12px;
178	margin-top: 5px;	178	margin-top: 5px;
179	}	179	}
180	/*.text-input{	180	/*.text-input{
181	width: 100%;	181	width: 100%;
182	border: 0;	182	border: 0;
183	border-bottom: 2px solid #42b549;	183	border-bottom: 2px solid #42b549;
184	font-size: 18px;	184	font-size: 18px;
185	padding: 5px;	185	padding: 5px;
186	}*/	186	}*/
187	.input-wrapper{	187	.input-wrapper{
188	margin-bottom: 15px !important;	188	margin-bottom: 15px !important;
189	}	189	}
190	.select-input{	190	.select-input{
191	width: 100%;	191	width: 100%;
192	border: 0;	192	border: 0;
193	border-bottom: 2px solid #42b549;	193	border-bottom: 2px solid #42b549;
194	background-color: transparent;	194	background-color: transparent;
195	font-size: 12px;	195	font-size: 12px;
196	padding: 5px;	196	padding: 5px;
197	}	197	}
198	.submit-button, .submit-button:hover{	198	.submit-button, .submit-button:hover{
199	background-color: #42b549;	199	background-color: #42b549;
200	color: #fff;	200	color: #fff;
201	/display: none;/	201	/display: none;/
202	}	202	}
203	.submit-button:disabled{	203	.submit-button:disabled{
204	background-color: #ddd;	204	background-color: #ddd;
205	}	205	}
206	.textarea{	206	.textarea{
207	min-height: 97px;	207	min-height: 97px;
208	}	208	}
209	.error-message{	209	.error-message{
210	font-weight: inherit;	210	font-weight: inherit;
211	color: #ff0000;	211	color: #ff0000;
212	margin: 7px 4px -5px 26px;	212	margin: 5px 4px -5px 0px;
213	display: none;	213	display: none;
214	}	214	}
215		215
216	/custom input/	216	/custom input/
217	.text-input, select {	217	.text-input, select {
218	width: 100%;	218	width: 100%;
219	padding: 12px 25px;	219	padding: 12px 25px;
220	margin: -2px 0;	220	margin: -2px 0;
221	display: inline-block;	221	display: inline-block;
222	border: 0px solid rgba(51, 51, 51, 0);	222	border: 0px solid rgba(51, 51, 51, 0);
223	border-radius: -3px;	223	border-radius: -3px;
224	box-sizing: border-box;	224	box-sizing: border-box;
225	box-shadow: 0 0 10px rgba(240, 255, 235);	225	box-shadow: 0 0 10px rgba(240, 255, 235);
226	-moz-box-shadow: 0 0 10px rgba(240, 255, 235);	226	-moz-box-shadow: 0 0 10px rgba(240, 255, 235);
227	-webkit-box-shadow: 0 0 5px #777;	227	-webkit-box-shadow: 0 0 5px #777;
228	-o-box-shadow: 0 0 10px rgba(240, 255, 235);	228	-o-box-shadow: 0 0 10px rgba(240, 255, 235);
229	font-size: 12px;	229	font-size: 12px;
230	}	230	}
231		231
232	/* progress bar css */	232	/* progress bar css */
233		233
234	@-webkit-keyframes	234	@-webkit-keyframes
235	load { 0% {	235	load { 0% {
236	stroke-dashoffset:0	236	stroke-dashoffset:0
237	}	237	}
238	}	238	}
239	@-moz-keyframes	239	@-moz-keyframes
240	load { 0% {	240	load { 0% {
241	stroke-dashoffset:0	241	stroke-dashoffset:0
242	}	242	}
243	}	243	}
244	@keyframes	244	@keyframes
245	load { 0% {	245	load { 0% {
246	stroke-dashoffset:0	246	stroke-dashoffset:0
247	}	247	}
248	}	248	}
249		249
250	/* Container */	250	/* Container */
251		251
252	.progress-form {	252	.progress-form {
253	position: relative;	253	position: relative;
254	display: inline-block;	254	display: inline-block;
255	padding: 0;	255	padding: 0;
256	text-align: center;	256	text-align: center;
257	}	257	}
258		258
259	/* Item */	259	/* Item */
260		260
261	.progress-form>li {	261	.progress-form>li {
262	display: inline-block;	262	display: inline-block;
263	position: relative;	263	position: relative;
264	text-align: center;	264	text-align: center;
265	color: #93A2AC;	265	color: #93A2AC;
266	font-family: Lato;	266	font-family: Lato;
267	font-weight: 100;	267	font-weight: 100;
268	margin: 2rem;	268	margin: 2rem;
269	}	269	}
270		270
271	.progress-form>li:before {	271	.progress-form>li:before {
272	content: attr(data-name);	272	content: attr(data-name);
273	position: absolute;	273	position: absolute;
274	width: 100%;	274	width: 100%;
275	bottom: -2rem;	275	bottom: -2rem;
276	font-weight: 400;	276	font-weight: 400;
277	}	277	}
278		278
279	.progress-form>li:after {	279	.progress-form>li:after {
280	content: attr(data-percent);	280	content: attr(data-percent);
281	position: absolute;	281	position: absolute;
282	width: 100%;	282	width: 100%;
283	top: 3.7rem;	283	top: 3.7rem;
284	left: 0;	284	left: 0;
285	font-size: 2rem;	285	font-size: 2rem;
286	text-align: center;	286	text-align: center;
287	}	287	}
288		288
289	.progress-form svg {	289	.progress-form svg {
290	width: 10rem;	290	width: 10rem;
291	height: 10rem;	291	height: 10rem;
292	}	292	}
293		293
294	.progress-form svg:nth-child(2) {	294	.progress-form svg:nth-child(2) {
295	position: absolute;	295	position: absolute;
296	left: 0;	296	left: 0;
297	top: 0;	297	top: 0;
298	transform: rotate(-90deg);	298	transform: rotate(-90deg);
299	-webkit-transform: rotate(-90deg);	299	-webkit-transform: rotate(-90deg);
300	-moz-transform: rotate(-90deg);	300	-moz-transform: rotate(-90deg);
301	-ms-transform: rotate(-90deg);	301	-ms-transform: rotate(-90deg);
302	}	302	}
303		303
304	.progress-form svg:nth-child(2) path {	304	.progress-form svg:nth-child(2) path {
305	fill: none;	305	fill: none;
306	stroke-width: 25;	306	stroke-width: 25;
307	stroke-dasharray: 629;	307	stroke-dasharray: 629;
308	stroke: rgba(255, 255, 255, 0.9);	308	stroke: rgba(255, 255, 255, 0.9);
309	-webkit-animation: load 10s;	309	-webkit-animation: load 10s;
310	-moz-animation: load 10s;	310	-moz-animation: load 10s;
311	-o-animation: load 10s;	311	-o-animation: load 10s;
312	animation: load 10s;	312	animation: load 10s;
313	}	313	}
314	/circle of stage image/	314	/circle of stage image/
315	.circular{	315	.circular{
316		316
317	-webkit-border-radius: 150px;	317	-webkit-border-radius: 150px;
318	-moz-border-radius: 150px;	318	-moz-border-radius: 150px;
319	border-radius: 150px;	319	border-radius: 150px;
320	box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);	320	box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);
321	border: 5px solid white;	321	border: 5px solid white;
322	overflow: hidden;	322	overflow: hidden;
323	position: fixed;	323	position: fixed;
324	height: 100px;	324	height: 100px;
325	width: 100px;	325	width: 100px;
326	left: 80px;	326	left: 80px;
327	top: 20px;	327	top: 20px;
328	}	328	}
329	/font-size/	329	/font-size/
330	.font{	330	.font{
331	font-size: 14px;	331	font-size: 14px;
332	}	332	}
333		333
334	.f-family {	334	.f-family {
335	font-family:sans-serif;	335	font-family:sans-serif;
336	}	336	}
337		337
338	/container-card css/	338	/container-card css/
339	.container-card {	339	.container-card {
340	width: auto;	340	width: auto;
341	float: left;	341	float: left;
342	margin: 31px 24px 26px 14px;	342	margin: 31px 24px 26px 14px;
343	}	343	}
344		344
345	/****This css for header container****/	345	/****This css for header container****/
346	.h1 {	346	.h1 {
347	font-size: 20px;	347	font-size: 20px;
348	margin: 11px;	348	margin: 11px;
349	}	349	}
350		350
351	.paragraph {	351	.paragraph {
352	font-size: 14px;	352	font-size: 14px;
353	margin: 30px 10px 20px;	353	margin: 30px 10px 20px;
354	line-height: 1.5;	354	line-height: 1.5;
355	}	355	}
356	/This css for stages container/	356	/This css for stages container/
357		357
358	.full-line {	358	.full-line {
359	border-bottom: 2px solid #dedede;	359	border-bottom: 2px solid #dedede;
360	padding: 15px 10px;	360	padding: 15px 10px;
361	}	361	}
362		362
363	.stages-card {	363	.stages-card {
364	width: auto;	364	width: auto;
365	float: left;	365	float: left;
366	/margin: -30px 8px 7px 22px;/	366	/margin: -30px 8px 7px 22px;/
367	}	367	}
368		368
369	/form -css/	369	/form -css/
370	.form-all {	370	.form-all {
371	margin: 13px 4px 26px -2px;	371	margin: 13px 4px 26px -2px;
372	/display: none;/	372	/display: none;/
373	}	373	}
374		374
375	.step-two-form{	375	.step-two-form{
376	display: block;	376	display: block;
377	}	377	}
378		378
379	/This is for stages images/	379	/This is for stages images/
380	.stage-img {	380	.stage-img {
381	width: 115px;	381	width: 115px;
382	}	382	}
383		383
384	.stage-thumbnail {	384	.stage-thumbnail {
385	float: left;	385	float: left;
386	margin-bottom: 0;	386	margin-bottom: 0;
387	}	387	}
388		388
389	.stage-shadow {	389	.stage-shadow {
390	/*box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2),	390	/*box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2),
391	0px 1px 1px 0px rgba(0, 0, 0, 0.14),	391	0px 1px 1px 0px rgba(0, 0, 0, 0.14),
392	0px 2px 1px -1px rgba(0, 0, 0, 0.12); */	392	0px 2px 1px -1px rgba(0, 0, 0, 0.12); */
393	/margin: 3px 22px 14px 14px;/	393	/margin: 3px 22px 14px 14px;/
394	background-color: #ffffff;	394	background-color: #ffffff;
395	}	395	}
396		396
397	.line-size {	397	.line-size {
398		398
399	}	399	}
400		400
401	.card-paragraph {	401	.card-paragraph {
402	background-color: rgba(66, 181, 73, 0.61);	402	background-color: rgba(66, 181, 73, 0.61);
403	color: #fff;	403	color: #fff;
404	}	404	}
405		405
406	/* identity card css*/	406	/* identity card css*/
407		407
408	.identity-shadow {	408	.identity-shadow {
409	box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2),	409	box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2),
410	0px 1px 1px 0px rgba(0, 0, 0, 0.14),	410	0px 1px 1px 0px rgba(0, 0, 0, 0.14),
411	0px 2px 1px -1px rgba(0, 0, 0, 0.12);	411	0px 2px 1px -1px rgba(0, 0, 0, 0.12);
412	margin: 15px 15px 17px 14px;	412	margin: 15px 15px 17px 14px;
413	background-color: #ffffff;	413	background-color: #ffffff;
414	/display: none;/	414	/display: none;/
415	}	415	}
416		416
417	.identity-question {	417	.identity-question {
418	border-bottom: 2px solid #dedede;	418	border-bottom: 2px solid #dedede;
419	padding: 0px 10px;	419	padding: 0px 10px;
420	}	420	}
421		421
422	.identity-align {	422	.identity-align {
423	margin: 8px -12px 19px 13px;	423	margin: 8px -12px 19px 13px;
424	}	424	}
425		425
426		426
427	/******This css for sectors************/	427	/******This css for sectors************/
428	.sectors-card {	428	.sectors-card {
429	box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2),	429	box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2),
430	0px 1px 1px 0px rgba(0, 0, 0, 0.14),	430	0px 1px 1px 0px rgba(0, 0, 0, 0.14),
431	0px 2px 1px -1px rgba(0, 0, 0, 0.12);	431	0px 2px 1px -1px rgba(0, 0, 0, 0.12);
432	margin: 27px 22px 14px 14px;	432	margin: 27px 22px 14px 14px;
433	background-color: #ffffff;	433	background-color: #ffffff;
434	/display: none;/	434	/display: none;/
435	}	435	}
436		436
437	.sector-card {	437	.sector-card {
438	width: auto;	438	width: auto;
439	float: left;	439	float: left;
440	margin: 29px 22px 26px 14px;	440	margin: 29px 22px 26px 14px;
441	}	441	}
442		442
443	.sector-question {	443	.sector-question {
444	border-bottom: 2px solid #dedede;	444	border-bottom: 2px solid #dedede;
445	padding: 15px 10px;	445	padding: 15px 10px;
446	}	446	}
447		447
448	/To make the Stages in the center/	448	/To make the Stages in the center/
449	.card-align {	449	.card-align {
450	/margin: 56px -267px 11px -37px;/	450	/margin: 56px -267px 11px -37px;/
451	}	451	}
452		452
453	/To make the sectors in the center /	453	/To make the sectors in the center /
454		454
455		455
456	/***********sidebar content margin*********/	456	/***********sidebar content margin*********/
457	.sidebar-align {	457	.sidebar-align {
458	margin: -5px -3px -18px 9px;	458	margin: -5px -3px -18px 9px;
459	}	459	}
460		460
461	.heading {	461	.heading {
462	margin: 15px 10px 15px 16px;	462	margin: 15px 10px 15px 16px;
463	}	463	}
464	.quiz {	464	.quiz {
465	margin: 5px 5px 6px 19px;	465	margin: 5px 5px 6px 19px;
466	font-size: 12px;	466	font-size: 12px;
467	}	467	}
468		468
469	#footer {	469	#footer {
470	background-image: url(/images/footer_design.png);	470	background-image: url(/images/footer_design.png);
471	background-repeat: inherit;	471	background-repeat: inherit;
472	position: bottom;	472	position: bottom;
473	width: 100%;	473	width: 100%;
474	height: auto;	474	height: auto;
475	padding: 97px 3px 66px 83px;	475	padding: 97px 3px 66px 83px;
476	}	476	}
477		477
478	.footer {	478	.footer {
479		479
480	bottom: 0px;	480	bottom: 0px;
481	background-color: #76b34f !important;	481	background-color: #76b34f !important;
482	width: 100%;	482	width: 100%;
483	color:rgba(255, 255, 255, 0.77);	483	color:rgba(255, 255, 255, 0.77);
484	}	484	}
485		485
486	/******question box***************/	486	/******question box***************/
487	.question-shadow {	487	.question-shadow {
488	box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2),	488	box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2),
489	0px 1px 1px 0px rgba(0, 0, 0, 0.14),	489	0px 1px 1px 0px rgba(0, 0, 0, 0.14),
490	0px 2px 1px -1px rgba(0, 0, 0, 0.12);	490	0px 2px 1px -1px rgba(0, 0, 0, 0.12);
491	margin: 15px 15px 17px 14px;	491	margin: 15px 15px 17px 14px;
492	background-color: #ffffff;	492	background-color: #ffffff;
493	}	493	}
494		494
495		495
496		496
497	.question-card {	497	.question-card {
498	width: auto;	498	width: auto;
499	float: left;	499	float: left;
500	margin: 29px 22px 26px 14px;	500	margin: 29px 22px 26px 14px;
501	}	501	}
502		502
503	/for p/	503	/for p/
504	.line-space {	504	.line-space {
505	line-height: 1.6em;	505	line-height: 1.6em;
506	font-size: 11px;	506	font-size: 11px;
507	}	507	}
508		508
509	.line-adjust {	509	.line-adjust {
510	margin-left: 26px;	510	margin-left: 26px;
511	}	511	}
512		512
513	/badge icon css/	513	/badge icon css/
514		514
515	.material-icons{	515	.material-icons{
516	font-size: 17px !important;	516	font-size: 17px !important;
517	}	517	}
518		518
519	.icon-circle-a {	519	.icon-circle-a {
520	background: rgba(89, 89, 89, 0.92);	520	background: rgba(89, 89, 89, 0.92);
521	border-radius: 50%;	521	border-radius: 50%;
522	width: 30px;	522	width: 30px;
523	height: 30px;	523	height: 30px;
524	position: absolute;	524	position: absolute;
525	left: 14px;	525	left: 14px;
526	margin-top: 10px;	526	margin-top: 10px;
527	color: #fff;	527	color: #fff;
528	text-align: center;	528	text-align: center;
529	}	529	}
530		530
531	.icon-circle-b {	531	.icon-circle-b {
532	background: rgba(89, 89, 89, 0.92);	532	background: rgba(89, 89, 89, 0.92);
533	border-radius: 50%;	533	border-radius: 50%;
534	width: 30px;	534	width: 30px;
535	height: 30px;	535	height: 30px;
536	position: absolute;	536	position: absolute;
537	left: 14px;	537	left: 14px;
538	margin-top: 10px;	538	margin-top: 10px;
539	color: #fff;	539	color: #fff;
540	text-align: center;	540	text-align: center;
541	}	541	}
542		542
543	.icon-circle-c {	543	.icon-circle-c {
544	background: rgba(89, 89, 89, 0.92);	544	background: rgba(89, 89, 89, 0.92);
545	border-radius: 50%;	545	border-radius: 50%;
546	width: 30px;	546	width: 30px;
547	height: 30px;	547	height: 30px;
548	position: absolute;	548	position: absolute;
549	left: 0px;	549	left: 0px;
550	margin-top: 4px;	550	margin-top: 4px;
551	color: #fff;	551	color: #fff;
552	text-align: center;	552	text-align: center;
553	}	553	}
554		554
555	.icon-circle-d {	555	.icon-circle-d {
556	background: rgba(89, 89, 89, 0.92);	556	background: rgba(89, 89, 89, 0.92);
557	border-radius: 50%;	557	border-radius: 50%;
558	width: 30px;	558	width: 30px;
559	height: 30px;	559	height: 30px;
560	position: absolute;	560	position: absolute;
561	left: 0px;	561	left: 0px;
562	margin-top: 4px;	562	margin-top: 4px;
563	color: #fff;	563	color: #fff;
564	text-align: center;	564	text-align: center;
565	}	565	}
566		566
567	.icon-circle-e {	567	.icon-circle-e {
568	background: rgba(89, 89, 89, 0.92);	568	background: rgba(89, 89, 89, 0.92);
569	border-radius: 50%;	569	border-radius: 50%;
570	width: 30px;	570	width: 30px;
571	height: 30px;	571	height: 30px;
572	position: absolute;	572	position: absolute;
573	left: 0px;	573	left: 0px;
574	margin-top: 4px;	574	margin-top: 4px;
575	color: #fff;	575	color: #fff;
576	text-align: center;	576	text-align: center;
577	}	577	}
578		578
579	.icon-circle-f {	579	.icon-circle-f {
580	background: rgba(89, 89, 89, 0.92);	580	background: rgba(89, 89, 89, 0.92);
581	border-radius: 50%;	581	border-radius: 50%;
582	width: 30px;	582	width: 30px;
583	height: 30px;	583	height: 30px;
584	position: absolute;	584	position: absolute;
585	left: 0px;	585	left: 0px;
586	margin-top: 3px;	586	margin-top: 3px;
587	color: #fff;	587	color: #fff;
588	text-align: center;	588	text-align: center;
589	}	589	}
590		590
591	.icon-circle-g {	591	.icon-circle-g {
592	background: rgba(89, 89, 89, 0.92);	592	background: rgba(89, 89, 89, 0.92);
593	border-radius: 50%;	593	border-radius: 50%;
594	width: 30px;	594	width: 30px;
595	height: 30px;	595	height: 30px;
596	position: absolute;	596	position: absolute;
597	left: 14px;	597	left: 14px;
598	margin-top: 10px;	598	margin-top: 10px;
599	color: #fff;	599	color: #fff;
600	text-align: center;	600	text-align: center;
601	}	601	}
602		602
603	.icon-circle-h {	603	.icon-circle-h {
604	background: rgba(89, 89, 89, 0.92);	604	background: rgba(89, 89, 89, 0.92);
605	border-radius: 50%;	605	border-radius: 50%;
606	width: 30px;	606	width: 30px;
607	height: 30px;	607	height: 30px;
608	position: absolute;	608	position: absolute;
609	left: 0px;	609	left: 0px;
610	margin-top: 4px;	610	margin-top: 4px;
611	color: #fff;	611	color: #fff;
612	text-align: center;	612	text-align: center;
613	}	613	}
614		614
615	.icon-circle-i {	615	.icon-circle-i {
616	background: rgba(89, 89, 89, 0.92);	616	background: rgba(89, 89, 89, 0.92);
617	border-radius: 50%;	617	border-radius: 50%;
618	width: 30px;	618	width: 30px;
619	height: 30px;	619	height: 30px;
620	position: absolute;	620	position: absolute;
621	left: 0px;	621	left: 0px;
622	margin-top: 30px;	622	margin-top: 30px;
623	color: #fff;	623	color: #fff;
624	text-align: center;	624	text-align: center;
625	z-index: 100;	625	z-index: 100;
626	}	626	}
627		627
628	.icon-circle-j {	628	.icon-circle-j {
629	background: rgba(89, 89, 89, 0.92);	629	background: rgba(89, 89, 89, 0.92);
630	border-radius: 50%;	630	border-radius: 50%;
631	width: 30px;	631	width: 30px;
632	height: 30px;	632	height: 30px;
633	position: absolute;	633	position: absolute;
634	left: 0px;	634	left: 0px;
635	margin-top: 30px;	635	margin-top: 30px;
636	color: #fff;	636	color: #fff;
637	text-align: center;	637	text-align: center;
638	z-index: 100;	638	z-index: 100;
639	}	639	}
640		640
641	.icon-circle-k {	641	.icon-circle-k {
642	background: rgba(89, 89, 89, 0.92);	642	background: rgba(89, 89, 89, 0.92);
643	border-radius: 50%;	643	border-radius: 50%;
644	width: 30px;	644	width: 30px;
645	height: 30px;	645	height: 30px;
646	position: absolute;	646	position: absolute;
647	left: 0px;	647	left: 0px;
648	margin-top: 30px;	648	margin-top: 30px;
649	color: #fff;	649	color: #fff;
650	text-align: center;	650	text-align: center;
651	z-index: 100;	651	z-index: 100;
652	}	652	}
653		653
654	.icon-circle-l {	654	.icon-circle-l {
655	background: rgba(89, 89, 89, 0.92);	655	background: rgba(89, 89, 89, 0.92);
656	border-radius: 50%;	656	border-radius: 50%;
657	width: 30px;	657	width: 30px;
658	height: 30px;	658	height: 30px;
659	position: absolute;	659	position: absolute;
660	left: 0px;	660	left: 0px;
661	margin-top: 30px;	661	margin-top: 30px;
662	color: #fff;	662	color: #fff;
663	text-align: center;	663	text-align: center;
664	z-index: 100;	664	z-index: 100;
665	}	665	}
666		666
667	.icon-circle-m {	667	.icon-circle-m {
668	background: rgba(89, 89, 89, 0.92);	668	background: rgba(89, 89, 89, 0.92);
669	border-radius: 50%;	669	border-radius: 50%;
670	width: 30px;	670	width: 30px;
671	height: 30px;	671	height: 30px;
672	position: absolute;	672	position: absolute;
673	left: 0px;	673	left: 0px;
674	margin-top: 30px;	674	margin-top: 30px;
675	color: #fff;	675	color: #fff;
676	text-align: center;	676	text-align: center;
677	z-index: 100;	677	z-index: 100;
678	}	678	}
679		679
680	.icon-circle-n {	680	.icon-circle-n {
681	background: rgba(89, 89, 89, 0.92);	681	background: rgba(89, 89, 89, 0.92);
682	border-radius: 50%;	682	border-radius: 50%;
683	width: 30px;	683	width: 30px;
684	height: 30px;	684	height: 30px;
685	position: absolute;	685	position: absolute;
686	left: 0px;	686	left: 0px;
687	margin-top: 30px;	687	margin-top: 30px;
688	color: #fff;	688	color: #fff;
689	text-align: center;	689	text-align: center;
690	z-index: 100;	690	z-index: 100;
691	}	691	}
692		692
693	.icon-circle-x {	693	.icon-circle-x {
694	background: rgba(89, 89, 89, 0.92);	694	background: rgba(89, 89, 89, 0.92);
695	border-radius: 50%;	695	border-radius: 50%;
696	width: 30px;	696	width: 30px;
697	height: 30px;	697	height: 30px;
698	position: absolute;	698	position: absolute;
699	left: 13px;	699	left: 13px;
700	margin-top: 21px;	700	margin-top: 21px;
701	color: #fff;	701	color: #fff;
702	text-align: center;	702	text-align: center;
703	}	703	}
704		704
705	.icon-circle-p {	705	.icon-circle-p {
706	background: rgba(89, 89, 89, 0.92);	706	background: rgba(89, 89, 89, 0.92);
707	border-radius: 50%;	707	border-radius: 50%;
708	width: 30px;	708	width: 30px;
709	height: 30px;	709	height: 30px;
710	position: absolute;	710	position: absolute;
711	left: 0px;	711	left: 0px;
712	margin-top: 3px;	712	margin-top: 3px;
713	color: #fff;	713	color: #fff;
714	text-align: center;	714	text-align: center;
715	}	715	}
716		716
717	.icon-circle-z {	717	.icon-circle-z {
718	background: rgba(89, 89, 89, 0.92);	718	background: rgba(89, 89, 89, 0.92);
719	border-radius: 50%;	719	border-radius: 50%;
720	width: 30px;	720	width: 30px;
721	height: 30px;	721	height: 30px;
722	position: absolute;	722	position: absolute;
723	left: 0px;	723	left: 0px;
724	margin-top: 4px;	724	margin-top: 4px;
725	color: #fff;	725	color: #fff;
726	text-align: center;	726	text-align: center;
727	}	727	}
728		728
729	.icon-circle-q {	729	.icon-circle-q {
730	background: rgba(89, 89, 89, 0.92);	730	background: rgba(89, 89, 89, 0.92);
731	border-radius: 50%;	731	border-radius: 50%;
732	width: 30px;	732	width: 30px;
733	height: 30px;	733	height: 30px;
734	position: absolute;	734	position: absolute;
735	left: 0px;	735	left: 0px;
736	margin-top: 4px;	736	margin-top: 4px;
737	color: #fff;	737	color: #fff;
738	text-align: center;	738	text-align: center;
739	}	739	}
740		740
741	.icon-circle-ab {	741	.icon-circle-ab {
742	background: rgba(89, 89, 89, 0.92);	742	background: rgba(89, 89, 89, 0.92);
743	border-radius: 50%;	743	border-radius: 50%;
744	width: 30px;	744	width: 30px;
745	height: 30px;	745	height: 30px;
746	position: absolute;	746	position: absolute;
747	left: 14px;	747	left: 14px;
748	margin-top: 18px;	748	margin-top: 18px;
749	color: #fff;	749	color: #fff;
750	text-align: center;	750	text-align: center;
751	}	751	}
752		752
753	.referel-icon {	753	.referel-icon {
754	background: rgba(89, 89, 89, 0.92);	754	background: rgba(89, 89, 89, 0.92);
755	border-radius: 50%;	755	border-radius: 50%;
756	width: 30px;	756	width: 30px;
757	height: 30px;	757	height: 30px;
758	position: absolute;	758	position: absolute;
759	left: 0px;	759	left: 0px;
760	margin-top: 3px;	760	margin-top: 3px;
761	color: #fff;	761	color: #fff;
762	text-align: center;	762	text-align: center;
763	}	763	}
764		764
765		765
766	/quiz/	766	/quiz/
767	.q-card-align div{	767	.q-card-align div{
768	margin-bottom: 15px;	768	margin-bottom: 15px;
769	}	769	}
770		770
771	.drop-down {	771	.drop-down {
772	background-color: #fff;	772	background-color: #fff;
773	border-radius: 0;	773	border-radius: 0;
774	font-size: 12px;	774	font-size: 12px;
775	}	775	}
776		776
777	.footer-link, .footer-link:hover {	777	.footer-link, .footer-link:hover {
778	color:#fff;	778	color:#fff;
779	}	779	}
780	/idea content margin/	780	/idea content margin/
781	.content-idea{	781	.content-idea{
782	margin:196px 12px 8px;	782	margin:196px 12px 8px;
783	}	783	}
784		784
785	.content-product{	785	.content-product{
786	margin:193px -19px 9px;	786	margin:193px -19px 9px;
787	}	787	}
788		788
789	.content-growth{	789	.content-growth{
790	margin:192px 11px 8px;	790	margin:192px 11px 8px;
791	}	791	}
792	.last-content-card{	792	.last-content-card{
793	/margin: 0px -85px -4px -51px;/	793	/margin: 0px -85px -4px -51px;/
794	}	794	}
795		795
796	@media (max-width: 600px) {	796	@media (max-width: 600px) {
797	.content-idea{	797	.content-idea{
798	margin: auto;	798	margin: auto;
799	}	799	}
800		800
801	.content-product{	801	.content-product{
802	margin: auto;	802	margin: auto;
803	}	803	}
804		804
805	.content-growth{	805	.content-growth{
806	margin: auto;	806	margin: auto;
807	}	807	}
808	.stages-card{	808	.stages-card{
809	margin: auto;	809	margin: auto;
810	margin-bottom: 15px;	810	margin-bottom: 15px;
811	}	811	}
812	.last-content-card{	812	.last-content-card{
813	margin: auto;	813	margin: auto;
814	}	814	}
815	.card-align{	815	.card-align{
816	margin: auto;	816	margin: auto;
817	}	817	}
818	}	818	}
819		819
820	.toggler {	820	.toggler {
821	width: 500px;	821	width: 500px;
822	height: 200px;	822	height: 200px;
823	}	823	}
824	#button {	824	#button {
825	padding: .5em 1em;	825	padding: .5em 1em;
826	text-decoration: none;	826	text-decoration: none;
827	}	827	}
828	#effect {	828	#effect {
829	position: relative;	829	position: relative;
830	width: 240px;	830	width: 240px;
831	height: 170px;	831	height: 170px;
832	padding: 0.4em;	832	padding: 0.4em;
833	}	833	}
834	#effect h3 {	834	#effect h3 {
835	margin: 0;	835	margin: 0;
836	padding: 0.4em;	836	padding: 0.4em;
837	text-align: center;	837	text-align: center;
838	}	838	}
839		839
840	#snackbar {	840	#snackbar {
841	visibility: hidden;	841	visibility: hidden;
842	min-width: 250px;	842	min-width: 250px;
843	margin-left: -125px;	843	margin-left: -125px;
844	background-color: #333;	844	background-color: #F44336;
845	color: #fff;	845	color: #fff;
846	text-align: center;	846	text-align: center;
847	border-radius: 2px;	847	border-radius: 2px;
848	padding: 16px;	848	padding: 16px;
849	position: fixed;	849	position: fixed;
850	z-index: 1;	850	z-index: 1;
851	left: 50%;	851	left: 50%;
852	bottom: 30px;	852	bottom: 30px;
853	font-size: 17px;	853	font-size: 17px;
854	}	854	}
855		855
856	#snackbar.show {	856	#snackbar.show {
857	visibility: visible;	857	visibility: visible;
858	-webkit-animation: fadin 0.5s, fadout 0.5s 2.5s;	858	-webkit-animation: fadin 0.5s, fadout 0.5s 2.5s;
859	animation: fadin 0.5s, fadout 0.5s 2.5s;	859	animation: fadin 0.5s, fadout 0.5s 2.5s;
860	}	860	}
861		861
862	@-webkit-keyframes fadin {	862	@-webkit-keyframes fadin {
863	from {bottom: 0; opacity: 0;}	863	from {bottom: 0; opacity: 0;}
864	to {bottom: 30px; opacity: 1;}	864	to {bottom: 30px; opacity: 1;}
865	}	865	}
866		866
867	@keyframes fadin {	867	@keyframes fadin {
868	from {bottom: 0; opacity: 0;}	868	from {bottom: 0; opacity: 0;}
869	to {bottom: 30px; opacity: 1;}	869	to {bottom: 30px; opacity: 1;}
870	}	870	}
871		871
872	@-webkit-keyframes fadout {	872	@-webkit-keyframes fadout {
873	from {bottom: 30px; opacity: 1;}	873	from {bottom: 30px; opacity: 1;}
874	to {bottom: 0; opacity: 0;}	874	to {bottom: 0; opacity: 0;}
875	}	875	}
876		876
877	@keyframes fadout {	877	@keyframes fadout {
878	from {bottom: 30px; opacity: 1;}	878	from {bottom: 30px; opacity: 1;}
879	to {bottom: 0; opacity: 0;}	879	to {bottom: 0; opacity: 0;}
880	}	880	}
881		881
882		882
883	#snacsskbar {	883	#snacsskbar {
884	visibility: hidden;	884	visibility: hidden;
885	min-width: 250px;	885	min-width: 250px;
886	margin-left: -125px;	886	margin-left: -125px;
887	background-color: #333;	887	background-color: #333;
888	color: #fff;	888	color: #fff;
889	text-align: center;	889	text-align: center;
890	border-radius: 2px;	890	border-radius: 2px;
891	padding: 16px;	891	padding: 16px;
892	position: fixed;	892	position: fixed;
893	z-index: 1;	893	z-index: 1;
894	left: 50%;	894	left: 50%;
895	top: 30px;	895	top: 30px;
896	font-size: 17px;	896	font-size: 17px;
897	}	897	}
898		898
899	#snacsskbar.show {	899	#snacsskbar.show {
900	visibility: visible;	900	visibility: visible;
901	-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;	901	-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
902	animation: fadein 0.5s, fadeout 0.5s 2.5s;	902	animation: fadein 0.5s, fadeout 0.5s 2.5s;
903	}	903	}
904		904
905	@-webkit-keyframes fadein {	905	@-webkit-keyframes fadein {
906	from {top: 0; opacity: 0;}	906	from {top: 0; opacity: 0;}
907	to {top: 30px; opacity: 1;}	907	to {top: 30px; opacity: 1;}
908	}	908	}
909		909
910	@keyframes fadein {	910	@keyframes fadein {
911	from {top: 0; opacity: 0;}	911	from {top: 0; opacity: 0;}
912	to {top: 30px; opacity: 1;}	912	to {top: 30px; opacity: 1;}
913	}	913	}
914		914
915	@-webkit-keyframes fadeout {	915	@-webkit-keyframes fadeout {
916	from {top: 30px; opacity: 1;}	916	from {top: 30px; opacity: 1;}
917	to {top: 0; opacity: 0;}	917	to {top: 0; opacity: 0;}
918	}	918	}
919		919
920	@keyframes fadeout {	920	@keyframes fadeout {
921	from {top: 30px; opacity: 1;}	921	from {top: 30px; opacity: 1;}
922	to {top: 0; opacity: 0;}	922	to {top: 0; opacity: 0;}
923	}	923	}
924		924
925	input.hidden {	925	input.hidden {
926	position: absolute;	926	position: absolute;
927	left: -9999px;	927	left: -9999px;
928	}	928	}
929		929
930	#profile-image1 {	930	#profile-image1 {
931	cursor: pointer;	931	cursor: pointer;
932	width: 100px;	932	width: 100px;
933	height: 100px;	933	height: 100px;
934	border:2px solid #eee ;	934	border:2px solid #eee ;
935	}	935	}
936		936
937	.tital{ font-size:16px; font-weight:500;}	937	.tital{ font-size:16px; font-weight:500;}
938	.bot-border{ border-bottom:1px #f8f8f8 solid; margin:5px 0 5px 0}	938	.bot-border{ border-bottom:1px #f8f8f8 solid; margin:5px 0 5px 0}
939	.footerpadd{padding: 5px;}	939	.footerpadd{padding: 5px;}
940		940
941		941
942	.container1{	942	.container1{
943	width: 100%	943	width: 100%
944	}	944	}
945		945
946	.no-margin{	946	.no-margin{
947	margin: 0 0 0 !important;	947	margin: 0 0 0 !important;
948	}	948	}
949	.no-padding{	949	.no-padding{
950	padding: 0 0 0 0 !important;	950	padding: 0 0 0 0 !important;
951	}	951	}
952	.select-stage{	952	.select-stage{
953	margin: 10px 0;	953	margin: 10px 0;
954	}	954	}
955	.cards-content{	955	.cards-content{
956	margin-top: 40px;	956	margin-top: 40px;
957	}	957	}
958	.cards-content p{	958	.cards-content p{
959	font-size: 13px;	959	font-size: 13px;
960	}	960	}
961	.q-card-align{	961	.q-card-align{
962	margin-top: 15px;	962	margin-top: 15px;
963	}	963	}
964	.width-auto{	964	.width-auto{
965	width: auto !important;	965	width: auto !important;
966	}	966	}
967	.margin-right-label{	967	.margin-right-label{
968	margin-right: 20px;	968	margin-right: 20px;
969	}	969	}
970	.margin-right-label label{	970	.margin-right-label label{
971	margin-left: 5px;	971	margin-left: 5px;
972	}	972	}
973	.apply-coupen-btn{	973	.apply-coupen-btn{
974	position: absolute;	974	position: absolute;
975	top: -2px;	975	top: -2px;
976	right: 13px;	976	right: 13px;
977	border: none;	977	border: none;
978	height: 44px;	978	height: 44px;
979	color: #fff;	979	color: #fff;
980	background-color: #666;	980	background-color: #666;
981	width: 100px;	981	width: 100px;
982	}	982	}
983	.coupen-approved{	983	.coupen-approved{
984	position: absolute;	984	position: absolute;
985	right: 120px;	985	right: 120px;
986	top: 6px;	986	top: 6px;
987	color: rgb(66, 181, 73);	987	color: rgb(66, 181, 73);
988	font-size: 30px !important;	988	font-size: 30px !important;
989	}	989	}
990	.right-side-links{	990	.right-side-links{
991	margin-top: 12px;	991	margin-top: 12px;
992	}	992	}
993	.right-side-links a{	993	.right-side-links a{
994	width: auto;	994	width: auto;
995	display: inline;	995	display: inline;
996	}	996	}
997	.right-side-links a:first-child{	997	.right-side-links a:first-child{
998	border-right: 1px solid #fff;	998	border-right: 1px solid #fff;
999	padding-right: 4px;	999	padding-right: 4px;
1000	}	1000	}
1001		1001
1002	@media (max-width: 768px){	1002	@media (max-width: 768px){
1003	.cards-content{	1003	.cards-content{
1004	margin-top: 15px;	1004	margin-top: 15px;
1005	margin-bottom: 30px;	1005	margin-bottom: 30px;
1006	}	1006	}
1007	.no-padding-mobile{	1007	.no-padding-mobile{
1008	padding-left: 0 !important;	1008	padding-left: 0 !important;
1009	padding-right: 0 !important;	1009	padding-right: 0 !important;
1010	}	1010	}
1011	.sector-align .card-small{	1011	.sector-align .card-small{
1012	height: 74px;	1012	height: 74px;
1013	}	1013	}
1014	.stages-card{	1014	.stages-card{
1015	width: 92%;	1015	width: 92%;
1016	}	1016	}
1017	.right-stage-card{	1017	.right-stage-card{
1018	float: right;	1018	float: right;
1019	}	1019	}
1020	.margin-auto-mobile{	1020	.margin-auto-mobile{
1021	margin-left: 4%;	1021	margin-left: 4%;
1022	}	1022	}
1023	.card .thumbnail{	1023	.card .thumbnail{
1024	padding: 15px 0 1px 0;	1024	padding: 15px 0 1px 0;
1025	}	1025	}
1026	.thumbnail > img, .thumbnail a > img{	1026	.thumbnail > img, .thumbnail a > img{
1027	width: 50%;	1027	width: 50%;
1028	}	1028	}
1029	.right-side-links a{	1029	.right-side-links a{
1030	display: block;	1030	display: block;
1031	width: 100%;	1031	width: 100%;
1032	}	1032	}
1033	.right-side-links a:first-child{	1033	.right-side-links a:first-child{
1034	border-right: 0 solid #fff;	1034	border-right: 0 solid #fff;
1035	padding-right: 0;	1035	padding-right: 0;
1036	}	1036	}
1037	.right-side-links{	1037	.right-side-links{
1038	margin-top: 0;	1038	margin-top: 0;
1039	}	1039	}
1040		1040
1041	.modal-footers {	1041	.modal-footers {
1042	padding: 19px 20px 20px;	1042	padding: 19px 20px 20px;
1043	margin-top: 15px;	1043	margin-top: 15px;
1044	text-align: center !important;	1044	text-align: center !important;
1045	margin-bottom: 4px;	1045	margin-bottom: 4px;
1046	}	1046	}
1047	}	1047	}
1048		1048
1049		1049
1050		1050

pages/ambassador.html

Diff comments View file @5348de7

1	<div class="panel-heading" style="background-color: #42b549;"><img src="images/white.png" style="width: 100px;"></div>	1	<div class="header">
		2	<div style="float: left;">
		3	<img src="images/white.png" class="logo" >
		4	</div>
		5	<div style="float: right;" class="right-side-links">
		6	<a class="hyperColor" ng-click="openyoutube16()">Glipmses of 2016</a>
		7	<a class="hyperColor" ng-click="openyoutube17()">Concept for 2017</a>
		8	</div>
		9	<div class="clearfix"></div>
		10	</div>
		11	<!-- CLOSE HEADER -->
2	<form name="applicantForm" id="signupForm">	12	<form name="applicantForm" id="signupForm">
3	<div style="text-align:center;">	13	<div style="text-align:center;">
4	<h4>Startup Ambassador</h4>	14	<h4>Startup Ambassador</h4>
5	</div>	15	</div>
6	<div class="col-xs-12 col-md-4 col-md-offset-4">	16	<div class="col-xs-12 col-md-4 col-md-offset-4">
7	<div class="form-all">	17	<div class="form-all">
8	<table style="width: 100%;">	18	<table style="width: 100%;">
9	<tr>	19	<tr>
10	<td>	20	<td>
11	<div class="step-one-form" >	21	<div class="step-one-form" >
12	<!-- form step 1 -->	22	<!-- form step 1 -->
13	<div class="col-xs-12 input-wrapper" >	23	<div class="col-xs-12 input-wrapper" >
14	<div id="snackbar">Error ! Please fill in all fields.</div>	24	<div id="snackbar">Error ! Please fill in all fields.</div>
15	<div class="icon-circle-c">	25	<div class="icon-circle-c">
16	<i class="material-icons" style="line-height: 31px;">assignment_ind</i>	26	<i class="material-icons" style="line-height: 31px;">assignment_ind</i>
17	</div>	27	</div>
18	<input type="text" class="text-input" required ng-model="data.name" placeholder="Name" id="myBtn" name="name" ng-change="entername(data.name); namekeyPress(data.name)">	28	<input type="text" class="text-input" required ng-model="data.name" placeholder="Name" id="myBtn" name="name" ng-change="entername(data.name); namekeyPress(data.name)">
19	</div>	29	</div>
20	<div class="clearfix"></div>	30	<div class="clearfix"></div>
21	<div class="col-xs-12 input-wrapper" >	31	<div class="col-xs-12 input-wrapper" >
22	<div id="snackbar">Error ! Please fill in all fields.</div>	32	<div id="snackbar">Error ! Please fill in all fields.</div>
23	<div class="icon-circle-d">	33	<div class="icon-circle-d">
24	<i class="material-icons" style="line-height: 30px;">email</i>	34	<i class="material-icons" style="line-height: 30px;">email</i>
25	</div>	35	</div>
26	<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)">	36	<input type="email" name="email" ng-pattern="/^[^\s@]+@[^\s@]+\.[^\s@]+$/" 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)">
27	<label class="error-message f-family" id="invalidEmail">Please enter a valid email address.</label>	37	<label class="error-message f-family" id="invalidEmail">Please enter a valid email address.</label>
28	<label ng-if="check">Email already exist.</label>	38	<label ng-if="check">Email already exist.</label>
29	</div>	39	</div>
30	<div class="clearfix"></div>	40	<div class="clearfix"></div>
31	<div class="col-xs-12 input-wrapper" >	41	<div class="col-xs-12 input-wrapper" >
32	<div class="icon-circle-e">	42	<div class="icon-circle-e">
33	<i class="material-icons" style="line-height: 30px;">phone</i>	43	<i class="material-icons" style="line-height: 30px;">phone</i>
34	</div>	44	</div>
35	<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)">	45	<input type="number" ng-pattern="/^[0-9+-]*$/" maxlength="15" 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)">
36		46	<!-- <label class="error-message f-family" id="invalidNumber">Please enter only numeric value in mobile number field.</label> -->
37	<label ng-if="numberCheck">Contact Number already exist.</label>	47	<label ng-if="numberCheck">Contact Number already exist.</label>
38	</div>	48	</div>
39	<div class="clearfix"></div>	49	<div class="clearfix"></div>
40	</div>	50	</div>
41	<!-- close step-one-form -->	51	<!-- close step-one-form -->
42	</td>	52	</td>
43	</tr>	53	</tr>
44	</table>	54	</table>
45	</div>	55	</div>
46	<!-- CLOSE form-all -->	56	<!-- CLOSE form-all -->
47	</div>	57	</div>
48	<div class="clearfix"></div>	58	<div class="clearfix"></div>
49	<div style="margin-bottom: 12%;" class="text-center">	59	<div style="margin-bottom: 12%;" class="text-center">
50	<input type="submit" class="btn submit-button" ng-disabled="applicantForm.$invalid\|\| check\|\| numberCheck" value="Submit" ng-click="submit()">	60	<input type="submit" class="btn submit-button" ng-disabled="applicantForm.$invalid\|\| check\|\| numberCheck" value="Submit" ng-click="submit()">
51	</div>	61	</div>
52	<!-- col-xs-12 col-md-8 col-md-offset-2 -->	62	<!-- col-xs-12 col-md-8 col-md-offset-2 -->
53	</form>	63	</form>
54	<!-- CLOSE FORM -->	64	<!-- CLOSE FORM -->
55	<footer>	65	<footer>
56	<img id="footer" class="img-responsive banner">	66	<img id="footer" class="img-responsive banner">
57	<center class="footer"> Powered By <a class="footer-link" href="http://www.viithiisys.com/" target="_blank">Viithiisys Technologies.</a>	67	<center class="footer"> Powered By <a class="footer-link" href="http://www.viithiisys.com/" target="_blank">Viithiisys Technologies.</a>
58	</center>	68	</center>
59	</footer>	69	</footer>
60	<!-- </div> CLOSE CHECK VIEW -->	70	<!-- </div> CLOSE CHECK VIEW -->
61	<div ng-if="verifyView">	71	<div ng-if="verifyView">
62	<div class="text-center">	72	<div class="text-center">
63	<input type="button" class="btn submit-button" ng-disabled="applicantForm.$invalid" value="check the status" ng-click="update()">	73	<input type="button" class="btn submit-button" ng-disabled="applicantForm.$invalid" value="check the status" ng-click="update()">
64	</div>	74	</div>
65	</div>	75	</div>
66	</div> <!-- CLOSE NEW-CONTROLLER -->	76	</div> <!-- CLOSE NEW-CONTROLLER -->
67	<div id="snacsskbar">Registration done successfully.</div>
68	<div class="modal fade" id="myModal" role="dialog">	77	<div class="modal fade" id="myModal" role="dialog">
69	<div class="modal-dialog" style="left: auto;">	78	<div class="modal-dialog" style="left: auto;">
70	<div class="modal-content">	79	<div class="modal-content">
71	<div class="modal-body" style="text-align:center;margin-top:5%">	80	<div class="modal-body" style="text-align:center;margin-top:5%">
72	<p style="font-size:22px">Your Refral Code for 10% discount is</p><p style="font-size:24px"><b>{{data.referalToken}}</b></p>	81	<p style="font-size:22px">Your Refral Code for 10% discount is</p><p style="font-size:24px"><b>{{data.referalToken}}</b></p>
73	</div>	82	</div>
74	<div style="text-align:center;margin-bottom:5%">	83	<div style="text-align:center;margin-bottom:5%">
75	<button style="color: #fff;background-color: #4CAF50;" type="button" class="btn btn-default1" data-dismiss="modal">Close</button>	84	<button style="color: #fff;background-color: #4CAF50;" type="button" class="btn btn-default1" data-dismiss="modal">Close</button>
76	</div>	85	</div>
77	</div>	86	</div>
78	</div>	87	</div>
79	</div>	88	</div>
		89
		90	<div class="modal fade" id="videoModel" role="dialog" ng-click="closeModal()">
		91	<div class="modal-dialog" style="left: auto;">
		92	<div class="modal-content">
		93	<div class="modal-body">
		94	<iframe width="560" id="youtubePlayer" height="315" src="https://www.youtube.com/embed/8i1bLQ7jS0I" frameborder="0" allowfullscreen></iframe>
		95	</div>
		96	<!-- <div class="modal-footers" style="text-align: center;margin-bottom: 5px;">
		97	<button type="button" class="btn btn-default" data-dismiss="modal" ng-click="closeModal()">Close</button>
		98	</div> -->
		99	</div>
		100	</div>
		101	</div>
		102
		103
		104	<div class="modal fade" id="videoModels" role="dialog" ng-click="closeModal()">
		105	<div class="modal-dialog" style="left: auto;">
		106	<div class="modal-content">
		107	<div class="modal-body">
		108	<iframe width="560" id="youtubePlayer" height="315" src="https://www.youtube.com/embed/oBqdz-p3R6Y" frameborder="0" allowfullscreen></iframe>
		109	</div>
		110	<!-- <div class="modal-footers" style="text-align: center;margin-bottom: 5px;">
		111	<button type="button" class="btn btn-default" data-dismiss="modal" ng-click="closeModal()">Close</button>
		112	</div> -->
		113	</div>
		114	</div>
		115	</div>

pages/confirmation.html

Diff comments View file @5348de7

File was created	1	<html>
	2	<head>
	3	<div class="panel-heading" style="background-color: #42b549;"><img src="images/white.png" style="width: 100px;"></div>
	4	</head>
	5	<body>
	6	<h3 style="text-align:center;margin-top:4%">Thank you for registering at Startup Jalsa 2017.</h3>
	7	<p style="text-align:center;font-size:20px;">You will receive a confirmation email from us, if not please contact at <a href="http://www.startupjalsa.com/">ping@startupjalsa.com</a></p>
	8	<footer style="margin-top:23%">
	9	<img id="footer" class="img-responsive banner">
	10	<center class="footer"> Powered By <a class="footer-link" href="http://www.viithiisys.com/" target="_blank">Viithiisys Technologies.</a>
	11	</center>
	12	</footer>
	13	</body>
	14	</html>

pages/home.html

Diff comments View file @5348de7

 <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 class="col-xs-12 col-md-10 col-md-offset-1">
       <p class="select-stage" style="font-size:20px;">Please select one stage.</p>
       <div class="stage-shadow">
          <div class="stages card-align">
             <div class="col-xs-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('Idea')">
                   <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 hidden-xs">
                   <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-4 no-padding-mobile">
                <div class="card stages-card margin-auto-mobile">
                   <input type="radio"  ng-model="data.stage" class="stageRadio" value="Product" name="Idea" id="Proof" ng-required="Product" ng-click="stage('Product')">
                   <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 hidden-xs">
                   <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-4 no-padding">
                <div class="card stages-card right-stage-card">
                   <input type="radio" ng-model="data.stage" class="stageRadio" value="Growth" name="Idea" id="Beta" ng-required="Growth" ng-click="stage('Growth')">
                   <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 hidden-xs">
                   <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>
       <div class="hidden-sm hidden-md hidden-lg">
          <div class="cards-content" ng-if="data.stage == 'Idea'">
             <p>
                &#x26AC; Have an idea and need execution help?<br>
                &#x26AC; Get feedback from mentors<br>
                &#x26AC; Validate your idea.
             </p>
          </div>
          <div class="cards-content" ng-if="data.stage == 'Product'">
             <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 class="cards-content" ng-if="data.stage == 'Growth'">
             <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>
       <!-- CLOSE STAGE SHADOW -->
+      <form name="informationForm">
       <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="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)">
+                        <input type="email" name="email" ng-pattern="/^[^\s@]+@[^\s@]+\.[^\s@]+$/" 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>
                      </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.number" placeholder="Mobile No." ng-blur="numbercheck(data.number)" ng-focus="removeNoError()" ng-change="enternumber(data.number); phonekeyPress(data.number)">
+                        <input type="number" ng-pattern="/^[0-9+-]*$/" maxlength="15" required class="text-input" ng-model="data.number" placeholder="Mobile No." ng-blur="numbercheck(data.number)" ng-focus="removeNoError()" ng-change="enternumber(data.number); phonekeyPress(data.number)">
                         <label  ng-if="numberCheck">Contact Number already exist.</label>
                      </div>
                      <div class="col-xs-12  col-md-6 input-wrapper f-family">
                         <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)" required style="background-color: #fff; border-radius: 0; font-size: 12px; height: 44px;">
                            <option name="city" selected disabled value="">Choose City</option>
                            <option value="Agra">Agra</option>
                            <option value="Ahmedabad">Ahmedabad</option>
                            <option value="Ajmer">Ajmer</option>
                            <option value="Aligarh">Aligarh</option>
                            <option value="Allahabad">Allahabad</option>
                            <option value="Ambattur">Ambattur</option>
                            <option value="Amravati">Amravati</option>
                            <option value="Amritsar">Amritsar</option>
                            <option value="Asansol">Asansol</option>
                            <option value="Aurangabad">Aurangabad</option>
                            <option value="Bareilly">Bareilly</option>
                            <option value="Belgaum">Belgaum</option>
                            <option value="Bengaluru">Bengaluru</option>
                            <option value="Bhavnagar">Bhavnagar</option>
                            <option value="Bhayander">Bhayander</option>
                            <option value="Bhilai Nagar">Bhilai Nagar</option>
                            <option value="Bhiwandi">Bhiwandi</option>
                            <option value="Bhopal">Bhopal</option>
                            <option value="Bhubaneswar">Bhubaneswar</option>
                            <option value="Bikaner">Bikaner</option>
                            <option value="Chandigarh">Chandigarh</option>
                            <option value="Chennai">Chennai</option>
                            <option value="Chinchwad">Chinchwad</option>
                            <option value="Coimbatore">Coimbatore</option>
                            <option value="Cuttack">Cuttack</option>
                            <option value="Dehradun">Dehradun</option>
                            <option value="Delhi-NCR">Delhi-NCR</option>
                            <option value="Dhanbad">Dhanbad</option>
                            <option value="Dharwad">Dharwad</option>
                            <option value="Dombivali">Dombivali</option>
                            <option value="Durgapur">Durgapur</option>
                            <option value="Faridabad">Faridabad</option>
                            <option value="Firozabad">Firozabad</option>
                            <option value="Gaya">Gaya</option>
                            <option value="Ghaziabad">Ghaziabad</option>
                            <option value="Gorakhpur">Gorakhpur</option>
                            <option value="Gulbarga">Gulbarga</option>
                            <option value="Guntur">Guntur</option>
                            <option value="Gurgaon">Gurgaon</option>
                            <option value="Guwahati">Guwahati</option>
                            <option value="Gwalior">Gwalior</option>
                            <option value="Haora">Haora</option>
                            <option value="Hubli">Hubli</option>
                            <option value="Hyderabad">Hyderabad</option>
                            <option value="Indore">Indore</option>
                            <option value="Jabalpur">Jabalpur</option>
                            <option value="Jaipur">Jaipur</option>
                            <option value="Jalandhar">Jalandhar</option>
                            <option value="Jalgaon">Jalgaon</option>
                            <option value="Jammu">Jammu</option>
                            <option value="Jamnagar">Jamnagar</option>
                            <option value="Jamshedpur">Jamshedpur</option>
                            <option value="Jhansi">Jhansi</option>
                            <option value="Jodhpur">Jodhpur</option>
                            <option value="Kalyan">Kalyan</option>
                            <option value="Kanpur">Kanpur</option>
                            <option value="Kochi">Kochi</option>
                            <option value="Kolapur">Kolapur</option>
                            <option value="Kolkata">Kolkata</option>
                            <option value="Kota">Kota</option>
                            <option value="Loni">Loni</option>
                            <option value="Lucknow">Lucknow</option>
                            <option value="Ludhiana">Ludhiana</option>
                            <option value="Madurai">Madurai</option>
                            <option value="Maheshtala">Maheshtala</option>
                            <option value="Malegoan">Malegoan</option>
                            <option value="Mangalore">Mangalore</option>
                            <option value="Meerut">Meerut</option>
                            <option value="Mira">Mira</option>
                            <option value="Moradabad">Moradabad</option>
                            <option value="Mumbai">Mumbai</option>
                            <option value="Mysore">Mysore</option>
                            <option value="Nagpur">Nagpur</option>
                            <option value="Nanded Waghala">Nanded Waghala</option>
                            <option value="Nashik">Nashik</option>
                            <option value="Navi Mumbai">Navi Mumbai</option>
                            <option value="Nellore">Nellore</option>
                            <option value="Noida">Noida</option>
                            <option value="Patna">Patna</option>
                            <option value="Pimpri">Pimpri</option>
                            <option value="Pune">Pune</option>
                            <option value="Raipur">Raipur</option>
                            <option value="Rajkot">Rajkot</option>
                            <option value="Ranchi">Ranchi</option>
                            <option value="Saharanpur">Saharanpur</option>
                            <option value="Salem">Salem</option>
                            <option value="Sangli Miraj Kupwad">Sangli Miraj Kupwad</option>
                            <option value="Siliguri">Siliguri</option>
                            <option value="Solapur">Solapur</option>
                            <option value="Srinagar">Srinagar</option>
                            <option value="Surat">Surat</option>
                            <option value="Thane">Thane</option>
                            <option value="Thiruvananthapuram">Thiruvananthapuram</option>
                            <option value="Tiruchirappalli">Tiruchirappalli</option>
                            <option value="Tirunelveli">Tirunelveli</option>
                            <option value="Udaipur">Udaipur</option>
                            <option value="Ujjain">Ujjain</option>
                            <option value="Ulhasnagar">Ulhasnagar</option>
                            <option value="Vadodara">Vadodara</option>
                            <option value="Varanasi">Varanasi</option>
                            <option value="Vasai Virar">Vasai Virar</option>
                            <option value="Vijayawada">Vijayawada</option>
                            <option value="Visakhapatnam">Visakhapatnam</option>
                            <option value="Warangal">Warangal</option>
                            <option value="anyOther">Any other</option>
                         </select>
                      </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()">
+                        <button type="button" class="btn btn-secondary" data-container="body" data-toggle="popover" data-placement="bottom" ng-disabled="informationForm.$invalid|| check|| numberCheck" ng-click="next()">
                         Next
                         </button>
                      </div>
                   </div>
                   <!-- close step-one-form -->
                </td>
             </tr>
          </table>
       </div>
       <!-- CLOSE form-all -->
+      </form>
       <div class="step-two-form" ng-show="infoForm">
          <div class="sectors-card">
             <div class="icon-circle-b">
                <i class="material-icons" style="line-height: 31px;">open_with</i>
             </div>
             <div class="sector-question">
                <div class="col-xs-12 font f-family">
                   To which sector would you relate your company?
                </div>
                <div class="clearfix"></div>
             </div>
             <div class="clearfix" style="height:15px;"></div>
             <div class="sector-align">
                <div class="col-xs-6 col-md-3">
                   <label class="card-small">
                   <input type="radio" required value="retail" ng-model="data.sector" class="option-input radio" ng-change="sector(data.sector); sectorkeyPress()" name="sectors">
                   <img src="images/retail.png">
                   <label class="f-family">Retail</label>
                   </label>
                </div>
                <div class="col-xs-6 col-md-3">
                   <label class="card-small">
                   <input type="radio" required value="travel" ng-model="data.sector" class="option-input radio" ng-change="sector(data.sector); sectorkeyPress()" name="sectors">
                   <img src="images/transport.png">
                   <label class="f-family">Travel</label>
                   </label>
                </div>
                <div class="col-xs-6 col-md-3">
                   <label class="card-small">
                   <input type="radio" required value="b2b commerce" ng-model="data.sector" class="option-input radio" ng-change="sector(data.sector); sectorkeyPress()" name="sectors">
                   <img src="images/paymens.png">
                   <label class="f-family">B2B commerce</label>
                   </label>
                </div>
                <div class="col-xs-6 col-md-3">
                   <label class="card-small">
                   <input type="radio" required value="agritech" ng-model="data.sector" class="option-input radio" ng-change="sector(data.sector); sectorkeyPress()" name="sectors">
                   <img src="images/food.png">
                   <label class="f-family">Agritech</label>
                   </label>
                </div>
                <div class="col-xs-6 col-md-3">
                   <label class="card-small">
                   <input type="radio" required value="fintech" ng-model="data.sector" class="option-input radio" ng-change="sector(data.sector); sectorkeyPress()" name="sectors">
                   <img src="images/online_media.png">
                   <label class="f-family">Fintech</label>
                   </label>
                </div>
                <div class="col-xs-6 col-md-3">
                   <label class="card-small">
                   <input type="radio" required value="hyperlocal services" ng-model="data.sector" class="option-input radio" ng-change="sector(data.sector); sectorkeyPress()" name="sectors">
                   <img src="images/hardware.png">
                   <label class="f-family">Hyperlocal services</label>
                   </label>
                </div>
                <div class="col-xs-6 col-md-3">
                   <label class="card-small">
                   <input type="radio" required value="education" ng-model="data.sector" class="option-input radio" ng-change="sector(data.sector); sectorkeyPress()" name="sectors">
                   <img src="images/education.png">
                   <label class="f-family">Education</label>
                   </label>
                </div>
                <div class="col-xs-6 col-md-3">
                   <label class="card-small">
                   <input type="radio" required value="rural" ng-model="data.sector" class="option-input radio" ng-change="sector(data.sector); sectorkeyPress()" name="sectors">
                   <img src="images/RURAL_ICON.png">
                   <label class="f-family">Rural</label>
                   </label>
                </div>
             </div>
             <div class="clearfix"></div>
          </div>
          <!-- CLOSE sectors-card -->
-         <div class="col-xs-11 col-md-12 f-family line-adjust">
+         <div class="col-xs-12 col-md-12 f-family line-adjust" ng-if="proto">
-            <strong>What technology are you using in the product?</strong>
+            <strong>Do you have a prototype ready?</strong>
-            <p class="line-space" >Please explain in detail the technologies that you are using or plan to use in the product?</p>
+            <p class="line-space" >If yes, please share the link to demo/website/application</p>
          </div>
-         <div class="col-xs-12 col-md-12 input-wrapper">
+         <div class="col-xs-12 col-md-12 input-wrapper" ng-if="proto">
-            <div class="icon-circle-h">
+            <div class="icon-circle-k">
-               <i class="material-icons" style="line-height: 30px;">phone_android</i>
+               <i class="material-icons" style="line-height: 30px;">device_hub</i>
             </div>
-            <input type="text" class="text-input" ng-model="data.technology" placeholder="Technology" ng-change="entertechnology(data.technology); technologykeyPress(data.technology)" required>
+            <textarea name="proto" ng-required="proto" class="text-input textarea" ng-model="data.prototype" ng-if="proto" placeholder="Prototype" ng-change="abc(); prototypekeyPress(data.prototype)"></textarea>
          </div>
          <div class="col-xs-11 col-md-12 f-family line-adjust">
             <strong>Tell us about the problem that your company is trying to address. </strong>
             <p class="line-space" ></p>
          </div>
          <div class="col-xs-12 col-md-12 input-wrapper">
             <div class="icon-circle-i">
                <i class="material-icons" style="line-height: 30px;">report_problem</i>
             </div>
             <textarea name="Problem" class="text-input textarea" ng-model="data.problem" placeholder="Problem" ng-change="enterproblem(data.problem); problemkeyPress(data.problem)" required></textarea>
          </div>
          <div class="col-xs-12 col-md-12 f-family line-adjust">
             <strong>Tell us about the solution that your product/company has come up with.</strong>
             <p class="line-space" ></p>
          </div>
          <div class="col-xs-12 col-md-12 input-wrapper">
             <div class="icon-circle-j">
                <i class="material-icons" style="line-height: 30px;">help</i>
             </div>
             <textarea name="solution" class="text-input textarea" ng-model="data.solution" placeholder="Solution" ng-change="entersolution(data.solution); solutionkeyPress(data.solution)" required></textarea>
          </div>
          <div class="col-xs-12 col-md-12 f-family line-adjust" ng-if="businessmodel">
             <strong>What is your business model?</strong>
             <p class="line-space" >How do you plan to make money?</p>
          </div>
          <div class="col-xs-12 col-md-12 input-wrapper f-family" ng-if="businessmodel">
             <div class="icon-circle-p">
                <i class="material-icons" style="line-height: 30px;">business_center</i>
             </div>
             <select name="businessmodel" ng-model="data.business" ng-change="enterbusiness(data.business); businesskeyPress(data.business)" required style="background-color: #fff;border-radius: 0; font-size: 12px;">
                <option selected disabled value="">Business Model</option>
                <option value="B2B">B2B</option>
                <option value="B2C">B2C</option>
                <option value="B2G">B2G</option>
             </select>
          </div>
          <div class="clearfix"></div>
+         <div class="hideform" ng-if="prototyp">
          <!-- **************************For Quiz All About Input********************** -->
          <div class="question-shadow">
             <div class="icon-circle-x">
                <i class="material-icons" style="line-height: 30px;">question_answer</i>
             </div>
             <div class="sector-question">
                <div class="col-xs-12 font f-family">
                   You can share the top 5 problems that your startup is facing at the moment– and we will share those problems with our mentors who will give their feedback on what is the right approach to solve that problem.
                </div>
                <div class="clearfix"></div>
             </div>
             <div class="stages q-card-align">
                <div class="col-sm-8 group">
                   <input type="text" class="text-input" ng-model="data.question1" name="snpid" placeholder="Question1" ng-change="abc(); questionkeyPress(data.question1)" required>
                   <span class="highlight"></span>
                   <span class="bar"></span>
                </div>
                <div class="col-sm-3 col-md-offset-1">
-                  <select class="drop-down" ng-model="data.typeQ1" id="lunch" class="" data-live-search="true" title="Please select a lunch ..." required>
+                  <select class="drop-down" ng-model="data.typeQ1" placeholder="select" id="lunch" class="" data-live-search="true" title="Please select a lunch ..." required>
-                     <option value="typeQ1" selected disabled value="">Select</option>
+                     <option selected disabled value="">Select</option>
                      <option>Sales</option>
                      <option>Marketing</option>
                      <option>Technology</option>
                      <option>Scale</option>
                      <option>Fund-raising</option>
                      <option>Go-to-market strategy</option>
                      <option>Team/hiring issues</option>
                      <option>Emotional/personal issues</option>
                      <option>Any other</option>
                   </select>
                </div>
                <div class="col-sm-8 group">
                   <input type="text" class="text-input" ng-model="data.question2" name="snpid" placeholder="Question2" ng-change="abc(); questionkeyPress(data.question2)" required>
                   <span class="highlight"></span>
                   <span class="bar"></span>
                </div>
                <div class="col-sm-3 col-md-offset-1">
-                  <select class="drop-down" ng-model="data.typeQ2" id="lunch" class="" data-live-search="true" title="Please select a lunch ..." required>
+                  <select class="drop-down" ng-model="data.typeQ2" placeholder="select" id="lunch" class="" data-live-search="true" title="Please select a lunch ..." required>
-                     <option value="typeQ2" selected disabled value="">Select</option>
+                     <option selected disabled value="">Select</option>
                      <option>Sales</option>
                      <option>Marketing</option>
                      <option>Technology</option>
                      <option>Scale</option>
                      <option>Fund-raising</option>
                      <option>Go-to-market strategy</option>
                      <option>Team/hiring issues</option>
                      <option>Emotional/personal issues</option>
                      <option>Any other</option>
                   </select>
                </div>
                <div class="col-sm-8 group">
                   <input type="text" class="text-input" ng-model="data.question3" name="snpid" placeholder="Question3" ng-change="abc(); questionkeyPress(data.question3)" required>
                   <span class="highlight"></span>
                   <span class="bar"></span>
                </div>
                <div class="col-sm-3 col-md-offset-1">
-                  <select class="drop-down" ng-model="data.typeQ3" id="lunch" class="" data-live-search="true" title="Please select a lunch ..." required>
+                  <select class="drop-down" ng-model="data.typeQ3" placeholder="select" id="lunch" class="" data-live-search="true" title="Please select a lunch ..." required>
-                     <option value="typeQ3" selected disabled value="">Select</option>
+                     <option selected disabled value="">Select</option>
                      <option>Sales</option>
                      <option>Marketing</option>
                      <option>Technology</option>
                      <option>Scale</option>
                      <option>Fund-raising</option>
                      <option>Go-to-market strategy</option>
                      <option>Team/hiring issues</option>
                      <option>Emotional/personal issues</option>
                      <option>Any other</option>
                   </select>
                </div>
                <div class="col-sm-8 group">
                   <input type="text" class="text-input" ng-model="data.question4" name="snpid" placeholder="Question4" ng-change="abc(); questionkeyPress(data.question4)" required>
                   <span class="highlight"></span>
                   <span class="bar"></span>
                </div>
                <div class="col-sm-3 col-md-offset-1">
-                  <select class="drop-down" ng-model="data.typeQ4" id="lunch" class="" data-live-search="true" title="Please select a lunch ..." required>
+                  <select class="drop-down" ng-model="data.typeQ4" placeholder="select" id="lunch" class="" data-live-search="true" title="Please select a lunch ..." required>
-                     <option value="typeQ4" selected disabled value="">Select</option>
+                     <option selected disabled value="">Select</option>
                      <option>Sales</option>
                      <option>Marketing</option>
                      <option>Technology</option>
                      <option>Scale</option>
                      <option>Fund-raising</option>
                      <option>Go-to-market strategy</option>
                      <option>Team/hiring issues</option>
                      <option>Emotional/personal issues</option>
                      <option>Any other</option>
                   </select>
                </div>
                <div class="col-sm-8 group">
                   <input type="text" class="text-input" ng-model="data.question5" name="snpid" placeholder="Question5" ng-change="abc(); questionkeyPress(data.question5)" required>
                   <span class="highlight"></span>
                   <span class="bar"></span>
                </div>
                <div class="col-sm-3 col-md-offset-1">
-                  <select class="drop-down" ng-model="data.typeQ5" id="lunch" class="" data-live-search="true" title="Please select a lunch ..." required>
+                  <select class="drop-down" ng-model="data.typeQ5" placeholder="select" id="lunch" class="" data-live-search="true" title="Please select a lunch ..." required>
-                     <option value="typeQ5" selected disabled value="">Select</option>
+                     <option selected disabled value="">Select</option>
                      <option>Sales</option>
                      <option>Marketing</option>
                      <option>Technology</option>
                      <option>Scale</option>
                      <option>Fund-raising</option>
                      <option>Go-to-market strategy</option>
                      <option>Team/hiring issues</option>
                      <option>Emotional/personal issues</option>
                      <option>Any other</option>
                   </select>
                </div>
                <div class="clearfix"></div>
             </div>
             <div class="clearfix"></div>
          </div>
          <!--CLOSE question-shadow  -->
          <div class="clearfix"></div>
          <!-- **************************CLOSE QUIZ FORM********************** -->
-         <div class="hideform" ng-if="prototyp">
+            <div class="col-xs-11 col-md-12 f-family line-adjust">
-            <div class="col-xs-12 col-md-12 f-family line-adjust">
+               <strong>What technology are you using in the product?</strong>
-               <strong>Do you have a prototype ready?</strong>
+               <p class="line-space" >Please explain in detail the technologies that you are using or plan to use in the product?</p>
-               <p class="line-space" >If yes, please share the link to demo/website/application</p>
             </div>
-            <div class="col-xs-12 col-md-12 input-wrapper" ng-if="prototyp">
+            <div class="col-xs-12 col-md-12 input-wrapper">
-               <div class="icon-circle-k">
+               <div class="icon-circle-h">
-                  <i class="material-icons" style="line-height: 30px;">device_hub</i>
+                  <i class="material-icons" style="line-height: 30px;">phone_android</i>
                </div>
-               <textarea name="prototyp" ng-required="prototyp" class="text-input textarea" ng-model="data.prototype" ng-if="prototyp" placeholder="Prototype" ng-change="abc(); prototypekeyPress(data.prototype)"></textarea>
+               <input type="text" class="text-input" ng-model="data.technology" placeholder="Technology" ng-change="entertechnology(data.technology); technologykeyPress(data.technology)" required>
             </div>
             <div class="col-xs-12 col-md-12 f-family line-adjust" ng-if="market">
                <strong>What is your go-to-market strategy?</strong>
                <p class="line-space" ></p>
             </div>
             <div class="col-xs-12 col-md-12 input-wrapper" ng-if="market">
                <div class="icon-circle-l">
                   <i class="material-icons" style="line-height: 30px;">multiline_chart</i>
                </div>
                <textarea name="market" ng-required="market" class="text-input textarea" ng-model="data.market" ng-if="market" placeholder="Go to market strategy" ng-change="abc(); marketkeyPress(data.market)"></textarea>
             </div>
             <div class="col-xs-12 col-md-12 f-family line-adjust" ng-if="risks">
                <strong>Who are your existing competitors and potential risk factors?</strong>
                <p class="line-space" ></p>
             </div>
             <div class="col-xs-12 col-md-12 input-wrapper" ng-if="risks">
                <div class="icon-circle-m">
                   <i class="material-icons" style="line-height: 30px;">adjust</i>
                </div>
                <textarea name="risks" ng-required="risks" class="text-input textarea" ng-model="data.risks" ng-if="risks" placeholder="Competition and risks" ng-change="abc(); riskkeyPress(data.risks)"></textarea>
             </div>
             <div class="col-xs-12 col-md-12 f-family line-adjust" ng-if="team">
                <strong>Who all are there in your team?</strong>
                <p class="line-space" >What are their backgrounds?</p>
             </div>
             <div class="col-xs-12 col-md-12 input-wrapper" ng-if="team">
                <div class="icon-circle-n" ng-if="team">
                   <i class="material-icons" style="line-height: 30px;">games</i>
                </div>
                <textarea name="team" ng-required="team" class="text-input textarea" ng-model="data.team" ng-if="team" placeholder="Team" ng-change="abc(); teamkeyPress(data.team)"></textarea>
             </div>
             <div class="col-xs-12 col-md-12 f-family line-adjust" ng-if="pitch">
                <strong>Provide the Google Docs link for pitch-deck/presentation (mentioning the details of your startup).</strong>
                <p class="line-space" ></p>
             </div>
             <div class="col-xs-12 col-md-12 input-wrapper" ng-if="pitch">
                <div class="icon-circle-z">
                   <i class="material-icons" style="line-height: 30px;">offline_pin</i>
                </div>
                <input type="text" ng-required="pitch" class="text-input" ng-model="data.pitch" ng-if="pitch" placeholder="Provide pitch deck" ng-change="abc(); pitchkeyPress(data.pitch)">
             </div>
             <div class="col-xs-12 col-md-12 f-family line-adjust" ng-if="financials">
                <strong>Provide the Google Docs link for financial projections (funding requirements of your startup).</strong>
                <p class="line-space" ></p>
             </div>
             <div class="col-xs-12 col-md-12 input-wrapper" ng-if="financials">
                <div class="icon-circle-q">
                   <i class="material-icons" style="line-height: 30px;">timeline</i>
                </div>
                <input type="text" name="financials" ng-required="financials" class="text-input" ng-model="data.financials" ng-if="financials" placeholder="Provide financials" ng-change="abc(); financialskeyPress(data.financials)">
             </div>
             <div class="clearfix"></div>
          </div>
          <div class="identity-shadow">
             <div class="icon-circle-ab">
                <i class="material-icons" style="line-height: 30px;">perm_identity</i>
             </div>
             <div class="identity-question">
                <div class="col-xs-12 font f-family" style="margin:10px 10px 0px 10px;">
                   <b>Who are you?</b>
                   <p style="color:grey">kindly choose one option.</p>
                </div>
                <div class="clearfix"></div>
             </div>
             <div class="stages identity-align">
                <div class="col-xs-12">
                   <label class="card-small margin-right-label">
                      <input type="radio" required value="student" ng-model="data.identity" class="option-input-a radio-a pull-left" id="studentRadio" ng-change="student(data.identity); studentkeyPress()" name="file" ng-click="show='a'">
                      <!-- <img src="images/RURAL_ICON.png"> -->
                   <label class="f-family pull-left width-auto" for="studentRadio">Student</label>
                   </label>
                   <label class="card-small margin-right-label">
                      <input type="radio" required value="others" ng-model="data.identity" class="option-input-a radio-a pull-left" id="othersRadio" ng-change="student(data.identity); studentkeyPress()" name="file" ng-click="show='b'">
                      <!-- <img src="images/education.png"> -->
                   <label class="f-family pull-left width-auto" for="othersRadio">Others</label>
                   </label>
                </div>
             </div>
             <!-- CLOSE stages identity-align -->
             <div class="clearfix"></div>
          </div>
          <!-- CLOSE identity-shadow -->
          <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 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="calculateAmount()">
          </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 style="margin-bottom: 0px;" 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 id="snacsskbar">Registration done successfully.</div>
+<!-- <div id="snacsskbar">Registration done successfully.</div>
-<div class="modal fade" id="myModal" role="dialog">
+ --><div class="modal fade" id="myModal" role="dialog">
    <div class="modal-dialog" style="left: auto;">
       <div class="modal-content">
+         <h4 style="text-align:center;">Congratulations, you are now eligible for:</h4>
          <table width="100%" border="0" align="right" cellpadding="0" cellspacing="0" style="border:1px solid #f6f6eb;margin-top:10px">
             <tbody style="background-color:#f9f9f9">
                <tr>
                   <td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td>
                </tr>
                <tr>
                   <td align="left" valign="top" style="padding:10px">
                      <table width="100%" border="0" cellspacing="0" cellpadding="0">
                         <tbody>
                            <tr>
                               <td align="left" valign="middle" style="color:#5e5e5e;font-size:20px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">Ticket Summary</td>
                            </tr>
                         </tbody>
                      </table>
                   </td>
                </tr>
             </tbody>
             <tbody>
                <tr>
                   <td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td>
                </tr>
                <tr>
                   <td align="left" valign="top" style="padding:10px">
                      <table width="100%" border="0" cellspacing="0" cellpadding="0">
                         <tbody>
                            <tr>
                               <td align="left" valign="middle" style="color:#5e5e5e;font-size:16px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">Ticket Amount</td>
                               <td align="right" valign="middle" style="color:#5e5e5e;font-size:18px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">{{ticketAmnt}}</td>
                            </tr>
                         </tbody>
                      </table>
                   </td>
                </tr>
                <tr>
                   <td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td>
                </tr>
                <tr>
                   <td align="left" valign="top" style="padding:10px">
                      <table width="100%" border="0" cellspacing="0" cellpadding="0">
                         <tbody>
                            <tr>
                               <td align="left" valign="middle" style="color:#5e5e5e;font-size:16px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">Discount</td>
                               <td align="right" valign="middle" style="color:#5e5e5e;font-size:18px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">{{discountAmount}}</td>
                            </tr>
                         </tbody>
                      </table>
                   </td>
                </tr>
                <tr>
                   <td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td>
                </tr>
                <tr>
                   <td align="left" valign="top" style="padding:10px">
                      <table width="100%" border="0" cellspacing="0" cellpadding="0">
                         <tbody>
                            <tr>
                               <td align="left" valign="middle" style="color:#5e5e5e;font-size:14px;line-height:26px;font-family:Avenir-Medium,arial,sans-serif">GST</td>
                               <td align="right" valign="middle" style="color:#5e5e5e;font-size:16px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">{{taxTotal}}</td>
                            </tr>
                         </tbody>
                      </table>
                   </td>
                </tr>
                <tr>
                   <td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td>
                </tr>
                <tr>
                   <td align="left" valign="top" bgcolor="#f9f9f9" style="padding:10px">
                      <table width="100%" border="0" cellspacing="0" cellpadding="0">
                         <tbody>
                            <tr>
                               <td align="left" valign="middle" style="color:#5e5e5e;font-size:22px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">Total Amount</td>
                               <td align="right" valign="middle" style="color:#29bd9d;font-size:24px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">{{payingAmnt}}</td>
                            </tr>
                         </tbody>
                      </table>
                   </td>
                </tr>
                <tr>
                   <td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td>
                </tr>
             </tbody>
          </table>
          <div style="text-align:center;margin-bottom:5%">
             <button type="button" style="color:#fff;background-color:#4CAF50;margin-top:5%" class="btn btn-default" data-dismiss="modal" ng-click="create()">Proceed to Pay</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>

script.js

Diff comments View file @5348de7

 	// create the module and name it scotchApp
 	var scotchApp = angular.module('scotchApp', ['ngRoute']);
 	// configure our routes
 	scotchApp.config(function($routeProvider) {
 	    $routeProvider
 	        // route for the home page
 	        .when('/', {
 	            templateUrl: 'pages/home.html',
 	            controller: 'mainController'
 	        })
 	        // route for the paymentVerify page
 	        .when('/paymentVerification/:id', {
 	            templateUrl: 'pages/verify.html',
 	            controller: 'verifyController'
 	        })
 	        // route for the ambassador page
 	        .when('/ambassador', {
 	            templateUrl: 'pages/ambassador.html',
 	            controller: 'ambassadorController'
 	        })
+	        // route for the confirmation page
+	        .when('/confirmation', {
+	            templateUrl: 'pages/confirmation.html',
+	            controller: 'mainController'
+	        })
 	});
 	scotchApp.constant("BASE_URL", "http://139.59.68.74:4001/api")
 	 //scotchApp.constant("BASE_URL", "http://0.0.0.0:4001/api")
 	// create the controller and inject Angular's $scope
 	scotchApp.controller('mainController', function($scope, $http, $location, $route, $rootScope, BASE_URL) {
 	    $scope.data = {
 	        show: true,
 	        hide: false
 	    };
 	    $scope.infoForm = false; /*THIS CODE FOR HIDE STEP 2 FORM*/
 	    $scope.max = 100;
 	    $scope.current = 0;
 	    $scope.payingAmnt = 0;
 	    if ($scope.data.stage == 'select') {
 	    }
 	    $scope.author = 'Swarn Singh';
 	    $scope.data = {};
 	    $scope.data.stage = 'Idea';
 	    $scope.discountAmount = 0;
 	    $scope.check = false;
 	    $scope.numberCheck = false;
 	    $scope.paymentResult = {};
 	    var data = {
 	        "amount": $scope.payingAmnt,
 	        "currency": "INR",
 	        "status": "pending"
 	    }
-	    $scope.removeError = function() {
-	        $('#invalidEmail').css('display', 'none');
-	        $('#alreadyExist').css('display', 'none');
-	    };
 	    /*open videos in modal*/
 	    $scope.openyoutube16 = function(){
 			$('#videoModel').modal('show');
 	    }
 	     $scope.openyoutube17 = function(){
 			$('#videoModels').modal('show');
 	    }
 	    $scope.closeModal = function(){
 	    	var url = $('#youtubePlayer').attr('src');
 			$('#youtubePlayer').attr('src', '');
 			$('#youtubePlayer').attr('src', url);
 	    }
 	    /*open videos ends here*/
+	    $scope.removeError = function() {
+	        $('#invalidEmail').css('display', 'none');
+	        $('#alreadyExist').css('display', 'none');
+	    };
 	    $scope.emailcheck = function(val) {
 	        if (val == undefined) {
 	            $('#invalidEmail').css('display', 'block');
 	        } else {
 	            $http({
 	                method: 'GET',
 	                url: BASE_URL + '/applicants?filter={"where": {"email": {"like":"%25' + $scope.data.email + '%25"}}}',
 	                headers: {}
 	            }).then(function mySuccess(searchResult) {
 	                console.log("searchResult1===>", searchResult)
 	                if (searchResult.data.length == 0) {
 	                    $scope.check = false;
 	                } else {
 	                    $scope.check = true;
 	                    $('#alreadyExist').css('display', 'block');
 	                }
 	            }, function myError(error) {});
 	        }
 	    };
 	    $scope.removeNoError = function() {
 	        $('#noExist').css('display', 'none');
 	    };
 	    $scope.numbercheck = function(number) {
 	        $http({
 	            method: 'GET',
 	            url: BASE_URL + '/applicants?filter={"where": {"phone": {"like":"%25' + number + '%25"}}}',
 	            data: $scope.data,
 	            headers: {}
 	        }).then(function mySuccess(searchResult) {
 	            console.log("searchResult===>", searchResult)
 	            if (searchResult.data.length == 0) {
 	                $scope.numberCheck = false;
 	            } else {
 	                $scope.numberCheck = true;
 	                $('#noExist').css('display', 'block');
 	            }
 	        }, function myError(error) {});
 	    };
 	    $rootScope.tokenCall = function(val) {
 	        console.log('val-------->', val);
 	        if (val == undefined) {
 	            $('#invalidEmail').css('display', 'block');
 	        } else {
 	        	val = val.toUpperCase();
 	        	$http.get(BASE_URL + '/ambassadors?filter={"where": {"referalToken": {"like":"%25' + val + '%25"}}}')
 				    .then(function(searchResult) {
 				        if (searchResult.data.length == 0) {
 	                    	$scope.tokencheck = false;
 	                    	 $scope.discountAmount = 0;
 	                	} else {
 	                    	$scope.tokencheck = true;
 	                	}
 				    },function(err){
 				    	console.log(err)
 				});
 	        }
 	    };
 	    /*THIS CODE FOR ENABLED SUBMIT BUTTON AFTER UPLOAD IMAGE*/
 	    $(document).ready(
 	        function() {
 	            $('input:submit').attr('disabled', true);
 	            $('input:file').change(
 	                function() {
 	                    if ($("#picture").val()) {
 	                        $('input:submit').removeAttr('disabled');
 	                    } else {
 	                        $('input:submit').attr('disabled', true);
 	                    }
 	                });
 	        });
 	    /*****THIS IS FOR STEP ONE FORM ******/
 	    $scope.next = function() {
 	        $scope.data.status = null
 	        if ($scope.data.stage == undefined || $scope.data.name == undefined || $scope.data.email == undefined || $scope.data.number == undefined || $scope.data.city == undefined) {
 	            var x = document.getElementById("snackbar")
 	            x.className = "show";
 	            setTimeout(function() {
 	                x.className = x.className.replace("show", "");
 	            }, 3000);
 	        } else if ($scope.data.stage != undefined && $scope.data.name != undefined && $scope.data.email != undefined && $scope.data.number != undefined && $scope.data.city != undefined) {
 	            $scope.infoForm = true;
 	            console.log("sdasdasdsa");
 	            $scope.data.stage = $scope.data.stage;
 	            $scope.detail = {};
 	            $scope.data.phone = "+91" + $scope.data.number;
 	            $http({
 	                method: 'POST',
 	                url: BASE_URL + '/information',
 	                data: $scope.data,
 	                headers: {}
 	            }).then(function mySuccess(result) {
 	                console.log("result", result)
 	                $scope.detail = result;
 	                data.applicantId = result.data.id;
 	                $scope.userId = result.data.id;
 	            }, function myError(error) {});
 	        }
 	    }
 	    $scope.calculateAmount =  function(){
 	        if ($scope.data.stage == undefined || $scope.data.name == undefined || $scope.data.email == undefined || $scope.data.number == undefined || $scope.data.city == undefined) {
 	            var x = document.getElementById("snackbar")
 	            x.className = "show";
 	            setTimeout(function() {
 	                x.className = x.className.replace("show", "");
 	            }, 3000);
 	        } else if ($scope.data.stage != undefined && $scope.data.name != undefined && $scope.data.email != undefined && $scope.data.number != undefined && $scope.data.city != undefined) {
 	            $scope.infoForm = true;
 	            console.log("sdasdasdsa");
 	            $scope.data.stage = $scope.data.stage;
 	            $scope.detail = {};
 	            $scope.data.phone = "+91" + $scope.data.number;
 	            $http({
 	                method: 'POST',
 	                url: BASE_URL + '/applicants',
 	                data: $scope.data,
 	                headers: {}
 	            }).then(function mySuccess(result) {
 	                console.log("result", result)
 	                $scope.detail = result;
 	                data.applicantId = result.data.id;
 	                $scope.userId = result.data.id;
 	            }, function myError(error) {});
 	        }
 	    	if ($scope.data.stage == "Idea") {
 	            console.log("$scope.data", $scope.data)
 	            $scope.ticketAmnt = 500;
 	        }
 	        if ($scope.data.stage == "Product") {
 	            $scope.ticketAmnt = 1000;
 	        }
 	        if ($scope.data.stage == "Growth") {
 	            $scope.ticketAmnt = 2000;
 	        }
 	        if($scope.tokencheck == true){
 		        var amount = $scope.ticketAmnt
 			    $scope.discountAmount = (amount * 10)/100
 			    console.log("finalAmount====>",$scope.payingAmnt)
 	        }
 	        var taxAmount = $scope.ticketAmnt - $scope.discountAmount
             $scope.taxTotal = (taxAmount * 18)/100
             $scope.payingAmnt = taxAmount +  $scope.taxTotal
             console.log("taxincludedamount----", $scope.payingAmnt)
 	    }
 	    /*****THIS IS FOR STEP THREE FORM ******/
 	    $scope.create = function() {
 	        // if ($scope.data.name == undefined || $scope.data.email == undefined || $scope.data.number == undefined) {
 	        //     var x = document.getElementById("snackbar")
 	        //     x.className = "show";
 	        //     setTimeout(function() {
 	        //         x.className = x.className.replace("show", "");
 	        //     }, 3000);
 	        // } else if ($scope.data.name != undefined && $scope.data.email != undefined && $scope.data.number != undefined) {
 	        //     $scope.infoForm = true;
 	        //     console.log("sdasdasdsa");
 	        //     $scope.data.stage = $scope.data.stage;
 	        //     $scope.detail = {};
 	        //     $scope.data.phone = "+91" + $scope.data.number;
 	        //     $http({
 	        //         method: 'POST',
 	        //         url: BASE_URL + '/applicants',
 	        //         data: $scope.data,
 	        //         headers: {}
 	        //     }).then(function mySuccess(result) {
 	        //         console.log("=====result=====", result)
 	        //         $scope.detail = result;
 	        //         data.applicantId = result.data.id;
 	        //         $scope.userId = result.data.id;
 	        //         console.log("=====data=====", data)
 	                data.amount = $scope.payingAmnt;
 	                if ($scope.detail != null) {
 	                    $http({
 	                        method: 'POST',
 	                        url: BASE_URL + '/payments',
 	                        data: data,
 	                        headers: {}
 	                    }).then(function mySuccess(paymentResult) {
 	                    	console.log("paymentResult",paymentResult)
 	                        $scope.paymentResult = paymentResult;
 	                    }, function myError(error) {});
 	                }
 	                var i = 0;
 	                 $scope.payingAmnt =  $scope.payingAmnt * 100;
 	                var options = {
-	                    "key": "rzp_live_mhSE1uOBlXvFyJ",
+	                    "key": "rzp_test_YwHsVFiDIQ2WUQ",
 	                    "amount": $scope.payingAmnt,
 	                    "name": "Startup Jalsa",
 	                    "description": "amount",
 	                    "currency": "INR",
 	                    "status": "done",
 	                    "theme": {
 	                        "color": "#2196f3 ",
 	                        "image_padding": "NO"
 	                    },
 	                    "modal": {
 	                        "ondismiss": function() {}
 	                    },
 	                    "handler": function(response) {
 	                        createPayment(response);
 	                    }
 	                };
 	                var rzp1 = new Razorpay(options);
 	                rzp1.open();
 	                $scope.paymentResponse = {};
 	                function createPayment(response) {
 	                	console.log("response====from===razorpay",response)
 	                    $route.reload();
 	                    $scope.paymentResponse.razorPaymentId = response.razorpay_payment_id;
 	                    $scope.paymentResponse.razorOrderId = $scope.paymentResult.data.razorOrderId;
 	                    $scope.paymentResponse.amount = data.amount;
 	                    $scope.paymentResponse.currency = "INR";
 	                    $scope.paymentResponse.status = $scope.paymentResult.data.status;
 	                    $http({
 	                        method: 'PUT',
 	                        url: BASE_URL + '/payments/' + $scope.paymentResult.data.id,
 	                        data: $scope.paymentResponse,
 	                        headers: {}
 	                    }).then(function mySuccess(searchResult) {
 	                        console.log("searchResult", searchResult)
-	                        $scope.showToastr()
+	                        $location.path("/confirmation")
+	                        //$scope.showToastr()
 	                        //toaster.success("Registration done successfully");
 	                    }, function myError(error) {});
 	                }
 	            //}, function myError(error) {});
 	        //}
 	    }
-	    $scope.showToastr = function() {
+	    // $scope.showToastr = function() {
-	        console.log("called toast")
+	    //     console.log("called toast")
-	        var x = document.getElementById("snacsskbar")
+	    //     var x = document.getElementById("snacsskbar")
-	        x.className = "show";
+	    //     x.className = "show";
-	        setTimeout(function() {
+	    //     setTimeout(function() {
-	            x.className = x.className.replace("show", "");
+	    //         x.className = x.className.replace("show", "");
-	        }, 3000);
+	    //     }, 3000);
-	    }
+	    // }
 	    /*kk***This code for change data when click to chooses stages***/
+	    $scope.proto = true;
 	    $scope.businessmodel = true;
 	    $scope.Idea = true;
 	    $scope.current = true;
 	    $scope.stage = function(stage) {
 	    $scope.stagekeyPress();
 	    console.log("stage--2",stage)
 	        if (stage == 'Idea') {
 	            $scope.current = 10;
+	            $scope.proto = true;
 	            $scope.prototyp = false;
 	            $scope.market = false;
 	            $scope.risks = false;
 	            $scope.team = false;
 	            $scope.pitch = false;
 	            $scope.financials = false;
 	            $scope.businessmodel = true;
 	            $scope.data.stage = stage;
 	            // for right content
 	            $scope.Idea = true;
 	            $scope.Product = false;
 	            $scope.Growth = false;
 	        } else if (stage == 'Product') {
 	            $scope.current = 10;
+	            $scope.proto = true;
 	            $scope.prototyp = true;
 	            $scope.market = true;
 	            $scope.risks = true;
 	            $scope.team = true;
 	            $scope.pitch = true;
 	            $scope.financials = true;
 	            $scope.businessmodel = false;
 	            $scope.data.stage = stage;
 	            // for right content
 	            $scope.Idea = false;
 	            $scope.Product = true;
 	            $scope.Growth = false;
 	        } else if (stage == 'Growth') {
 	            $scope.current = 10;
+	            $scope.proto = false;
 	            $scope.prototyp = true;
 	            $scope.market = true;
 	            $scope.risks = true;
 	            $scope.team = true;
 	            $scope.pitch = true;
 	            $scope.financials = true;
 	            $scope.businessmodel = false;
 	            // for right content
 	            $scope.Idea = false;
 	            $scope.Product = false;
 	            $scope.Growth = true;
 	            $scope.data.stage = stage;
 	        }
 	    }
 	    $scope.enterbusiness = function(business) {
 	        console.log("business", business);
 	        if (name == undefined) {
 	            $scope.current = false;
 	        } else if (name != undefined) {
 	            $scope.current = true;
 	        }
 	    }
 	    /*******FOR FILL THE DATA AND SHOWS ICON GREEN*/
 	    $scope.stagekeyPress = function() {
 	        $('.icon-circle-a').css('background-color', 'rgb(66, 181, 73)');
 	    }
 	    $scope.sectorkeyPress = function() {
 	        $('.icon-circle-b').css('background-color', 'rgb(66, 181, 73)');
 	    }
 	    $scope.studentkeyPress = function() {
 	        $('.icon-circle-ab').css('background-color', 'rgb(66, 181, 73)');
 	    }
 	    $scope.namekeyPress = function(name) {
 	        console.log("name", name);
 	        if (name == undefined) {
 	            $('.icon-circle-c').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-c').css('background-color', 'rgb(66, 181, 73)');
 	        }
 	    }
 	    $scope.emailkeyPress = function(email) {
 	        console.log("email", email);
 	        if (email == undefined) {
 	            $('.icon-circle-d').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-d').css('background-color', 'rgb(66, 181, 73)');
 	        }
 	    }
 	    $scope.phonekeyPress = function(number) {
 	        console.log("number", number);
 	        if (number == undefined) {
 	            $('.icon-circle-e').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-e').css('background-color', 'rgb(66, 181, 73)');
 	        }
 	    }
 	    $scope.citykeyPress = function(city) {
 	        console.log("city", city);
 	        if (city == undefined) {
 	            $('.icon-circle-f').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-f').css('background-color', 'rgb(66, 181, 73)');
 	        }
 	    }
 	    $scope.questionkeyPress = function(q) {
 	        if (q == undefined) {
 	            $('.icon-circle-x').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-x').css('background-color', 'rgb(66, 181, 73)');
 	        }
 	    }
 	    $scope.technologykeyPress = function(technology) {
 	        if (technology == undefined) {
 	            $('.icon-circle-h').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-h').css('background-color', 'rgb(66, 181, 73)');
 	        }
 	    }
 	    $scope.problemkeyPress = function(problem) {
 	        if (problem == undefined) {
 	            $('.icon-circle-i').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-i').css('background-color', 'rgb(66, 181, 73)');
 	        }
 	    }
 	    $scope.solutionkeyPress = function(solution) {
 	        if (solution == undefined) {
 	            $('.icon-circle-j').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-j').css('background-color', 'rgb(66, 181, 73)');
 	        }
 	    }
 	    $scope.businesskeyPress = function(business) {
 	        $('.icon-circle-p').css('background-color', 'rgb(66, 181, 73)');
 	    }
 	    $scope.prototypekeyPress = function(prototype) {
 	        if (prototype == undefined) {
 	            $('.icon-circle-k').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-k').css('background-color', 'rgb(66, 181, 73)');
 	        }
 	    }
 	    $scope.marketkeyPress = function(market) {
 	        if (market == undefined) {
 	            $('.icon-circle-l').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-l').css('background-color', 'rgb(66, 181, 73)');
 	        }
 	    }
 	    $scope.riskkeyPress = function(risk) {
 	        if (risk == undefined) {
 	            $('.icon-circle-m').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-m').css('background-color', 'rgb(66, 181, 73)');
 	        }
 	    }
 	    $scope.teamkeyPress = function(team) {
 	        if (team == undefined) {
 	            $('.icon-circle-n').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-n').css('background-color', 'rgb(66, 181, 73)');
 	        }
 	    }
 	    $scope.pitchkeyPress = function(pitch) {
 	        if (pitch == undefined) {
 	            $('.icon-circle-z').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-z').css('background-color', 'rgb(66, 181, 73)');
 	        }
 	    }
 	    $scope.financialskeyPress = function(financial) {
 	        console.log("financial", financial);
 	        if (financial == undefined) {
 	            $('.icon-circle-q').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-q').css('background-color', 'rgb(66, 181, 73)');
 	        }
 	    }
 	    $scope.changeReferalIconColor = function(referalToken){
 	    	if (referalToken == undefined || referalToken == '') {
 	    		$('.referel-icon').css('background-color', 'rgb(102, 102, 102)');
 	    	}else {
 	            $('.referel-icon').css('background-color', 'rgb(66, 181, 73)');
 	        }
 	    }
 	});
 	scotchApp.controller('verifyController', function($scope, $http, $location, $route,BASE_URL) {
 	    $scope.pendingPaymentId = $route.current.params.id
 	    $http({
 	        method: "GET",
 	        url: BASE_URL + '/applicants/' + $scope.pendingPaymentId,
 	    }).then(function mySuccess(response) {
 	        $scope.data = response.data;
 	        console.log("response-1", response);
 	        $scope.pendingPaymentId = $route.current.params.id;
 	        $http({
 	            method: "GET",
 	            url: BASE_URL + '/payments?filter={"where":{"applicantId":' + $scope.pendingPaymentId + '}}',
 	        }).then(function mySuccess(response) {
 	            $scope.paymentRecord = response.data;
 	        }, function myError(response) {
 	        });
 	    }, function myError(response) {
 	        $scope.myWelcome = response.statusText;
 	    });
 	    $scope.checkView = false;
 	    $scope.verifyView = false;
 	    $scope.pendingPaymentId = '';
 	    $scope.update = function() {
 	        $http({
 	            method: 'GET',
 	            url: BASE_URL + '/payments?filter={"where":{"applicantId": ' + $scope.pendingPaymentId + '}}',
 	            headers: {}
 	        }).then(function mySuccess(searchResult) {
 	            if (searchResult.data[0].status == "pending") {
 	                $scope.checkView = true;
 	                $scope.verifyView = false;
 	                $scope.amount = searchResult.data[0].amount * 100;
 	                console.log('pending data', searchResult);
 	                var i = 0;
 	                var options = {
-	                    "key": "rzp_live_mhSE1uOBlXvFyJ",
+	                    //"key": "rzp_live_mhSE1uOBlXvFyJ",
-	                    //"key" : "rzp_test_YwHsVFiDIQ2WUQ",
+	                    "key" : "rzp_test_YwHsVFiDIQ2WUQ",
 	                    "amount": $scope.amount,
 	                    "name": "Startup Jalsa",
 	                    "description": "amount",
 	                    "currency": "INR",
 	                    "status": "done",
 	                    "theme": {
 	                        "color": "#2196f3 ",
 	                        "image_padding": "NO"
 	                    },
 	                    "modal": {
 	                        "ondismiss": function() {}
 	                    },
 	                    "handler": function(response) {
 	                        createPayment(response);
 	                    }
 	                };
 	                var rzp1 = new Razorpay(options);
 	                rzp1.open();
 	                $scope.paymentResponse = {};
 	                function createPayment(response) {
 	                	console.log("response",response);
 	                    $scope.paymentResponse.razorPaymentId = response.razorpay_payment_id;
 	                    $scope.paymentResponse.razorOrderId = $scope.paymentResult.data.razorOrderId;
 	                    $scope.paymentResponse.amount = $scope.amount;
 	                    $scope.paymentResponse.currency = "INR";
 	                    $scope.paymentResponse.status = "captured";
 	                    $scope.paymentResponse.applicantId = $scope.userId;
 	                    console.log("$scope.paymentResponse", $scope.paymentResponse)
 	                    $http({
 	                        method: 'PUT',
 	                        url: BASE_URL + '/payments/' + $scope.paymentResult.data.id,
 	                        data: $scope.paymentResponse,
 	                        headers: {}
 	                    }).then(function mySuccess(searchResult) {
 	                    	console.log("finalsearchResult",searchResult)
 	                    }, function myError(error) {
 	                    });
 	                }
 	            } else {
 	            }
 	        }, function myError(error) {});
 	    }
 	});
 	scotchApp.controller('ambassadorController', function($scope, $http, $location, $route,BASE_URL) {
 		$scope.data = {};
 		$scope.check = false;
 	    $scope.numberCheck = false;
+	    /*open videos in modal*/
+	    $scope.openyoutube16 = function(){
+			$('#videoModel').modal('show');
+	    }
+	     $scope.openyoutube17 = function(){
+			$('#videoModels').modal('show');
+	    }
+	    $scope.closeModal = function(){
+	    	var url = $('#youtubePlayer').attr('src');
+			$('#youtubePlayer').attr('src', '');
+			$('#youtubePlayer').attr('src', url);
+	    }
+	    /*open videos ends here*/
+	    $scope.removeError = function() {
+	        $('#invalidEmail').css('display', 'none');
+	        $('#alreadyExist').css('display', 'none');
+	    };
 		$scope.emailcheck = function(val) {
 	        if (val == undefined) {
 	            $('#invalidEmail').css('display', 'block');
 	        } else {
 	            $http({
 	                method: 'GET',
 	                url: BASE_URL + '/ambassadors?filter={"where": {"email": {"like":"%25' + $scope.data.email + '%25"}}}',
 	                headers: {}
 	            }).then(function mySuccess(searchResult) {
 	                console.log("searchResult1===>", searchResult)
 	                if (searchResult.data.length == 0) {
 	                    $scope.check = false;
 	                } else {
 	                    $scope.check = true;
 	                    $('#alreadyExist').css('display', 'block');
 	                }
 	            }, function myError(error) {});
 	        }
 	    };
-	    $scope.removeNoError = function() {
+	    // $scope.removeNoError = function() {
-	        $('#noExist').css('display', 'none');
+	    // 	$('#invalidNumber').css('display', 'none');
-	    };
+	    //     $('#noExist').css('display', 'none');
+	    // };
 	    $scope.numbercheck = function(number) {
-	        $http({
+	    	// if (val == undefined) {
-	            method: 'GET',
+	     //        $('#invalidNumber').css('display', 'block');
-	            url: BASE_URL + '/ambassadors?filter={"where": {"mobile": {"like":"%25' + number + '%25"}}}',
+	     //    } else {
-	            data: $scope.data,
+	        	$http({
-	            headers: {}
+	            	method: 'GET',
-	        }).then(function mySuccess(searchResult) {
+	            	url: BASE_URL + '/ambassadors?filter={"where": {"mobile": {"like":"%25' + number + '%25"}}}',
-	            console.log("searchResult===>", searchResult)
+	            	data: $scope.data,
-	            if (searchResult.data.length == 0) {
+	            	headers: {}
-	                $scope.numberCheck = false;
+	        	}).then(function mySuccess(searchResult) {
+	            	console.log("searchResult===>", searchResult)
+	            	if (searchResult.data.length == 0) {
+	                	$scope.numberCheck = false;
+	            	} else {
+	                	$scope.numberCheck = true;
+	                	$('#noExist').css('display', 'block');
+	            	}
+	        	}, function myError(error) {});
+	       	//}
-	            } else {
-	                $scope.numberCheck = true;
-	                $('#noExist').css('display', 'block');
-	            }
-	        }, function myError(error) {});
 	    };
 		$scope.submit = function() {
 			console.log($scope.data.name)
 			var randomNumber = ""+Math.random();
 			var nameSpliced = $scope.data.name.slice(0,3);
 			var numberSpliced = randomNumber.slice(2,5);
 			$scope.data.referalToken = nameSpliced+numberSpliced;
 			$scope.data.referalToken = $scope.data.referalToken.toUpperCase();
 	         $http({
 	                method: 'POST',
 	                url: BASE_URL + '/ambassadors',
 	                data: $scope.data,
 	                headers: {}
 	            }).then(function mySuccess(result) {
 	                console.log("result", result)
 	                $scope.detail = result;
 	                $('#myModal').modal('show');