viithiisys / startup_jalsa_frontend

Browse Code »

Commit 5734bf6dccad32da12e974147bdfb7cd0f201156

Authored by apple 2019-07-01 05:34:18 -0400

1 parent 40a9320822

Exists in master and in 1 other branch

design change

Showing 5 changed files with 252 additions and 45 deletions Show diff stats

css/custom.css

Diff comments View file @5734bf6

1	{	1	{
2	outline: none !important;	2	outline: none !important;
3	}	3	}
4		4
5	.logo{	5	.logo{
6	height: 45px;	6	height: 45px;
7	margin-left:	7	margin-left:
8	}	8	}
9		9
10	.hyperColor{	10	.hyperColor{
11	color: white !important;	11	color: white !important;
12	cursor: pointer !important;	12	cursor: pointer !important;
13	}	13	}
14	.main-heading{	14	.main-heading{
15	height: 70px;	15	height: 70px;
16	line-height: 70px;	16	line-height: 70px;
17	}	17	}
18	.card{	18	.card{
19	flex-direction: column;	19	flex-direction: column;
20	background-color: rgb(255,255,255);	20	background-color: rgb(255,255,255);
21	border-radius: 0;	21	border-radius: 0;
22	width: 676px;	22	width: 676px;
23	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);	23	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);
24	}	24	}
25	.card input{	25	.card input{
26	display: none;	26	display: none;
27	}	27	}
28	.card .card-content{	28	.card .card-content{
29	padding: 12px;	29	padding: 12px;
30	font-size: 12px;	30	font-size: 12px;
31	}	31	}
32	.card p{	32	.card p{
33	margin-top:18px;	33	margin-top:18px;
34	margin-right:4px ;	34	margin-right:4px ;
35	margin-bottom:-5px;	35	margin-bottom:-5px;
36	/margin-left:13px;/	36	/margin-left:13px;/
37		37
38	font-family: montserrat, arial, verdana;	38	font-family: montserrat, arial, verdana;
39	font-weight: normal;	39	font-weight: normal;
40	font-size: 12px;	40	font-size: 12px;
41	}	41	}
42	.card .thumbnail{	42	.card .thumbnail{
43	padding: 15px 30px 1px 28px;	43	padding: 15px 30px 1px 28px;
44	border: 0;	44	border: 0;
45	border-radius: 0px !important;	45	border-radius: 0px !important;
46	}	46	}
47	.panel-default{	47	.panel-default{
48	border-color: #ddd;	48	border-color: #ddd;
49	}	49	}
50	.video-wrapper{	50	.video-wrapper{
51	padding: 16px 0;	51	padding: 16px 0;
52	}	52	}
53	.stageRadio:checked+label{	53	.stageRadio:checked+label{
54	background-color: #42b549;	54	background-color: #42b549;
55	color: #fff !important;	55	color: #fff !important;
56	}	56	}
57		57
58	.stageRadio1:checked+label{	58	.stageRadio1:checked+label{
59	background-color: rgba(158, 158, 158, 0.05);	59	background-color: rgba(158, 158, 158, 0.05);
60	}	60	}
61		61
62	/* css for radio buttons */	62	/* css for radio buttons */
63		63
64	.option-input {	64	.option-input {
65	-webkit-appearance: none;	65	-webkit-appearance: none;
66	-moz-appearance: none;	66	-moz-appearance: none;
67	-ms-appearance: none;	67	-ms-appearance: none;
68	-o-appearance: none;	68	-o-appearance: none;
69	appearance: none;	69	appearance: none;
70	position: relative;	70	position: relative;
71	/top: 13.33333px;/	71	/top: 13.33333px;/
72	right: 0;	72	right: 0;
73	bottom: 0;	73	bottom: 0;
74	left: 0;	74	left: 0;
75	height: 15px;	75	height: 15px;
76	width: 15px;	76	width: 15px;
77	transition: all 0.15s ease-out 0s;	77	transition: all 0.15s ease-out 0s;
78	background: transparent;	78	background: transparent;
79	border: 2px solid #42b549;	79	border: 2px solid #42b549;
80	color: #fff;	80	color: #fff;
81	cursor: pointer;	81	cursor: pointer;
82	display: inline-block;	82	display: inline-block;
83	margin-right: 0.5rem;	83	margin-right: 0.5rem;
84	outline: none;	84	outline: none;
85	position: relative;	85	position: relative;
86	z-index: 1000;	86	z-index: 1000;
87	}	87	}
88	.option-input:checked {	88	.option-input:checked {
89	background: #42b549;	89	background: #42b549;
90	}	90	}
91	.option-input:checked::before {	91	.option-input:checked::before {
92	height: 20px;	92	height: 20px;
93	width: 20px;	93	width: 20px;
94	position: absolute;	94	position: absolute;
95	/content: '✔';/	95	/content: '✔';/
96	display: inline-block;	96	display: inline-block;
97	font-size: 12px;	97	font-size: 12px;
98	text-align: center;	98	text-align: center;
99	line-height: 22px;	99	line-height: 22px;
100	}	100	}
101	.option-input:checked::after {	101	.option-input:checked::after {
102	-webkit-animation: click-wave 0.65s;	102	-webkit-animation: click-wave 0.65s;
103	-moz-animation: click-wave 0.65s;	103	-moz-animation: click-wave 0.65s;
104	animation: click-wave 0.65s;	104	animation: click-wave 0.65s;
105	background: #40e0d0;	105	background: #40e0d0;
106	content: '';	106	content: '';
107	display: block;	107	display: block;
108	position: relative;	108	position: relative;
109	z-index: 100;	109	z-index: 100;
110	}	110	}
111	.option-input-a.radio-a::after {	111	.option-input-a.radio-a::after {
112	border-radius: 50%;	112	border-radius: 50%;
113	}	113	}
114	/second css/	114	/second css/
115	.option-input-a {	115	.option-input-a {
116	-webkit-appearance: none;	116	-webkit-appearance: none;
117	-moz-appearance: none;	117	-moz-appearance: none;
118	-ms-appearance: none;	118	-ms-appearance: none;
119	-o-appearance: none;	119	-o-appearance: none;
120	appearance: none;	120	appearance: none;
121	position: relative;	121	position: relative;
122	/top: 13.33333px;/	122	/top: 13.33333px;/
123	right: 0;	123	right: 0;
124	bottom: 0;	124	bottom: 0;
125	left: 0;	125	left: 0;
126	height: 22px;	126	height: 22px;
127	width: 22px;	127	width: 22px;
128	transition: all 0.15s ease-out 0s;	128	transition: all 0.15s ease-out 0s;
129	background: transparent;	129	background: transparent;
130	border: 2px solid #42b549;	130	border: 2px solid #42b549;
131	color: #fff;	131	color: #fff;
132	cursor: pointer;	132	cursor: pointer;
133	display: inline-block;	133	display: inline-block;
134	margin-right: 0.5rem;	134	margin-right: 0.5rem;
135	outline: none;	135	outline: none;
136	position: relative;	136	position: relative;
137	z-index: 1000;	137	z-index: 1000;
138	}	138	}
139	.option-input-a:checked {	139	.option-input-a:checked {
140	background: #42b549;	140	background: #42b549;
141	}	141	}
142	.option-input-a:checked::before {	142	.option-input-a:checked::before {
143	height: 20px;	143	height: 20px;
144	width: 20px;	144	width: 20px;
145	position: absolute;	145	position: absolute;
146	/content: '✔';/	146	/content: '✔';/
147	display: inline-block;	147	display: inline-block;
148	font-size: 12px;	148	font-size: 12px;
149	text-align: center;	149	text-align: center;
150	line-height: 22px;	150	line-height: 22px;
151	}	151	}
152	.option-input-a:checked::after {	152	.option-input-a:checked::after {
153	-webkit-animation: click-wave 0.65s;	153	-webkit-animation: click-wave 0.65s;
154	-moz-animation: click-wave 0.65s;	154	-moz-animation: click-wave 0.65s;
155	animation: click-wave 0.65s;	155	animation: click-wave 0.65s;
156	background: #40e0d0;	156	background: #40e0d0;
157	content: '';	157	content: '';
158	display: block;	158	display: block;
159	position: relative;	159	position: relative;
160	z-index: 100;	160	z-index: 100;
161	}	161	}
162	.option-input-a.radio-a {	162	.option-input-a.radio-a {
163	border-radius: 50%;	163	border-radius: 50%;
164	}	164	}
165	.option-input-a.radio-a::after {	165	.option-input-a.radio-a::after {
166	border-radius: 50%;	166	border-radius: 50%;
167	}	167	}
168		168
169	/* css for radio ends */	169	/* css for radio ends */
170		170
171	.card-small{	171	.card-small{
172	cursor: pointer;	172	cursor: pointer;
173	}	173	}
174	.card-small img{	174	.card-small img{
175	width: 37px;	175	width: 37px;
176	}	176	}
177	.card-small label{	177	.card-small label{
178	width: 100%;	178	width: 100%;
179	font-weight: normal;	179	font-weight: normal;
180	font-size: 12px;	180	font-size: 12px;
181	margin-top: 5px;	181	margin-top: 5px;
182	}	182	}
183	/*.text-input{	183	/*.text-input{
184	width: 100%;	184	width: 100%;
185	border: 0;	185	border: 0;
186	border-bottom: 2px solid #42b549;	186	border-bottom: 2px solid #42b549;
187	font-size: 18px;	187	font-size: 18px;
188	padding: 5px;	188	padding: 5px;
189	}*/	189	}*/
190	.input-wrapper{	190	.input-wrapper{
191	margin-bottom: 15px !important;	191	margin-bottom: 15px !important;
192	}	192	}
193	.select-input{	193	.select-input{
194	width: 100%;	194	width: 100%;
195	border: 0;	195	border: 0;
196	border-bottom: 2px solid #42b549;	196	border-bottom: 2px solid #42b549;
197	background-color: transparent;	197	background-color: transparent;
198	font-size: 12px;	198	font-size: 12px;
199	padding: 5px;	199	padding: 5px;
200	}	200	}
201	.submit-button, .submit-button:hover{	201	.submit-button, .submit-button:hover{
202	/background-color: #00bcd4;/	202	/background-color: #00bcd4;/
203	background-color: rgb(92, 198, 208);	203	background-color: #0161EE;
204	color: #fff;	204	color: #fff;
205	/display: none;/	205	/display: none;/
206	}	206	}
207	.submit-button:disabled{	207	.submit-button:disabled{
208	background-color: #ddd;	208	background-color: #ddd;
209	}	209	}
210		210
211	.submit-button-form, .submit-button-form:hover{	211	.submit-button-form, .submit-button-form:hover{
212		212
213	background-color: rgb(92, 198, 208);	213	background-color: #0161EE;
214	color: #fff;	214	margin-top: 2%;
		215	margin-bottom: 3%;
215		216
216	}	217	}
217	.submit-button-form:disabled{	218	.submit-button-form:disabled{
218	background-color: #ddd;	219	background-color: #ddd;
		220	margin-top: 2%;
		221	margin-bottom: 3%;
219	}	222	}
220		223
221	.textarea{	224	.textarea{
222	min-height: 97px;	225	min-height: 97px;
223	}	226	}
224	.error-message{	227	.error-message{
225	font-weight: inherit;	228	font-weight: inherit;
226	color: #ff0000;	229	color: #ff0000;
227	margin: 5px 4px -5px 0px;	230	margin: 5px 4px -5px 0px;
228	display: none;	231	display: none;
229	}	232	}
230		233
231	/custom input/	234	/custom input/
232	.text-input, select {	235	.text-input, select {
233	width: 100%;	236	width: 100%;
234	-webkit-appearance: none;	237	-webkit-appearance: none;
235	padding: 12px 25px;	238	padding: 12px 25px;
236	margin: -2px 0;	239	margin: -2px 0;
237	display: inline-block;	240	display: inline-block;
238	border: 0px solid rgba(51, 51, 51, 0);	241	border: 0px solid rgba(51, 51, 51, 0);
239	border-radius: -3px;	242	border-radius: -3px;
240	box-sizing: border-box;	243	box-sizing: border-box;
241	box-shadow: 0 0 10px rgba(240, 255, 235);	244	box-shadow: 0 0 10px rgba(240, 255, 235);
242	-moz-box-shadow: 0 0 10px rgba(240, 255, 235);	245	-moz-box-shadow: 0 0 10px rgba(240, 255, 235);
243	-webkit-box-shadow: 0 0 5px #777;	246	-webkit-box-shadow: 0 0 5px #777;
244	-o-box-shadow: 0 0 10px rgba(240, 255, 235);	247	-o-box-shadow: 0 0 10px rgba(240, 255, 235);
245	font-size: 12px;	248	font-size: 12px;
246	}	249	}
247		250
248	/* progress bar css */	251	/* progress bar css */
249		252
250	@-webkit-keyframes	253	@-webkit-keyframes
251	load { 0% {	254	load { 0% {
252	stroke-dashoffset:0	255	stroke-dashoffset:0
253	}	256	}
254	}	257	}
255	@-moz-keyframes	258	@-moz-keyframes
256	load { 0% {	259	load { 0% {
257	stroke-dashoffset:0	260	stroke-dashoffset:0
258	}	261	}
259	}	262	}
260	@keyframes	263	@keyframes
261	load { 0% {	264	load { 0% {
262	stroke-dashoffset:0	265	stroke-dashoffset:0
263	}	266	}
264	}	267	}
265		268
266	/* Container */	269	/* Container */
267		270
268	.progress-form {	271	.progress-form {
269	position: relative;	272	position: relative;
270	display: inline-block;	273	display: inline-block;
271	padding: 0;	274	padding: 0;
272	text-align: center;	275	text-align: center;
273	}	276	}
274		277
275	/* Item */	278	/* Item */
276		279
277	.progress-form>li {	280	.progress-form>li {
278	display: inline-block;	281	display: inline-block;
279	position: relative;	282	position: relative;
280	text-align: center;	283	text-align: center;
281	color: #93A2AC;	284	color: #93A2AC;
282	font-family: Lato;	285	font-family: Lato;
283	font-weight: 100;	286	font-weight: 100;
284	margin: 2rem;	287	margin: 2rem;
285	}	288	}
286		289
287	.progress-form>li:before {	290	.progress-form>li:before {
288	content: attr(data-name);	291	content: attr(data-name);
289	position: absolute;	292	position: absolute;
290	width: 100%;	293	width: 100%;
291	bottom: -2rem;	294	bottom: -2rem;
292	font-weight: 400;	295	font-weight: 400;
293	}	296	}
294		297
295	.progress-form>li:after {	298	.progress-form>li:after {
296	content: attr(data-percent);	299	content: attr(data-percent);
297	position: absolute;	300	position: absolute;
298	width: 100%;	301	width: 100%;
299	top: 3.7rem;	302	top: 3.7rem;
300	left: 0;	303	left: 0;
301	font-size: 2rem;	304	font-size: 2rem;
302	text-align: center;	305	text-align: center;
303	}	306	}
304		307
305	.progress-form svg {	308	.progress-form svg {
306	width: 10rem;	309	width: 10rem;
307	height: 10rem;	310	height: 10rem;
308	}	311	}
309		312
310	.progress-form svg:nth-child(2) {	313	.progress-form svg:nth-child(2) {
311	position: absolute;	314	position: absolute;
312	left: 0;	315	left: 0;
313	top: 0;	316	top: 0;
314	transform: rotate(-90deg);	317	transform: rotate(-90deg);
315	-webkit-transform: rotate(-90deg);	318	-webkit-transform: rotate(-90deg);
316	-moz-transform: rotate(-90deg);	319	-moz-transform: rotate(-90deg);
317	-ms-transform: rotate(-90deg);	320	-ms-transform: rotate(-90deg);
318	}	321	}
319		322
320	.progress-form svg:nth-child(2) path {	323	.progress-form svg:nth-child(2) path {
321	fill: none;	324	fill: none;
322	stroke-width: 25;	325	stroke-width: 25;
323	stroke-dasharray: 629;	326	stroke-dasharray: 629;
324	stroke: rgba(255, 255, 255, 0.9);	327	stroke: rgba(255, 255, 255, 0.9);
325	-webkit-animation: load 10s;	328	-webkit-animation: load 10s;
326	-moz-animation: load 10s;	329	-moz-animation: load 10s;
327	-o-animation: load 10s;	330	-o-animation: load 10s;
328	animation: load 10s;	331	animation: load 10s;
329	}	332	}
330	/circle of stage image/	333	/circle of stage image/
331	.circular{	334	.circular{
332		335
333	-webkit-border-radius: 150px;	336	-webkit-border-radius: 150px;
334	-moz-border-radius: 150px;	337	-moz-border-radius: 150px;
335	border-radius: 150px;	338	border-radius: 150px;
336	box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);	339	box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);
337	border: 5px solid white;	340	border: 5px solid white;
338	overflow: hidden;	341	overflow: hidden;
339	position: fixed;	342	position: fixed;
340	height: 100px;	343	height: 100px;
341	width: 100px;	344	width: 100px;
342	left: 80px;	345	left: 80px;
343	top: 20px;	346	top: 20px;
344	}	347	}
345	/font-size/	348	/font-size/
346	.font{	349	.font{
347	font-size: 14px;	350	font-size: 14px;
348	}	351	}
349		352
350	.f-family {	353	.f-family {
351	font-family:sans-serif;	354	font-family:sans-serif;
352	}	355	}
353		356
354	/container-card css/	357	/container-card css/
355	.container-card {	358	.container-card {
356	width: auto;	359	width: auto;
357	float: left;	360	float: left;
358	margin: 31px 24px 26px 14px;	361	margin: 31px 24px 26px 14px;
359	}	362	}
360		363
361	/****This css for header container****/	364	/****This css for header container****/
362	.h1 {	365	.h1 {
363	font-size: 20px;	366	font-size: 20px;
364	margin: 11px;	367	margin: 11px;
365	}	368	}
366		369
367	.paragraph {	370	.paragraph {
368	font-size: 14px;	371	font-size: 14px;
369	margin: 30px 10px 20px;	372	margin: 30px 10px 20px;
370	line-height: 1.5;	373	line-height: 1.5;
371	}	374	}
372	/This css for stages container/	375	/This css for stages container/
373		376
374	.full-line {	377	.full-line {
375	border-bottom: 2px solid #dedede;	378	border-bottom: 2px solid #dedede;
376	padding: 15px 10px;	379	padding: 15px 10px;
377	}	380	}
378		381
379	.stages-card {	382	.stages-card {
380	width: auto;	383	width: auto;
381	float: left;	384	float: left;
382	/margin: -30px 8px 7px 22px;/	385	/margin: -30px 8px 7px 22px;/
383	}	386	}
384		387
385	/form -css/	388	/form -css/
386	.form-all {	389	.form-all {
387	margin: 13px 4px 26px -2px;	390	margin: 13px 4px 26px -2px;
		391	border-radius: 15px;
		392	background-color: #fff;
		393	padding-top: 1px;
		394	padding-left: 1%;
388	/display: none;/	395	/display: none;/
389	}	396	}
390		397
391	.step-two-form{	398	.step-two-form{
392	display: block;	399	display: block;
393	}	400	}
394		401
395	/This is for stages images/	402	/This is for stages images/
396	.stage-img {	403	.stage-img {
397	width: 115px;	404	width: 115px;
398	}	405	}
399		406
400	.stage-thumbnail {	407	.stage-thumbnail {
401	float: left;	408	float: left;
402	margin-bottom: 0;	409	margin-bottom: 0;
403	}	410	}
404		411
405	.stage-shadow {	412	.stage-shadow {
406	/*box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2),	413	/*box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2),
407	0px 1px 1px 0px rgba(0, 0, 0, 0.14),	414	0px 1px 1px 0px rgba(0, 0, 0, 0.14),
408	0px 2px 1px -1px rgba(0, 0, 0, 0.12); */	415	0px 2px 1px -1px rgba(0, 0, 0, 0.12); */
409	/margin: 3px 22px 14px 14px;/	416	/margin: 3px 22px 14px 14px;/
410	background-color: #ffffff;	417	background-color: #ffffff;
411	}	418	}
412		419
413	.line-size {	420	/* .line-size {
414		421
415	}	422	} */
416		423
417	.card-paragraph {	424	.card-paragraph {
418	background-color: rgba(66, 181, 73, 0.61);	425	background-color: rgba(66, 181, 73, 0.61);
419	color: #fff;	426	color: #fff;
420	}	427	}
421		428
422	/* identity card css*/	429	/* identity card css*/
423		430
424	.identity-shadow {	431	.identity-shadow {
425	box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2),	432	box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2),
426	0px 1px 1px 0px rgba(0, 0, 0, 0.14),	433	0px 1px 1px 0px rgba(0, 0, 0, 0.14),
427	0px 2px 1px -1px rgba(0, 0, 0, 0.12);	434	0px 2px 1px -1px rgba(0, 0, 0, 0.12);
428	margin: 15px 15px 17px 14px;	435	margin: 15px 15px 17px 14px;
429	background-color: #ffffff;	436	background-color: #ffffff;
430	/display: none;/	437	/display: none;/
431	}	438	}
432		439
433	.identity-question {	440	.identity-question {
434	border-bottom: 2px solid #dedede;	441	border-bottom: 2px solid #dedede;
435	padding: 0px 10px;	442	padding: 0px 10px;
436	}	443	}
437		444
438	.identity-align {	445	.identity-align {
439	margin: 8px -12px 19px 13px;	446	margin: 8px -12px 19px 13px;
440	}	447	}
441		448
442		449
443	/******This css for sectors************/	450	/******This css for sectors************/
444	.sectors-card {	451	.sectors-card {
445	box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2),	452	box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2),
446	0px 1px 1px 0px rgba(0, 0, 0, 0.14),	453	0px 1px 1px 0px rgba(0, 0, 0, 0.14),
447	0px 2px 1px -1px rgba(0, 0, 0, 0.12);	454	0px 2px 1px -1px rgba(0, 0, 0, 0.12);
448	margin: 27px 22px 14px 14px;	455	margin: 27px 22px 14px 14px;
449	background-color: #ffffff;	456	background-color: #ffffff;
450	/display: none;/	457	/display: none;/
451	}	458	}
452		459
453	.sector-card {	460	.sector-card {
454	width: auto;	461	width: auto;
455	float: left;	462	float: left;
456	margin: 29px 22px 26px 14px;	463	margin: 29px 22px 26px 14px;
457	}	464	}
458		465
459	.sector-question {	466	.sector-question {
460	border-bottom: 2px solid #dedede;	467	border-bottom: 2px solid #dedede;
461	padding: 15px 10px;	468	padding: 15px 10px;
462	}	469	}
463		470
464	/To make the Stages in the center/	471	/To make the Stages in the center/
465	.card-align {	472	.card-align {
466	/margin: 56px -267px 11px -37px;/	473	/margin: 56px -267px 11px -37px;/
467	}	474	}
468		475
469	/To make the sectors in the center /	476	/To make the sectors in the center /
470		477
471		478
472	/***********sidebar content margin*********/	479	/***********sidebar content margin*********/
473	.sidebar-align {	480	.sidebar-align {
474	margin: -5px -3px -18px 9px;	481	margin: -5px -3px -18px 9px;
475	}	482	}
476		483
477	.heading {	484	.heading {
478	margin: 15px 10px 15px 16px;	485	margin: 15px 10px 15px 16px;
479	}	486	}
480	.quiz {	487	.quiz {
481	margin: 5px 5px 6px 19px;	488	margin: 5px 5px 6px 19px;
482	font-size: 12px;	489	font-size: 12px;
483	}	490	}
484		491
485	#footer {	492	#footer {
486	/*position: bottom;	493	/*position: bottom;
487	width: 100%;	494	width: 100%;
488	height: auto;*/	495	height: auto;*/
489	}	496	}
490		497
491	#front {	498	#front {
492	/*background-image: url(/images/mock_up_background.jpg);	499	/*background-image: url(/images/mock_up_background.jpg);
493	background-repeat: no-repeat;	500	background-repeat: no-repeat;
494	background-size: cover;	501	background-size: cover;
495	background-attachment: fixed;*/	502	background-attachment: fixed;*/
496	}	503	}
497		504
498	/* .footer {	505	/* .footer {
499		506
500	bottom: 0px;	507	bottom: 0px;
501	background-color: #76b34f !important;	508	background-color: #76b34f !important;
502	width: 100%;	509	width: 100%;
503	color:rgba(255, 255, 255, 0.77);	510	color:rgba(255, 255, 255, 0.77);
504	}*/	511	}*/
505		512
506	/******question box***************/	513	/******question box***************/
507	.question-shadow {	514	.question-shadow {
508	box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2),	515	box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2),
509	0px 1px 1px 0px rgba(0, 0, 0, 0.14),	516	0px 1px 1px 0px rgba(0, 0, 0, 0.14),
510	0px 2px 1px -1px rgba(0, 0, 0, 0.12);	517	0px 2px 1px -1px rgba(0, 0, 0, 0.12);
511	margin: 15px 15px 17px 14px;	518	margin: 15px 15px 17px 14px;
512	background-color: #ffffff;	519	background-color: #ffffff;
513	}	520	}
514		521
515		522
516		523
517	.question-card {	524	.question-card {
518	width: auto;	525	width: auto;
519	float: left;	526	float: left;
520	margin: 29px 22px 26px 14px;	527	margin: 29px 22px 26px 14px;
521	}	528	}
522		529
523	/for p/	530	/for p/
524	.line-space {	531	.line-space {
525	line-height: 1.6em;	532	line-height: 1.6em;
526	font-size: 11px;	533	font-size: 11px;
527	}	534	}
528		535
529	.line-adjust {	536	.line-adjust {
530	margin-left: 0px;	537	margin-left: 0px;
531	}	538	}
532		539
533	/badge icon css/	540	/badge icon css/
534		541
535	.material-icons{	542	.material-icons{
536	font-size: 17px !important;	543	font-size: 17px !important;
537	}	544	}
538		545
539	.icon-circle-a {	546	.icon-circle-a {
540	background: rgba(89, 89, 89, 0.92);	547	background: rgba(89, 89, 89, 0.92);
541	border-radius: 50%;	548	border-radius: 50%;
542	width: 30px;	549	width: 30px;
543	height: 30px;	550	height: 30px;
544	position: absolute;	551	position: absolute;
545	left: 14px;	552	left: 14px;
546	margin-top: 10px;	553	margin-top: 10px;
547	color: #fff;	554	color: #fff;
548	text-align: center;	555	text-align: center;
549	}	556	}
550		557
551	.icon-circle-b {	558	.icon-circle-b {
552	background: rgba(89, 89, 89, 0.92);	559	background: rgba(89, 89, 89, 0.92);
553	border-radius: 50%;	560	border-radius: 50%;
554	width: 30px;	561	width: 30px;
555	height: 30px;	562	height: 30px;
556	position: absolute;	563	position: absolute;
557	left: 14px;	564	left: 14px;
558	margin-top: 10px;	565	margin-top: 10px;
559	color: #fff;	566	color: #fff;
560	text-align: center;	567	text-align: center;
561	}	568	}
562		569
563	.icon-circle-c {	570	.icon-circle-c {
564	background: rgba(89, 89, 89, 0.92);	571	background: rgba(89, 89, 89, 0.92);
565	border-radius: 50%;	572	border-radius: 50%;
566	width: 30px;	573	width: 30px;
567	height: 30px;	574	height: 30px;
568	position: absolute;	575	position: absolute;
569	left: 0px;	576	left: 0px;
570	margin-top: 4px;	577	margin-top: 4px;
571	color: #fff;	578	color: #fff;
572	text-align: center;	579	text-align: center;
573	}	580	}
574		581
575	.icon-circle-d {	582	.icon-circle-d {
576	background: rgba(89, 89, 89, 0.92);	583	background: rgba(89, 89, 89, 0.92);
577	border-radius: 50%;	584	border-radius: 50%;
578	width: 30px;	585	width: 30px;
579	height: 30px;	586	height: 30px;
580	position: absolute;	587	position: absolute;
581	left: 0px;	588	left: 0px;
582	margin-top: 4px;	589	margin-top: 4px;
583	color: #fff;	590	color: #fff;
584	text-align: center;	591	text-align: center;
585	}	592	}
586		593
587	.icon-circle-e {	594	.icon-circle-e {
588	background: rgba(89, 89, 89, 0.92);	595	background: rgba(89, 89, 89, 0.92);
589	border-radius: 50%;	596	border-radius: 50%;
590	width: 30px;	597	width: 30px;
591	height: 30px;	598	height: 30px;
592	position: absolute;	599	position: absolute;
593	left: 0px;	600	left: 0px;
594	margin-top: 4px;	601	margin-top: 4px;
595	color: #fff;	602	color: #fff;
596	text-align: center;	603	text-align: center;
597	}	604	}
598		605
599	.icon-circle-f {	606	.icon-circle-f {
600	background: rgba(89, 89, 89, 0.92);	607	background: rgba(89, 89, 89, 0.92);
601	border-radius: 50%;	608	border-radius: 50%;
602	width: 30px;	609	width: 30px;
603	height: 30px;	610	height: 30px;
604	position: absolute;	611	position: absolute;
605	left: 0px;	612	left: 0px;
606	margin-top: 3px;	613	margin-top: 3px;
607	color: #fff;	614	color: #fff;
608	text-align: center;	615	text-align: center;
609	}	616	}
610		617
611	.icon-circle-g {	618	.icon-circle-g {
612	background: rgba(89, 89, 89, 0.92);	619	background: rgba(89, 89, 89, 0.92);
613	border-radius: 50%;	620	border-radius: 50%;
614	width: 30px;	621	width: 30px;
615	height: 30px;	622	height: 30px;
616	position: absolute;	623	position: absolute;
617	left: 14px;	624	left: 14px;
618	margin-top: 10px;	625	margin-top: 10px;
619	color: #fff;	626	color: #fff;
620	text-align: center;	627	text-align: center;
621	}	628	}
622		629
623	.icon-circle-h {	630	.icon-circle-h {
624	background: rgba(89, 89, 89, 0.92);	631	background: rgba(89, 89, 89, 0.92);
625	border-radius: 50%;	632	border-radius: 50%;
626	width: 30px;	633	width: 30px;
627	height: 30px;	634	height: 30px;
628	position: absolute;	635	position: absolute;
629	left: 0px;	636	left: 0px;
630	margin-top: 4px;	637	margin-top: 4px;
631	color: #fff;	638	color: #fff;
632	text-align: center;	639	text-align: center;
633	}	640	}
634		641
635	.icon-circle-i {	642	.icon-circle-i {
636	background: rgba(89, 89, 89, 0.92);	643	background: rgba(89, 89, 89, 0.92);
637	border-radius: 50%;	644	border-radius: 50%;
638	width: 30px;	645	width: 30px;
639	height: 30px;	646	height: 30px;
640	position: absolute;	647	position: absolute;
641	left: 0px;	648	left: 0px;
642	margin-top: 4px;	649	margin-top: 4px;
643	color: #fff;	650	color: #fff;
644	text-align: center;	651	text-align: center;
645	}	652	}
646		653
647	.icon-circle-j {	654	.icon-circle-j {
648	background: rgba(89, 89, 89, 0.92);	655	background: rgba(89, 89, 89, 0.92);
649	border-radius: 50%;	656	border-radius: 50%;
650	width: 30px;	657	width: 30px;
651	height: 30px;	658	height: 30px;
652	position: absolute;	659	position: absolute;
653	left: 0px;	660	left: 0px;
654	margin-top: 30px;	661	margin-top: 30px;
655	color: #fff;	662	color: #fff;
656	text-align: center;	663	text-align: center;
657	}	664	}
658		665
659	.icon-circle-k {	666	.icon-circle-k {
660	background: rgba(89, 89, 89, 0.92);	667	background: rgba(89, 89, 89, 0.92);
661	border-radius: 50%;	668	border-radius: 50%;
662	width: 30px;	669	width: 30px;
663	height: 30px;	670	height: 30px;
664	position: absolute;	671	position: absolute;
665	left: 0px;	672	left: 0px;
666	margin-top: 30px;	673	margin-top: 30px;
667	color: #fff;	674	color: #fff;
668	text-align: center;	675	text-align: center;
669	}	676	}
670		677
671	.icon-circle-y {	678	.icon-circle-y {
672	background: rgba(89, 89, 89, 0.92);	679	background: rgba(89, 89, 89, 0.92);
673	border-radius: 50%;	680	border-radius: 50%;
674	width: 30px;	681	width: 30px;
675	height: 30px;	682	height: 30px;
676	position: absolute;	683	position: absolute;
677	left: 0px;	684	left: 0px;
678	margin-top: 4px;	685	margin-top: 4px;
679	color: #fff;	686	color: #fff;
680	text-align: center;	687	text-align: center;
681	}	688	}
682		689
683	.icon-circle-o {	690	.icon-circle-o {
684	background: rgba(89, 89, 89, 0.92);	691	background: rgba(89, 89, 89, 0.92);
685	border-radius: 50%;	692	border-radius: 50%;
686	width: 30px;	693	width: 30px;
687	height: 30px;	694	height: 30px;
688	position: absolute;	695	position: absolute;
689	left: 0px;	696	left: 0px;
690	margin-top: 4px;	697	margin-top: 4px;
691	color: #fff;	698	color: #fff;
692	text-align: center;	699	text-align: center;
693	}	700	}
694		701
695	.icon-circle-l {	702	.icon-circle-l {
696	background: rgba(89, 89, 89, 0.92);	703	background: rgba(89, 89, 89, 0.92);
697	border-radius: 50%;	704	border-radius: 50%;
698	width: 30px;	705	width: 30px;
699	height: 30px;	706	height: 30px;
700	position: absolute;	707	position: absolute;
701	left: 0px;	708	left: 0px;
702	margin-top: 4px;	709	margin-top: 4px;
703	color: #fff;	710	color: #fff;
704	text-align: center;	711	text-align: center;
705	}	712	}
706		713
707	.icon-circle-m {	714	.icon-circle-m {
708	background: rgba(89, 89, 89, 0.92);	715	background: rgba(89, 89, 89, 0.92);
709	border-radius: 50%;	716	border-radius: 50%;
710	width: 30px;	717	width: 30px;
711	height: 30px;	718	height: 30px;
712	position: absolute;	719	position: absolute;
713	left: 0px;	720	left: 0px;
714	margin-top: 4px;	721	margin-top: 4px;
715	color: #fff;	722	color: #fff;
716	text-align: center;	723	text-align: center;
717	}	724	}
718		725
719	.icon-circle-n {	726	.icon-circle-n {
720	background: rgba(89, 89, 89, 0.92);	727	background: rgba(89, 89, 89, 0.92);
721	border-radius: 50%;	728	border-radius: 50%;
722	width: 30px;	729	width: 30px;
723	height: 30px;	730	height: 30px;
724	position: absolute;	731	position: absolute;
725	left: 0px;	732	left: 0px;
726	margin-top: 4px;	733	margin-top: 4px;
727	color: #fff;	734	color: #fff;
728	text-align: center;	735	text-align: center;
729	}	736	}
730		737
731	.icon-circle-x {	738	.icon-circle-x {
732	background: rgba(89, 89, 89, 0.92);	739	background: rgba(89, 89, 89, 0.92);
733	border-radius: 50%;	740	border-radius: 50%;
734	width: 30px;	741	width: 30px;
735	height: 30px;	742	height: 30px;
736	position: absolute;	743	position: absolute;
737	left: 0px;	744	left: 0px;
738	margin-top: 30px;	745	margin-top: 30px;
739	color: #fff;	746	color: #fff;
740	text-align: center;	747	text-align: center;
741	}	748	}
742		749
743	.icon-circle-p {	750	.icon-circle-p {
744	background: rgba(89, 89, 89, 0.92);	751	background: rgba(89, 89, 89, 0.92);
745	border-radius: 50%;	752	border-radius: 50%;
746	width: 30px;	753	width: 30px;
747	height: 30px;	754	height: 30px;
748	position: absolute;	755	position: absolute;
749	left: 0px;	756	left: 0px;
750	margin-top: 30px;	757	margin-top: 30px;
751	color: #fff;	758	color: #fff;
752	text-align: center;	759	text-align: center;
753	}	760	}
754		761
755	.icon-circle-z {	762	.icon-circle-z {
756	background: rgba(89, 89, 89, 0.92);	763	background: rgba(89, 89, 89, 0.92);
757	border-radius: 50%;	764	border-radius: 50%;
758	width: 30px;	765	width: 30px;
759	height: 30px;	766	height: 30px;
760	position: absolute;	767	position: absolute;
761	left: 0px;	768	left: 0px;
762	margin-top: 4px;	769	margin-top: 4px;
763	color: #fff;	770	color: #fff;
764	text-align: center;	771	text-align: center;
765	}	772	}
766		773
767	.icon-circle-q {	774	.icon-circle-q {
768	background: rgba(89, 89, 89, 0.92);	775	background: rgba(89, 89, 89, 0.92);
769	border-radius: 50%;	776	border-radius: 50%;
770	width: 30px;	777	width: 30px;
771	height: 30px;	778	height: 30px;
772	position: absolute;	779	position: absolute;
773	left: 0px;	780	left: 0px;
774	margin-top: 4px;	781	margin-top: 4px;
775	color: #fff;	782	color: #fff;
776	text-align: center;	783	text-align: center;
777	}	784	}
778		785
779	.icon-circle-ab {	786	.icon-circle-ab {
780	background: rgba(89, 89, 89, 0.92);	787	background: rgba(89, 89, 89, 0.92);
781	border-radius: 50%;	788	border-radius: 50%;
782	width: 30px;	789	width: 30px;
783	height: 30px;	790	height: 30px;
784	position: absolute;	791	position: absolute;
785	left: 0px;	792	left: 0px;
786	margin-top: 3px;	793	margin-top: 3px;
787	color: #fff;	794	color: #fff;
788	text-align: center;	795	text-align: center;
789	}	796	}
790		797
791	.icon-circle-abc {	798	.icon-circle-abc {
792	background: rgba(89, 89, 89, 0.92);	799	background: rgba(89, 89, 89, 0.92);
793	border-radius: 50%;	800	border-radius: 50%;
794	width: 30px;	801	width: 30px;
795	height: 30px;	802	height: 30px;
796	position: absolute;	803	position: absolute;
797	left: 0px;	804	left: 0px;
798	margin-top: 3px;	805	margin-top: 3px;
799	color: #fff;	806	color: #fff;
800	text-align: center;	807	text-align: center;
801	}	808	}
802		809
803	.icon-circle-bc {	810	.icon-circle-bc {
804	background: rgba(89, 89, 89, 0.92);	811	background: rgba(89, 89, 89, 0.92);
805	border-radius: 50%;	812	border-radius: 50%;
806	width: 30px;	813	width: 30px;
807	height: 30px;	814	height: 30px;
808	position: absolute;	815	position: absolute;
809	left: 0px;	816	left: 0px;
810	margin-top: 3px;	817	margin-top: 3px;
811	color: #fff;	818	color: #fff;
812	text-align: center;	819	text-align: center;
813	}	820	}
814		821
815	.icon-circle-abcdefg {	822	.icon-circle-abcdefg {
816	background: rgba(89, 89, 89, 0.92);	823	background: rgba(89, 89, 89, 0.92);
817	border-radius: 50%;	824	border-radius: 50%;
818	width: 30px;	825	width: 30px;
819	height: 30px;	826	height: 30px;
820	position: absolute;	827	position: absolute;
821	left: 0px;	828	left: 0px;
822	margin-top: 3px;	829	margin-top: 3px;
823	color: #fff;	830	color: #fff;
824	text-align: center;	831	text-align: center;
825	}	832	}
826		833
827	.referel-icon {	834	.referel-icon {
828	background: rgba(89, 89, 89, 0.92);	835	background: rgba(89, 89, 89, 0.92);
829	border-radius: 50%;	836	border-radius: 50%;
830	width: 30px;	837	width: 30px;
831	height: 30px;	838	height: 30px;
832	position: absolute;	839	position: absolute;
833	left: 0px;	840	left: 0px;
834	margin-top: 3px;	841	margin-top: 3px;
835	color: #fff;	842	color: #fff;
836	text-align: center;	843	text-align: center;
837	}	844	}
838		845
839		846
840	/quiz/	847	/quiz/
841	.q-card-align div{	848	.q-card-align div{
842	margin-bottom: 15px;	849	margin-bottom: 15px;
843	}	850	}
844		851
845	.drop-down {	852	.drop-down {
846	background-color: #fff;	853	background-color: #fff;
847	border-radius: 0;	854	border-radius: 0;
848	font-size: 12px;	855	font-size: 12px;
849	}	856	}
850		857
851	.footer-link, .footer-link:hover {	858	.footer-link, .footer-link:hover {
852	color:#fff;	859	color:#fff;
853	}	860	}
854	/idea content margin/	861	/idea content margin/
855	.content-idea{	862	.content-idea{
856	margin:196px 12px 8px;	863	margin:196px 12px 8px;
857	}	864	}
858		865
859	.content-product{	866	.content-product{
860	margin:193px -19px 9px;	867	margin:193px -19px 9px;
861	}	868	}
862		869
863	.content-growth{	870	.content-growth{
864	margin:192px 11px 8px;	871	margin:192px 11px 8px;
865	}	872	}
866	.last-content-card{	873	.last-content-card{
867	/margin: 0px -85px -4px -51px;/	874	/margin: 0px -85px -4px -51px;/
868	}	875	}
869		876
870	@media (max-width: 600px) {	877	@media (max-width: 600px) {
871	.content-idea{	878	.content-idea{
872	margin: auto;	879	margin: auto;
873	}	880	}
874		881
875	.content-product{	882	.content-product{
876	margin: auto;	883	margin: auto;
877	}	884	}
878		885
879	.content-growth{	886	.content-growth{
880	margin: auto;	887	margin: auto;
881	}	888	}
882	.stages-card{	889	.stages-card{
883	margin: auto;	890	margin: auto;
884	margin-bottom: 15px;	891	margin-bottom: 15px;
885	}	892	}
886	.last-content-card{	893	.last-content-card{
887	margin: auto;	894	margin: auto;
888	}	895	}
889	.card-align{	896	.card-align{
890	margin: auto;	897	margin: auto;
891	}	898	}
892		899
893	}	900	}
894		901
895	.toggler {	902	.toggler {
896	width: 500px;	903	width: 500px;
897	height: 200px;	904	height: 200px;
898	}	905	}
899	#button {	906	#button {
900	padding: .5em 1em;	907	padding: .5em 1em;
901	text-decoration: none;	908	text-decoration: none;
902	}	909	}
903	#effect {	910	#effect {
904	position: relative;	911	position: relative;
905	width: 240px;	912	width: 240px;
906	height: 170px;	913	height: 170px;
907	padding: 0.4em;	914	padding: 0.4em;
908	}	915	}
909	#effect h3 {	916	#effect h3 {
910	margin: 0;	917	margin: 0;
911	padding: 0.4em;	918	padding: 0.4em;
912	text-align: center;	919	text-align: center;
913	}	920	}
914		921
915	#snackbar {	922	#snackbar {
916	visibility: hidden;	923	visibility: hidden;
917	min-width: 250px;	924	min-width: 250px;
918	margin-left: -125px;	925	margin-left: -125px;
919	background-color: #F44336;	926	background-color: #F44336;
920	color: #fff;	927	color: #fff;
921	text-align: center;	928	text-align: center;
922	border-radius: 2px;	929	border-radius: 2px;
923	padding: 16px;	930	padding: 16px;
924	position: fixed;	931	position: fixed;
925	z-index: 1;	932	z-index: 1;
926	left: 50%;	933	left: 50%;
927	bottom: 30px;	934	bottom: 30px;
928	font-size: 17px;	935	font-size: 17px;
929	}	936	}
930		937
931	#snackbar.show {	938	#snackbar.show {
932	visibility: visible;	939	visibility: visible;
933	-webkit-animation: fadin 0.5s, fadout 0.5s 2.5s;	940	-webkit-animation: fadin 0.5s, fadout 0.5s 2.5s;
934	animation: fadin 0.5s, fadout 0.5s 2.5s;	941	animation: fadin 0.5s, fadout 0.5s 2.5s;
935	}	942	}
936		943
937	@-webkit-keyframes fadin {	944	@-webkit-keyframes fadin {
938	from {bottom: 0; opacity: 0;}	945	from {bottom: 0; opacity: 0;}
939	to {bottom: 30px; opacity: 1;}	946	to {bottom: 30px; opacity: 1;}
940	}	947	}
941		948
942	@keyframes fadin {	949	@keyframes fadin {
943	from {bottom: 0; opacity: 0;}	950	from {bottom: 0; opacity: 0;}
944	to {bottom: 30px; opacity: 1;}	951	to {bottom: 30px; opacity: 1;}
945	}	952	}
946		953
947	@-webkit-keyframes fadout {	954	@-webkit-keyframes fadout {
948	from {bottom: 30px; opacity: 1;}	955	from {bottom: 30px; opacity: 1;}
949	to {bottom: 0; opacity: 0;}	956	to {bottom: 0; opacity: 0;}
950	}	957	}
951		958
952	@keyframes fadout {	959	@keyframes fadout {
953	from {bottom: 30px; opacity: 1;}	960	from {bottom: 30px; opacity: 1;}
954	to {bottom: 0; opacity: 0;}	961	to {bottom: 0; opacity: 0;}
955	}	962	}
956		963
957		964
958	#snacsskbar {	965	#snacsskbar {
959	visibility: hidden;	966	visibility: hidden;
960	min-width: 250px;	967	min-width: 250px;
961	margin-left: -125px;	968	margin-left: -125px;
962	background-color: #333;	969	background-color: #333;
963	color: #fff;	970	color: #fff;
964	text-align: center;	971	text-align: center;
965	border-radius: 2px;	972	border-radius: 2px;
966	padding: 16px;	973	padding: 16px;
967	position: fixed;	974	position: fixed;
968	z-index: 1;	975	z-index: 1;
969	left: 50%;	976	left: 50%;
970	top: 30px;	977	top: 30px;
971	font-size: 17px;	978	font-size: 17px;
972	}	979	}
973		980
974	#snacsskbar.show {	981	#snacsskbar.show {
975	visibility: visible;	982	visibility: visible;
976	-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;	983	-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
977	animation: fadein 0.5s, fadeout 0.5s 2.5s;	984	animation: fadein 0.5s, fadeout 0.5s 2.5s;
978	}	985	}
979		986
980	@-webkit-keyframes fadein {	987	@-webkit-keyframes fadein {
981	from {top: 0; opacity: 0;}	988	from {top: 0; opacity: 0;}
982	to {top: 30px; opacity: 1;}	989	to {top: 30px; opacity: 1;}
983	}	990	}
984		991
985	@keyframes fadein {	992	@keyframes fadein {
986	from {top: 0; opacity: 0;}	993	from {top: 0; opacity: 0;}
987	to {top: 30px; opacity: 1;}	994	to {top: 30px; opacity: 1;}
988	}	995	}
989		996
990	@-webkit-keyframes fadeout {	997	@-webkit-keyframes fadeout {
991	from {top: 30px; opacity: 1;}	998	from {top: 30px; opacity: 1;}
992	to {top: 0; opacity: 0;}	999	to {top: 0; opacity: 0;}
993	}	1000	}
994		1001
995	@keyframes fadeout {	1002	@keyframes fadeout {
996	from {top: 30px; opacity: 1;}	1003	from {top: 30px; opacity: 1;}
997	to {top: 0; opacity: 0;}	1004	to {top: 0; opacity: 0;}
998	}	1005	}
999		1006
1000	input.hidden {	1007	input.hidden {
1001	position: absolute;	1008	position: absolute;
1002	left: -9999px;	1009	left: -9999px;
1003	}	1010	}
1004		1011
1005	#profile-image1 {	1012	#profile-image1 {
1006	cursor: pointer;	1013	cursor: pointer;
1007	width: 100px;	1014	width: 100px;
1008	height: 100px;	1015	height: 100px;
1009	border:2px solid #eee ;	1016	border:2px solid #eee ;
1010	}	1017	}
1011		1018
1012	.tital{ font-size:16px; font-weight:500;}	1019	.tital{ font-size:16px; font-weight:500;}
1013	.bot-border{ border-bottom:1px #f8f8f8 solid; margin:5px 0 5px 0}	1020	.bot-border{ border-bottom:1px #f8f8f8 solid; margin:5px 0 5px 0}
1014	.footerpadd{padding: 5px;}	1021	.footerpadd{padding: 5px;}
1015		1022
1016		1023
1017	.container1{	1024	.container1{
1018	width: 100%	1025	width: 100%
1019	}	1026	}
1020		1027
1021	.no-margin{	1028	.no-margin{
1022	margin: 0 0 0 !important;	1029	margin: 0 0 0 !important;
1023	}	1030	}
1024	.no-padding{	1031	.no-padding{
1025	padding: 0 0 0 0 !important;	1032	padding: 0 0 0 0 !important;
1026	}	1033	}
1027	.select-stage{	1034	.select-stage{
1028	margin: 10px 0;	1035	margin: 10px 0;
1029	}	1036	}
1030	.cards-content{	1037	.cards-content{
1031	margin-top: 40px;	1038	margin-top: 40px;
1032	}	1039	}
1033	.cards-content p{	1040	.cards-content p{
1034	font-size: 13px;	1041	font-size: 13px;
1035	}	1042	}
1036	.q-card-align{	1043	.q-card-align{
1037	margin-top: 15px;	1044	margin-top: 15px;
1038	}	1045	}
1039	.width-auto{	1046	.width-auto{
1040	width: auto !important;	1047	width: auto !important;
1041	}	1048	}
1042	.margin-right-label{	1049	.margin-right-label{
1043	margin-right: 20px;	1050	margin-right: 20px;
1044	}	1051	}
1045	.margin-right-label label{	1052	.margin-right-label label{
1046	margin-left: 5px;	1053	margin-left: 5px;
1047	}	1054	}
1048	.apply-coupen-btn{	1055	.apply-coupen-btn{
1049	position: absolute;	1056	position: absolute;
1050	top: -2px;	1057	top: -2px;
1051	right: 13px;	1058	right: 13px;
1052	border: none;	1059	border: none;
1053	height: 44px;	1060	height: 44px;
1054	color: #fff;	1061	color: #fff;
1055	background-color: #666;	1062	background-color: #666;
1056	width: 75px;	1063	width: 75px;
1057	}	1064	}
1058	.coupen-approved{	1065	.coupen-approved{
1059	position: absolute;	1066	position: absolute;
1060	right: 120px;	1067	right: 120px;
1061	top: 6px;	1068	top: 6px;
1062	color: rgb(66, 181, 73);	1069	color: rgb(66, 181, 73);
1063	font-size: 30px !important;	1070	font-size: 30px !important;
1064	}	1071	}
1065	.right-side-links{	1072	.right-side-links{
1066	margin-top: 12px;	1073	margin-top: 12px;
1067	}	1074	}
1068	.right-side-links a{	1075	.right-side-links a{
1069	width: auto;	1076	width: auto;
1070	display: inline;	1077	display: inline;
1071	}	1078	}
1072	.right-side-links a:first-child{	1079	.right-side-links a:first-child{
1073	border-right: 1px solid #fff;	1080	border-right: 1px solid #fff;
1074	padding-right: 4px;	1081	padding-right: 4px;
1075	}	1082	}
1076		1083
1077	@media (max-width: 768px){	1084	@media (max-width: 768px){
1078	.cards-content{	1085	.cards-content{
1079	margin-top: 15px;	1086	margin-top: 15px;
1080	margin-bottom: 30px;	1087	margin-bottom: 30px;
1081	}	1088	}
1082	.no-padding-mobile{	1089	.no-padding-mobile{
1083	padding-left: 0 !important;	1090	padding-left: 0 !important;
1084	padding-right: 0 !important;	1091	padding-right: 0 !important;
1085	}	1092	}
1086	.sector-align .card-small{	1093	.sector-align .card-small{
1087	height: 74px;	1094	height: 74px;
1088	}	1095	}
1089	.stages-card{	1096	.stages-card{
1090	width: 92%;	1097	width: 92%;
1091	}	1098	}
1092	.right-stage-card{	1099	.right-stage-card{
1093	float: right;	1100	float: right;
1094	}	1101	}
1095	.margin-auto-mobile{	1102	.margin-auto-mobile{
1096	margin-left: 4%;	1103	margin-left: 4%;
1097	}	1104	}
1098	.card .thumbnail{	1105	.card .thumbnail{
1099	padding: 15px 0 1px 0;	1106	padding: 15px 0 1px 0;
1100	}	1107	}
1101	.thumbnail > img, .thumbnail a > img{	1108	.thumbnail > img, .thumbnail a > img{
1102	width: 50%;	1109	width: 50%;
1103	}	1110	}
1104	.right-side-links a{	1111	.right-side-links a{
1105	display: block;	1112	display: block;
1106	width: 100%;	1113	width: 100%;
1107	}	1114	}
1108	.right-side-links a:first-child{	1115	.right-side-links a:first-child{
1109	border-right: 0 solid #fff;	1116	border-right: 0 solid #fff;
1110	padding-right: 0;	1117	padding-right: 0;
1111	}	1118	}
1112	.right-side-links{	1119	.right-side-links{
1113	margin-top: 0;	1120	margin-top: 0;
1114	}	1121	}
1115	.panel-default{	1122	.panel-default{
1116	border-color: transparent;	1123	border-color: transparent;
1117	box-shadow: none;	1124	box-shadow: none;
1118	}	1125	}
1119	.modal-footers {	1126	.modal-footers {
1120	padding: 19px 20px 20px;	1127	padding: 19px 20px 20px;
1121	margin-top: 15px;	1128	margin-top: 15px;
1122	text-align: center !important;	1129	text-align: center !important;
1123	margin-bottom: 4px;	1130	margin-bottom: 4px;
1124	}	1131	}
1125	.startup-jalsa{	1132	.startup-jalsa{
1126	font-family: 'BenchNine', sans-serif;	1133	font-family: 'BenchNine', sans-serif;
1127	color: rgb(25, 104, 157);	1134	color: rgb(25, 104, 157);
1128	position:relative;	1135	position:relative;
1129	z-index:2;	1136	z-index:2;
1130	}	1137	}
1131		1138
1132	}	1139	}
1133		1140
1134		1141
1135		1142
1136	.card-input {	1143	.card-input {
1137	display: none;	1144	display: none;
1138	}	1145	}
1139		1146
1140	.card {	1147	.card {
1141	font-size: 1em;	1148	font-size: 1em;
1142	overflow: hidden;	1149	overflow: hidden;
1143	padding: 0;	1150	padding: 0;
1144	border: none;	1151	border: none;
1145	/border-radius: .28571429rem;/	1152	/border-radius: .28571429rem;/
1146	box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;	1153	box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
1147	}	1154	}
1148		1155
1149	.card-block {	1156	.card-block {
1150	font-size: 1em;	1157	font-size: 1em;
1151	position: relative;	1158	position: relative;
1152	margin: 0;	1159	margin: 0;
1153	padding: 4%;	1160	padding: 4%;
1154	border: none;	1161	border: none;
1155	/border-top: 1px solid rgba(34, 36, 38, .1);/	1162	/border-top: 1px solid rgba(34, 36, 38, .1);/
1156	box-shadow: none;	1163	box-shadow: none;
1157	}	1164	}
1158	.button-position{	1165	.button-position{
1159	position: relative;	1166	position: relative;
1160	top: -10px;	1167	top: -10px;
1161	}	1168	}
1162	.card-img-top {	1169	.card-img-top {
1163	display: block;	1170	display: block;
1164	width: 100%;	1171	width: 100%;
1165	height: auto;	1172	height: auto;
		1173	cursor: pointer;
		1174	}
		1175	.title{
		1176	text-align: center;
		1177	color: #0161EE;
1166	}	1178	}
1167
1168	.card-title {	1179	.card-title {
1169	/font-size: 17px;/	1180	/font-size: 17px;/
1170	font-weight: 600;	1181	font-weight: 600;
1171	margin: 0;	1182	margin: 0;
1172	line-height: normal;	1183	line-height: normal;
1173	font-family: 'Arial',sans-serif;	1184	font-family: 'Arial',sans-serif;
1174	}	1185	}
1175	.card-sub-title{	1186	.card-sub-title{
1176	font-family: 'Arial',sans-serif;	1187	font-family: 'Arial',sans-serif;
1177	/color: #666;/	1188	/color: #666;/
1178	font-weight: normal;	1189	font-weight: normal;
1179	margin-bottom: 0;	1190	margin-bottom: 0;
1180	}	1191	}
1181	.button-aligment{	1192	.button-aligment{
1182	margin-top: 5px;	1193	margin-top: 5px;
1183	margin-right: 14px;	1194	margin-right: 14px;
1184	margin-bottom: 15px;	1195	margin-bottom: 15px;
1185	}	1196	}
1186	.card-text {	1197	.card-text {
1187	clear: both;	1198	clear: both;
1188	margin-top: .5em;	1199	margin-top: .5em;
1189	/color: rgba(0, 0, 0, .68);/	1200	/color: rgba(0, 0, 0, .68);/
1190	padding-bottom: 3%;	1201	padding-bottom: 3%;
1191	font-size: 13px;	1202	font-size: 13px;
1192	}	1203	}
1193		1204
1194	.card-text2 {	1205	.card-text2 {
1195	padding: 3% 0 3% 4%;	1206	padding: 3% 0 3% 4%;
1196	margin-bottom: 12%;	1207	margin-bottom: 12%;
1197	border-top: 1px solid rgba(0, 0, 0, .05) !important;	1208	border-top: 1px solid rgba(0, 0, 0, .05) !important;
1198	}	1209	}
1199	.card-text2 span{	1210	.card-text2 span{
1200	font-size: 13px;	1211	font-size: 13px;
1201	/color: #666;/	1212	/color: #666;/
1202	}	1213	}
1203	.card-text2 div{	1214	.card-text2 div{
1204	margin-top: 0 !important;	1215	margin-top: 0 !important;
1205	font-weight: normal;	1216	font-weight: normal;
1206	/color: #000;/	1217	/color: #000;/
1207	font-size: 12px;	1218	font-size: 12px;
1208	padding-bottom: 0;	1219	padding-bottom: 0;
1209	}	1220	}
1210		1221
1211	.card-inverse .btn {	1222	.card-inverse .btn {
1212	border: 1px solid rgba(0, 0, 0, .05);	1223	border: 1px solid rgba(0, 0, 0, .05);
1213	}	1224	}
1214		1225
1215	.card-text3 {	1226	.card-text3 {
1216	border-top: 1px solid rgba(0, 0, 0, .05) !important;	1227	border-top: 1px solid rgba(0, 0, 0, .05) !important;
1217	}	1228	}
1218		1229
1219	.container {	1230	.container {
1220	display: block;	1231	display: block;
1221	position: relative;	1232	position: relative;
1222	padding: 0;	1233	padding: 0;
1223	margin-bottom: 12px;	1234	margin-bottom: 12px;
1224	cursor: pointer;	1235	cursor: pointer;
1225	font-size: 16px;	1236	font-size: 16px;
1226	-webkit-user-select: none;	1237	-webkit-user-select: none;
1227	-moz-user-select: none;	1238	-moz-user-select: none;
1228	-ms-user-select: none;	1239	-ms-user-select: none;
1229	user-select: none;	1240	user-select: none;
1230	width:100%;	1241	width:100%;
1231	}	1242	}
1232		1243
1233	.container1 {	1244	.container1 {
1234	display: block;	1245	display: block;
1235	position: relative;	1246	position: relative;
1236	padding-left: 31px;	1247	padding-left: 31px;
1237	margin-bottom: 12px;	1248	margin-bottom: 12px;
1238	cursor: pointer;	1249	cursor: pointer;
1239	font-size: 15px;	1250	font-size: 15px;
1240	-webkit-user-select: none;	1251	-webkit-user-select: none;
1241	-moz-user-select: none;	1252	-moz-user-select: none;
1242	-ms-user-select: none;	1253	-ms-user-select: none;
1243	user-select: none;	1254	user-select: none;
1244	width:100%;	1255	width:100%;
1245	}	1256	}
1246		1257
1247	/* Hide the browser's default radio button */	1258	/* Hide the browser's default radio button */
1248	.container input {	1259	.container input {
1249	position: absolute;	1260	position: absolute;
1250	opacity: 0;	1261	opacity: 0;
1251	}	1262	}
1252		1263
1253	/* Create a custom radio button */	1264	/* Create a custom radio button */
1254	.checkmark {	1265	.checkmark {
1255	position: absolute;	1266	position: absolute;
1256	top: 0;	1267	top: 0;
1257	left: 0;	1268	left: 0;
1258	height: 25px;	1269	height: 25px;
1259	width: 25px;	1270	width: 25px;
1260	background-color: #eee;	1271	background-color: #eee;
1261	border-radius: 50%;	1272	border-radius: 50%;
1262	}	1273	}
1263		1274
1264	/* On mouse-over, add a grey background color */	1275	/* On mouse-over, add a grey background color */
1265	.container:hover input ~ .checkmark {	1276	.container:hover input ~ .checkmark {
1266	background-color: #ccc;	1277	background-color: #ccc;
1267	}	1278	}
1268		1279
1269	/* When the radio button is checked, add a blue background */	1280	/* When the radio button is checked, add a blue background */
1270	.container input:checked ~ .checkmark {	1281	.container input:checked ~ .checkmark {
1271	background-color: #42b549;	1282	background-color: #42b549;
1272	}	1283	}
1273		1284
1274	/* Create the indicator (the dot/circle - hidden when not checked) */	1285	/* Create the indicator (the dot/circle - hidden when not checked) */
1275	.checkmark:after {	1286	.checkmark:after {
1276	content: "";	1287	content: "";
1277	position: absolute;	1288	position: absolute;
1278	display: none;	1289	display: none;
1279	}	1290	}
1280		1291
1281	/* Show the indicator (dot/circle) when checked */	1292	/* Show the indicator (dot/circle) when checked */
1282	.container input:checked ~ .checkmark:after {	1293	.container input:checked ~ .checkmark:after {
1283	display: block;	1294	display: block;
1284	}	1295	}
1285		1296
1286	/* Style the indicator (dot/circle) */	1297	/* Style the indicator (dot/circle) */
1287	.container .checkmark:after {	1298	.container .checkmark:after {
1288	top: 9px;	1299	top: 9px;
1289	left: 9px;	1300	left: 9px;
1290	width: 8px;	1301	width: 8px;
1291	height: 8px;	1302	height: 8px;
1292	border-radius: 50%;	1303	border-radius: 50%;
1293	background: white;	1304	background: white;
1294	}	1305	}
1295		1306
1296	table {	1307	table {
1297	/*font-family: arial, sans-serif;	1308	/*font-family: arial, sans-serif;
1298	border-collapse: collapse;*/	1309	border-collapse: collapse;*/
1299	width: 60%;	1310	width: 60%;
1300	}	1311	}
1301	.city-meetup {	1312	.city-meetup {
1302	opacity: 0.7;	1313	opacity: 0.7;
1303	filter: alpha(opacity=80); /* For IE8 and earlier */	1314	filter: alpha(opacity=80); /* For IE8 and earlier */
1304	}	1315	}
1305		1316
1306		1317
1307	.card-color{	1318	.card-color{
1308	background-color:white;	1319	background-color:white;
1309	font-size: 16px;	1320	font-size: 16px;
1310	}	1321	}
1311		1322
1312	.card-color-confirm{	1323	.card-color-confirm{
1313	background-color:white;	1324	background-color:white;
1314	font-size: 16px;	1325	font-size: 16px;
1315	margin-top: 16%;	1326	margin-top: 16%;
1316	}	1327	}
1317		1328
1318	.startup-jalsa{	1329	.startup-jalsa{
1319	font-family: 'BenchNine', sans-serif;	1330	font-family: 'BenchNine', sans-serif;
1320	/font-size: 70.15pt;/	1331	/font-size: 70.15pt;/
1321	color: rgb(25, 104, 157);	1332	color: rgb(25, 104, 157);
1322	position:relative;	1333	position:relative;
1323	z-index:2;	1334	z-index:2;
1324	}	1335	}
1325	.header{	1336	.header{
1326	/width: 100%;/	1337	/width: 100%;/
1327	text-align: center;	1338	text-align: center;
1328	padding-top:2%;	1339	padding-top:2%;
1329	/padding: 4px 20px;/	1340	/padding: 4px 20px;/
1330	}	1341	}
1331	.happen-city{	1342	.happen-city{
1332	padding-top:12%;	1343	padding-top:12%;
1333	}	1344	}
1334	.happen-meetup{	1345	.happen-meetup{
1335	font-family: 'Arial',sans-serif;	1346	font-family: 'Arial',sans-serif;
1336	margin-bottom: 10px;	1347	margin-bottom: 10px;
1337	margin-left: 5%;	1348	margin-left: 5%;
1338	}	1349	}
1339	.happen-attend{	1350	.happen-attend{
1340	margin-top:6%;	1351	margin-top:6%;
1341	margin-left: -10px;	1352	margin-left: -10px;
1342	}	1353	}
1343	.width-auto{	1354	.width-auto{
1344	width:auto;	1355	width:auto;
1345	}	1356	}
1346	/*.card-position{	1357	/*.card-position{
1347	position: relative;	1358	position: relative;
1348	top: -3px;	1359	top: -3px;
1349	}*/	1360	}*/
1350		1361
1351	.active, .btn:hover, .btn:onclick {	1362	.active, .btn:hover, .btn:onclick {
1352	background-color: grey;	1363	background-color: grey;
1353	border: grey;	1364	border: grey;
1354	color: white;	1365	color: white;
1355	}	1366	}
1356	.apply-act:hover, .apply-act:focus{	1367	.apply-act1:hover, .apply-act1:focus{
1357	background-color: grey;	1368	background-color: #171717;
1358	border: grey;	1369	border-color: #0161EE;
1359	color: white;	1370	color: #0161EE;
		1371	}
		1372	.apply-act2:hover, .apply-act2:focus{
		1373	background-color: #171717;
		1374	border-color: #0161EE;
		1375	color: #0161EE;
		1376	}
		1377	.apply-act3:hover, .apply-act3:focus{
		1378	background-color: #171717;
		1379	border-color: #0161EE;
		1380	color: #0161EE;
		1381	}
		1382	.apply-act4:hover, .apply-act4:focus{
		1383	background-color: #171717;
		1384	border-color: #0161EE;
		1385	color: #0161EE;
1360	}	1386	}
1361	.apply-btn{	1387	.apply-btn{
1362	text-align: center;	1388	text-align: center;
1363	margin-bottom: 2%;	1389	margin-bottom: 2%;
1364	}	1390	}
1365		1391	.txt{
		1392	margin-top: 3%;
		1393	text-align: center;
		1394	}
1366	.cursor:hover{	1395	.cursor:hover{
1367	cursor: context-menu;	1396	cursor: context-menu;
1368	}	1397	}
1369		1398	.buttons{
		1399	padding: 3% 0 0 0;
		1400	text-align: center;
		1401	font-size: 100px;
		1402	}
		1403	.btn-lg{
		1404	font-size:25px;
		1405	background-color: #171717;
		1406	color: #454545;
		1407	border-color: #454545;
		1408	}
		1409	.btn1{
		1410	padding: 12px 40px;
		1411	}
		1412	.btn2{
		1413	padding: 12px 31px;
		1414	}
		1415	.btn3{
		1416	padding: 12px 18px;
		1417	}
		1418	.btn4{
		1419	padding: 12px 40px;
		1420	}
1370	.bg_dots{	1421	.bg_dots{
1371	position: absolute;	1422	position: absolute;
1372	left:0;	1423	left:0;
1373	right:0;	1424	right:0;
1374	top:0;	1425	top:0;
1375	height: 700px;	1426	height: 700px;
1376	position:fixed;	1427	position:fixed;
1377	background-position: top center;	1428	background-position: top center;
1378	background-image: url(/images/mock_up_background.jpg);	1429	/* background-image: url(/images/background.jpg); */
		1430	background-color: #171717;
1379	background-repeat: no-repeat;	1431	background-repeat: no-repeat;
1380	background-size: 100% auto;	1432	background-size: 100% auto;
1381	-webkit-background-size:100% auto;	1433	-webkit-background-size:100% auto;
1382	}	1434	}
1383	.stage-shadow{	1435	.stage-shadow{
1384	background:transparent;	1436	background:transparent;
1385	}	1437	}
1386	.logojalsa{	1438	.logojalsa{
1387	width:250px;position:relative;margin-bottom: 54px;	1439	width:250px;position:relative;margin-bottom: 54px;
1388	}	1440	}
1389	.jalsaheadr{	1441	.jalsaheadr{
1390	position: relative;font-size: 35px;margin-left: 1%;color: rgb(25, 104, 157);	1442	position: relative;font-size: 35px;margin-left: 1%;color: rgb(25, 104, 157);
1391	}	1443	}
1392	.PitchYourPower{	1444	.PitchYourPower{
1393	position: relative;color: rgb(25, 104, 157);margin-top: -3%;	1445	position: relative;color: rgb(25, 104, 157);margin-top: -3%;
1394	}	1446	}
1395		1447
1396		1448
1397		1449
1398		1450
1399		1451
1400		1452
1401		1453
1402		1454
1403		1455
1404		1456
1405		1457
1406		1458
1407		1459
1408		1460
1409		1461
1410		1462
1411		1463
1412		1464
1413		1465
1414		1466
1415	@media (max-width:767px){	1467	@media (max-width:767px){
		1468	.buttons {
		1469	/* margin-top:23%; */
		1470	font-size: 100px;
		1471	}
		1472	.btn-lg{
		1473	width:74%;
		1474	}
		1475	.btn1{
		1476	margin-bottom: 3%;
		1477	}
		1478	.btn2{
		1479	margin-bottom: 3%;
		1480	}
		1481	.btn3{
		1482	margin-bottom: 3%;
		1483	}
1416	h1{	1484	h1{
1417	font-size:2.8rem;	1485	font-size:2.8rem;
1418	}	1486	}
1419	.happen-city{	1487	.happen-city{
1420	margin-left: -25px;	1488	margin-left: -25px;
1421		1489
1422	}	1490	}
1423	.card-color-confirm{	1491	.card-color-confirm{
1424	margin-top: 40%;	1492	margin-top: 40%;
1425	}	1493	}
1426	.city-meetup {	1494	.city-meetup {
1427	opacity: 0.8;	1495	opacity: 0.8;
1428	filter: alpha(opacity=80); /* For IE8 and earlier */	1496	filter: alpha(opacity=80); /* For IE8 and earlier */
1429	}	1497	}
1430	#front {	1498	#front {
1431	/*background-image: url(/images/mock_up_background.jpg);	1499	/*background-image: url(/images/mock_up_background.jpg);
1432	background-repeat: no-repeat;	1500	background-repeat: no-repeat;
1433	background-attachment:fixed;	1501	background-attachment:fixed;
1434	background-position: top center;	1502	background-position: top center;
1435	-webkit-background-attachment: fixed;	1503	-webkit-background-attachment: fixed;
1436	background-size: 400% auto;	1504	background-size: 400% auto;
1437	-webkit-background-size:400% auto;*/	1505	-webkit-background-size:400% auto;*/
1438	}	1506	}
1439	.bg_dots{	1507	.bg_dots{
1440	height:80%;	1508	height:80%;
1441	background-size: 300% auto;	1509	background-size: 300% auto;
1442	-webkit-background-size:300% auto;	1510	-webkit-background-size:300% auto;
1443	position:fixed;	1511	position:fixed;
1444	top:0;	1512	top:0;
1445	}	1513	}
1446	.logojalsa{	1514	.logojalsa{
1447	width:250px;position:relative;margin-bottom: 15%;	1515	width:250px;position:relative;margin-bottom: 15%;
1448	}	1516	}
1449	.PitchYourPower{	1517	.PitchYourPower{
1450	position: relative;color: rgb(25, 104, 157);margin-top: -15%;	1518	position: relative;color: rgb(25, 104, 157);margin-top: -15%;
1451	}	1519	}
1452		1520
1453	}	1521	}
1454		1522
1455	@media screen and (max-device-width: 991px) and (orientation: landscape){	1523	@media screen and (max-device-width: 991px) and (orientation: landscape){
1456	.rotate-card{	1524	.rotate-card{
1457	width: 100%;	1525	width: 100%;
1458	}	1526	}
1459		1527
1460		1528
1461	}	1529	}
1462		1530
1463	@media (min-width:768px) and (max-width:991px){	1531	@media (min-width:768px) and (max-width:991px){
1464	.logojalsa{	1532	.logojalsa{
1465	width:250px;position:relative;margin-bottom: 7%;	1533	width:250px;position:relative;margin-bottom: 7%;
1466	}	1534	}

index.html

Diff comments View file @5734bf6

pages/Home.html

Diff comments View file @5734bf6

1	<div class="header" >	1	<!-- <div class="header" >
2	<div>	2	<div>
3	<img src="images/LOGO.png" class="logojalsa"><span class="jalsaheadr" style="">2018</span>	3	<img src="images/LOGO.png" class="logojalsa"><span class="jalsaheadr" style="">2018</span>
4	<!-- <h1 class="startup-jalsa">2018</h1> -->
5	<h4 class="PitchYourPower">#PitchYourPower</h4>	4	<h4 class="PitchYourPower">#PitchYourPower</h4>
6	</div>	5	</div>
7		6
8	<div class="clearfix"></div>	7	<div class="clearfix"></div>
9	</div>	8	</div>
10	<!-- CLOSE HEADER -->
11	<form name="homeForm">	9	<form name="homeForm">
12	<div class="col-xs-12 col-md-10 col-md-offset-1 city-meetup card-color " >	10	<div class="col-xs-12 col-md-10 col-md-offset-1 city-meetup card-color " >
13	<div class="col-xs-12">	11	<div class="col-xs-12">
14	<div class="row">	12	<div class="row">
15	<div class="col-sm-6">	13	<div class="col-sm-6">
16	<div class="happen-city">	14	<div class="happen-city">
17	<div class="happen-meetup">	15	<div class="happen-meetup">
18	<b>What will happen at the pitch session?</b>	16	<b>What will happen at the pitch session?</b>
19	</div>	17	</div>
20	<ul>	18	<ul>
21	<li>Mentoring session by an industry expert followed by a quick Q/A session.</li>	19	<li>Mentoring session by an industry expert followed by a quick Q/A session.</li>
22	<li>Prototype-based startup will be given 90 seconds while idea-based startup will be given 60 seconds to pitch their venture to the judging panel.</li>	20	<li>Prototype-based startup will be given 90 seconds while idea-based startup will be given 60 seconds to pitch their venture to the judging panel.</li>
23	<li>One-on-one interaction between the top 5 startups and the jury.</li>	21	<li>One-on-one interaction between the top 5 startups and the jury.</li>
24	</ul>	22	</ul>
25	<div class="happen-meetup">	23	<div class="happen-meetup">
26	<b>Who can attend pitch session?</b>	24	<b>Who can attend pitch session?</b>
27	</div>	25	</div>
28	<ul>	26	<ul>
29	<li>Startups of all sectors and stages can attend the pitch session.</li>	27	<li>Startups of all sectors and stages can attend the pitch session.</li>
30	</ul>	28	</ul>
31	</div>	29	</div>
32	</div>	30	</div>
33	<div class="row">	31	<div class="row">
34	<div class="col-sm-6 happen-attend">	32	<div class="col-sm-6 happen-attend">
35	<div class="width-auto">	33	<div class="width-auto">
36	<div class="happen-meetup" style="margin-top: -5px;">	34	<div class="happen-meetup" style="margin-top: -5px;">
37	<b>Is there any registration fee involved for pitch session?</b>	35	<b>Is there any registration fee involved for pitch session?</b>
38	</div>	36	</div>
39	<ul >	37	<ul >
40	<li>A startup is required to pay a registration fee of Rs.500 to attend the pitch session.</li>	38	<li>A startup is required to pay a registration fee of Rs.500 to attend the pitch session.</li>
41	</ul>	39	</ul>
42	</div><br>	40	</div><br>
43	<div class="width-auto">	41	<div class="width-auto">
44	<div class="happen-meetup" style="margin-top: -18px;">	42	<div class="happen-meetup" style="margin-top: -18px;">
45	<b > Why should a startup participate?</b>	43	<b > Why should a startup participate?</b>
46	</div>	44	</div>
47	<ul >	45	<ul >
48	<li><b>4 Startups</b> will get a guaranteed investment opportunity of <b>Rs.25 Lacs each</b> at 10% equity, subject to due diligence.</li>	46	<li><b>4 Startups</b> will get a guaranteed investment opportunity of <b>Rs.25 Lacs each</b> at 10% equity, subject to due diligence.</li>
49	<li>Two exciting startups from each city will get a travel grant to fly to Startup Jalsa, Invest Edition.</li>	47	<li>Two exciting startups from each city will get a travel grant to fly to Startup Jalsa, Invest Edition.</li>
50	</ul>	48	</ul>
51	</div>	49	</div>
52	<!-- <div class="width-auto">
53	<div class="happen-meetup" style="margin-top: -18px;">
54	<b class="phone-meetup">Who can attend the meetup?</b>
55	</div>
56	<ul class="phone-meetup">
57	<li>A MVP (Minimum Viable Product) is all you need to participate. If you have revenue, even better.</li>
58	</ul>
59	</div>
60	</div> -->
61	</div>	50	</div>
62	</div><br>	51	</div><br>
63	<div class="apply-btn">	52	<div class="apply-btn">
64	<!-- <input type="button" class="btn submit-button " value="Apply" ng-click="apply()"> -->
65	<button class="btn submit-button apply-act" value="Apply" ng-click="apply()" >Proceed</button>	53	<button class="btn submit-button apply-act" value="Apply" ng-click="apply()" >Proceed</button>
66	</div>	54	</div>
67	</div>	55	</div>
68	</div>	56	</div>
69	</form>	57	</form>
70	<footer>	58	<footer>
71	<img id="footer" class="img-responsive banner">	59	<img id="footer" class="img-responsive banner">
72	<center class="footer"><a class="footer-link" href="http://www.viithiisys.com/" target="_blank"></a> </center>	60	<center class="footer"><a class="footer-link" href="http://www.viithiisys.com/" target="_blank"></a> </center>
73	</footer>	61	</footer> -->
		62	<div class="col-xs-12 buttons">
		63	<button type="button" class="btn btn-dark btn-lg apply-act1 btn1" ng-click="isShowHide('INDIA')" value="INDIA" id="defaultcountry">INDIA</button>
		64	<button type="button" class="btn btn-dark btn-lg apply-act2 btn2" ng-click="isShowHide('SRI LANKA')" value="SRI LANKA">SRI LANKA</button>
		65	<button type="button" class="btn btn-dark btn-lg apply-act3 btn3" ng-click="isShowHide('BANGLADESH')" value="BANGLADESH">BANGLADESH</button>
		66	<button type="button" class="btn btn-dark btn-lg apply-act4 btn4" ng-click="isShowHide('NEPAL')" value="NEPAL">NEPAL</button>
		67	</div>
		68	<div class="col-xs-12 col-md-8 col-md-offset-2" ng-show="showval">
		69	<div class="stage-shadow" id="front">
		70	<div class="stages card-align">
		71	<div class="row">
		72	<!-- <div class="col-md-4 col-sm-8" style="margin-top: 5%;">
		73	<div class="card" style="width:100%;border-radius: 6px;">
		74	<label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card">
		75	<img class="card-img-top" src="images/Ahmedabad.png" style="width:100%" ng-click="watch('Chennai')">
		76	</label>
		77	</div>
		78	<div class="txt">Ahmedabad</div>
		79	</div> -->
		80	<div class="col-md-4 col-sm-8" style="margin-top: 5%;">
		81	<img class="card-img-top" src="images/Ahmedabad.png" ng-click="watch('Ahmedabad')" >
		82	<div class="txt">Ahmedabad</div>
		83	</div>
		84	<div class="col-md-4 col-sm-8" style="margin-top: 5%;">
		85	<img class="card-img-top" src="images/Bengaluru.png" ng-click="watch('Bengaluru')">
		86	<div class="txt">Bengaluru</div>
		87	</div>
		88	<div class="col-md-4 col-sm-8" style="margin-top: 5%;">
		89	<img class="card-img-top" src="images/Chennai.png" ng-click="watch('Chennai')">
		90	<div class="txt">Chennai</div>
		91	</div>
		92	</div>
		93	</div>
		94	</div>
		95	<div class="clearfix"></div>
		96	<div class="stages card-align">
		97	<div class="row">
		98	<div class="col-md-4 col-sm-8" style="margin-top: 5%;">
		99	<img class="card-img-top" src="images/Delhi.png" ng-click="watch('Delhi')">
		100	<div class="txt">Delhi</div>
		101	</div>
		102	<div class="col-md-4 col-sm-8" style="margin-top: 5%;">
		103	<img class="card-img-top" src="images/Hyderabad.png" ng-click="watch('hyderabad')">
		104	<div class="txt">hyderabad</div>
		105	</div>
		106	<div class="col-md-4 col-sm-8" style="margin-top: 5%;">
		107	<img class="card-img-top" src="images/Jaipur.png" ng-click="watch('Jaipur')">
		108	<div class="txt">Jaipur</div>
		109	</div>
		110	</div>
		111	</div>
		112	<div class="clearfix"></div>
		113	<div class="stages card-align">
		114	<div class="row">
		115	<div class="col-md-4 col-sm-8" style="margin-top: 5%;">
		116	<img class="card-img-top" src="images/Kanpur.png" ng-click="watch('Kanpur')">
		117	<div class="txt">Kanpur</div>
		118	</div>
		119	<div class="col-md-4 col-sm-8" style="margin-top: 5%;">
		120	<img class="card-img-top" src="images/kolkata.png" ng-click="watch('Kolkata')">
		121	<div class="txt">Kolkata</div>
		122	</div>
		123	<div class="col-md-4 col-sm-8" style="margin-top: 5%;">
		124	<img class="card-img-top" src="images/Mumbai.png" ng-click="watch('Mumbai')">
		125	<div class="txt">Mumbai</div>
		126	</div>
		127	</div>
		128	</div>
		129	</div>
		130	<div class="col-xs-12 col-md-8 col-md-offset-2" ng-show="hideval">
		131	<div class="stage-shadow" id="front">
		132	<div class="stages card-align">
		133	<div class="row">
		134	<div class="col-md-4 col-sm-8" style="margin-top: 5%;">
		135	<img class="card-img-top" src="images/Colombo.png" ng-click="watch('Colombo')">
		136	<div class="txt">Colombo</div>
		137	</div>
		138	</div>
		139	</div>
		140	</div>
		141	</div>
		142	<div class="col-xs-12 col-md-8 col-md-offset-2" ng-show="showvalue">
		143	<div class="stage-shadow" id="front">
		144	<div class="stages card-align">
		145	<div class="row">
		146	<div class="col-md-4 col-sm-8" style="margin-top: 5%;">
		147	<img class="card-img-top" src="images/Dhaka.png" ng-click="watch('Dhaka')">
		148	<div class="txt">Dhaka</div>
		149	</div>
		150	</div>
		151	</div>
		152	</div>
		153	</div>
		154	<div class="col-xs-12 col-md-8 col-md-offset-2" ng-show="hidevalue">
		155	<div class="stage-shadow" id="front">
		156	<div class="stages card-align">
		157	<div class="row">
		158	<div class="col-md-4 col-sm-8" style="margin-top: 5%;">
		159	<img class="card-img-top" src="images/Kathmandu.png" ng-click="watch('Kathmandu')">
		160	<div class="txt">Kathmandu</div>
		161	</div>
		162	</div>
		163	</div>
		164	</div>
		165	</div>
74	<span ng-show="span == true">	166	<span ng-show="span == true">
75	<span id="chennai"></span>	167	<span id="chennai"></span>
76	<span id="mumbai"></span>	168	<span id="mumbai"></span>

pages/registration.html

Diff comments View file @5734bf6

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

script.js

Diff comments View file @5734bf6

 	// create the module and name it scotchApp
 	var scotchApp = angular.module('scotchApp', ['ngRoute','angular-google-analytics']);
 	// configure our routes
 	scotchApp.config(function($routeProvider,$locationProvider) {
 		// use the HTML5 History API
         $locationProvider.html5Mode({
         	enabled: true,
         	requireBase: false
         });
        	$locationProvider.hashPrefix('!');
 	    $routeProvider
 	    	// route for the Home page
 	        .when('/', {
 	            templateUrl: 'pages/Home.html',
 	            controller: 'mainController'
 	        })
 	        // route for the caricatures page
 	        .when('/caricatures', {
 	            templateUrl: 'pages/caricatures.html',
 	            controller: 'mainController'
 	        })
 	        // route for the paymentVerify page
 	        .when('/pendingPayment/:id', {
 	            templateUrl: 'pages/verify.html',
 	            controller: 'verifyController'
 	        })
 	        // route for the registration page
-	        .when('/registration/:city', {
+	        .when('/registration', {
 	            templateUrl: 'pages/registration.html',
 	            controller: 'registrationController'
 	        })
 	        //route for the ambassador page
 	        // .when('/startupJalsaPromocode', {
 	        //     templateUrl: 'pages/ambassador.html',
 	        //     controller: 'ambassadorController'
 	        // })
 	        // route for the confirmation page
 	        .when('/confirmation', {
 	            templateUrl: 'pages/confirmation.html',
 	            controller: 'registrationController'
 	        })
-	        .otherwise({
+	        // .otherwise({
-	        	redirectTo: '/'
+	        // 	redirectTo: '/'
-	        });
+	        // });
 	});
 	scotchApp.config(['AnalyticsProvider', function (AnalyticsProvider) {
 	   	// Add configuration code as desired
 	   	 AnalyticsProvider.setAccount('UA-106416759-1');  //UU-XXXXXXX-X should be your tracking code
 	   	// Track all routes (default is true).
 	  	AnalyticsProvider.trackPages(true);
 	  	// Track all URL query params (default is false).
 	  	AnalyticsProvider.trackUrlParams(true);
 	}]).run(['Analytics', function(Analytics) { }]);
 	scotchApp.constant("BASE_URL", "http://35.154.24.158:4001/v1")
 	//scotchApp.constant("BASE_URL", "http://0.0.0.0:4001/v1")
 	// create the controller and inject Angular's $scope
 	scotchApp.controller('mainController', function($scope, $http, $window, $location, $route, $rootScope, BASE_URL, Analytics) {
 	    $scope.data = {
 	        show: true,
 	        hide: false
-	    };
+		};
+		window.onload = function(){
+			var element = document.getElementById("defaultcountry");
+			   element.classList.add("active");
+			   console.log("element",element)
+		}
 		var chennai = new Date("Sept 19, 2018 12:00:00").getTime();
 		// Update the count down every 1 second
 		var x = setInterval(function() {
 		    // Get todays date and time
 		    var now = new Date().getTime();
 		    // Find the distance between now an the count down date
 		    var distance = chennai - now;
 		    // Time calculations for days, hours, minutes and seconds
 		    var days = Math.floor(distance / (1000 * 60 * 60 * 24));
 		    var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
 		    var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
 		    var seconds = Math.floor((distance % (1000 * 60)) / 1000);
 		    $scope.timer = days + "d " + hours + "h "
 		    + minutes + "m " + seconds + "s "
 		    // Output the result in an element with id="demo"
 		    document.getElementById("chennai").innerHTML = days + "d " + hours + "h "
 		    + minutes + "m " + seconds + "s ";
 		    // If the count down is over, write some text
 		    if (distance < 0) {
 		        clearInterval(x);
 		        document.getElementById("chennai").innerHTML = "EXPIRED";
 		    }
 		}, 1000);
 		var hyderabad = new Date("Sept 22, 2018 14:00:00").getTime();
 		// Update the count down every 1 second
 		var x = setInterval(function() {
 		    // Get todays date and time
 		    var now = new Date().getTime();
 		    // Find the distance between now an the count down date
 		    var distance = hyderabad - now;
 		    // Time calculations for days, hours, minutes and seconds
 		    var days = Math.floor(distance / (1000 * 60 * 60 * 24));
 		    var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
 		    var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
 		    var seconds = Math.floor((distance % (1000 * 60)) / 1000);
 		    $scope.timer = days + "d " + hours + "h "
 		    + minutes + "m " + seconds + "s "
 		    // Output the result in an element with id="demo"
 		    document.getElementById("hyderabad").innerHTML = days + "d " + hours + "h "
 		    + minutes + "m " + seconds + "s ";
 		    // If the count down is over, write some text
 		    if (distance < 0) {
 		        clearInterval(x);
 		        document.getElementById("hyderabad").innerHTML = "EXPIRED";
 		    }
 		}, 1000);
 		var mumbai = new Date("Sept 26, 2018 14:00:00").getTime();
 		// Update the count down every 1 second
 		var x = setInterval(function() {
 		    // Get todays date and time
 		    var now = new Date().getTime();
 		    // Find the distance between now an the count down date
 		    var distance = mumbai - now;
 		    // Time calculations for days, hours, minutes and seconds
 		    var days = Math.floor(distance / (1000 * 60 * 60 * 24));
 		    var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
 		    var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
 		    var seconds = Math.floor((distance % (1000 * 60)) / 1000);
 		    $scope.timer = days + "d " + hours + "h "
 		    + minutes + "m " + seconds + "s "
 		    // Output the result in an element with id="demo"
 		    document.getElementById("mumbai").innerHTML = days + "d " + hours + "h "
 		    + minutes + "m " + seconds + "s ";
 		    // If the count down is over, write some text
 		    if (distance < 0) {
 		        clearInterval(x);
 		        document.getElementById("mumbai").innerHTML = "EXPIRED";
 		    }
 		}, 1000);
 		var kolkata = new Date("Oct 3, 2018 14:00:00").getTime();
 		// Update the count down every 1 second
 		var x = setInterval(function() {
 		    // Get todays date and time
 		    var now = new Date().getTime();
 		    // Find the distance between now an the count down date
 		    var distance = kolkata - now;
 		    // Time calculations for days, hours, minutes and seconds
 		    var days = Math.floor(distance / (1000 * 60 * 60 * 24));
 		    var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
 		    var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
 		    var seconds = Math.floor((distance % (1000 * 60)) / 1000);
 		    $scope.timer = days + "d " + hours + "h "
 		    + minutes + "m " + seconds + "s "
 		    // Output the result in an element with id="demo"
 		    document.getElementById("kolkata").innerHTML = days + "d " + hours + "h "
 		    + minutes + "m " + seconds + "s ";
 		    // If the count down is over, write some text
 		    if (distance < 0) {
 		        clearInterval(x);
 		        document.getElementById("kolkata").innerHTML = "EXPIRED";
 		    }
 		}, 1000);
 		var jaipur = new Date("Oct 5, 2018 14:00:00").getTime();
 		// Update the count down every 1 second
 		var x = setInterval(function() {
 		    // Get todays date and time
 		    var now = new Date().getTime();
 		    // Find the distance between now an the count down date
 		    var distance = jaipur - now;
 		    // Time calculations for days, hours, minutes and seconds
 		    var days = Math.floor(distance / (1000 * 60 * 60 * 24));
 		    var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
 		    var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
 		    var seconds = Math.floor((distance % (1000 * 60)) / 1000);
 		    $scope.timer = days + "d " + hours + "h "
 		    + minutes + "m " + seconds + "s "
 		    // Output the result in an element with id="demo"
 		    document.getElementById("jaipur").innerHTML = days + "d " + hours + "h "
 		    + minutes + "m " + seconds + "s ";
 		    // If the count down is over, write some text
 		    if (distance < 0) {
 		        clearInterval(x);
 		        document.getElementById("jaipur").innerHTML = "EXPIRED";
 		    }
 		}, 1000);
 		var delhi = new Date("Oct 8, 2018 14:00:00").getTime();
 		// Update the count down every 1 second
 		var x = setInterval(function() {
 		    // Get todays date and time
 		    var now = new Date().getTime();
 		    // Find the distance between now an the count down date
 		    var distance = delhi - now;
 		    // Time calculations for days, hours, minutes and seconds
 		    var days = Math.floor(distance / (1000 * 60 * 60 * 24));
 		    var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
 		    var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
 		    var seconds = Math.floor((distance % (1000 * 60)) / 1000);
 		    $scope.timer = days + "d " + hours + "h "
 		    + minutes + "m " + seconds + "s "
 		    // Output the result in an element with id="demo"
 		    document.getElementById("delhi").innerHTML = days + "d " + hours + "h "
 		    + minutes + "m " + seconds + "s ";
 		    // If the count down is over, write some text
 		    if (distance < 0) {
 		        clearInterval(x);
 		        document.getElementById("delhi").innerHTML = "EXPIRED";
 		    }
 		}, 1000);
 		var kanpur = new Date("Oct 10, 2018 14:00:00").getTime();
 		// Update the count down every 1 second
 		var x = setInterval(function() {
 		    // Get todays date and time
 		    var now = new Date().getTime();
 		    // Find the distance between now an the count down date
 		    var distance = kanpur - now;
 		    // Time calculations for days, hours, minutes and seconds
 		    var days = Math.floor(distance / (1000 * 60 * 60 * 24));
 		    var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
 		    var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
 		    var seconds = Math.floor((distance % (1000 * 60)) / 1000);
 		    $scope.timer = days + "d " + hours + "h "
 		    + minutes + "m " + seconds + "s "
 		    // Output the result in an element with id="demo"
 		    document.getElementById("kanpur").innerHTML = days + "d " + hours + "h "
 		    + minutes + "m " + seconds + "s ";
 		    // If the count down is over, write some text
 		    if (distance < 0) {
 		        clearInterval(x);
 		        document.getElementById("kanpur").innerHTML = "EXPIRED";
 		    }
 		}, 1000);
 		var ahmedabad = new Date("Oct 12, 2018 14:00:00").getTime();
 		// Update the count down every 1 second
 		var x = setInterval(function() {
 		    // Get todays date and time
 		    var now = new Date().getTime();
 		    // Find the distance between now an the count down date
 		    var distance = ahmedabad - now;
 		    // Time calculations for days, hours, minutes and seconds
 		    var days = Math.floor(distance / (1000 * 60 * 60 * 24));
 		    var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
 		    var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
 		    var seconds = Math.floor((distance % (1000 * 60)) / 1000);
 		    $scope.timer = days + "d " + hours + "h "
 		    + minutes + "m " + seconds + "s "
 		    // Output the result in an element with id="demo"
 		    document.getElementById("ahmedabad").innerHTML = days + "d " + hours + "h "
 		    + minutes + "m " + seconds + "s ";
 		    // If the count down is over, write some text
 		    if (distance < 0) {
 		        clearInterval(x);
 		        document.getElementById("ahmedabad").innerHTML = "EXPIRED";
 		    }
 		}, 1000);
 		var bengaluru = new Date("Oct 13, 2018 14:00:00").getTime();
 		// Update the count down every 1 second
 		var x = setInterval(function() {
 		    // Get todays date and time
 		    var now = new Date().getTime();
 		    // Find the distance between now an the count down date
 		    var distance = bengaluru - now;
 		    // Time calculations for days, hours, minutes and seconds
 		    var days = Math.floor(distance / (1000 * 60 * 60 * 24));
 		    var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
 		    var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
 		    var seconds = Math.floor((distance % (1000 * 60)) / 1000);
 		    $scope.timer = days + "d " + hours + "h "
 		    + minutes + "m " + seconds + "s "
 		    // Output the result in an element with id="demo"
 		    document.getElementById("bengaluru").innerHTML = days + "d " + hours + "h "
 		    + minutes + "m " + seconds + "s ";
 		    // If the count down is over, write some text
 		    if (distance < 0) {
 		        clearInterval(x);
 		        document.getElementById("bengaluru").innerHTML = "EXPIRED";
 		    }
 		}, 1000);
 		var dharamsala = new Date("Dec 14, 2018 14:00:00").getTime();
 		// Update the count down every 1 second
 		var x = setInterval(function() {
 		    // Get todays date and time
 		    var now = new Date().getTime();
 		    // Find the distance between now an the count down date
 		    var distance = dharamsala - now;
 		    // Time calculations for days, hours, minutes and seconds
 		    var days = Math.floor(distance / (1000 * 60 * 60 * 24));
 		    var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
 		    var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
 		    var seconds = Math.floor((distance % (1000 * 60)) / 1000);
 		    $scope.timer = days + "d " + hours + "h "
 		    + minutes + "m " + seconds + "s "
 		    // Output the result in an element with id="demo"
 		    document.getElementById("dharamsala").innerHTML = days + "d " + hours + "h "
 		    + minutes + "m " + seconds + "s ";
 		    // If the count down is over, write some text
 		    if (distance < 0) {
 		        clearInterval(x);
 		        document.getElementById("dharamsala").innerHTML = "EXPIRED";
 		    }
 		}, 1000);
 	    $scope.infoForm = false; /*THIS CODE FOR HIDE STEP 2 FORM*/
 	    $scope.space = false; /*THIS CODE FOR HIDE STEP 2 FORM*/
 	    // $scope.Textshow = "yes"
 	    $scope.max = 100;
 	    $scope.formPage = false;
 	    $scope.current = 0;
 	    $scope.payingAmnt = 0;
 	    $scope.data = {};
 	    $scope.discountAmount = 0;
 	    // $scope.data.quantity = "1";
 	    $scope.check = false;
 	    $scope.numberCheck = false;
 	    $scope.paymentResult = {};
 	    var data = {
 	        "amount": $scope.payingAmnt,
 	        "currency": "INR",
 	        "status": "pending"
-	    }
-	    $scope.apply = function() {
-	    	//Analytics.trackEvent('register', 'click', 'Registration');
-			$location.path("/caricatures")
 		}
+		$scope.showval = true;
+		$scope.hideval = false;
+		$scope.showvalue = false;
+		$scope.hidevalue = false;
+		$scope.isShowHide = function (value) {
+			console.log(value)
+			if (value == "INDIA") {
+				console.log("value",value)
+				$scope.showval = true;
+				$scope.hideval = false;
+				$scope.showvalue = false;
+				$scope.hidevalue = false;
+			}
+			else if (value == "SRI LANKA") {
+				console.log("value1",value)
+				$scope.showval = false;
+				$scope.hideval = true;
+				$scope.showvalue = false;
+				$scope.hidevalue = false;
+			}
+			else if (value == "BANGLADESH") {
+				console.log("value2",value)
+				$scope.showval = false;
+				$scope.hideval = false;
+				$scope.showvalue = true;
+				$scope.hidevalue = false;
+			}
+			else {
+				console.log("value3",value)
+				$scope.showval = false;
+				$scope.hideval = false;
+				$scope.showvalue = false;
+				$scope.hidevalue = true;
+			}
+		}
+	    // $scope.apply = function() {
+	    // 	//Analytics.trackEvent('register', 'click', 'Registration');
+		// 	$location.path("/caricatures")
+		// }
 	    $scope.data.city = '';
 	    $scope.watch =  function(value){
 	    	console.log("cllll",value)
 	    	$scope.data.city = value;
 	    	// if($scope.data.city == "Chennai"){
 	    	// 	console.log("cllll1",value)
 	    	// 	$window.location.href = 'http://35.154.24.158:8007';
 	    	// }else{
 	    		console.log("cllll2",value)
 		    	localStorage.setItem("city" ,value);
 		    	//$location.path('/registration').search({city: value});
-		    	$location.path('/registration/'+value+'');
+				// $location.path('/registration/'+value+'');
+				$location.path('/registration');
 		    	//$state.go('registration', { 'city': value})
 	    	// }
 	    }
 	    $scope.select =  function(url){
 	    	console.log("cllll")
 	    	window.open(url)
 	    }
 	    $scope.stagekeyPress = function() {
 	        $('.icon-circle-a').css('background-color', 'rgb(25, 104, 157)');
 	    }
 	    $scope.sectorkeyPress = function() {
 	        $('.icon-circle-b').css('background-color', 'rgb(25, 104, 157)');
 	    }
 	    $scope.productLaunchkeyPress = function() {
 	        $('.icon-circle-ab').css('background-color', 'rgb(25, 104, 157)');
 	    }
 	    $scope.launchPeriodkeyPress = function() {
 	        $('.icon-circle-abc').css('background-color', 'rgb(25, 104, 157)');
 	    }
 	    $scope.industrykeyPress = function(quantity) {
 	    	console.log("fghj",quantity)
 	    	$('.icon-circle-abcdefg').css('background-color', 'rgb(25, 104, 157)');
 	    }
 	    $scope.industryNamekeyPress = function(firstName) {
 	        console.log("lastName==", firstName);
 	        if (firstName == undefined) {
 	            $('.icon-circle-o').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-o').css('background-color', 'rgb(25, 104, 157)');
 	        }
 	    }
 	    $scope.amountkeyPress = function() {
 	        $('.icon-circle-bc').css('background-color', 'rgb(25, 104, 157)');
 	    }
 	    $scope.firstNamekeyPress = function(name) {
 	        console.log("lastName==", name);
 	        if (name == undefined) {
 	            $('.icon-circle-c').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-c').css('background-color', 'rgb(25, 104, 157)');
 	        }
 	    }
 	    $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(25, 104, 157)');
 	        }
 	    }
 	    $scope.phonekeyPress = function(number) {
 	        console.log("number", number);
 	        if (number == undefined || number == '') {
 	            $('.icon-circle-e').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-e').css('background-color', 'rgb(25, 104, 157)');
 	        }
 	    }
 	    $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(25, 104, 157)');
 	        }
 	    }
 	    $scope.startupNamekeyPress = function(q) {
 	        if (q == undefined) {
 	            $('.icon-circle-x').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-x').css('background-color', 'rgb(25, 104, 157)');
 	        }
 	    }
 	    $scope.linkedInkeyPress = function(technology) {
 	        if (technology == undefined || technology == '') {
 	            $('.icon-circle-h').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-h').css('background-color', 'rgb(25, 104, 157)');
 	        }
 	    }
 	    $scope.companykeyPress = function(problem) {
 	        if (problem == undefined) {
 	            $('.icon-circle-i').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-i').css('background-color', 'rgb(25, 104, 157)');
 	        }
 	    }
 	    $scope.productNamekeyPress = function(solution) {
 	        if (solution == undefined) {
 	            $('.icon-circle-j').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-j').css('background-color', 'rgb(25, 104, 157)');
 	        }
 	    }
 	    $scope.businesskeyPress = function(business) {
 	    	if (business == undefined) {
 	        	$('.icon-circle-p').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-p').css('background-color', 'rgb(25, 104, 157)');
 	        }
 	    }
 	    $scope.websitekeyPress = function(prototype) {
 	        if (prototype == undefined  || prototype == '') {
 	            $('.icon-circle-k').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-k').css('background-color', 'rgb(25, 104, 157)');
 	        }
 	    }
 	    $scope.employeekeyPress = function(market) {
 	        if (market == undefined || market == '') {
 	            $('.icon-circle-l').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-l').css('background-color', 'rgb(25, 104, 157)');
 	        }
 	    }
 	    $scope.annualkeyPress = function(risk) {
 	        if (risk == undefined || risk == '') {
 	            $('.icon-circle-m').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-m').css('background-color', 'rgb(25, 104, 157)');
 	        }
 	    }
 	    $scope.revenuekeyPress = function(team) {
 	        if (team == undefined) {
 	            $('.icon-circle-n').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-n').css('background-color', 'rgb(25, 104, 157)');
 	        }
 	    }
 	    $scope.descriptionkeyPress = function(pitch) {
 	        if (pitch == undefined) {
 	            $('.icon-circle-z').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-z').css('background-color', 'rgb(25, 104, 157)');
 	        }
 	    }
 	    $scope.discountkeyPress = function(discount) {
 	        if (discount == undefined) {
 	            $('.icon-circle-o').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-o').css('background-color', 'rgb(25, 104, 157)');
 	        }
 	    }
 	    $scope.removeNooError = function() {
 	    	$('#invalidIdea').css('display', 'block');
 	        $('#noExist').css('display', 'none');
 	    };
 	    $scope.ideakeyPress = 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(25, 104, 157)');
 	        }
 	    }
 	    $scope.fundkeyPress = function(financial) {
 	        console.log("financial", financial);
 	        if (financial == undefined) {
 	            $('.icon-circle-y').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-y').css('background-color', 'rgb(25, 104, 157)');
 	        }
 	    }
 	    $scope.changeReferalIconColor = function(referalToken){
 	    	if (referalToken == undefined || referalToken == '') {
 	    		$('.referel-icon').css('background-color', 'rgb(102, 102, 102)');
 	    	}else {
 	            $('.referel-icon').css('background-color', 'rgb(25, 104, 157)');
 	        }
 	    }
 	});
 	scotchApp.controller('registrationController', function($scope, $http, $location, $rootScope,$route,BASE_URL) {
 		$scope.data = {};
 		$scope.check = false;
 	    $scope.numberCheck = false;
 	    $scope.infoForm = false; /*THIS CODE FOR HIDE STEP 2 FORM*/
 	    $scope.space = false; /*THIS CODE FOR HIDE STEP 2 FORM*/
 	    $scope.max = 100;
 	    $scope.formPage = false;
 	    $scope.current = 0;
 	    $scope.payingAmnt = 0;
 	    $scope.discountAmount = 0;
 	    // $scope.data.quantity = "1";
 	    $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');
 	    };
 		$scope.emailcheck = function(val) {
 	        if (val == undefined) {
 	            $('#invalidEmail').css('display', 'block');
 	        } else {
 	        	$('#alreadyExist').css('display', 'block');
 	        }
 	    };
 	    $scope.removeNoError = function() {
 	        $('#invalidNumber').css('display', 'none');
 	        $('#alreadyExist').css('display', 'none');
 	    };
 		$scope.numbercheck = function(val) {
 	        if (val == undefined) {
 	            $('#invalidNumber').css('display', 'block');
 	        } else {
 	        	$('#alreadyExist').css('display', 'block');
 	        }
 	    };
 	 	// $scope.$on('city', function (event, value) {
 			$scope.data.city = localStorage.getItem("city");
 			console.log("HERE===",$scope.data.city );
 		// });
 		$rootScope.tokenCall = function(val) {
 	        console.log('val-------->', val);
 	        if (val == undefined) {
 	            $('#invalidToken').css('display', 'block');
 	        } else {
 	        	val = val.toUpperCase();
 	        	if((val == "IITH99" && $scope.data.city != "Hyderabad") || (val == "IITM99" && $scope.data.city != "Chennai") || (val == "IITD99" && $scope.data.city != "Delhi") || (val == "IITB99" && $scope.data.city != "Mumbai") || (val == "IITK99" && $scope.data.city != "Kanpur") || (val == "IIMC99" && $scope.data.city != "Kolkata") || (val == "IIMA99" && $scope.data.city != "Ahmedabad") || (val == "JAI40" && $scope.data.city != "Jaipur")){
 	        		$scope.tokencheck = false;
 	        		return;
 	        	}
 	        	$http.get(BASE_URL + '/ambassadors?filter={"where": {"referalToken": "' + val + '"}}')
 				    .then(function(searchResult) {
 				    	console.log("searchResult",searchResult)
 				        if (searchResult.data.length == 0) {
 	                    	$scope.tokencheck = false;
 	                    	 $scope.discountAmount = 0;
 	                	} else {
 	                		console.log("===searchResult.data[0].discount===",searchResult.data[0].discount);
 	                    	 $scope.discountpercentage = searchResult.data[0].discount;
 	                    	 console.log("===searchResultdiscountpercentage===",$scope.discountpercentage);
 	                    	$scope.tokencheck = true;
 	                	}
 				    },function(err){
 				    	console.log(err)
 				});
 	        }
 	    };
 		$scope.submit = function() {
 		$scope.ticketAmnt = 500;
 		if($scope.tokencheck == false){
     		$scope.data.referalToken = null;
     	}
 		if ($scope.data.name == undefined || $scope.data.email == undefined || $scope.data.number == undefined) {
 			var x = document.getElementById("snackbar")
 		    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;
 			$scope.detail = {};
 			$scope.data.phone = "+91"+$scope.data.number;
 			if($scope.data.referalToken == null){
             	$scope.data.referalToken = "N.A."
             }
 			$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)
 	                var amount = $scope.ticketAmnt * 100
 			        if($scope.tokencheck == true){
 				        var amount = $scope.ticketAmnt
 				        console.log("====$scope.discountpercentage====",$scope.discountpercentage);
 			        	console.log("resultcity===",$scope.data.city)
 						if($scope.discountpercentage == "100") {
 			        		$scope.discountpercentage = "99.8";
 			        		console.log("$scope.discountpercentage====",$scope.discountpercentage)
 				        }
 				        console.log("====$scope.discountpercentage====",$scope.discountpercentage);
 				        $scope.percDiscount = $scope.discountpercentage/100;
 				        console.log("====$scope.percDiscount====",$scope.percDiscount);
 				        console.log("====amount=====",amount);
 					    $scope.discountAmount = amount * $scope.percDiscount;
 					    console.log("finalAmount====>",$scope.discountAmount)
 			        }
 			        var taxAmount = $scope.ticketAmnt - $scope.discountAmount
 		        	console.log("$scope.taxTotal----",taxAmount)
 		        	$scope.payingAmnt = taxAmount;
 		        	console.log("====$scope.payingAmnt====",$scope.payingAmnt)
 		        	$scope.payingAmnt = $scope.payingAmnt.toFixed()
 	                data.amount = $scope.payingAmnt;
 	                console.log("data.amount==",data.amount)
 	               if($scope.detail != null){
 					$http({
 					   method: 'POST',
 					   url: BASE_URL+'/payments',
 					   data: data,
 					   headers: {}
 					   }).then(function mySuccess(paymentResult) {
 					       $scope.paymentResult = paymentResult;
 					   }, function myError(error) {
 					});
 				}
 				var i = 0;
 				$scope.payingAmnt =  $scope.payingAmnt * 100;
 				var options = {
 					//"key": "rzp_test_YwHsVFiDIQ2WUQ",
 					"key": "rzp_live_mkmCb4FkstuWaS",
 					"amount": $scope.payingAmnt,
 					"name": "Startup Jalsa",
 					"description":"amount",
 					"currency": "INR",
 					"status": "done",
 					"prefill": {
 						"email": $scope.detail.email,
 						"contact": $scope.detail.phone
 					},
 					"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("response12333333",response)
 					$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;
 					console.log("$scope.paymentResponse.amount=====",$scope.paymentResponse.amount)
 					$http({
 					   method: 'PUT',
 					   url: BASE_URL+'/payments/'+$scope.paymentResult.data.id,
 					   data: $scope.paymentResponse,
 					   headers: {}
 					   }).then(function mySuccess(searchResult) {
 					   	console.log("searchResult",searchResult)
 					   	$location.path("/confirmation")
 					   }, function myError(error) {
 					});
 				}
 				//}
 	           }, function myError(error) {
 	        });
 		}
 	}
 });
 scotchApp.controller('ambassadorController', function($scope, $http, $location, $route,BASE_URL) {
 		$scope.data = {};
 		$scope.check = false;
 	    $scope.numberCheck = false;
 		$scope.submit = function() {
 			console.log($scope.data.name)
 			var randomNumber = ""+Math.random();
 			var nameSpliced = $scope.data.name.slice(0,5);
 			var numberSpliced = randomNumber.slice(2,4);;
 			$scope.data.referalToken = nameSpliced+numberSpliced;
 			$scope.data.referalToken = $scope.data.referalToken.toUpperCase();
 			console.log("dsdfs",numberSpliced);
 	         $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');
 	              	$scope.data.name = '';
 	                $scope.data.email = '';
 	                $scope.data.mobile = '';
 	                //$scope.data.discount = '';
 	            }, function myError(error) {
 	            	console.log(error)
 	            	console.log(error.data.error.message)
 	            });
 	        }
 	});

1	<!DOCTYPE html>	1	<!DOCTYPE html>
2		2
3	<!-- define angular app -->	3	<!-- define angular app -->
4	<html ng-app="scotchApp">	4	<html ng-app="scotchApp">
5		5
6	<head>	6	<head>
7	<meta charset="utf-8">	7	<meta charset="utf-8">
8	<base href="/">	8	<base href="/">
9	<meta http-equiv="X-UA-Compatible" content="IE=edge">	9	<meta http-equiv="X-UA-Compatible" content="IE=edge">
10	<meta name="viewport" content="width=device-width, initial-scale=1">	10	<meta name="viewport" content="width=device-width, initial-scale=1">
11	<title>Startup Jalsa</title>	11	<title>Startup Jalsa</title>
12	<link rel="shortcut icon" type="image/png" href="images/favicon.png"/>	12	<link rel="shortcut icon" type="image/png" href="images/favicon.png"/>
13	<!-- SCROLLS -->	13	<!-- SCROLLS -->
14	<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css"/>	14	<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css"/>
15	<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.0.0/css/font-awesome.css"/>	15	<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.0.0/css/font-awesome.css"/>
16	<link href="https://fonts.googleapis.com/css?family=BenchNine" rel="stylesheet">	16	<link href="https://fonts.googleapis.com/css?family=BenchNine" rel="stylesheet">
17	<!-- SPELLS -->	17	<!-- SPELLS -->
18	<script type="text/javascript" src="js/jquery-3.2.1.js"></script>	18	<script type="text/javascript" src="js/jquery-3.2.1.js"></script>
19	<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular.min.js"></script>	19	<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular.min.js"></script>
20	<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular-route.js"></script>	20	<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular-route.js"></script>
21	<link rel="stylesheet" type="text/css" href="css/bootstrap.css">	21	<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
22	<link rel="stylesheet" type="text/css" href="css/custom.css">	22	<link rel="stylesheet" type="text/css" href="css/custom.css">
23	<script src="https://checkout.razorpay.com/v1/checkout.js"></script>	23	<script src="https://checkout.razorpay.com/v1/checkout.js"></script>
24	<link rel="stylesheet" href="css/circle.css">	24	<link rel="stylesheet" href="css/circle.css">
25	<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">	25	<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
26	<link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.indigo-pink.min.css">	26	<link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.indigo-pink.min.css">
27	<script src="script.js"></script>	27	<script src="script.js"></script>
28	<script src="js/angular-svg-round-progressbar.js"></script>	28	<script src="js/angular-svg-round-progressbar.js"></script>
29	<script src="js/angular.js"></script>	29	<script src="js/angular.js"></script>
30	<script src="js/bootstrap.js"></script>	30	<script src="js/bootstrap.js"></script>
31	<script src="dist/angular-google-analytics.js"></script>	31	<script src="dist/angular-google-analytics.js"></script>
32	<!-- <script>(function(w,d,s,l,i){w[l]=w[l]\|\|[];w[l].push({'gtm.start':	32	<!-- <script>(function(w,d,s,l,i){w[l]=w[l]\|\|[];w[l].push({'gtm.start':
33	new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],	33	new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
34	j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=	34	j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
35	'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);	35	'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
36	})(window,document,'script','dataLayer','GTM-KCXPCKF');</script> -->	36	})(window,document,'script','dataLayer','GTM-KCXPCKF');</script> -->
37	<!-- Google Tag Manager -->	37	<!-- Google Tag Manager -->
38	<script>(function(w,d,s,l,i){w[l]=w[l]\|\|[];w[l].push({'gtm.start':	38	<script>(function(w,d,s,l,i){w[l]=w[l]\|\|[];w[l].push({'gtm.start':
39	new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],	39	new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
40	j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=	40	j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
41	'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);	41	'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
42	})(window,document,'script','dataLayer','GTM-WBTNXZB');</script>	42	})(window,document,'script','dataLayer','GTM-WBTNXZB');</script>
43		43
44	<!-- End Google Tag Manager -->	44	<!-- End Google Tag Manager -->
45	<!-- <script>	45	<!-- <script>
46	(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]\|\|function(){	46	(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]\|\|function(){
47	(i[r].q=i[r].q\|\|[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),	47	(i[r].q=i[r].q\|\|[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
48	m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)	48	m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
49	})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');	49	})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
50		50
51	ga('create', 'UA-106416759-1', 'auto');	51	ga('create', 'UA-106416759-1', 'auto');
52	ga('send', 'pageview');	52	ga('send', 'pageview');
53	</script> -->	53	</script> -->
54		54
55	</head>	55	</head>
56		56
57	<!-- define angular controller -->	57	<!-- define angular controller -->
58	<body ng-controller="mainController" id="front">	58	<body ng-controller="mainController" id="front">
59	<!-- Google Tag Manager (noscript) -->	59	<!-- Google Tag Manager (noscript) -->
60	<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WBTNXZB"	60	<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WBTNXZB"
61	height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>	61	height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
62	<!-- <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KCXPCKF"	62	<!-- <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KCXPCKF"
63	height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> -->	63	height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> -->
64	<!-- End Google Tag Manager (noscript) -->	64	<!-- End Google Tag Manager (noscript) -->
65	<div class="bg_dots"></div>	65	<div class="bg_dots"></div>
66	<div id="main">	66	<div id="main">
67	<div ng-view id="front"></div>	67	<div ng-view id="front"></div>
68	</div>	68	</div>
69		69
70	</body>	70	</body>
71	<script type="text/javascript">window.$crisp=[];window.CRISP_WEBSITE_ID="7899c0bb-0bd6-4768-b64c-f2df38bc2e9a";(function(){d=document;s=d.createElement("script");s.src="https://client.crisp.chat/l.js";s.async=1;d.getElementsByTagName("head")[0].appendChild(s);})();</script>	71	<!-- <script type="text/javascript">window.$crisp=[];window.CRISP_WEBSITE_ID="7899c0bb-0bd6-4768-b64c-f2df38bc2e9a";(function(){d=document;s=d.createElement("script");s.src="https://client.crisp.chat/l.js";s.async=1;d.getElementsByTagName("head")[0].appendChild(s);})();</script> -->
72		72
73	</html>	73	</html>
74		74