Commit c3f9ec33186f6470f7cdcf597b9fe703d4255573
1 parent
530e028c8e
Exists in
master
and in
1 other branch
update
Showing
2 changed files
with
4 additions
and
4 deletions
Show diff stats
css/custom.css
1 | { | 1 | { |
2 | outline: none !important; | 2 | outline: none !important; |
3 | } | 3 | } |
4 | .header{ | 4 | .header{ |
5 | width: 100%; | 5 | width: 100%; |
6 | padding: 4px 20px; | 6 | padding: 4px 20px; |
7 | background-color: #42b549; | 7 | background-color: #42b549; |
8 | } | 8 | } |
9 | .logo{ | 9 | .logo{ |
10 | height: 45px; | 10 | height: 45px; |
11 | margin-left: | 11 | margin-left: |
12 | } | 12 | } |
13 | 13 | ||
14 | .hyperColor{ | 14 | .hyperColor{ |
15 | color: white !important; | 15 | color: white !important; |
16 | cursor: pointer !important; | 16 | cursor: pointer !important; |
17 | } | 17 | } |
18 | .main-heading{ | 18 | .main-heading{ |
19 | height: 70px; | 19 | height: 70px; |
20 | line-height: 70px; | 20 | line-height: 70px; |
21 | } | 21 | } |
22 | .card{ | 22 | .card{ |
23 | flex-direction: column; | 23 | flex-direction: column; |
24 | background-color: rgb(255,255,255); | 24 | background-color: rgb(255,255,255); |
25 | border-radius: 0; | 25 | border-radius: 0; |
26 | width: 676px; | 26 | width: 676px; |
27 | box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); | 27 | box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); |
28 | } | 28 | } |
29 | .card input{ | 29 | .card input{ |
30 | display: none; | 30 | display: none; |
31 | } | 31 | } |
32 | .card .card-content{ | 32 | .card .card-content{ |
33 | padding: 12px; | 33 | padding: 12px; |
34 | font-size: 12px; | 34 | font-size: 12px; |
35 | } | 35 | } |
36 | .card p{ | 36 | .card p{ |
37 | margin-top:18px; | 37 | margin-top:18px; |
38 | margin-right:4px ; | 38 | margin-right:4px ; |
39 | margin-bottom:-5px; | 39 | margin-bottom:-5px; |
40 | /*margin-left:13px;*/ | 40 | /*margin-left:13px;*/ |
41 | 41 | ||
42 | font-family: montserrat, arial, verdana; | 42 | font-family: montserrat, arial, verdana; |
43 | font-weight: normal; | 43 | font-weight: normal; |
44 | font-size: 12px; | 44 | font-size: 12px; |
45 | } | 45 | } |
46 | .card .thumbnail{ | 46 | .card .thumbnail{ |
47 | padding: 15px 30px 1px 28px; | 47 | padding: 15px 30px 1px 28px; |
48 | border: 0; | 48 | border: 0; |
49 | border-radius: 0px !important; | 49 | border-radius: 0px !important; |
50 | } | 50 | } |
51 | .panel-default{ | 51 | .panel-default{ |
52 | border-color: #ddd; | 52 | border-color: #ddd; |
53 | } | 53 | } |
54 | .video-wrapper{ | 54 | .video-wrapper{ |
55 | padding: 16px 0; | 55 | padding: 16px 0; |
56 | } | 56 | } |
57 | .stageRadio:checked+label{ | 57 | .stageRadio:checked+label{ |
58 | background-color: #42b549; | 58 | background-color: #42b549; |
59 | color: #fff !important; | 59 | color: #fff !important; |
60 | } | 60 | } |
61 | 61 | ||
62 | .stageRadio1:checked+label{ | 62 | .stageRadio1:checked+label{ |
63 | background-color: rgba(158, 158, 158, 0.05); | 63 | background-color: rgba(158, 158, 158, 0.05); |
64 | } | 64 | } |
65 | 65 | ||
66 | /* css for radio buttons */ | 66 | /* css for radio buttons */ |
67 | 67 | ||
68 | .option-input { | 68 | .option-input { |
69 | -webkit-appearance: none; | 69 | -webkit-appearance: none; |
70 | -moz-appearance: none; | 70 | -moz-appearance: none; |
71 | -ms-appearance: none; | 71 | -ms-appearance: none; |
72 | -o-appearance: none; | 72 | -o-appearance: none; |
73 | appearance: none; | 73 | appearance: none; |
74 | position: relative; | 74 | position: relative; |
75 | /*top: 13.33333px;*/ | 75 | /*top: 13.33333px;*/ |
76 | right: 0; | 76 | right: 0; |
77 | bottom: 0; | 77 | bottom: 0; |
78 | left: 0; | 78 | left: 0; |
79 | height: 15px; | 79 | height: 15px; |
80 | width: 15px; | 80 | width: 15px; |
81 | transition: all 0.15s ease-out 0s; | 81 | transition: all 0.15s ease-out 0s; |
82 | background: transparent; | 82 | background: transparent; |
83 | border: 2px solid #42b549; | 83 | border: 2px solid #42b549; |
84 | color: #fff; | 84 | color: #fff; |
85 | cursor: pointer; | 85 | cursor: pointer; |
86 | display: inline-block; | 86 | display: inline-block; |
87 | margin-right: 0.5rem; | 87 | margin-right: 0.5rem; |
88 | outline: none; | 88 | outline: none; |
89 | position: relative; | 89 | position: relative; |
90 | z-index: 1000; | 90 | z-index: 1000; |
91 | } | 91 | } |
92 | .option-input:checked { | 92 | .option-input:checked { |
93 | background: #42b549; | 93 | background: #42b549; |
94 | } | 94 | } |
95 | .option-input:checked::before { | 95 | .option-input:checked::before { |
96 | height: 20px; | 96 | height: 20px; |
97 | width: 20px; | 97 | width: 20px; |
98 | position: absolute; | 98 | position: absolute; |
99 | /*content: '✔';*/ | 99 | /*content: '✔';*/ |
100 | display: inline-block; | 100 | display: inline-block; |
101 | font-size: 12px; | 101 | font-size: 12px; |
102 | text-align: center; | 102 | text-align: center; |
103 | line-height: 22px; | 103 | line-height: 22px; |
104 | } | 104 | } |
105 | .option-input:checked::after { | 105 | .option-input:checked::after { |
106 | -webkit-animation: click-wave 0.65s; | 106 | -webkit-animation: click-wave 0.65s; |
107 | -moz-animation: click-wave 0.65s; | 107 | -moz-animation: click-wave 0.65s; |
108 | animation: click-wave 0.65s; | 108 | animation: click-wave 0.65s; |
109 | background: #40e0d0; | 109 | background: #40e0d0; |
110 | content: ''; | 110 | content: ''; |
111 | display: block; | 111 | display: block; |
112 | position: relative; | 112 | position: relative; |
113 | z-index: 100; | 113 | z-index: 100; |
114 | } | 114 | } |
115 | .option-input-a.radio-a::after { | 115 | .option-input-a.radio-a::after { |
116 | border-radius: 50%; | 116 | border-radius: 50%; |
117 | } | 117 | } |
118 | /*second css*/ | 118 | /*second css*/ |
119 | .option-input-a { | 119 | .option-input-a { |
120 | -webkit-appearance: none; | 120 | -webkit-appearance: none; |
121 | -moz-appearance: none; | 121 | -moz-appearance: none; |
122 | -ms-appearance: none; | 122 | -ms-appearance: none; |
123 | -o-appearance: none; | 123 | -o-appearance: none; |
124 | appearance: none; | 124 | appearance: none; |
125 | position: relative; | 125 | position: relative; |
126 | /*top: 13.33333px;*/ | 126 | /*top: 13.33333px;*/ |
127 | right: 0; | 127 | right: 0; |
128 | bottom: 0; | 128 | bottom: 0; |
129 | left: 0; | 129 | left: 0; |
130 | height: 22px; | 130 | height: 22px; |
131 | width: 22px; | 131 | width: 22px; |
132 | transition: all 0.15s ease-out 0s; | 132 | transition: all 0.15s ease-out 0s; |
133 | background: transparent; | 133 | background: transparent; |
134 | border: 2px solid #42b549; | 134 | border: 2px solid #42b549; |
135 | color: #fff; | 135 | color: #fff; |
136 | cursor: pointer; | 136 | cursor: pointer; |
137 | display: inline-block; | 137 | display: inline-block; |
138 | margin-right: 0.5rem; | 138 | margin-right: 0.5rem; |
139 | outline: none; | 139 | outline: none; |
140 | position: relative; | 140 | position: relative; |
141 | z-index: 1000; | 141 | z-index: 1000; |
142 | } | 142 | } |
143 | .option-input-a:checked { | 143 | .option-input-a:checked { |
144 | background: #42b549; | 144 | background: #42b549; |
145 | } | 145 | } |
146 | .option-input-a:checked::before { | 146 | .option-input-a:checked::before { |
147 | height: 20px; | 147 | height: 20px; |
148 | width: 20px; | 148 | width: 20px; |
149 | position: absolute; | 149 | position: absolute; |
150 | /*content: '✔';*/ | 150 | /*content: '✔';*/ |
151 | display: inline-block; | 151 | display: inline-block; |
152 | font-size: 12px; | 152 | font-size: 12px; |
153 | text-align: center; | 153 | text-align: center; |
154 | line-height: 22px; | 154 | line-height: 22px; |
155 | } | 155 | } |
156 | .option-input-a:checked::after { | 156 | .option-input-a:checked::after { |
157 | -webkit-animation: click-wave 0.65s; | 157 | -webkit-animation: click-wave 0.65s; |
158 | -moz-animation: click-wave 0.65s; | 158 | -moz-animation: click-wave 0.65s; |
159 | animation: click-wave 0.65s; | 159 | animation: click-wave 0.65s; |
160 | background: #40e0d0; | 160 | background: #40e0d0; |
161 | content: ''; | 161 | content: ''; |
162 | display: block; | 162 | display: block; |
163 | position: relative; | 163 | position: relative; |
164 | z-index: 100; | 164 | z-index: 100; |
165 | } | 165 | } |
166 | .option-input-a.radio-a { | 166 | .option-input-a.radio-a { |
167 | border-radius: 50%; | 167 | border-radius: 50%; |
168 | } | 168 | } |
169 | .option-input-a.radio-a::after { | 169 | .option-input-a.radio-a::after { |
170 | border-radius: 50%; | 170 | border-radius: 50%; |
171 | } | 171 | } |
172 | 172 | ||
173 | /* css for radio ends */ | 173 | /* css for radio ends */ |
174 | 174 | ||
175 | .card-small{ | 175 | .card-small{ |
176 | cursor: pointer; | 176 | cursor: pointer; |
177 | } | 177 | } |
178 | .card-small img{ | 178 | .card-small img{ |
179 | width: 37px; | 179 | width: 37px; |
180 | } | 180 | } |
181 | .card-small label{ | 181 | .card-small label{ |
182 | width: 100%; | 182 | width: 100%; |
183 | font-weight: normal; | 183 | font-weight: normal; |
184 | font-size: 12px; | 184 | font-size: 12px; |
185 | margin-top: 5px; | 185 | margin-top: 5px; |
186 | } | 186 | } |
187 | /*.text-input{ | 187 | /*.text-input{ |
188 | width: 100%; | 188 | width: 100%; |
189 | border: 0; | 189 | border: 0; |
190 | border-bottom: 2px solid #42b549; | 190 | border-bottom: 2px solid #42b549; |
191 | font-size: 18px; | 191 | font-size: 18px; |
192 | padding: 5px; | 192 | padding: 5px; |
193 | }*/ | 193 | }*/ |
194 | .input-wrapper{ | 194 | .input-wrapper{ |
195 | margin-bottom: 15px !important; | 195 | margin-bottom: 15px !important; |
196 | } | 196 | } |
197 | .select-input{ | 197 | .select-input{ |
198 | width: 100%; | 198 | width: 100%; |
199 | border: 0; | 199 | border: 0; |
200 | border-bottom: 2px solid #42b549; | 200 | border-bottom: 2px solid #42b549; |
201 | background-color: transparent; | 201 | background-color: transparent; |
202 | font-size: 12px; | 202 | font-size: 12px; |
203 | padding: 5px; | 203 | padding: 5px; |
204 | } | 204 | } |
205 | .submit-button, .submit-button:hover{ | 205 | .submit-button, .submit-button:hover{ |
206 | background-color: #42b549; | 206 | background-color: #42b549; |
207 | color: #fff; | 207 | color: #fff; |
208 | /*display: none;*/ | 208 | /*display: none;*/ |
209 | } | 209 | } |
210 | .submit-button:disabled{ | 210 | .submit-button:disabled{ |
211 | background-color: #ddd; | 211 | background-color: #ddd; |
212 | } | 212 | } |
213 | .textarea{ | 213 | .textarea{ |
214 | min-height: 97px; | 214 | min-height: 97px; |
215 | } | 215 | } |
216 | .error-message{ | 216 | .error-message{ |
217 | font-weight: inherit; | 217 | font-weight: inherit; |
218 | color: #ff0000; | 218 | color: #ff0000; |
219 | margin: 5px 4px -5px 0px; | 219 | margin: 5px 4px -5px 0px; |
220 | display: none; | 220 | display: none; |
221 | } | 221 | } |
222 | 222 | ||
223 | /*custom input*/ | 223 | /*custom input*/ |
224 | .text-input, select { | 224 | .text-input, select { |
225 | width: 100%; | 225 | width: 100%; |
226 | -webkit-appearance: none; | 226 | -webkit-appearance: none; |
227 | padding: 12px 25px; | 227 | padding: 12px 25px; |
228 | margin: -2px 0; | 228 | margin: -2px 0; |
229 | display: inline-block; | 229 | display: inline-block; |
230 | border: 0px solid rgba(51, 51, 51, 0); | 230 | border: 0px solid rgba(51, 51, 51, 0); |
231 | border-radius: -3px; | 231 | border-radius: -3px; |
232 | box-sizing: border-box; | 232 | box-sizing: border-box; |
233 | box-shadow: 0 0 10px rgba(240, 255, 235); | 233 | box-shadow: 0 0 10px rgba(240, 255, 235); |
234 | -moz-box-shadow: 0 0 10px rgba(240, 255, 235); | 234 | -moz-box-shadow: 0 0 10px rgba(240, 255, 235); |
235 | -webkit-box-shadow: 0 0 5px #777; | 235 | -webkit-box-shadow: 0 0 5px #777; |
236 | -o-box-shadow: 0 0 10px rgba(240, 255, 235); | 236 | -o-box-shadow: 0 0 10px rgba(240, 255, 235); |
237 | font-size: 12px; | 237 | font-size: 12px; |
238 | } | 238 | } |
239 | 239 | ||
240 | /* progress bar css */ | 240 | /* progress bar css */ |
241 | 241 | ||
242 | @-webkit-keyframes | 242 | @-webkit-keyframes |
243 | load { 0% { | 243 | load { 0% { |
244 | stroke-dashoffset:0 | 244 | stroke-dashoffset:0 |
245 | } | 245 | } |
246 | } | 246 | } |
247 | @-moz-keyframes | 247 | @-moz-keyframes |
248 | load { 0% { | 248 | load { 0% { |
249 | stroke-dashoffset:0 | 249 | stroke-dashoffset:0 |
250 | } | 250 | } |
251 | } | 251 | } |
252 | @keyframes | 252 | @keyframes |
253 | load { 0% { | 253 | load { 0% { |
254 | stroke-dashoffset:0 | 254 | stroke-dashoffset:0 |
255 | } | 255 | } |
256 | } | 256 | } |
257 | 257 | ||
258 | /* Container */ | 258 | /* Container */ |
259 | 259 | ||
260 | .progress-form { | 260 | .progress-form { |
261 | position: relative; | 261 | position: relative; |
262 | display: inline-block; | 262 | display: inline-block; |
263 | padding: 0; | 263 | padding: 0; |
264 | text-align: center; | 264 | text-align: center; |
265 | } | 265 | } |
266 | 266 | ||
267 | /* Item */ | 267 | /* Item */ |
268 | 268 | ||
269 | .progress-form>li { | 269 | .progress-form>li { |
270 | display: inline-block; | 270 | display: inline-block; |
271 | position: relative; | 271 | position: relative; |
272 | text-align: center; | 272 | text-align: center; |
273 | color: #93A2AC; | 273 | color: #93A2AC; |
274 | font-family: Lato; | 274 | font-family: Lato; |
275 | font-weight: 100; | 275 | font-weight: 100; |
276 | margin: 2rem; | 276 | margin: 2rem; |
277 | } | 277 | } |
278 | 278 | ||
279 | .progress-form>li:before { | 279 | .progress-form>li:before { |
280 | content: attr(data-name); | 280 | content: attr(data-name); |
281 | position: absolute; | 281 | position: absolute; |
282 | width: 100%; | 282 | width: 100%; |
283 | bottom: -2rem; | 283 | bottom: -2rem; |
284 | font-weight: 400; | 284 | font-weight: 400; |
285 | } | 285 | } |
286 | 286 | ||
287 | .progress-form>li:after { | 287 | .progress-form>li:after { |
288 | content: attr(data-percent); | 288 | content: attr(data-percent); |
289 | position: absolute; | 289 | position: absolute; |
290 | width: 100%; | 290 | width: 100%; |
291 | top: 3.7rem; | 291 | top: 3.7rem; |
292 | left: 0; | 292 | left: 0; |
293 | font-size: 2rem; | 293 | font-size: 2rem; |
294 | text-align: center; | 294 | text-align: center; |
295 | } | 295 | } |
296 | 296 | ||
297 | .progress-form svg { | 297 | .progress-form svg { |
298 | width: 10rem; | 298 | width: 10rem; |
299 | height: 10rem; | 299 | height: 10rem; |
300 | } | 300 | } |
301 | 301 | ||
302 | .progress-form svg:nth-child(2) { | 302 | .progress-form svg:nth-child(2) { |
303 | position: absolute; | 303 | position: absolute; |
304 | left: 0; | 304 | left: 0; |
305 | top: 0; | 305 | top: 0; |
306 | transform: rotate(-90deg); | 306 | transform: rotate(-90deg); |
307 | -webkit-transform: rotate(-90deg); | 307 | -webkit-transform: rotate(-90deg); |
308 | -moz-transform: rotate(-90deg); | 308 | -moz-transform: rotate(-90deg); |
309 | -ms-transform: rotate(-90deg); | 309 | -ms-transform: rotate(-90deg); |
310 | } | 310 | } |
311 | 311 | ||
312 | .progress-form svg:nth-child(2) path { | 312 | .progress-form svg:nth-child(2) path { |
313 | fill: none; | 313 | fill: none; |
314 | stroke-width: 25; | 314 | stroke-width: 25; |
315 | stroke-dasharray: 629; | 315 | stroke-dasharray: 629; |
316 | stroke: rgba(255, 255, 255, 0.9); | 316 | stroke: rgba(255, 255, 255, 0.9); |
317 | -webkit-animation: load 10s; | 317 | -webkit-animation: load 10s; |
318 | -moz-animation: load 10s; | 318 | -moz-animation: load 10s; |
319 | -o-animation: load 10s; | 319 | -o-animation: load 10s; |
320 | animation: load 10s; | 320 | animation: load 10s; |
321 | } | 321 | } |
322 | /*circle of stage image*/ | 322 | /*circle of stage image*/ |
323 | .circular{ | 323 | .circular{ |
324 | 324 | ||
325 | -webkit-border-radius: 150px; | 325 | -webkit-border-radius: 150px; |
326 | -moz-border-radius: 150px; | 326 | -moz-border-radius: 150px; |
327 | border-radius: 150px; | 327 | border-radius: 150px; |
328 | box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3); | 328 | box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3); |
329 | border: 5px solid white; | 329 | border: 5px solid white; |
330 | overflow: hidden; | 330 | overflow: hidden; |
331 | position: fixed; | 331 | position: fixed; |
332 | height: 100px; | 332 | height: 100px; |
333 | width: 100px; | 333 | width: 100px; |
334 | left: 80px; | 334 | left: 80px; |
335 | top: 20px; | 335 | top: 20px; |
336 | } | 336 | } |
337 | /*font-size*/ | 337 | /*font-size*/ |
338 | .font{ | 338 | .font{ |
339 | font-size: 14px; | 339 | font-size: 14px; |
340 | } | 340 | } |
341 | 341 | ||
342 | .f-family { | 342 | .f-family { |
343 | font-family:sans-serif; | 343 | font-family:sans-serif; |
344 | } | 344 | } |
345 | 345 | ||
346 | /*container-card css*/ | 346 | /*container-card css*/ |
347 | .container-card { | 347 | .container-card { |
348 | width: auto; | 348 | width: auto; |
349 | float: left; | 349 | float: left; |
350 | margin: 31px 24px 26px 14px; | 350 | margin: 31px 24px 26px 14px; |
351 | } | 351 | } |
352 | 352 | ||
353 | /******This css for header container******/ | 353 | /******This css for header container******/ |
354 | .h1 { | 354 | .h1 { |
355 | font-size: 20px; | 355 | font-size: 20px; |
356 | margin: 11px; | 356 | margin: 11px; |
357 | } | 357 | } |
358 | 358 | ||
359 | .paragraph { | 359 | .paragraph { |
360 | font-size: 14px; | 360 | font-size: 14px; |
361 | margin: 30px 10px 20px; | 361 | margin: 30px 10px 20px; |
362 | line-height: 1.5; | 362 | line-height: 1.5; |
363 | } | 363 | } |
364 | /*This css for stages container*/ | 364 | /*This css for stages container*/ |
365 | 365 | ||
366 | .full-line { | 366 | .full-line { |
367 | border-bottom: 2px solid #dedede; | 367 | border-bottom: 2px solid #dedede; |
368 | padding: 15px 10px; | 368 | padding: 15px 10px; |
369 | } | 369 | } |
370 | 370 | ||
371 | .stages-card { | 371 | .stages-card { |
372 | width: auto; | 372 | width: auto; |
373 | float: left; | 373 | float: left; |
374 | /*margin: -30px 8px 7px 22px;*/ | 374 | /*margin: -30px 8px 7px 22px;*/ |
375 | } | 375 | } |
376 | 376 | ||
377 | /*form -css*/ | 377 | /*form -css*/ |
378 | .form-all { | 378 | .form-all { |
379 | margin: 13px 4px 26px -2px; | 379 | margin: 13px 4px 26px -2px; |
380 | /*display: none;*/ | 380 | /*display: none;*/ |
381 | } | 381 | } |
382 | 382 | ||
383 | .step-two-form{ | 383 | .step-two-form{ |
384 | display: block; | 384 | display: block; |
385 | } | 385 | } |
386 | 386 | ||
387 | /*This is for stages images*/ | 387 | /*This is for stages images*/ |
388 | .stage-img { | 388 | .stage-img { |
389 | width: 115px; | 389 | width: 115px; |
390 | } | 390 | } |
391 | 391 | ||
392 | .stage-thumbnail { | 392 | .stage-thumbnail { |
393 | float: left; | 393 | float: left; |
394 | margin-bottom: 0; | 394 | margin-bottom: 0; |
395 | } | 395 | } |
396 | 396 | ||
397 | .stage-shadow { | 397 | .stage-shadow { |
398 | /*box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2), | 398 | /*box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2), |
399 | 0px 1px 1px 0px rgba(0, 0, 0, 0.14), | 399 | 0px 1px 1px 0px rgba(0, 0, 0, 0.14), |
400 | 0px 2px 1px -1px rgba(0, 0, 0, 0.12); */ | 400 | 0px 2px 1px -1px rgba(0, 0, 0, 0.12); */ |
401 | /*margin: 3px 22px 14px 14px;*/ | 401 | /*margin: 3px 22px 14px 14px;*/ |
402 | background-color: #ffffff; | 402 | background-color: #ffffff; |
403 | } | 403 | } |
404 | 404 | ||
405 | .line-size { | 405 | .line-size { |
406 | 406 | ||
407 | } | 407 | } |
408 | 408 | ||
409 | .card-paragraph { | 409 | .card-paragraph { |
410 | background-color: rgba(66, 181, 73, 0.61); | 410 | background-color: rgba(66, 181, 73, 0.61); |
411 | color: #fff; | 411 | color: #fff; |
412 | } | 412 | } |
413 | 413 | ||
414 | /* identity card css*/ | 414 | /* identity card css*/ |
415 | 415 | ||
416 | .identity-shadow { | 416 | .identity-shadow { |
417 | box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2), | 417 | box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2), |
418 | 0px 1px 1px 0px rgba(0, 0, 0, 0.14), | 418 | 0px 1px 1px 0px rgba(0, 0, 0, 0.14), |
419 | 0px 2px 1px -1px rgba(0, 0, 0, 0.12); | 419 | 0px 2px 1px -1px rgba(0, 0, 0, 0.12); |
420 | margin: 15px 15px 17px 14px; | 420 | margin: 15px 15px 17px 14px; |
421 | background-color: #ffffff; | 421 | background-color: #ffffff; |
422 | /*display: none;*/ | 422 | /*display: none;*/ |
423 | } | 423 | } |
424 | 424 | ||
425 | .identity-question { | 425 | .identity-question { |
426 | border-bottom: 2px solid #dedede; | 426 | border-bottom: 2px solid #dedede; |
427 | padding: 0px 10px; | 427 | padding: 0px 10px; |
428 | } | 428 | } |
429 | 429 | ||
430 | .identity-align { | 430 | .identity-align { |
431 | margin: 8px -12px 19px 13px; | 431 | margin: 8px -12px 19px 13px; |
432 | } | 432 | } |
433 | 433 | ||
434 | 434 | ||
435 | /********This css for sectors**************/ | 435 | /********This css for sectors**************/ |
436 | .sectors-card { | 436 | .sectors-card { |
437 | box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2), | 437 | box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2), |
438 | 0px 1px 1px 0px rgba(0, 0, 0, 0.14), | 438 | 0px 1px 1px 0px rgba(0, 0, 0, 0.14), |
439 | 0px 2px 1px -1px rgba(0, 0, 0, 0.12); | 439 | 0px 2px 1px -1px rgba(0, 0, 0, 0.12); |
440 | margin: 27px 22px 14px 14px; | 440 | margin: 27px 22px 14px 14px; |
441 | background-color: #ffffff; | 441 | background-color: #ffffff; |
442 | /*display: none;*/ | 442 | /*display: none;*/ |
443 | } | 443 | } |
444 | 444 | ||
445 | .sector-card { | 445 | .sector-card { |
446 | width: auto; | 446 | width: auto; |
447 | float: left; | 447 | float: left; |
448 | margin: 29px 22px 26px 14px; | 448 | margin: 29px 22px 26px 14px; |
449 | } | 449 | } |
450 | 450 | ||
451 | .sector-question { | 451 | .sector-question { |
452 | border-bottom: 2px solid #dedede; | 452 | border-bottom: 2px solid #dedede; |
453 | padding: 15px 10px; | 453 | padding: 15px 10px; |
454 | } | 454 | } |
455 | 455 | ||
456 | /*To make the Stages in the center*/ | 456 | /*To make the Stages in the center*/ |
457 | .card-align { | 457 | .card-align { |
458 | /*margin: 56px -267px 11px -37px;*/ | 458 | /*margin: 56px -267px 11px -37px;*/ |
459 | } | 459 | } |
460 | 460 | ||
461 | /*To make the sectors in the center */ | 461 | /*To make the sectors in the center */ |
462 | 462 | ||
463 | 463 | ||
464 | /*************sidebar content margin***********/ | 464 | /*************sidebar content margin***********/ |
465 | .sidebar-align { | 465 | .sidebar-align { |
466 | margin: -5px -3px -18px 9px; | 466 | margin: -5px -3px -18px 9px; |
467 | } | 467 | } |
468 | 468 | ||
469 | .heading { | 469 | .heading { |
470 | margin: 15px 10px 15px 16px; | 470 | margin: 15px 10px 15px 16px; |
471 | } | 471 | } |
472 | .quiz { | 472 | .quiz { |
473 | margin: 5px 5px 6px 19px; | 473 | margin: 5px 5px 6px 19px; |
474 | font-size: 12px; | 474 | font-size: 12px; |
475 | } | 475 | } |
476 | 476 | ||
477 | #footer { | 477 | #footer { |
478 | background-image: url(/images/footer_design.png); | 478 | background-image: url(/images/footer_design.png); |
479 | background-repeat: inherit; | 479 | background-repeat: inherit; |
480 | position: bottom; | 480 | position: bottom; |
481 | width: 100%; | 481 | width: 100%; |
482 | height: auto; | 482 | height: auto; |
483 | padding: 97px 3px 66px 83px; | 483 | padding: 97px 3px 66px 83px; |
484 | } | 484 | } |
485 | 485 | ||
486 | .footer { | 486 | .footer { |
487 | 487 | ||
488 | bottom: 0px; | 488 | bottom: 0px; |
489 | background-color: #76b34f !important; | 489 | background-color: #76b34f !important; |
490 | width: 100%; | 490 | width: 100%; |
491 | color:rgba(255, 255, 255, 0.77); | 491 | color:rgba(255, 255, 255, 0.77); |
492 | } | 492 | } |
493 | 493 | ||
494 | /********question box*****************/ | 494 | /********question box*****************/ |
495 | .question-shadow { | 495 | .question-shadow { |
496 | box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2), | 496 | box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2), |
497 | 0px 1px 1px 0px rgba(0, 0, 0, 0.14), | 497 | 0px 1px 1px 0px rgba(0, 0, 0, 0.14), |
498 | 0px 2px 1px -1px rgba(0, 0, 0, 0.12); | 498 | 0px 2px 1px -1px rgba(0, 0, 0, 0.12); |
499 | margin: 15px 15px 17px 14px; | 499 | margin: 15px 15px 17px 14px; |
500 | background-color: #ffffff; | 500 | background-color: #ffffff; |
501 | } | 501 | } |
502 | 502 | ||
503 | 503 | ||
504 | 504 | ||
505 | .question-card { | 505 | .question-card { |
506 | width: auto; | 506 | width: auto; |
507 | float: left; | 507 | float: left; |
508 | margin: 29px 22px 26px 14px; | 508 | margin: 29px 22px 26px 14px; |
509 | } | 509 | } |
510 | 510 | ||
511 | /*for p*/ | 511 | /*for p*/ |
512 | .line-space { | 512 | .line-space { |
513 | line-height: 1.6em; | 513 | line-height: 1.6em; |
514 | font-size: 11px; | 514 | font-size: 11px; |
515 | } | 515 | } |
516 | 516 | ||
517 | .line-adjust { | 517 | .line-adjust { |
518 | margin-left: 0px; | 518 | margin-left: 0px; |
519 | } | 519 | } |
520 | 520 | ||
521 | /*badge icon css*/ | 521 | /*badge icon css*/ |
522 | 522 | ||
523 | .material-icons{ | 523 | .material-icons{ |
524 | font-size: 17px !important; | 524 | font-size: 17px !important; |
525 | } | 525 | } |
526 | 526 | ||
527 | .icon-circle-a { | 527 | .icon-circle-a { |
528 | background: rgba(89, 89, 89, 0.92); | 528 | background: rgba(89, 89, 89, 0.92); |
529 | border-radius: 50%; | 529 | border-radius: 50%; |
530 | width: 30px; | 530 | width: 30px; |
531 | height: 30px; | 531 | height: 30px; |
532 | position: absolute; | 532 | position: absolute; |
533 | left: 14px; | 533 | left: 14px; |
534 | margin-top: 10px; | 534 | margin-top: 10px; |
535 | color: #fff; | 535 | color: #fff; |
536 | text-align: center; | 536 | text-align: center; |
537 | } | 537 | } |
538 | 538 | ||
539 | .icon-circle-b { | 539 | .icon-circle-b { |
540 | background: rgba(89, 89, 89, 0.92); | 540 | background: rgba(89, 89, 89, 0.92); |
541 | border-radius: 50%; | 541 | border-radius: 50%; |
542 | width: 30px; | 542 | width: 30px; |
543 | height: 30px; | 543 | height: 30px; |
544 | position: absolute; | 544 | position: absolute; |
545 | left: 14px; | 545 | left: 14px; |
546 | margin-top: 10px; | 546 | margin-top: 10px; |
547 | color: #fff; | 547 | color: #fff; |
548 | text-align: center; | 548 | text-align: center; |
549 | } | 549 | } |
550 | 550 | ||
551 | .icon-circle-c { | 551 | .icon-circle-c { |
552 | background: rgba(89, 89, 89, 0.92); | 552 | background: rgba(89, 89, 89, 0.92); |
553 | border-radius: 50%; | 553 | border-radius: 50%; |
554 | width: 30px; | 554 | width: 30px; |
555 | height: 30px; | 555 | height: 30px; |
556 | position: absolute; | 556 | position: absolute; |
557 | left: 0px; | 557 | left: 0px; |
558 | margin-top: 4px; | 558 | margin-top: 4px; |
559 | color: #fff; | 559 | color: #fff; |
560 | text-align: center; | 560 | text-align: center; |
561 | } | 561 | } |
562 | 562 | ||
563 | .icon-circle-d { | 563 | .icon-circle-d { |
564 | background: rgba(89, 89, 89, 0.92); | 564 | background: rgba(89, 89, 89, 0.92); |
565 | border-radius: 50%; | 565 | border-radius: 50%; |
566 | width: 30px; | 566 | width: 30px; |
567 | height: 30px; | 567 | height: 30px; |
568 | position: absolute; | 568 | position: absolute; |
569 | left: 0px; | 569 | left: 0px; |
570 | margin-top: 4px; | 570 | margin-top: 4px; |
571 | color: #fff; | 571 | color: #fff; |
572 | text-align: center; | 572 | text-align: center; |
573 | } | 573 | } |
574 | 574 | ||
575 | .icon-circle-e { | 575 | .icon-circle-e { |
576 | background: rgba(89, 89, 89, 0.92); | 576 | background: rgba(89, 89, 89, 0.92); |
577 | border-radius: 50%; | 577 | border-radius: 50%; |
578 | width: 30px; | 578 | width: 30px; |
579 | height: 30px; | 579 | height: 30px; |
580 | position: absolute; | 580 | position: absolute; |
581 | left: 0px; | 581 | left: 0px; |
582 | margin-top: 4px; | 582 | margin-top: 4px; |
583 | color: #fff; | 583 | color: #fff; |
584 | text-align: center; | 584 | text-align: center; |
585 | } | 585 | } |
586 | 586 | ||
587 | .icon-circle-f { | 587 | .icon-circle-f { |
588 | background: rgba(89, 89, 89, 0.92); | 588 | background: rgba(89, 89, 89, 0.92); |
589 | border-radius: 50%; | 589 | border-radius: 50%; |
590 | width: 30px; | 590 | width: 30px; |
591 | height: 30px; | 591 | height: 30px; |
592 | position: absolute; | 592 | position: absolute; |
593 | left: 0px; | 593 | left: 0px; |
594 | margin-top: 3px; | 594 | margin-top: 3px; |
595 | color: #fff; | 595 | color: #fff; |
596 | text-align: center; | 596 | text-align: center; |
597 | } | 597 | } |
598 | 598 | ||
599 | .icon-circle-g { | 599 | .icon-circle-g { |
600 | background: rgba(89, 89, 89, 0.92); | 600 | background: rgba(89, 89, 89, 0.92); |
601 | border-radius: 50%; | 601 | border-radius: 50%; |
602 | width: 30px; | 602 | width: 30px; |
603 | height: 30px; | 603 | height: 30px; |
604 | position: absolute; | 604 | position: absolute; |
605 | left: 14px; | 605 | left: 14px; |
606 | margin-top: 10px; | 606 | margin-top: 10px; |
607 | color: #fff; | 607 | color: #fff; |
608 | text-align: center; | 608 | text-align: center; |
609 | } | 609 | } |
610 | 610 | ||
611 | .icon-circle-h { | 611 | .icon-circle-h { |
612 | background: rgba(89, 89, 89, 0.92); | 612 | background: rgba(89, 89, 89, 0.92); |
613 | border-radius: 50%; | 613 | border-radius: 50%; |
614 | width: 30px; | 614 | width: 30px; |
615 | height: 30px; | 615 | height: 30px; |
616 | position: absolute; | 616 | position: absolute; |
617 | left: 0px; | 617 | left: 0px; |
618 | margin-top: 4px; | 618 | margin-top: 4px; |
619 | color: #fff; | 619 | color: #fff; |
620 | text-align: center; | 620 | text-align: center; |
621 | } | 621 | } |
622 | 622 | ||
623 | .icon-circle-i { | 623 | .icon-circle-i { |
624 | background: rgba(89, 89, 89, 0.92); | 624 | background: rgba(89, 89, 89, 0.92); |
625 | border-radius: 50%; | 625 | border-radius: 50%; |
626 | width: 30px; | 626 | width: 30px; |
627 | height: 30px; | 627 | height: 30px; |
628 | position: absolute; | 628 | position: absolute; |
629 | left: 0px; | 629 | left: 0px; |
630 | margin-top: 4px; | 630 | margin-top: 4px; |
631 | color: #fff; | 631 | color: #fff; |
632 | text-align: center; | 632 | text-align: center; |
633 | } | 633 | } |
634 | 634 | ||
635 | .icon-circle-j { | 635 | .icon-circle-j { |
636 | background: rgba(89, 89, 89, 0.92); | 636 | background: rgba(89, 89, 89, 0.92); |
637 | border-radius: 50%; | 637 | border-radius: 50%; |
638 | width: 30px; | 638 | width: 30px; |
639 | height: 30px; | 639 | height: 30px; |
640 | position: absolute; | 640 | position: absolute; |
641 | left: 0px; | 641 | left: 0px; |
642 | margin-top: 4px; | 642 | margin-top: 4px; |
643 | color: #fff; | 643 | color: #fff; |
644 | text-align: center; | 644 | text-align: center; |
645 | } | 645 | } |
646 | 646 | ||
647 | .icon-circle-k { | 647 | .icon-circle-k { |
648 | background: rgba(89, 89, 89, 0.92); | 648 | background: rgba(89, 89, 89, 0.92); |
649 | border-radius: 50%; | 649 | border-radius: 50%; |
650 | width: 30px; | 650 | width: 30px; |
651 | height: 30px; | 651 | height: 30px; |
652 | position: absolute; | 652 | position: absolute; |
653 | left: 0px; | 653 | left: 0px; |
654 | margin-top: 4px; | 654 | margin-top: 4px; |
655 | color: #fff; | 655 | color: #fff; |
656 | text-align: center; | 656 | text-align: center; |
657 | } | 657 | } |
658 | 658 | ||
659 | .icon-circle-y { | 659 | .icon-circle-y { |
660 | background: rgba(89, 89, 89, 0.92); | 660 | background: rgba(89, 89, 89, 0.92); |
661 | border-radius: 50%; | 661 | border-radius: 50%; |
662 | width: 30px; | 662 | width: 30px; |
663 | height: 30px; | 663 | height: 30px; |
664 | position: absolute; | 664 | position: absolute; |
665 | left: 0px; | 665 | left: 0px; |
666 | margin-top: 4px; | 666 | margin-top: 4px; |
667 | color: #fff; | 667 | color: #fff; |
668 | text-align: center; | 668 | text-align: center; |
669 | } | 669 | } |
670 | 670 | ||
671 | .icon-circle-o { | 671 | .icon-circle-o { |
672 | background: rgba(89, 89, 89, 0.92); | 672 | background: rgba(89, 89, 89, 0.92); |
673 | border-radius: 50%; | 673 | border-radius: 50%; |
674 | width: 30px; | 674 | width: 30px; |
675 | height: 30px; | 675 | height: 30px; |
676 | position: absolute; | 676 | position: absolute; |
677 | left: 0px; | 677 | left: 0px; |
678 | margin-top: 4px; | 678 | margin-top: 4px; |
679 | color: #fff; | 679 | color: #fff; |
680 | text-align: center; | 680 | text-align: center; |
681 | } | 681 | } |
682 | 682 | ||
683 | .icon-circle-l { | 683 | .icon-circle-l { |
684 | background: rgba(89, 89, 89, 0.92); | 684 | background: rgba(89, 89, 89, 0.92); |
685 | border-radius: 50%; | 685 | border-radius: 50%; |
686 | width: 30px; | 686 | width: 30px; |
687 | height: 30px; | 687 | height: 30px; |
688 | position: absolute; | 688 | position: absolute; |
689 | left: 0px; | 689 | left: 0px; |
690 | margin-top: 4px; | 690 | margin-top: 4px; |
691 | color: #fff; | 691 | color: #fff; |
692 | text-align: center; | 692 | text-align: center; |
693 | } | 693 | } |
694 | 694 | ||
695 | .icon-circle-m { | 695 | .icon-circle-m { |
696 | background: rgba(89, 89, 89, 0.92); | 696 | background: rgba(89, 89, 89, 0.92); |
697 | border-radius: 50%; | 697 | border-radius: 50%; |
698 | width: 30px; | 698 | width: 30px; |
699 | height: 30px; | 699 | height: 30px; |
700 | position: absolute; | 700 | position: absolute; |
701 | left: 0px; | 701 | left: 0px; |
702 | margin-top: 4px; | 702 | margin-top: 4px; |
703 | color: #fff; | 703 | color: #fff; |
704 | text-align: center; | 704 | text-align: center; |
705 | } | 705 | } |
706 | 706 | ||
707 | .icon-circle-n { | 707 | .icon-circle-n { |
708 | background: rgba(89, 89, 89, 0.92); | 708 | background: rgba(89, 89, 89, 0.92); |
709 | border-radius: 50%; | 709 | border-radius: 50%; |
710 | width: 30px; | 710 | width: 30px; |
711 | height: 30px; | 711 | height: 30px; |
712 | position: absolute; | 712 | position: absolute; |
713 | left: 0px; | 713 | left: 0px; |
714 | margin-top: 4px; | 714 | margin-top: 4px; |
715 | color: #fff; | 715 | color: #fff; |
716 | text-align: center; | 716 | text-align: center; |
717 | } | 717 | } |
718 | 718 | ||
719 | .icon-circle-x { | 719 | .icon-circle-x { |
720 | background: rgba(89, 89, 89, 0.92); | 720 | background: rgba(89, 89, 89, 0.92); |
721 | border-radius: 50%; | 721 | border-radius: 50%; |
722 | width: 30px; | 722 | width: 30px; |
723 | height: 30px; | 723 | height: 30px; |
724 | position: absolute; | 724 | position: absolute; |
725 | left: 0px; | 725 | left: 0px; |
726 | margin-top: 4px; | 726 | margin-top: 4px; |
727 | color: #fff; | 727 | color: #fff; |
728 | text-align: center; | 728 | text-align: center; |
729 | } | 729 | } |
730 | 730 | ||
731 | .icon-circle-p { | 731 | .icon-circle-p { |
732 | background: rgba(89, 89, 89, 0.92); | 732 | background: rgba(89, 89, 89, 0.92); |
733 | border-radius: 50%; | 733 | border-radius: 50%; |
734 | width: 30px; | 734 | width: 30px; |
735 | height: 30px; | 735 | height: 30px; |
736 | position: absolute; | 736 | position: absolute; |
737 | left: 0px; | 737 | left: 0px; |
738 | margin-top: 3px; | 738 | margin-top: 3px; |
739 | color: #fff; | 739 | color: #fff; |
740 | text-align: center; | 740 | text-align: center; |
741 | } | 741 | } |
742 | 742 | ||
743 | .icon-circle-z { | 743 | .icon-circle-z { |
744 | background: rgba(89, 89, 89, 0.92); | 744 | background: rgba(89, 89, 89, 0.92); |
745 | border-radius: 50%; | 745 | border-radius: 50%; |
746 | width: 30px; | 746 | width: 30px; |
747 | height: 30px; | 747 | height: 30px; |
748 | position: absolute; | 748 | position: absolute; |
749 | left: 0px; | 749 | left: 0px; |
750 | margin-top: 4px; | 750 | margin-top: 4px; |
751 | color: #fff; | 751 | color: #fff; |
752 | text-align: center; | 752 | text-align: center; |
753 | } | 753 | } |
754 | 754 | ||
755 | .icon-circle-q { | 755 | .icon-circle-q { |
756 | background: rgba(89, 89, 89, 0.92); | 756 | background: rgba(89, 89, 89, 0.92); |
757 | border-radius: 50%; | 757 | border-radius: 50%; |
758 | width: 30px; | 758 | width: 30px; |
759 | height: 30px; | 759 | height: 30px; |
760 | position: absolute; | 760 | position: absolute; |
761 | left: 0px; | 761 | left: 0px; |
762 | margin-top: 4px; | 762 | margin-top: 4px; |
763 | color: #fff; | 763 | color: #fff; |
764 | text-align: center; | 764 | text-align: center; |
765 | } | 765 | } |
766 | 766 | ||
767 | .icon-circle-ab { | 767 | .icon-circle-ab { |
768 | background: rgba(89, 89, 89, 0.92); | 768 | background: rgba(89, 89, 89, 0.92); |
769 | border-radius: 50%; | 769 | border-radius: 50%; |
770 | width: 30px; | 770 | width: 30px; |
771 | height: 30px; | 771 | height: 30px; |
772 | position: absolute; | 772 | position: absolute; |
773 | left: 0px; | 773 | left: 0px; |
774 | margin-top: 3px; | 774 | margin-top: 3px; |
775 | color: #fff; | 775 | color: #fff; |
776 | text-align: center; | 776 | text-align: center; |
777 | } | 777 | } |
778 | 778 | ||
779 | .icon-circle-abc { | 779 | .icon-circle-abc { |
780 | background: rgba(89, 89, 89, 0.92); | 780 | background: rgba(89, 89, 89, 0.92); |
781 | border-radius: 50%; | 781 | border-radius: 50%; |
782 | width: 30px; | 782 | width: 30px; |
783 | height: 30px; | 783 | height: 30px; |
784 | position: absolute; | 784 | position: absolute; |
785 | left: 0px; | 785 | left: 0px; |
786 | margin-top: 3px; | 786 | margin-top: 3px; |
787 | color: #fff; | 787 | color: #fff; |
788 | text-align: center; | 788 | text-align: center; |
789 | } | 789 | } |
790 | 790 | ||
791 | .icon-circle-bc { | 791 | .icon-circle-bc { |
792 | background: rgba(89, 89, 89, 0.92); | 792 | background: rgba(89, 89, 89, 0.92); |
793 | border-radius: 50%; | 793 | border-radius: 50%; |
794 | width: 30px; | 794 | width: 30px; |
795 | height: 30px; | 795 | height: 30px; |
796 | position: absolute; | 796 | position: absolute; |
797 | left: 0px; | 797 | left: 0px; |
798 | margin-top: 3px; | 798 | margin-top: 3px; |
799 | color: #fff; | 799 | color: #fff; |
800 | text-align: center; | 800 | text-align: center; |
801 | } | 801 | } |
802 | 802 | ||
803 | .icon-circle-abcdefg { | 803 | .icon-circle-abcdefg { |
804 | background: rgba(89, 89, 89, 0.92); | 804 | background: rgba(89, 89, 89, 0.92); |
805 | border-radius: 50%; | 805 | border-radius: 50%; |
806 | width: 30px; | 806 | width: 30px; |
807 | height: 30px; | 807 | height: 30px; |
808 | position: absolute; | 808 | position: absolute; |
809 | left: 0px; | 809 | left: 0px; |
810 | margin-top: 3px; | 810 | margin-top: 3px; |
811 | color: #fff; | 811 | color: #fff; |
812 | text-align: center; | 812 | text-align: center; |
813 | } | 813 | } |
814 | 814 | ||
815 | .referel-icon { | 815 | .referel-icon { |
816 | background: rgba(89, 89, 89, 0.92); | 816 | background: rgba(89, 89, 89, 0.92); |
817 | border-radius: 50%; | 817 | border-radius: 50%; |
818 | width: 30px; | 818 | width: 30px; |
819 | height: 30px; | 819 | height: 30px; |
820 | position: absolute; | 820 | position: absolute; |
821 | left: 0px; | 821 | left: 0px; |
822 | margin-top: 3px; | 822 | margin-top: 3px; |
823 | color: #fff; | 823 | color: #fff; |
824 | text-align: center; | 824 | text-align: center; |
825 | } | 825 | } |
826 | 826 | ||
827 | 827 | ||
828 | /*quiz*/ | 828 | /*quiz*/ |
829 | .q-card-align div{ | 829 | .q-card-align div{ |
830 | margin-bottom: 15px; | 830 | margin-bottom: 15px; |
831 | } | 831 | } |
832 | 832 | ||
833 | .drop-down { | 833 | .drop-down { |
834 | background-color: #fff; | 834 | background-color: #fff; |
835 | border-radius: 0; | 835 | border-radius: 0; |
836 | font-size: 12px; | 836 | font-size: 12px; |
837 | } | 837 | } |
838 | 838 | ||
839 | .footer-link, .footer-link:hover { | 839 | .footer-link, .footer-link:hover { |
840 | color:#fff; | 840 | color:#fff; |
841 | } | 841 | } |
842 | /*idea content margin*/ | 842 | /*idea content margin*/ |
843 | .content-idea{ | 843 | .content-idea{ |
844 | margin:196px 12px 8px; | 844 | margin:196px 12px 8px; |
845 | } | 845 | } |
846 | 846 | ||
847 | .content-product{ | 847 | .content-product{ |
848 | margin:193px -19px 9px; | 848 | margin:193px -19px 9px; |
849 | } | 849 | } |
850 | 850 | ||
851 | .content-growth{ | 851 | .content-growth{ |
852 | margin:192px 11px 8px; | 852 | margin:192px 11px 8px; |
853 | } | 853 | } |
854 | .last-content-card{ | 854 | .last-content-card{ |
855 | /*margin: 0px -85px -4px -51px;*/ | 855 | /*margin: 0px -85px -4px -51px;*/ |
856 | } | 856 | } |
857 | 857 | ||
858 | @media (max-width: 600px) { | 858 | @media (max-width: 600px) { |
859 | .content-idea{ | 859 | .content-idea{ |
860 | margin: auto; | 860 | margin: auto; |
861 | } | 861 | } |
862 | 862 | ||
863 | .content-product{ | 863 | .content-product{ |
864 | margin: auto; | 864 | margin: auto; |
865 | } | 865 | } |
866 | 866 | ||
867 | .content-growth{ | 867 | .content-growth{ |
868 | margin: auto; | 868 | margin: auto; |
869 | } | 869 | } |
870 | .stages-card{ | 870 | .stages-card{ |
871 | margin: auto; | 871 | margin: auto; |
872 | margin-bottom: 15px; | 872 | margin-bottom: 15px; |
873 | } | 873 | } |
874 | .last-content-card{ | 874 | .last-content-card{ |
875 | margin: auto; | 875 | margin: auto; |
876 | } | 876 | } |
877 | .card-align{ | 877 | .card-align{ |
878 | margin: auto; | 878 | margin: auto; |
879 | } | 879 | } |
880 | } | 880 | } |
881 | 881 | ||
882 | .toggler { | 882 | .toggler { |
883 | width: 500px; | 883 | width: 500px; |
884 | height: 200px; | 884 | height: 200px; |
885 | } | 885 | } |
886 | #button { | 886 | #button { |
887 | padding: .5em 1em; | 887 | padding: .5em 1em; |
888 | text-decoration: none; | 888 | text-decoration: none; |
889 | } | 889 | } |
890 | #effect { | 890 | #effect { |
891 | position: relative; | 891 | position: relative; |
892 | width: 240px; | 892 | width: 240px; |
893 | height: 170px; | 893 | height: 170px; |
894 | padding: 0.4em; | 894 | padding: 0.4em; |
895 | } | 895 | } |
896 | #effect h3 { | 896 | #effect h3 { |
897 | margin: 0; | 897 | margin: 0; |
898 | padding: 0.4em; | 898 | padding: 0.4em; |
899 | text-align: center; | 899 | text-align: center; |
900 | } | 900 | } |
901 | 901 | ||
902 | #snackbar { | 902 | #snackbar { |
903 | visibility: hidden; | 903 | visibility: hidden; |
904 | min-width: 250px; | 904 | min-width: 250px; |
905 | margin-left: -125px; | 905 | margin-left: -125px; |
906 | background-color: #F44336; | 906 | background-color: #F44336; |
907 | color: #fff; | 907 | color: #fff; |
908 | text-align: center; | 908 | text-align: center; |
909 | border-radius: 2px; | 909 | border-radius: 2px; |
910 | padding: 16px; | 910 | padding: 16px; |
911 | position: fixed; | 911 | position: fixed; |
912 | z-index: 1; | 912 | z-index: 1; |
913 | left: 50%; | 913 | left: 50%; |
914 | bottom: 30px; | 914 | bottom: 30px; |
915 | font-size: 17px; | 915 | font-size: 17px; |
916 | } | 916 | } |
917 | 917 | ||
918 | #snackbar.show { | 918 | #snackbar.show { |
919 | visibility: visible; | 919 | visibility: visible; |
920 | -webkit-animation: fadin 0.5s, fadout 0.5s 2.5s; | 920 | -webkit-animation: fadin 0.5s, fadout 0.5s 2.5s; |
921 | animation: fadin 0.5s, fadout 0.5s 2.5s; | 921 | animation: fadin 0.5s, fadout 0.5s 2.5s; |
922 | } | 922 | } |
923 | 923 | ||
924 | @-webkit-keyframes fadin { | 924 | @-webkit-keyframes fadin { |
925 | from {bottom: 0; opacity: 0;} | 925 | from {bottom: 0; opacity: 0;} |
926 | to {bottom: 30px; opacity: 1;} | 926 | to {bottom: 30px; opacity: 1;} |
927 | } | 927 | } |
928 | 928 | ||
929 | @keyframes fadin { | 929 | @keyframes fadin { |
930 | from {bottom: 0; opacity: 0;} | 930 | from {bottom: 0; opacity: 0;} |
931 | to {bottom: 30px; opacity: 1;} | 931 | to {bottom: 30px; opacity: 1;} |
932 | } | 932 | } |
933 | 933 | ||
934 | @-webkit-keyframes fadout { | 934 | @-webkit-keyframes fadout { |
935 | from {bottom: 30px; opacity: 1;} | 935 | from {bottom: 30px; opacity: 1;} |
936 | to {bottom: 0; opacity: 0;} | 936 | to {bottom: 0; opacity: 0;} |
937 | } | 937 | } |
938 | 938 | ||
939 | @keyframes fadout { | 939 | @keyframes fadout { |
940 | from {bottom: 30px; opacity: 1;} | 940 | from {bottom: 30px; opacity: 1;} |
941 | to {bottom: 0; opacity: 0;} | 941 | to {bottom: 0; opacity: 0;} |
942 | } | 942 | } |
943 | 943 | ||
944 | 944 | ||
945 | #snacsskbar { | 945 | #snacsskbar { |
946 | visibility: hidden; | 946 | visibility: hidden; |
947 | min-width: 250px; | 947 | min-width: 250px; |
948 | margin-left: -125px; | 948 | margin-left: -125px; |
949 | background-color: #333; | 949 | background-color: #333; |
950 | color: #fff; | 950 | color: #fff; |
951 | text-align: center; | 951 | text-align: center; |
952 | border-radius: 2px; | 952 | border-radius: 2px; |
953 | padding: 16px; | 953 | padding: 16px; |
954 | position: fixed; | 954 | position: fixed; |
955 | z-index: 1; | 955 | z-index: 1; |
956 | left: 50%; | 956 | left: 50%; |
957 | top: 30px; | 957 | top: 30px; |
958 | font-size: 17px; | 958 | font-size: 17px; |
959 | } | 959 | } |
960 | 960 | ||
961 | #snacsskbar.show { | 961 | #snacsskbar.show { |
962 | visibility: visible; | 962 | visibility: visible; |
963 | -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s; | 963 | -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s; |
964 | animation: fadein 0.5s, fadeout 0.5s 2.5s; | 964 | animation: fadein 0.5s, fadeout 0.5s 2.5s; |
965 | } | 965 | } |
966 | 966 | ||
967 | @-webkit-keyframes fadein { | 967 | @-webkit-keyframes fadein { |
968 | from {top: 0; opacity: 0;} | 968 | from {top: 0; opacity: 0;} |
969 | to {top: 30px; opacity: 1;} | 969 | to {top: 30px; opacity: 1;} |
970 | } | 970 | } |
971 | 971 | ||
972 | @keyframes fadein { | 972 | @keyframes fadein { |
973 | from {top: 0; opacity: 0;} | 973 | from {top: 0; opacity: 0;} |
974 | to {top: 30px; opacity: 1;} | 974 | to {top: 30px; opacity: 1;} |
975 | } | 975 | } |
976 | 976 | ||
977 | @-webkit-keyframes fadeout { | 977 | @-webkit-keyframes fadeout { |
978 | from {top: 30px; opacity: 1;} | 978 | from {top: 30px; opacity: 1;} |
979 | to {top: 0; opacity: 0;} | 979 | to {top: 0; opacity: 0;} |
980 | } | 980 | } |
981 | 981 | ||
982 | @keyframes fadeout { | 982 | @keyframes fadeout { |
983 | from {top: 30px; opacity: 1;} | 983 | from {top: 30px; opacity: 1;} |
984 | to {top: 0; opacity: 0;} | 984 | to {top: 0; opacity: 0;} |
985 | } | 985 | } |
986 | 986 | ||
987 | input.hidden { | 987 | input.hidden { |
988 | position: absolute; | 988 | position: absolute; |
989 | left: -9999px; | 989 | left: -9999px; |
990 | } | 990 | } |
991 | 991 | ||
992 | #profile-image1 { | 992 | #profile-image1 { |
993 | cursor: pointer; | 993 | cursor: pointer; |
994 | width: 100px; | 994 | width: 100px; |
995 | height: 100px; | 995 | height: 100px; |
996 | border:2px solid #eee ; | 996 | border:2px solid #eee ; |
997 | } | 997 | } |
998 | 998 | ||
999 | .tital{ font-size:16px; font-weight:500;} | 999 | .tital{ font-size:16px; font-weight:500;} |
1000 | .bot-border{ border-bottom:1px #f8f8f8 solid; margin:5px 0 5px 0} | 1000 | .bot-border{ border-bottom:1px #f8f8f8 solid; margin:5px 0 5px 0} |
1001 | .footerpadd{padding: 5px;} | 1001 | .footerpadd{padding: 5px;} |
1002 | 1002 | ||
1003 | 1003 | ||
1004 | .container1{ | 1004 | .container1{ |
1005 | width: 100% | 1005 | width: 100% |
1006 | } | 1006 | } |
1007 | 1007 | ||
1008 | .no-margin{ | 1008 | .no-margin{ |
1009 | margin: 0 0 0 !important; | 1009 | margin: 0 0 0 !important; |
1010 | } | 1010 | } |
1011 | .no-padding{ | 1011 | .no-padding{ |
1012 | padding: 0 0 0 0 !important; | 1012 | padding: 0 0 0 0 !important; |
1013 | } | 1013 | } |
1014 | .select-stage{ | 1014 | .select-stage{ |
1015 | margin: 10px 0; | 1015 | margin: 10px 0; |
1016 | } | 1016 | } |
1017 | .cards-content{ | 1017 | .cards-content{ |
1018 | margin-top: 40px; | 1018 | margin-top: 40px; |
1019 | } | 1019 | } |
1020 | .cards-content p{ | 1020 | .cards-content p{ |
1021 | font-size: 13px; | 1021 | font-size: 13px; |
1022 | } | 1022 | } |
1023 | .q-card-align{ | 1023 | .q-card-align{ |
1024 | margin-top: 15px; | 1024 | margin-top: 15px; |
1025 | } | 1025 | } |
1026 | .width-auto{ | 1026 | .width-auto{ |
1027 | width: auto !important; | 1027 | width: auto !important; |
1028 | } | 1028 | } |
1029 | .margin-right-label{ | 1029 | .margin-right-label{ |
1030 | margin-right: 20px; | 1030 | margin-right: 20px; |
1031 | } | 1031 | } |
1032 | .margin-right-label label{ | 1032 | .margin-right-label label{ |
1033 | margin-left: 5px; | 1033 | margin-left: 5px; |
1034 | } | 1034 | } |
1035 | .apply-coupen-btn{ | 1035 | .apply-coupen-btn{ |
1036 | position: absolute; | 1036 | position: absolute; |
1037 | top: -2px; | 1037 | top: -2px; |
1038 | right: 13px; | 1038 | right: 13px; |
1039 | border: none; | 1039 | border: none; |
1040 | height: 44px; | 1040 | height: 44px; |
1041 | color: #fff; | 1041 | color: #fff; |
1042 | background-color: #666; | 1042 | background-color: #666; |
1043 | width: 75px; | 1043 | width: 75px; |
1044 | } | 1044 | } |
1045 | .coupen-approved{ | 1045 | .coupen-approved{ |
1046 | position: absolute; | 1046 | position: absolute; |
1047 | right: 120px; | 1047 | right: 120px; |
1048 | top: 6px; | 1048 | top: 6px; |
1049 | color: rgb(66, 181, 73); | 1049 | color: rgb(66, 181, 73); |
1050 | font-size: 30px !important; | 1050 | font-size: 30px !important; |
1051 | } | 1051 | } |
1052 | .right-side-links{ | 1052 | .right-side-links{ |
1053 | margin-top: 12px; | 1053 | margin-top: 12px; |
1054 | } | 1054 | } |
1055 | .right-side-links a{ | 1055 | .right-side-links a{ |
1056 | width: auto; | 1056 | width: auto; |
1057 | display: inline; | 1057 | display: inline; |
1058 | } | 1058 | } |
1059 | .right-side-links a:first-child{ | 1059 | .right-side-links a:first-child{ |
1060 | border-right: 1px solid #fff; | 1060 | border-right: 1px solid #fff; |
1061 | padding-right: 4px; | 1061 | padding-right: 4px; |
1062 | } | 1062 | } |
1063 | 1063 | ||
1064 | @media (max-width: 768px){ | 1064 | @media (max-width: 768px){ |
1065 | .cards-content{ | 1065 | .cards-content{ |
1066 | margin-top: 15px; | 1066 | margin-top: 15px; |
1067 | margin-bottom: 30px; | 1067 | margin-bottom: 30px; |
1068 | } | 1068 | } |
1069 | .no-padding-mobile{ | 1069 | .no-padding-mobile{ |
1070 | padding-left: 0 !important; | 1070 | padding-left: 0 !important; |
1071 | padding-right: 0 !important; | 1071 | padding-right: 0 !important; |
1072 | } | 1072 | } |
1073 | .sector-align .card-small{ | 1073 | .sector-align .card-small{ |
1074 | height: 74px; | 1074 | height: 74px; |
1075 | } | 1075 | } |
1076 | .stages-card{ | 1076 | .stages-card{ |
1077 | width: 92%; | 1077 | width: 92%; |
1078 | } | 1078 | } |
1079 | .right-stage-card{ | 1079 | .right-stage-card{ |
1080 | float: right; | 1080 | float: right; |
1081 | } | 1081 | } |
1082 | .margin-auto-mobile{ | 1082 | .margin-auto-mobile{ |
1083 | margin-left: 4%; | 1083 | margin-left: 4%; |
1084 | } | 1084 | } |
1085 | .card .thumbnail{ | 1085 | .card .thumbnail{ |
1086 | padding: 15px 0 1px 0; | 1086 | padding: 15px 0 1px 0; |
1087 | } | 1087 | } |
1088 | .thumbnail > img, .thumbnail a > img{ | 1088 | .thumbnail > img, .thumbnail a > img{ |
1089 | width: 50%; | 1089 | width: 50%; |
1090 | } | 1090 | } |
1091 | .right-side-links a{ | 1091 | .right-side-links a{ |
1092 | display: block; | 1092 | display: block; |
1093 | width: 100%; | 1093 | width: 100%; |
1094 | } | 1094 | } |
1095 | .right-side-links a:first-child{ | 1095 | .right-side-links a:first-child{ |
1096 | border-right: 0 solid #fff; | 1096 | border-right: 0 solid #fff; |
1097 | padding-right: 0; | 1097 | padding-right: 0; |
1098 | } | 1098 | } |
1099 | .right-side-links{ | 1099 | .right-side-links{ |
1100 | margin-top: 0; | 1100 | margin-top: 0; |
1101 | } | 1101 | } |
1102 | .panel-default{ | 1102 | .panel-default{ |
1103 | border-color: transparent; | 1103 | border-color: transparent; |
1104 | box-shadow: none; | 1104 | box-shadow: none; |
1105 | } | 1105 | } |
1106 | .modal-footers { | 1106 | .modal-footers { |
1107 | padding: 19px 20px 20px; | 1107 | padding: 19px 20px 20px; |
1108 | margin-top: 15px; | 1108 | margin-top: 15px; |
1109 | text-align: center !important; | 1109 | text-align: center !important; |
1110 | margin-bottom: 4px; | 1110 | margin-bottom: 4px; |
1111 | } | 1111 | } |
1112 | } | 1112 | } |
1113 | 1113 | ||
1114 | .card-input { | 1114 | .card-input { |
1115 | display: none; | 1115 | display: none; |
1116 | } | 1116 | } |
1117 | 1117 | ||
1118 | .card { | 1118 | .card { |
1119 | font-size: 1em; | 1119 | font-size: 1em; |
1120 | overflow: hidden; | 1120 | overflow: hidden; |
1121 | padding: 0; | 1121 | padding: 0; |
1122 | border: none; | 1122 | border: none; |
1123 | border-radius: .28571429rem; | 1123 | border-radius: .28571429rem; |
1124 | box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5; | 1124 | box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5; |
1125 | } | 1125 | } |
1126 | 1126 | ||
1127 | .card-block { | 1127 | .card-block { |
1128 | font-size: 1em; | 1128 | font-size: 1em; |
1129 | position: relative; | 1129 | position: relative; |
1130 | margin: 0; | 1130 | margin: 0; |
1131 | padding: 4%; | 1131 | padding: 4%; |
1132 | border: none; | 1132 | border: none; |
1133 | border-top: 1px solid rgba(34, 36, 38, .1); | 1133 | border-top: 1px solid rgba(34, 36, 38, .1); |
1134 | box-shadow: none; | 1134 | box-shadow: none; |
1135 | } | 1135 | } |
1136 | .button-position{ | 1136 | .button-position{ |
1137 | position: relative; | 1137 | position: relative; |
1138 | top: -10px; | 1138 | top: -10px; |
1139 | } | 1139 | } |
1140 | .card-img-top { | 1140 | .card-img-top { |
1141 | display: block; | 1141 | display: block; |
1142 | width: 100%; | 1142 | width: 100%; |
1143 | height: auto; | 1143 | height: auto; |
1144 | } | 1144 | } |
1145 | 1145 | ||
1146 | .card-title { | 1146 | .card-title { |
1147 | font-size: 13px; | 1147 | font-size: 13px; |
1148 | font-weight: 600; | 1148 | font-weight: 600; |
1149 | margin: 0; | 1149 | margin: 0; |
1150 | line-height: normal; | 1150 | line-height: normal; |
1151 | } | 1151 | } |
1152 | .card-sub-title{ | 1152 | .card-sub-title{ |
1153 | font-size: 15px; | 1153 | font-size: 15px; |
1154 | color: #666; | 1154 | color: #666; |
1155 | font-weight: normal; | 1155 | font-weight: normal; |
1156 | margin-bottom: 0; | 1156 | margin-bottom: 0; |
1157 | } | 1157 | } |
1158 | .button-aligment{ | 1158 | .button-aligment{ |
1159 | margin-top: 5px; | 1159 | margin-top: 5px; |
1160 | } | 1160 | } |
1161 | .card-text { | 1161 | .card-text { |
1162 | clear: both; | 1162 | clear: both; |
1163 | margin-top: .5em; | 1163 | margin-top: .5em; |
1164 | color: rgba(0, 0, 0, .68); | 1164 | color: rgba(0, 0, 0, .68); |
1165 | padding-bottom: 3%; | 1165 | padding-bottom: 3%; |
1166 | font-size: 13px; | 1166 | font-size: 13px; |
1167 | } | 1167 | } |
1168 | 1168 | ||
1169 | .card-text2 { | 1169 | .card-text2 { |
1170 | padding: 3% 0 3% 4%;; | 1170 | padding: 3% 0 3% 4%;; |
1171 | border-top: 1px solid rgba(0, 0, 0, .05) !important; | 1171 | border-top: 1px solid rgba(0, 0, 0, .05) !important; |
1172 | } | 1172 | } |
1173 | .card-text2 span{ | 1173 | .card-text2 span{ |
1174 | font-size: 11px; | 1174 | font-size: 11px; |
1175 | color: #666; | 1175 | color: #666; |
1176 | } | 1176 | } |
1177 | .card-text2 div{ | 1177 | .card-text2 div{ |
1178 | margin-top: 0 !important; | 1178 | margin-top: 0 !important; |
1179 | font-weight: normal; | 1179 | font-weight: normal; |
1180 | color: #000; | 1180 | color: #000; |
1181 | font-size: 12px; | 1181 | font-size: 12px; |
1182 | padding-bottom: 0; | 1182 | padding-bottom: 0; |
1183 | } | 1183 | } |
1184 | 1184 | ||
1185 | .card-inverse .btn { | 1185 | .card-inverse .btn { |
1186 | border: 1px solid rgba(0, 0, 0, .05); | 1186 | border: 1px solid rgba(0, 0, 0, .05); |
1187 | } | 1187 | } |
1188 | 1188 | ||
1189 | .card-text3 { | 1189 | .card-text3 { |
1190 | border-top: 1px solid rgba(0, 0, 0, .05) !important; | 1190 | border-top: 1px solid rgba(0, 0, 0, .05) !important; |
1191 | } | 1191 | } |
1192 | 1192 | ||
1193 | .container { | 1193 | .container { |
1194 | display: block; | 1194 | display: block; |
1195 | position: relative; | 1195 | position: relative; |
1196 | padding-left: 35px; | 1196 | padding: 0; |
1197 | margin-bottom: 12px; | 1197 | margin-bottom: 12px; |
1198 | cursor: pointer; | 1198 | cursor: pointer; |
1199 | font-size: 16px; | 1199 | font-size: 16px; |
1200 | -webkit-user-select: none; | 1200 | -webkit-user-select: none; |
1201 | -moz-user-select: none; | 1201 | -moz-user-select: none; |
1202 | -ms-user-select: none; | 1202 | -ms-user-select: none; |
1203 | user-select: none; | 1203 | user-select: none; |
1204 | width:100%; | 1204 | width:100%; |
1205 | } | 1205 | } |
1206 | 1206 | ||
1207 | .container1 { | 1207 | .container1 { |
1208 | display: block; | 1208 | display: block; |
1209 | position: relative; | 1209 | position: relative; |
1210 | padding-left: 31px; | 1210 | padding-left: 31px; |
1211 | margin-bottom: 12px; | 1211 | margin-bottom: 12px; |
1212 | cursor: pointer; | 1212 | cursor: pointer; |
1213 | font-size: 15px; | 1213 | font-size: 15px; |
1214 | -webkit-user-select: none; | 1214 | -webkit-user-select: none; |
1215 | -moz-user-select: none; | 1215 | -moz-user-select: none; |
1216 | -ms-user-select: none; | 1216 | -ms-user-select: none; |
1217 | user-select: none; | 1217 | user-select: none; |
1218 | width:100%; | 1218 | width:100%; |
1219 | } | 1219 | } |
1220 | 1220 | ||
1221 | /* Hide the browser's default radio button */ | 1221 | /* Hide the browser's default radio button */ |
1222 | .container input { | 1222 | .container input { |
1223 | position: absolute; | 1223 | position: absolute; |
1224 | opacity: 0; | 1224 | opacity: 0; |
1225 | } | 1225 | } |
1226 | 1226 | ||
1227 | /* Create a custom radio button */ | 1227 | /* Create a custom radio button */ |
1228 | .checkmark { | 1228 | .checkmark { |
1229 | position: absolute; | 1229 | position: absolute; |
1230 | top: 0; | 1230 | top: 0; |
1231 | left: 0; | 1231 | left: 0; |
1232 | height: 25px; | 1232 | height: 25px; |
1233 | width: 25px; | 1233 | width: 25px; |
1234 | background-color: #eee; | 1234 | background-color: #eee; |
1235 | border-radius: 50%; | 1235 | border-radius: 50%; |
1236 | } | 1236 | } |
1237 | 1237 | ||
1238 | /* On mouse-over, add a grey background color */ | 1238 | /* On mouse-over, add a grey background color */ |
1239 | .container:hover input ~ .checkmark { | 1239 | .container:hover input ~ .checkmark { |
1240 | background-color: #ccc; | 1240 | background-color: #ccc; |
1241 | } | 1241 | } |
1242 | 1242 | ||
1243 | /* When the radio button is checked, add a blue background */ | 1243 | /* When the radio button is checked, add a blue background */ |
1244 | .container input:checked ~ .checkmark { | 1244 | .container input:checked ~ .checkmark { |
1245 | background-color: #42b549; | 1245 | background-color: #42b549; |
1246 | } | 1246 | } |
1247 | 1247 | ||
1248 | /* Create the indicator (the dot/circle - hidden when not checked) */ | 1248 | /* Create the indicator (the dot/circle - hidden when not checked) */ |
1249 | .checkmark:after { | 1249 | .checkmark:after { |
1250 | content: ""; | 1250 | content: ""; |
1251 | position: absolute; | 1251 | position: absolute; |
1252 | display: none; | 1252 | display: none; |
1253 | } | 1253 | } |
1254 | 1254 | ||
1255 | /* Show the indicator (dot/circle) when checked */ | 1255 | /* Show the indicator (dot/circle) when checked */ |
1256 | .container input:checked ~ .checkmark:after { | 1256 | .container input:checked ~ .checkmark:after { |
1257 | display: block; | 1257 | display: block; |
1258 | } | 1258 | } |
1259 | 1259 | ||
1260 | /* Style the indicator (dot/circle) */ | 1260 | /* Style the indicator (dot/circle) */ |
1261 | .container .checkmark:after { | 1261 | .container .checkmark:after { |
1262 | top: 9px; | 1262 | top: 9px; |
1263 | left: 9px; | 1263 | left: 9px; |
1264 | width: 8px; | 1264 | width: 8px; |
1265 | height: 8px; | 1265 | height: 8px; |
1266 | border-radius: 50%; | 1266 | border-radius: 50%; |
1267 | background: white; | 1267 | background: white; |
1268 | } | 1268 | } |
pages/registration.html
1 | <div class="header"> | 1 | <div class="header"> |
2 | <div style="float: left;"> | 2 | <div style="float: left;"> |
3 | <a href="http://startupjalsa.com/" target="_blank"> | 3 | <a href="http://startupjalsa.com/" target="_blank"> |
4 | <img src="images/white.png" class="logo" > | 4 | <img src="images/white.png" class="logo" > |
5 | </a> | 5 | </a> |
6 | </div> | 6 | </div> |
7 | <!-- <div style="float: right;" class="right-side-links"> | 7 | <!-- <div style="float: right;" class="right-side-links"> |
8 | <a class="hyperColor" ng-click="openyoutube16()">Glipmses of 2016</a> | 8 | <a class="hyperColor" ng-click="openyoutube16()">Glipmses of 2016</a> |
9 | <a class="hyperColor" ng-click="openyoutube17()">Concept for 2017</a> | 9 | <a class="hyperColor" ng-click="openyoutube17()">Concept for 2017</a> |
10 | </div> --> | 10 | </div> --> |
11 | <div class="clearfix"></div> | 11 | <div class="clearfix"></div> |
12 | </div> | 12 | </div> |
13 | <!-- CLOSE HEADER --> | 13 | <!-- CLOSE HEADER --> |
14 | <div class="col-xs-12 col-md-10 col-md-offset-1"> | 14 | <div class="col-xs-12 col-md-10 col-md-offset-1"> |
15 | <p class="select-stage" style="font-size:18px;text-align:center;">Missed coming to the city events?<br><br>Guaranteed on-the-spot funding of <b>₹ 1 crore*</b> is still up for grabs<br><br>Do you have what it takes to be the next top startup of India?<br><br><b>Come and pitch in Chandigarh!</b></p> | 15 | <p class="select-stage" style="font-size:18px;text-align:center;">Missed coming to the city events?<br><br>Guaranteed on-the-spot funding of <b>₹ 1 crore*</b> is still up for grabs<br><br>Do you have what it takes to be the next top startup of India?<br><br><b>Come and pitch in Chandigarh!</b></p> |
16 | <div class="stage-shadow"> | 16 | <div class="stage-shadow"> |
17 | <div class="stages card-align"> | 17 | <div class="stages card-align"> |
18 | <div class="row"> | 18 | <div class="row"> |
19 | <!-- <div class="col-md-3"> | 19 | <!-- <div class="col-md-3"> |
20 | <div class="card" style="width:100%"> | 20 | <div class="card" style="width:100%"> |
21 | <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail"> | 21 | <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail"> |
22 | <img class="card-img-top" src="images/chandigrh.jpg" style="width:100%"> | 22 | <img class="card-img-top" src="images/chandigrh.jpg" style="width:100%"> |
23 | <div class="card-block"> | 23 | <div class="card-block"> |
24 | <div class="pull-left"> | 24 | <div class="pull-left"> |
25 | <h4 class="card-title">Chandigarh</h4> | 25 | <h4 class="card-title">Chandigarh</h4> |
26 | <label class="card-sub-title">2nd December,2017</label> | 26 | <label class="card-sub-title">2nd December,2017</label> |
27 | </div> | 27 | </div> |
28 | <div class="pull-right"> | 28 | <div class="pull-right"> |
29 | <button class="btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" ng-click="register('chandigarh')">Apply</button> | 29 | <button class="btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" ng-click="register('chandigarh')">Apply</button> |
30 | </div> | 30 | </div> |
31 | <div class="clearfix"></div> | 31 | <div class="clearfix"></div> |
32 | <label class="card-sub-title"><span style="color:red"> Early bird deadline</span> : <span id="chandigarh"></span>*</label> | 32 | <label class="card-sub-title"><span style="color:red"> Early bird deadline</span> : <span id="chandigarh"></span>*</label> |
33 | </div> | 33 | </div> |
34 | <div class="card-text2"> | 34 | <div class="card-text2"> |
35 | <span><b>Location</b></span> | 35 | <span><b>Location</b></span> |
36 | <div class="card-text">TBD</div> | 36 | <div class="card-text">TBD</div> |
37 | </div> | 37 | </div> |
38 | </label> | 38 | </label> |
39 | </div> | 39 | </div> |
40 | </div> --> | 40 | </div> --> |
41 | <div class="col-md-6 col-md-offset-0"> | 41 | <div class="col-md-6 col-md-offset-0"> |
42 | <div class="card" style="width:100%"> | 42 | <div class="card" style="width:100%"> |
43 | <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail"> | 43 | <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail"> |
44 | <img class="card-img-top" src="images/maineventChandigarh.jpg" style="width:100%;"> | 44 | <img class="card-img-top" src="images/maineventChandigarh.jpg" style="width:100%;"> |
45 | <div class="card-block"> | 45 | <div class="card-block"> |
46 | <div class="pull-left"> | 46 | <div class="pull-left"> |
47 | <h4 class="card-title" style="font-size:22px;">Startup Jalsa 2017, Chandigarh</h4> | 47 | <h4 class="card-title" style="font-size:22px;">Startup Jalsa 2017, Chandigarh</h4> |
48 | <h4 class="card-title" style="font-size:16px;">Main Invest Edition</h4> | 48 | <h4 class="card-title" style="font-size:16px;">Main Invest Edition</h4> |
49 | <label class="card-sub-title" style="font-size:15px;">16th-17th December</label> | 49 | <label class="card-sub-title" style="font-size:15px;">16th-17th December</label> |
50 | </div> | 50 | </div> |
51 | <div class="pull-right"> | 51 | <div class="pull-right"> |
52 | <button class="btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 25px;" ng-click="register('chandigarh')">Apply</button> | 52 | <button class="btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 25px;" ng-click="register('chandigarh')">Apply</button> |
53 | </div> | 53 | </div> |
54 | <div class="clearfix"></div> | 54 | <div class="clearfix"></div> |
55 | <label class="card-sub-title"><span style="color:red"> Early bird deadline</span> : <span id="maininvest"></span>*</label> | 55 | <label class="card-sub-title"><span style="color:red"> Early bird deadline</span> : <span id="maininvest"></span>*</label> |
56 | </div> | 56 | </div> |
57 | <div class="card-text2"> | 57 | <div class="card-text2"> |
58 | <span style="font-size:15px;"><b>Location</b></span> | 58 | <span style="font-size:15px;"><b>Location</b></span> |
59 | <div class="card-text" style="font-size:15px;">Lake Club, Sector 1, Chandigarh</div> | 59 | <div class="card-text" style="font-size:15px;">Lake Club, Sector 1, Chandigarh</div> |
60 | <div class="card-text" style="font-size:15px;">Starts at 11am on 16th December, Ends at 7pm on 17th December</div> | 60 | <div class="card-text" style="font-size:15px;">Starts at 11am on 16th December, Ends at 7pm on 17th December</div> |
61 | </div> | 61 | </div> |
62 | <!-- <div class="card-text3"> | 62 | <!-- <div class="card-text3"> |
63 | <p> | 63 | <p> |
64 | <ul style="padding: 2% 0 2% 2%;font-size: 15px;"> | 64 | <ul style="padding: 2% 0 2% 2%;font-size: 15px;"> |
65 | <li>Access to 2-days conference</li> | 65 | <li>Access to 2-days conference</li> |
66 | <li>Pitching for funding up to Rs 1 crore</li> | 66 | <li>Pitching for funding up to Rs 1 crore</li> |
67 | <li>Private interaction in khopchas</li> | 67 | <li>Private interaction in khopchas</li> |
68 | <li>Access to 30+ investors in the startup ecosystem</li> | 68 | <li>Access to 30+ investors in the startup ecosystem</li> |
69 | </ul> | 69 | </ul> |
70 | </p> | 70 | </p> |
71 | </div> --> | 71 | </div> --> |
72 | <div class="col-md-12 row card-text3" style="margin-left: 0;"> | 72 | <div class="col-md-12 row card-text3" style="margin-left: 0;"> |
73 | <div class="col-md-6"> | 73 | <div class="col-md-6"> |
74 | <ul style="padding: 8% 0 2% 0;font-size: 15px;"> | 74 | <ul style="padding: 8% 0 2% 0;font-size: 15px;"> |
75 | <li style="width:100%">Win guaranteed funding upto ₹1 crore* to be the Next Top Startup of India</li> | 75 | <li style="width:100%">Win guaranteed funding upto ₹1 crore* to be the Next Top Startup of India</li> |
76 | </ul> | 76 | </ul> |
77 | </div> | 77 | </div> |
78 | <div class="col-md-6"> | 78 | <div class="col-md-6"> |
79 | <ul style="padding: 8% 0 2% 0;font-size: 15px;"> | 79 | <ul style="padding: 8% 0 2% 0;font-size: 15px;"> |
80 | <li style="width:100%">Private 1-on-1 interaction with investors in khopchas to get funded from top investors upto ₹10 crores*</li> | 80 | <li style="width:100%">Private 1-on-1 interaction with investors in khopchas to get funded from top investors upto ₹10 crores*</li> |
81 | </ul> | 81 | </ul> |
82 | </div> | 82 | </div> |
83 | <div class="col-md-6"> | 83 | <div class="col-md-6"> |
84 | <ul style="padding: 0;font-size: 15px;"> | 84 | <ul style="padding: 0;font-size: 15px;"> |
85 | <li style="width:100%">Access to 30+ top investors in the ecosystem</li> | 85 | <li style="width:100%">Access to 30+ top investors in the ecosystem</li> |
86 | </ul> | 86 | </ul> |
87 | </div> | 87 | </div> |
88 | <div class="col-md-6"> | 88 | <div class="col-md-6"> |
89 | <ul style="padding: 0;font-size: 15px;"> | 89 | <ul style="padding: 0;font-size: 15px;"> |
90 | <li style="width:100%">Network with the biggest names at the 2-day conference</li> | 90 | <li style="width:100%">Network with the biggest names at the 2-day conference</li> |
91 | </ul> | 91 | </ul> |
92 | </div> | 92 | </div> |
93 | <span style="float: right;font-size: 13px;padding:0 2% 3% 0">* Subject to due diligence</span> | 93 | <span style="float: right;font-size: 13px;padding:0 2% 3% 0">* Subject to due diligence</span> |
94 | </div> | 94 | </div> |
95 | </label> | 95 | </label> |
96 | </div> | 96 | </div> |
97 | </div> | 97 | </div> |
98 | <div class="col-md-3"> | 98 | <div class="col-md-3"> |
99 | <div class="card" style="width:100%"> | 99 | <div class="card" style="width:100%"> |
100 | <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail"> | 100 | <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail"> |
101 | <img class="card-img-top" src="images/Delhi (3).png" style="width:100%"> | 101 | <img class="card-img-top" src="images/Delhi (3).png" style="width:100%"> |
102 | <div class="card-block"> | 102 | <div class="card-block"> |
103 | <div class="pull-left"> | 103 | <div class="pull-left"> |
104 | <h4 class="card-title">Delhi</h4> | 104 | <h4 class="card-title">Delhi</h4> |
105 | <label class="card-sub-title">29th November,2017</label> | 105 | <label class="card-sub-title">29th November,2017</label> |
106 | </div> | 106 | </div> |
107 | <div class="pull-right"> | 107 | <div class="pull-right"> |
108 | <!-- <button class="btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" data-toggle="collapse" ng-click="register('chennai')" disabled="">Apply</button> --> | 108 | <!-- <button class="btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" data-toggle="collapse" ng-click="register('chennai')" disabled="">Apply</button> --> |
109 | </div> | 109 | </div> |
110 | <div class="clearfix"></div> | 110 | <div class="clearfix"></div> |
111 | <!-- <label class="card-sub-title"><span style="color:red"> Early bird deadline</span> : <span id="chennai"></span>*</label> --> | 111 | <!-- <label class="card-sub-title"><span style="color:red"> Early bird deadline</span> : <span id="chennai"></span>*</label> --> |
112 | <label class="card-sub-title"><span style="color:red">Sold out</span></label> | 112 | <label class="card-sub-title"><span style="color:red">Sold out</span></label> |
113 | </div> | 113 | </div> |
114 | <div class="card-text2"> | 114 | <div class="card-text2"> |
115 | <span><b>Location</b></span> | 115 | <span><b>Location</b></span> |
116 | <div class="card-text">Delhi Technological University, Shahbad Daulatpur, Delhi</div> | 116 | <div class="card-text">Delhi Technological University, Shahbad Daulatpur, Delhi</div> |
117 | </div> | 117 | </div> |
118 | </label> | 118 | </label> |
119 | </div> | 119 | </div> |
120 | </div> | 120 | </div> |
121 | <div class="col-md-3"> | 121 | <div class="col-md-3"> |
122 | <div class="card" style="width:100%"> | 122 | <div class="card" style="width:100%"> |
123 | <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail"> | 123 | <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail"> |
124 | <img class="card-img-top" src="images/bangalore (1).png" style="width:100%"> | 124 | <img class="card-img-top" src="images/bangalore (1).png" style="width:100%"> |
125 | <div class="card-block"> | 125 | <div class="card-block"> |
126 | <div class="pull-left"> | 126 | <div class="pull-left"> |
127 | <h4 class="card-title">Bengaluru</h4> | 127 | <h4 class="card-title">Bengaluru</h4> |
128 | <label class="card-sub-title">22nd November,2017</label> | 128 | <label class="card-sub-title">22nd November,2017</label> |
129 | </div> | 129 | </div> |
130 | <!-- <div class="pull-right"> | 130 | <!-- <div class="pull-right"> |
131 | <button class="btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" ng-click="register('pune')">Apply</button> | 131 | <button class="btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" ng-click="register('pune')">Apply</button> |
132 | </div> --> | 132 | </div> --> |
133 | <div class="clearfix"></div> | 133 | <div class="clearfix"></div> |
134 | <label class="card-sub-title"><span style="color:red">Closed</span></label> | 134 | <label class="card-sub-title"><span style="color:red">Closed</span></label> |
135 | </div> | 135 | </div> |
136 | <div class="card-text2"> | 136 | <div class="card-text2"> |
137 | <span><b>Location</b></span> | 137 | <span><b>Location</b></span> |
138 | <div class="card-text">NASSCOM 10,000 Startup Warehouse, Diamond District ISRO Colony, Domlur</div> | 138 | <div class="card-text">NASSCOM 10,000 Startup Warehouse, Diamond District ISRO Colony, Domlur</div> |
139 | </div> | 139 | </div> |
140 | </label> | 140 | </label> |
141 | </div> | 141 | </div> |
142 | </div> | 142 | </div> |
143 | <div class="col-md-3" style="margin-top: 2%;"> | 143 | <div class="col-md-3" style="margin-top: 2%;"> |
144 | <div class="card" style="width:100%;"> | 144 | <div class="card" style="width:100%;"> |
145 | <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail"> | 145 | <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail"> |
146 | <img class="card-img-top" src="images/Hyderabad1.png" style="width:100%"> | 146 | <img class="card-img-top" src="images/Hyderabad1.png" style="width:100%"> |
147 | <div class="card-block"> | 147 | <div class="card-block"> |
148 | <div class="pull-left"> | 148 | <div class="pull-left"> |
149 | <h4 class="card-title">Hyderabad</h4> | 149 | <h4 class="card-title">Hyderabad</h4> |
150 | <label class="card-sub-title">21st November,2017</label> | 150 | <label class="card-sub-title">21st November,2017</label> |
151 | </div> | 151 | </div> |
152 | <!-- <div class="pull-right"> | 152 | <!-- <div class="pull-right"> |
153 | <button class="btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" ng-click="register('mumbai')">Apply</button> | 153 | <button class="btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" ng-click="register('mumbai')">Apply</button> |
154 | </div> --> | 154 | </div> --> |
155 | <div class="clearfix"></div> | 155 | <div class="clearfix"></div> |
156 | <label class="card-sub-title"><span style="color:red">Closed</span></label> | 156 | <label class="card-sub-title"><span style="color:red">Closed</span></label> |
157 | </div> | 157 | </div> |
158 | <div class="card-text2"> | 158 | <div class="card-text2"> |
159 | <span><b>Location</b></span> | 159 | <span><b>Location</b></span> |
160 | <div class="card-text">T-Hub, IIIT-Hyderabad Campus, Gachibowli, Hyderabad</div> | 160 | <div class="card-text">T-Hub, IIIT-Hyderabad Campus, Gachibowli, Hyderabad</div> |
161 | </div> | 161 | </div> |
162 | </label> | 162 | </label> |
163 | </div> | 163 | </div> |
164 | </div> | 164 | </div> |
165 | <div class="col-md-3" style="margin-top: 2%;"> | 165 | <div class="col-md-3" style="margin-top: 2%;"> |
166 | <div class="card" style="width:100%"> | 166 | <div class="card" style="width:100%"> |
167 | <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail"> | 167 | <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail"> |
168 | <img class="card-img-top" src="images/jaipur_2 (1).jpg" style="width:100%"> | 168 | <img class="card-img-top" src="images/jaipur_2 (1).jpg" style="width:100%"> |
169 | <div class="card-block"> | 169 | <div class="card-block"> |
170 | <div class="pull-left"> | 170 | <div class="pull-left"> |
171 | <h4 class="card-title">Jaipur</h4> | 171 | <h4 class="card-title">Jaipur</h4> |
172 | <label class="card-sub-title">17th November,2017</label> | 172 | <label class="card-sub-title">17th November,2017</label> |
173 | </div> | 173 | </div> |
174 | <!-- <div class="pull-right"> | 174 | <!-- <div class="pull-right"> |
175 | <button class="btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" ng-click="register('ahmedabad')">Apply</button> | 175 | <button class="btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" ng-click="register('ahmedabad')">Apply</button> |
176 | </div> --> | 176 | </div> --> |
177 | <div class="clearfix"></div> | 177 | <div class="clearfix"></div> |
178 | <label class="card-sub-title"><span style="color:red">Closed</span></label> | 178 | <label class="card-sub-title"><span style="color:red">Closed</span></label> |
179 | </div> | 179 | </div> |
180 | <div class="card-text2"> | 180 | <div class="card-text2"> |
181 | <span><b>Location</b></span> | 181 | <span><b>Location</b></span> |
182 | <div class="card-text">Startup Oasis, M-7, Sitapura Industrial Area, Jaipur</div> | 182 | <div class="card-text">Startup Oasis, M-7, Sitapura Industrial Area, Jaipur</div> |
183 | </div> | 183 | </div> |
184 | </label> | 184 | </label> |
185 | </div> | 185 | </div> |
186 | </div> | 186 | </div> |
187 | </div> | 187 | </div> |
188 | </div> | 188 | </div> |
189 | <div class="clearfix"></div> | 189 | <div class="clearfix"></div> |
190 | <div class="stages card-align" style="margin-top: 2%;"> | 190 | <div class="stages card-align" style="margin-top: 2%;"> |
191 | <div class="row"> | 191 | <div class="row"> |
192 | <div class="col-md-3"> | 192 | <div class="col-md-3"> |
193 | <div class="card" style="width:100%"> | 193 | <div class="card" style="width:100%"> |
194 | <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail"> | 194 | <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail"> |
195 | <img class="card-img-top" src="images/ahmedabad.jpg" style="width:100%"> | 195 | <img class="card-img-top" src="images/ahmedabad.jpg" style="width:100%"> |
196 | <div class="card-block"> | 196 | <div class="card-block"> |
197 | <div class="pull-left"> | 197 | <div class="pull-left"> |
198 | <h4 class="card-title">Ahmedabad</h4> | 198 | <h4 class="card-title">Ahmedabad</h4> |
199 | <label class="card-sub-title">15th November,2017</label> | 199 | <label class="card-sub-title">15th November,2017</label> |
200 | </div> | 200 | </div> |
201 | <!-- <div class="pull-right"> | 201 | <!-- <div class="pull-right"> |
202 | <button class="btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" ng-click="register('jaipur')">Apply</button> | 202 | <button class="btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" ng-click="register('jaipur')">Apply</button> |
203 | </div> --> | 203 | </div> --> |
204 | <div class="clearfix"></div> | 204 | <div class="clearfix"></div> |
205 | <label class="card-sub-title"><span style="color:red">Closed</span></label> | 205 | <label class="card-sub-title"><span style="color:red">Closed</span></label> |
206 | </div> | 206 | </div> |
207 | <div class="card-text2"> | 207 | <div class="card-text2"> |
208 | <span><b>Location</b></span> | 208 | <span><b>Location</b></span> |
209 | <div class="card-text" style="padding-bottom:16px;">IIM-Ahmedabad, Gujarat</div> | 209 | <div class="card-text" style="padding-bottom:16px;">IIM-Ahmedabad, Gujarat</div> |
210 | </div> | 210 | </div> |
211 | </label> | 211 | </label> |
212 | </div> | 212 | </div> |
213 | </div> | 213 | </div> |
214 | <div class="col-md-3"> | 214 | <div class="col-md-3"> |
215 | <div class="card" style="width:100%"> | 215 | <div class="card" style="width:100%"> |
216 | <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail"> | 216 | <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail"> |
217 | <img class="card-img-top" src="images/Mumbai1.png" style="width:100%"> | 217 | <img class="card-img-top" src="images/Mumbai1.png" style="width:100%"> |
218 | <div class="card-block"> | 218 | <div class="card-block"> |
219 | <div class="pull-left"> | 219 | <div class="pull-left"> |
220 | <h4 class="card-title">Mumbai</h4> | 220 | <h4 class="card-title">Mumbai</h4> |
221 | <label class="card-sub-title">13th November,2017</label> | 221 | <label class="card-sub-title">13th November,2017</label> |
222 | </div> | 222 | </div> |
223 | <!-- <div class="pull-right"> | 223 | <!-- <div class="pull-right"> |
224 | <button class="btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" ng-click="register('hyderabad')">Apply</button> | 224 | <button class="btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" ng-click="register('hyderabad')">Apply</button> |
225 | </div> --> | 225 | </div> --> |
226 | <div class="clearfix"></div> | 226 | <div class="clearfix"></div> |
227 | <label class="card-sub-title"><span style="color:red">Closed</span></label> | 227 | <label class="card-sub-title"><span style="color:red">Closed</span></label> |
228 | </div> | 228 | </div> |
229 | <div class="card-text2"> | 229 | <div class="card-text2"> |
230 | <span><b>Location</b></span> | 230 | <span><b>Location</b></span> |
231 | <div class="card-text">Zone Startups, Bombay Stock Exchange, Dalal Street, Mumbai</div> | 231 | <div class="card-text">Zone Startups, Bombay Stock Exchange, Dalal Street, Mumbai</div> |
232 | </div> | 232 | </div> |
233 | </label> | 233 | </label> |
234 | </div> | 234 | </div> |
235 | </div> | 235 | </div> |
236 | <div class="col-md-3"> | 236 | <div class="col-md-3"> |
237 | <div class="card" style="width:100%"> | 237 | <div class="card" style="width:100%"> |
238 | <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail"> | 238 | <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail"> |
239 | <img class="card-img-top" src="images/pune (1).png" style="width:100%"> | 239 | <img class="card-img-top" src="images/pune (1).png" style="width:100%"> |
240 | <div class="card-block"> | 240 | <div class="card-block"> |
241 | <div class="pull-left"> | 241 | <div class="pull-left"> |
242 | <h4 class="card-title">Pune</h4> | 242 | <h4 class="card-title">Pune</h4> |
243 | <label class="card-sub-title">11th November,2017</label> | 243 | <label class="card-sub-title">11th November,2017</label> |
244 | </div> | 244 | </div> |
245 | <!-- <div class="pull-right"> | 245 | <!-- <div class="pull-right"> |
246 | <button class="btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" ng-click="register('bengaluru')">Apply</button> | 246 | <button class="btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" ng-click="register('bengaluru')">Apply</button> |
247 | </div> --> | 247 | </div> --> |
248 | <div class="clearfix"></div> | 248 | <div class="clearfix"></div> |
249 | <label class="card-sub-title"><span style="color:red">Closed</span></label> | 249 | <label class="card-sub-title"><span style="color:red">Closed</span></label> |
250 | </div> | 250 | </div> |
251 | <div class="card-text2"> | 251 | <div class="card-text2"> |
252 | <span><b>Location</b></span> | 252 | <span><b>Location</b></span> |
253 | <div class="card-text" style="padding-bottom:16px;">Edugild, 9, MIT College Rd, Kothrud, Pune</div> | 253 | <div class="card-text" style="padding-bottom:16px;">Edugild, 9, MIT College Rd, Kothrud, Pune</div> |
254 | </div> | 254 | </div> |
255 | </label> | 255 | </label> |
256 | </div> | 256 | </div> |
257 | </div> | 257 | </div> |
258 | <div class="col-md-3"> | 258 | <div class="col-md-3"> |
259 | <div class="card" style="width:100%"> | 259 | <div class="card" style="width:100%"> |
260 | <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail"> | 260 | <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail"> |
261 | <img class="card-img-top" src="images/Chennai1.png" style="width:100%"> | 261 | <img class="card-img-top" src="images/Chennai1.png" style="width:100%"> |
262 | <div class="card-block"> | 262 | <div class="card-block"> |
263 | <div class="pull-left"> | 263 | <div class="pull-left"> |
264 | <h4 class="card-title">Chennai</h4> | 264 | <h4 class="card-title">Chennai</h4> |
265 | <label class="card-sub-title">9th November,2017</label> | 265 | <label class="card-sub-title">9th November,2017</label> |
266 | </div> | 266 | </div> |
267 | <!-- <div class="pull-right"> | 267 | <!-- <div class="pull-right"> |
268 | <button class="btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" ng-click="register('delhi')">Apply</button> | 268 | <button class="btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" ng-click="register('delhi')">Apply</button> |
269 | </div> --> | 269 | </div> --> |
270 | <div class="clearfix"></div> | 270 | <div class="clearfix"></div> |
271 | <label class="card-sub-title"><span style="color:red">Closed</span></label> | 271 | <label class="card-sub-title"><span style="color:red">Closed</span></label> |
272 | </div> | 272 | </div> |
273 | <div class="card-text2"> | 273 | <div class="card-text2"> |
274 | <span><b>Location</b></span> | 274 | <span><b>Location</b></span> |
275 | <div class="card-text" style="padding-bottom:16px;">IIT-Madras, Research Park Auditorium</div> | 275 | <div class="card-text" style="padding-bottom:16px;">IIT-Madras, Research Park Auditorium</div> |
276 | </div> | 276 | </div> |
277 | </label> | 277 | </label> |
278 | </div> | 278 | </div> |
279 | </div> | 279 | </div> |
280 | </div> | 280 | </div> |
281 | </div> | 281 | </div> |
282 | <div class="clearfix"></div> | 282 | <div class="clearfix"></div> |
283 | 283 | ||
284 | <div class="clearfix"></div> | 284 | <div class="clearfix"></div> |
285 | </div> | 285 | </div> |
286 | </div> | 286 | </div> |
287 | <div class="clearfix"></div> | 287 | <div class="clearfix"></div> |
288 | <div style="display: none;" class="hiddenForm"> | 288 | <div style="display: none;" class="hiddenForm"> |
289 | <div class="navbar-collapse"> | 289 | <div class="navbar-collapse"> |
290 | <form name="applicantForm" id="signupForm"> | 290 | <form name="applicantForm" id="signupForm"> |
291 | <div class="col-xs-12 col-md-10 col-md-offset-1"> | 291 | <div class="col-xs-12 col-md-10 col-md-offset-1"> |
292 | <!-- <div class="hideform" ng-if="eventType"> | 292 | <!-- <div class="hideform" ng-if="eventType"> |
293 | <p> | 293 | <p> |
294 | <ul style="padding-left: 2%;font-size: 15px;"><li>Access to 2-days conference</li> | 294 | <ul style="padding-left: 2%;font-size: 15px;"><li>Access to 2-days conference</li> |
295 | <li>Pitching for funding up to Rs 1 crore</li> | 295 | <li>Pitching for funding up to Rs 1 crore</li> |
296 | <li>Private interaction in khopchas</li> | 296 | <li>Private interaction in khopchas</li> |
297 | <li>Access to 30+ investors in the startup ecosystem</li></ul> | 297 | <li>Access to 30+ investors in the startup ecosystem</li></ul> |
298 | </p> | 298 | </p> |
299 | </div> --> | 299 | </div> --> |
300 | <!-- <div class="hideform" ng-if="mainType"> --> | 300 | <!-- <div class="hideform" ng-if="mainType"> --> |
301 | <p class="select-stage" style="font-size:16px;"><b>Please select one stage.</b></p> | 301 | <p class="select-stage" style="font-size:16px;"><b>Please select one stage.</b></p> |
302 | <div class="stage-shadow"> | 302 | <div class="stage-shadow"> |
303 | <div class="stages card-align"> | 303 | <div class="stages card-align"> |
304 | <div class="col-xs-6 no-padding"> | 304 | <div class="col-xs-6 no-padding"> |
305 | <div class="card stages-card"> | 305 | <div class="card stages-card"> |
306 | <input type="radio" ng-model="data.stage" class="stageRadio" value="Pitch your Idea" name="Pitch your Idea" id="ideation" ng-required="Idea" ng-checked="true" checked="true" ng-click="stage('Pitch your Idea')"> | 306 | <input type="radio" ng-model="data.stage" class="stageRadio" value="Pitch your Idea" name="Pitch your Idea" id="ideation" ng-required="Idea" ng-checked="true" checked="true" ng-click="stage('Pitch your Idea')"> |
307 | <label style="cursor:pointer" class="thumbnail radius-border stage-thumbnail" for="ideation"> | 307 | <label style="cursor:pointer" class="thumbnail radius-border stage-thumbnail" for="ideation"> |
308 | <img class="stage-img stage-idea" src="images/idea-stage.png" alt="Lights"> | 308 | <img class="stage-img stage-idea" src="images/idea-stage.png" alt="Lights"> |
309 | <div class="card-content f-family"> | 309 | <div class="card-content f-family"> |
310 | <p align="center"><b style="font-size:16px">Pitch your Idea</b></p> | 310 | <p align="center"><b style="font-size:16px">Pitch your Idea</b></p> |
311 | </div> | 311 | </div> |
312 | </label> | 312 | </label> |
313 | </div> | 313 | </div> |
314 | <div class="clearfix"></div> | 314 | <div class="clearfix"></div> |
315 | <div class="cards-content hidden-xs"> | 315 | <div class="cards-content hidden-xs"> |
316 | <p> | 316 | <p> |
317 | ⚬ <span style="font-weight:bold">One idea will get a chance to pitch and 10lac guaranteed funding* T&C</span><br> | 317 | ⚬ <span style="font-weight:bold">One idea will get a chance to pitch and 10lac guaranteed funding* T&C</span><br> |
318 | </p> | 318 | </p> |
319 | </div> | 319 | </div> |
320 | </div> | 320 | </div> |
321 | <div class="col-xs-6 no-padding-mobile"> | 321 | <div class="col-xs-6 no-padding-mobile"> |
322 | <div class="card stages-card margin-auto-mobile"> | 322 | <div class="card stages-card margin-auto-mobile"> |
323 | <input type="radio" ng-model="data.stage" class="stageRadio" value="Pitch your Startup" name="Pitch your Startup" id="Proof" ng-required="Product" ng-click="stage('Pitch your Startup')"> | 323 | <input type="radio" ng-model="data.stage" class="stageRadio" value="Pitch your Startup" name="Pitch your Startup" id="Proof" ng-required="Product" ng-click="stage('Pitch your Startup')"> |
324 | <label style="cursor:pointer" class="thumbnail radius-border stage-thumbnail" for="Proof"> | 324 | <label style="cursor:pointer" class="thumbnail radius-border stage-thumbnail" for="Proof"> |
325 | <img class="stage-img stage-product" src="images/production-stage.png" alt="Lights"> | 325 | <img class="stage-img stage-product" src="images/production-stage.png" alt="Lights"> |
326 | <div class="card-content f-family"> | 326 | <div class="card-content f-family"> |
327 | <p align="center"><b style="font-size:16px">Pitch your Startup</b></p> | 327 | <p align="center"><b style="font-size:16px">Pitch your Startup</b></p> |
328 | </div> | 328 | </div> |
329 | </label> | 329 | </label> |
330 | </div> | 330 | </div> |
331 | <div class="clearfix"></div> | 331 | <div class="clearfix"></div> |
332 | <div class="cards-content hidden-xs"> | 332 | <div class="cards-content hidden-xs"> |
333 | <p> | 333 | <p> |
334 | ⚬ <span style="font-weight:bold">The top startup will get Rs 1crore prize in form of funding* T&C</span><br> | 334 | ⚬ <span style="font-weight:bold">The top startup will get Rs 1crore prize in form of funding* T&C</span><br> |
335 | </p> | 335 | </p> |
336 | </div> | 336 | </div> |
337 | </div> | 337 | </div> |
338 | <!--<div class="col-xs-4 no-padding"> | 338 | <!--<div class="col-xs-4 no-padding"> |
339 | <div class="card stages-card right-stage-card"> | 339 | <div class="card stages-card right-stage-card"> |
340 | <input type="radio" ng-model="data.stage" class="stageRadio" value="Growth" name="Growth" id="Beta" ng-required="Growth" ng-click="stage('Growth')"> | 340 | <input type="radio" ng-model="data.stage" class="stageRadio" value="Growth" name="Growth" id="Beta" ng-required="Growth" ng-click="stage('Growth')"> |
341 | <label style="cursor:pointer" class="thumbnail radius-border stage-thumbnail" for="Beta"> | 341 | <label style="cursor:pointer" class="thumbnail radius-border stage-thumbnail" for="Beta"> |
342 | <img class="stage-img stage-growth" src="images/growth-stage.png" alt="Lights"> | 342 | <img class="stage-img stage-growth" src="images/growth-stage.png" alt="Lights"> |
343 | <div class="card-content f-family"> | 343 | <div class="card-content f-family"> |
344 | <p align="center">Growth</p> | 344 | <p align="center">Growth</p> |
345 | </div> | 345 | </div> |
346 | </label> | 346 | </label> |
347 | </div> | 347 | </div> |
348 | <div class="clearfix"></div> | 348 | <div class="clearfix"></div> |
349 | <div class="cards-content hidden-xs"> | 349 | <div class="cards-content hidden-xs"> |
350 | <p> | 350 | <p> |
351 | ⚬ <span style="font-weight:bold">Have traction and looking to scale up?</span><br> | 351 | ⚬ <span style="font-weight:bold">Have traction and looking to scale up?</span><br> |
352 | ⚬ Connect with Series A investors<br> | 352 | ⚬ Connect with Series A investors<br> |
353 | ⚬ Connect and hire top startups | 353 | ⚬ Connect and hire top startups |
354 | </p> | 354 | </p> |
355 | </div> | 355 | </div> |
356 | </div> --> | 356 | </div> --> |
357 | <!-- <div class="col-xs-3 no-padding"> | 357 | <!-- <div class="col-xs-3 no-padding"> |
358 | <div class="card stages-card"> | 358 | <div class="card stages-card"> |
359 | <input type="radio" ng-model="data.stage" class="stageRadio" value="Visitor" name="Visitor" id="visit" ng-required="Visitor" ng-checked="true" checked="true" ng-click="stage('Visitor')"> | 359 | <input type="radio" ng-model="data.stage" class="stageRadio" value="Visitor" name="Visitor" id="visit" ng-required="Visitor" ng-checked="true" checked="true" ng-click="stage('Visitor')"> |
360 | <label style="cursor:pointer" class="thumbnail radius-border stage-thumbnail" for="visit"> | 360 | <label style="cursor:pointer" class="thumbnail radius-border stage-thumbnail" for="visit"> |
361 | <img class="stage-img stage-visit" src="images/idea-stage.png" alt="Lights"> | 361 | <img class="stage-img stage-visit" src="images/idea-stage.png" alt="Lights"> |
362 | <div class="card-content f-family"> | 362 | <div class="card-content f-family"> |
363 | <p align="center">Visitor</p> | 363 | <p align="center">Visitor</p> |
364 | </div> | 364 | </div> |
365 | </label> | 365 | </label> |
366 | </div> | 366 | </div> |
367 | <div class="clearfix"></div> | 367 | <div class="clearfix"></div> |
368 | <div class="cards-content hidden-xs"> | 368 | <div class="cards-content hidden-xs"> |
369 | <p> | 369 | <p> |
370 | ⚬ <span style="font-weight:bold">Have an idea and need execution help?</span><br> | 370 | ⚬ <span style="font-weight:bold">Have an idea and need execution help?</span><br> |
371 | ⚬ Get feedback from mentors<br> | 371 | ⚬ Get feedback from mentors<br> |
372 | ⚬ Validate your idea. | 372 | ⚬ Validate your idea. |
373 | </p> | 373 | </p> |
374 | </div> | 374 | </div> |
375 | </div> --> | 375 | </div> --> |
376 | <div class="clearfix"></div> | 376 | <div class="clearfix"></div> |
377 | </div> | 377 | </div> |
378 | <div class="clearfix"></div> | 378 | <div class="clearfix"></div> |
379 | </div> | 379 | </div> |
380 | <!-- </div> --> | 380 | <!-- </div> --> |
381 | <div class="hidden-sm hidden-md hidden-lg"> | 381 | <div class="hidden-sm hidden-md hidden-lg"> |
382 | <div class="cards-content" ng-if="data.stage == 'Pitch your Idea'"> | 382 | <div class="cards-content" ng-if="data.stage == 'Pitch your Idea'"> |
383 | <p> | 383 | <p> |
384 | ⚬ <span style="font-weight:bold">One idea will get a chance to pitch and 10lac guaranteed funding* T&C</span><br> | 384 | ⚬ <span style="font-weight:bold">One idea will get a chance to pitch and 10lac guaranteed funding* T&C</span><br> |
385 | </p> | 385 | </p> |
386 | </div> | 386 | </div> |
387 | <div class="cards-content" ng-if="data.stage == 'Pitch your Startup'"> | 387 | <div class="cards-content" ng-if="data.stage == 'Pitch your Startup'"> |
388 | <p> | 388 | <p> |
389 | ⚬ <span style="font-weight:bold">The top startup will get Rs 1crore prize in form of funding* T&C</span><br> | 389 | ⚬ <span style="font-weight:bold">The top startup will get Rs 1crore prize in form of funding* T&C</span><br> |
390 | </p> | 390 | </p> |
391 | </div> | 391 | </div> |
392 | <!-- <div class="cards-content" ng-if="data.stage == 'Growth'"> | 392 | <!-- <div class="cards-content" ng-if="data.stage == 'Growth'"> |
393 | <p> | 393 | <p> |
394 | ⚬ <span style="font-weight:bold">Have traction and looking to scale up?</span><br> | 394 | ⚬ <span style="font-weight:bold">Have traction and looking to scale up?</span><br> |
395 | ⚬ Connect with Series A investors<br> | 395 | ⚬ Connect with Series A investors<br> |
396 | ⚬ Connect and hire top startups | 396 | ⚬ Connect and hire top startups |
397 | </p> | 397 | </p> |
398 | </div> --> | 398 | </div> --> |
399 | <!-- <div class="cards-content" ng-if="data.stage == 'Visitor'"> | 399 | <!-- <div class="cards-content" ng-if="data.stage == 'Visitor'"> |
400 | <p> | 400 | <p> |
401 | ⚬ <span style="font-weight:bold">Have an idea and need execution help?</span><br> | 401 | ⚬ <span style="font-weight:bold">Have an idea and need execution help?</span><br> |
402 | ⚬ Get feedback from mentors<br> | 402 | ⚬ Get feedback from mentors<br> |
403 | ⚬ Validate your idea. | 403 | ⚬ Validate your idea. |
404 | </p> | 404 | </p> |
405 | </div> --> | 405 | </div> --> |
406 | </div> | 406 | </div> |
407 | <!-- CLOSE STAGE SHADOW --> | 407 | <!-- CLOSE STAGE SHADOW --> |
408 | <div class="form-all"> | 408 | <div class="form-all"> |
409 | <div class="col-xs-12 col-md-12 input-wrapper"> | 409 | <div class="col-xs-12 col-md-12 input-wrapper"> |
410 | <div id="snackbar">Error ! Please fill in all fields.</div> | 410 | <div id="snackbar">Error ! Please fill in all fields.</div> |
411 | <div class="icon-circle-c"> | 411 | <div class="icon-circle-c"> |
412 | <i class="material-icons" style="line-height: 31px;">person</i> | 412 | <i class="material-icons" style="line-height: 31px;">person</i> |
413 | </div> | 413 | </div> |
414 | <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)"> | 414 | <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)"> |
415 | </div> | 415 | </div> |
416 | <!-- <div class="col-xs-12 col-md-6 input-wrapper"> | 416 | <!-- <div class="col-xs-12 col-md-6 input-wrapper"> |
417 | <div id="snackbar">Error ! Please fill in all fields.</div> | 417 | <div id="snackbar">Error ! Please fill in all fields.</div> |
418 | <div class="icon-circle-x"> | 418 | <div class="icon-circle-x"> |
419 | <i class="material-icons" style="line-height: 31px;">assignment_ind</i> | 419 | <i class="material-icons" style="line-height: 31px;">assignment_ind</i> |
420 | </div> | 420 | </div> |
421 | <input type="text" class="text-input" required ng-model="data.lastName" placeholder="Last Name *" id="myBtn" name="lastName" ng-change="entername(data.lastName); lastNamekeyPress(data.lastName)"> | 421 | <input type="text" class="text-input" required ng-model="data.lastName" placeholder="Last Name *" id="myBtn" name="lastName" ng-change="entername(data.lastName); lastNamekeyPress(data.lastName)"> |
422 | 422 | ||
423 | </div> --> | 423 | </div> --> |
424 | <div class="col-xs-12 col-md-12 input-wrapper"> | 424 | <div class="col-xs-12 col-md-12 input-wrapper"> |
425 | <div id="snackbar">Error ! Please fill in all fields.</div> | 425 | <div id="snackbar">Error ! Please fill in all fields.</div> |
426 | <div class="icon-circle-d"> | 426 | <div class="icon-circle-d"> |
427 | <i class="material-icons" style="line-height: 30px;">email</i> | 427 | <i class="material-icons" style="line-height: 30px;">email</i> |
428 | </div> | 428 | </div> |
429 | <input type="email" name="email" style="margin-bottom:5px" | 429 | <input type="email" name="email" style="margin-bottom:5px" |
430 | ng-pattern="/^[^\s@]+@[^\s@]+\.[^\s@]+$/" class="text-input" required class="" ng-model="data.email" placeholder="Email Address *" ng-blur="emailcheck(data.email)" ng-focus="removeError()" ng-change="enteremail(data.email); emailkeyPress(data.email)" ng-keyup="emailTest($event)"> | 430 | ng-pattern="/^[^\s@]+@[^\s@]+\.[^\s@]+$/" class="text-input" required class="" ng-model="data.email" placeholder="Email Address *" ng-blur="emailcheck(data.email)" ng-focus="removeError()" ng-change="enteremail(data.email); emailkeyPress(data.email)" ng-keyup="emailTest($event)"> |
431 | <label class="error-message f-family" id="invalidEmail">Please enter a valid email address.</label> | 431 | <label class="error-message f-family" id="invalidEmail">Please enter a valid email address.</label> |
432 | <label ng-if="check">Email already exist.<a href="http://apply.startupjalsa.com/#/pendingPayment/{{emailId}}">Click here</a> to complete payment</label> | 432 | <label ng-if="check">Email already exist.<a href="http://apply.startupjalsa.com/#/pendingPayment/{{emailId}}">Click here</a> to complete payment</label> |
433 | <label style="color: #ff0000;margin: 5px 4px -5px 0px" ng-if="space == true" >Please remove the space.</label> | 433 | <label style="color: #ff0000;margin: 5px 4px -5px 0px" ng-if="space == true" >Please remove the space.</label> |
434 | 434 | ||
435 | </div> | 435 | </div> |
436 | <!-- <div class="col-xs-12 col-md-6 input-wrapper f-family"> | 436 | <!-- <div class="col-xs-12 col-md-6 input-wrapper f-family"> |
437 | <div class="icon-circle-f"> | 437 | <div class="icon-circle-f"> |
438 | <i class="material-icons" style="line-height: 30px;">location_city</i> | 438 | <i class="material-icons" style="line-height: 30px;">location_city</i> |
439 | </div> | 439 | </div> |
440 | <select ng-model="data.city" ng-change="selectcity(data.city); citykeyPress(data.city)" required style="background-color: #fff; border-radius: 0; font-size: 12px; height: 44px;"> | 440 | <select ng-model="data.city" ng-change="selectcity(data.city); citykeyPress(data.city)" required style="background-color: #fff; border-radius: 0; font-size: 12px; height: 44px;"> |
441 | <option name="city" selected disabled value="">Choose City *</option> | 441 | <option name="city" selected disabled value="">Choose City *</option> |
442 | <option value="Agra">Agra</option> | 442 | <option value="Agra">Agra</option> |
443 | <option value="Ahmedabad">Ahmedabad</option> | 443 | <option value="Ahmedabad">Ahmedabad</option> |
444 | <option value="Ajmer">Ajmer</option> | 444 | <option value="Ajmer">Ajmer</option> |
445 | <option value="Aligarh">Aligarh</option> | 445 | <option value="Aligarh">Aligarh</option> |
446 | <option value="Allahabad">Allahabad</option> | 446 | <option value="Allahabad">Allahabad</option> |
447 | <option value="Ambattur">Ambattur</option> | 447 | <option value="Ambattur">Ambattur</option> |
448 | <option value="Amravati">Amravati</option> | 448 | <option value="Amravati">Amravati</option> |
449 | <option value="Amritsar">Amritsar</option> | 449 | <option value="Amritsar">Amritsar</option> |
450 | <option value="Asansol">Asansol</option> | 450 | <option value="Asansol">Asansol</option> |
451 | <option value="Aurangabad">Aurangabad</option> | 451 | <option value="Aurangabad">Aurangabad</option> |
452 | <option value="Bareilly">Bareilly</option> | 452 | <option value="Bareilly">Bareilly</option> |
453 | <option value="Belgaum">Belgaum</option> | 453 | <option value="Belgaum">Belgaum</option> |
454 | <option value="Bengaluru">Bengaluru</option> | 454 | <option value="Bengaluru">Bengaluru</option> |
455 | <option value="Bhavnagar">Bhavnagar</option> | 455 | <option value="Bhavnagar">Bhavnagar</option> |
456 | <option value="Bhayander">Bhayander</option> | 456 | <option value="Bhayander">Bhayander</option> |
457 | <option value="Bhilai Nagar">Bhilai Nagar</option> | 457 | <option value="Bhilai Nagar">Bhilai Nagar</option> |
458 | <option value="Bhiwandi">Bhiwandi</option> | 458 | <option value="Bhiwandi">Bhiwandi</option> |
459 | <option value="Bhopal">Bhopal</option> | 459 | <option value="Bhopal">Bhopal</option> |
460 | <option value="Bhubaneswar">Bhubaneswar</option> | 460 | <option value="Bhubaneswar">Bhubaneswar</option> |
461 | <option value="Bikaner">Bikaner</option> | 461 | <option value="Bikaner">Bikaner</option> |
462 | <option value="Chandigarh">Chandigarh</option> | 462 | <option value="Chandigarh">Chandigarh</option> |
463 | <option value="Chennai">Chennai</option> | 463 | <option value="Chennai">Chennai</option> |
464 | <option value="Chinchwad">Chinchwad</option> | 464 | <option value="Chinchwad">Chinchwad</option> |
465 | <option value="Coimbatore">Coimbatore</option> | 465 | <option value="Coimbatore">Coimbatore</option> |
466 | <option value="Cuttack">Cuttack</option> | 466 | <option value="Cuttack">Cuttack</option> |
467 | <option value="Dehradun">Dehradun</option> | 467 | <option value="Dehradun">Dehradun</option> |
468 | <option value="Delhi-NCR">Delhi-NCR</option> | 468 | <option value="Delhi-NCR">Delhi-NCR</option> |
469 | <option value="Dhanbad">Dhanbad</option> | 469 | <option value="Dhanbad">Dhanbad</option> |
470 | <option value="Dharwad">Dharwad</option> | 470 | <option value="Dharwad">Dharwad</option> |
471 | <option value="Dombivali">Dombivali</option> | 471 | <option value="Dombivali">Dombivali</option> |
472 | <option value="Durgapur">Durgapur</option> | 472 | <option value="Durgapur">Durgapur</option> |
473 | <option value="Faridabad">Faridabad</option> | 473 | <option value="Faridabad">Faridabad</option> |
474 | <option value="Firozabad">Firozabad</option> | 474 | <option value="Firozabad">Firozabad</option> |
475 | <option value="Gaya">Gaya</option> | 475 | <option value="Gaya">Gaya</option> |
476 | <option value="Ghaziabad">Ghaziabad</option> | 476 | <option value="Ghaziabad">Ghaziabad</option> |
477 | <option value="Gorakhpur">Gorakhpur</option> | 477 | <option value="Gorakhpur">Gorakhpur</option> |
478 | <option value="Gulbarga">Gulbarga</option> | 478 | <option value="Gulbarga">Gulbarga</option> |
479 | <option value="Guntur">Guntur</option> | 479 | <option value="Guntur">Guntur</option> |
480 | <option value="Gurgaon">Gurgaon</option> | 480 | <option value="Gurgaon">Gurgaon</option> |
481 | <option value="Guwahati">Guwahati</option> | 481 | <option value="Guwahati">Guwahati</option> |
482 | <option value="Gwalior">Gwalior</option> | 482 | <option value="Gwalior">Gwalior</option> |
483 | <option value="Haora">Haora</option> | 483 | <option value="Haora">Haora</option> |
484 | <option value="Hubli">Hubli</option> | 484 | <option value="Hubli">Hubli</option> |
485 | <option value="Hyderabad">Hyderabad</option> | 485 | <option value="Hyderabad">Hyderabad</option> |
486 | <option value="Indore">Indore</option> | 486 | <option value="Indore">Indore</option> |
487 | <option value="Jabalpur">Jabalpur</option> | 487 | <option value="Jabalpur">Jabalpur</option> |
488 | <option value="Jaipur">Jaipur</option> | 488 | <option value="Jaipur">Jaipur</option> |
489 | <option value="Jalandhar">Jalandhar</option> | 489 | <option value="Jalandhar">Jalandhar</option> |
490 | <option value="Jalgaon">Jalgaon</option> | 490 | <option value="Jalgaon">Jalgaon</option> |
491 | <option value="Jammu">Jammu</option> | 491 | <option value="Jammu">Jammu</option> |
492 | <option value="Jamnagar">Jamnagar</option> | 492 | <option value="Jamnagar">Jamnagar</option> |
493 | <option value="Jamshedpur">Jamshedpur</option> | 493 | <option value="Jamshedpur">Jamshedpur</option> |
494 | <option value="Jhansi">Jhansi</option> | 494 | <option value="Jhansi">Jhansi</option> |
495 | <option value="Jodhpur">Jodhpur</option> | 495 | <option value="Jodhpur">Jodhpur</option> |
496 | <option value="Kalyan">Kalyan</option> | 496 | <option value="Kalyan">Kalyan</option> |
497 | <option value="Kanpur">Kanpur</option> | 497 | <option value="Kanpur">Kanpur</option> |
498 | <option value="Kochi">Kochi</option> | 498 | <option value="Kochi">Kochi</option> |
499 | <option value="Kolapur">Kolapur</option> | 499 | <option value="Kolapur">Kolapur</option> |
500 | <option value="Kolkata">Kolkata</option> | 500 | <option value="Kolkata">Kolkata</option> |
501 | <option value="Kota">Kota</option> | 501 | <option value="Kota">Kota</option> |
502 | <option value="Loni">Loni</option> | 502 | <option value="Loni">Loni</option> |
503 | <option value="Lucknow">Lucknow</option> | 503 | <option value="Lucknow">Lucknow</option> |
504 | <option value="Ludhiana">Ludhiana</option> | 504 | <option value="Ludhiana">Ludhiana</option> |
505 | <option value="Madurai">Madurai</option> | 505 | <option value="Madurai">Madurai</option> |
506 | <option value="Maheshtala">Maheshtala</option> | 506 | <option value="Maheshtala">Maheshtala</option> |
507 | <option value="Malegoan">Malegoan</option> | 507 | <option value="Malegoan">Malegoan</option> |
508 | <option value="Mangalore">Mangalore</option> | 508 | <option value="Mangalore">Mangalore</option> |
509 | <option value="Meerut">Meerut</option> | 509 | <option value="Meerut">Meerut</option> |
510 | <option value="Mira">Mira</option> | 510 | <option value="Mira">Mira</option> |
511 | <option value="Moradabad">Moradabad</option> | 511 | <option value="Moradabad">Moradabad</option> |
512 | <option value="Mumbai">Mumbai</option> | 512 | <option value="Mumbai">Mumbai</option> |
513 | <option value="Mysore">Mysore</option> | 513 | <option value="Mysore">Mysore</option> |
514 | <option value="Nagpur">Nagpur</option> | 514 | <option value="Nagpur">Nagpur</option> |
515 | <option value="Nanded Waghala">Nanded Waghala</option> | 515 | <option value="Nanded Waghala">Nanded Waghala</option> |
516 | <option value="Nashik">Nashik</option> | 516 | <option value="Nashik">Nashik</option> |
517 | <option value="Navi Mumbai">Navi Mumbai</option> | 517 | <option value="Navi Mumbai">Navi Mumbai</option> |
518 | <option value="Nellore">Nellore</option> | 518 | <option value="Nellore">Nellore</option> |
519 | <option value="Noida">Noida</option> | 519 | <option value="Noida">Noida</option> |
520 | <option value="Patna">Patna</option> | 520 | <option value="Patna">Patna</option> |
521 | <option value="Pimpri">Pimpri</option> | 521 | <option value="Pimpri">Pimpri</option> |
522 | <option value="Pune">Pune</option> | 522 | <option value="Pune">Pune</option> |
523 | <option value="Raipur">Raipur</option> | 523 | <option value="Raipur">Raipur</option> |
524 | <option value="Rajkot">Rajkot</option> | 524 | <option value="Rajkot">Rajkot</option> |
525 | <option value="Ranchi">Ranchi</option> | 525 | <option value="Ranchi">Ranchi</option> |
526 | <option value="Saharanpur">Saharanpur</option> | 526 | <option value="Saharanpur">Saharanpur</option> |
527 | <option value="Salem">Salem</option> | 527 | <option value="Salem">Salem</option> |
528 | <option value="Sangli Miraj Kupwad">Sangli Miraj Kupwad</option> | 528 | <option value="Sangli Miraj Kupwad">Sangli Miraj Kupwad</option> |
529 | <option value="Siliguri">Siliguri</option> | 529 | <option value="Siliguri">Siliguri</option> |
530 | <option value="Solapur">Solapur</option> | 530 | <option value="Solapur">Solapur</option> |
531 | <option value="Srinagar">Srinagar</option> | 531 | <option value="Srinagar">Srinagar</option> |
532 | <option value="Surat">Surat</option> | 532 | <option value="Surat">Surat</option> |
533 | <option value="Thane">Thane</option> | 533 | <option value="Thane">Thane</option> |
534 | <option value="Thiruvananthapuram">Thiruvananthapuram</option> | 534 | <option value="Thiruvananthapuram">Thiruvananthapuram</option> |
535 | <option value="Tiruchirappalli">Tiruchirappalli</option> | 535 | <option value="Tiruchirappalli">Tiruchirappalli</option> |
536 | <option value="Tirunelveli">Tirunelveli</option> | 536 | <option value="Tirunelveli">Tirunelveli</option> |
537 | <option value="Udaipur">Udaipur</option> | 537 | <option value="Udaipur">Udaipur</option> |
538 | <option value="Ujjain">Ujjain</option> | 538 | <option value="Ujjain">Ujjain</option> |
539 | <option value="Ulhasnagar">Ulhasnagar</option> | 539 | <option value="Ulhasnagar">Ulhasnagar</option> |
540 | <option value="Vadodara">Vadodara</option> | 540 | <option value="Vadodara">Vadodara</option> |
541 | <option value="Varanasi">Varanasi</option> | 541 | <option value="Varanasi">Varanasi</option> |
542 | <option value="Vasai Virar">Vasai Virar</option> | 542 | <option value="Vasai Virar">Vasai Virar</option> |
543 | <option value="Vijayawada">Vijayawada</option> | 543 | <option value="Vijayawada">Vijayawada</option> |
544 | <option value="Visakhapatnam">Visakhapatnam</option> | 544 | <option value="Visakhapatnam">Visakhapatnam</option> |
545 | <option value="Warangal">Warangal</option> | 545 | <option value="Warangal">Warangal</option> |
546 | <option value="anyOther">Any other</option> | 546 | <option value="anyOther">Any other</option> |
547 | </select> | 547 | </select> |
548 | </div> --> | 548 | </div> --> |
549 | <!-- <div class="col-xs-12 col-md-12 f-family line-adjust"> | 549 | <!-- <div class="col-xs-12 col-md-12 f-family line-adjust"> |
550 | <strong>Which city meet-up would you like to attend? </strong> | 550 | <strong>Which city meet-up would you like to attend? </strong> |
551 | <p class="line-space" ></p> | 551 | <p class="line-space" ></p> |
552 | </div> | 552 | </div> |
553 | <div class="col-xs-12 col-md-12 input-wrapper f-family"> | 553 | <div class="col-xs-12 col-md-12 input-wrapper f-family"> |
554 | <div class="icon-circle-p"> | 554 | <div class="icon-circle-p"> |
555 | <i class="material-icons" style="line-height: 30px;">location_city</i> | 555 | <i class="material-icons" style="line-height: 30px;">location_city</i> |
556 | </div> | 556 | </div> |
557 | <select name="citymeetup" ng-model="data.citymeetup" ng-change="enterbusiness(data.citymeetup); businesskeyPress(data.citymeetup)" required style="background-color: #fff;border-radius: 0; font-size: 12px;"> | 557 | <select name="citymeetup" ng-model="data.citymeetup" ng-change="enterbusiness(data.citymeetup); businesskeyPress(data.citymeetup)" required style="background-color: #fff;border-radius: 0; font-size: 12px;"> |
558 | <option selected disabled value="">City meet-up *</option> | 558 | <option selected disabled value="">City meet-up *</option> |
559 | <option value="Chennai">November 9: Chennai</option> | 559 | <option value="Chennai">November 9: Chennai</option> |
560 | <option value="Pune">November 11: Pune</option> | 560 | <option value="Pune">November 11: Pune</option> |
561 | <option value="Ahmedabad">November 13: Ahmedabad</option> | 561 | <option value="Ahmedabad">November 13: Ahmedabad</option> |
562 | <option value="Mumbai">November 17: Mumbai</option> | 562 | <option value="Mumbai">November 17: Mumbai</option> |
563 | <option value="Bengaluru">November 23: Bengaluru</option> | 563 | <option value="Bengaluru">November 23: Bengaluru</option> |
564 | <option value="Delhi">November 25: Delhi</option> | 564 | <option value="Delhi">November 25: Delhi</option> |
565 | <option value="Hyderabad">November 27: Hyderabad</option> | 565 | <option value="Hyderabad">November 27: Hyderabad</option> |
566 | <option value="Chandigarh">December 1: Chandigarh</option> | 566 | <option value="Chandigarh">December 1: Chandigarh</option> |
567 | </select> | 567 | </select> |
568 | </div> --> | 568 | </div> --> |
569 | <div class="col-xs-12 col-md-12 input-wrapper"> | 569 | <div class="col-xs-12 col-md-12 input-wrapper"> |
570 | <div id="snackbar">Error ! Please fill in all fields.</div> | 570 | <div id="snackbar">Error ! Please fill in all fields.</div> |
571 | <div class="icon-circle-e"> | 571 | <div class="icon-circle-e"> |
572 | <i class="material-icons" style="line-height: 30px;">phone</i> | 572 | <i class="material-icons" style="line-height: 30px;">phone</i> |
573 | </div> | 573 | </div> |
574 | <input type="text" ng-pattern="/^[0-9+-]*$/" maxlength="15" class="text-input" ng-model="data.number" placeholder="Mobile No.*" ng-focus="removeNoError()" ng-change="enternumber(data.number); phonekeyPress(data.number)"> | 574 | <input type="text" ng-pattern="/^[0-9+-]*$/" maxlength="15" class="text-input" ng-model="data.number" placeholder="Mobile No.*" ng-focus="removeNoError()" ng-change="enternumber(data.number); phonekeyPress(data.number)"> |
575 | <label ng-if="numberCheck">Contact Number already exist.</label> | 575 | <label ng-if="numberCheck">Contact Number already exist.</label> |
576 | </div> | 576 | </div> |
577 | <div class="col-xs-12 col-md-12 input-wrapper"> | 577 | <div class="col-xs-12 col-md-12 input-wrapper"> |
578 | <div id="snackbar">Error ! Please fill in all fields.</div> | 578 | <div id="snackbar">Error ! Please fill in all fields.</div> |
579 | <div class="icon-circle-x"> | 579 | <div class="icon-circle-x"> |
580 | <i class="material-icons" style="line-height: 31px;">assignment_ind</i> | 580 | <i class="material-icons" style="line-height: 31px;">assignment_ind</i> |
581 | </div> | 581 | </div> |
582 | <input type="text" class="text-input" required ng-model="data.startupName" placeholder="Startup Name *" id="myBtn" name="startupName" ng-change="entername(data.startupName); startupNamekeyPress(data.startupName)"> | 582 | <input type="text" class="text-input" required ng-model="data.startupName" placeholder="Startup Name *" id="myBtn" name="startupName" ng-change="entername(data.startupName); startupNamekeyPress(data.startupName)"> |
583 | </div> | 583 | </div> |
584 | <!-- <div class="col-xs-12 col-md-6 input-wrapper" style="position:relative"> | 584 | <!-- <div class="col-xs-12 col-md-6 input-wrapper" style="position:relative"> |
585 | <div id="snackbar">Error ! Please fill in all fields.</div> | 585 | <div id="snackbar">Error ! Please fill in all fields.</div> |
586 | <div class="icon-circle-h"> | 586 | <div class="icon-circle-h"> |
587 | <i class="material-icons" style="line-height: 31px;">link</i> | 587 | <i class="material-icons" style="line-height: 31px;">link</i> |
588 | </div> | 588 | </div> |
589 | <input type="text" class="text-input" ng-model="data.linkedInUrl" ng-required="data.stage == 'Product' || data.stage == 'Growth'" placeholder="LinkedIn URL" id="myBtn" name="linkedInUrl" ng-change="entername(data.linkedInUrl); linkedInkeyPress(data.linkedInUrl)"> | 589 | <input type="text" class="text-input" ng-model="data.linkedInUrl" ng-required="data.stage == 'Product' || data.stage == 'Growth'" placeholder="LinkedIn URL" id="myBtn" name="linkedInUrl" ng-change="entername(data.linkedInUrl); linkedInkeyPress(data.linkedInUrl)"> |
590 | <span ng-if="data.stage == 'Product' || data.stage == 'Growth'" ng-show="data.linkedInUrl == undefined || data.linkedInUrl == ''" style="position:absolute; top: 10px; left: 116px; color: #999">*</span> | 590 | <span ng-if="data.stage == 'Product' || data.stage == 'Growth'" ng-show="data.linkedInUrl == undefined || data.linkedInUrl == ''" style="position:absolute; top: 10px; left: 116px; color: #999">*</span> |
591 | </div> --> | 591 | </div> --> |
592 | <!-- <div class="hideform" ng-if="visitType"> --> | 592 | <!-- <div class="hideform" ng-if="visitType"> --> |
593 | <!-- <div class="col-xs-12 col-md-12 f-family line-adjust"> | 593 | <!-- <div class="col-xs-12 col-md-12 f-family line-adjust"> |
594 | <strong>Explain your idea/product briefly</strong> | 594 | <strong>Explain your idea/product briefly</strong> |
595 | <p class="line-space" ></p> | 595 | <p class="line-space" ></p> |
596 | </div> | 596 | </div> |
597 | <div class="col-xs-12 col-md-12 input-wrapper"> | 597 | <div class="col-xs-12 col-md-12 input-wrapper"> |
598 | <div id="snackbar">Error ! Please fill in all fields.</div> | 598 | <div id="snackbar">Error ! Please fill in all fields.</div> |
599 | <div class="icon-circle-q"> | 599 | <div class="icon-circle-q"> |
600 | <i class="material-icons" style="line-height: 31px;">thumb_up</i> | 600 | <i class="material-icons" style="line-height: 31px;">thumb_up</i> |
601 | </div> | 601 | </div> |
602 | <textarea type="text" maxlength="300" class="text-input" required ng-model="data.idea" placeholder="Idea/Product *" id="myBtn" name="Idea" ng-focus="removeNooError()" ng-change="entername(data.idea); ideakeyPress(data.idea)"> | 602 | <textarea type="text" maxlength="300" class="text-input" required ng-model="data.idea" placeholder="Idea/Product *" id="myBtn" name="Idea" ng-focus="removeNooError()" ng-change="entername(data.idea); ideakeyPress(data.idea)"> |
603 | </textarea> | 603 | </textarea> |
604 | <label class="error-message f-family" id="invalidIdea">Please answer using 300 words only.</label> | 604 | <label class="error-message f-family" id="invalidIdea">Please answer using 300 words only.</label> |
605 | </div> | 605 | </div> |
606 | <div class="col-xs-12 col-md-12 input-wrapper f-family"> | 606 | <div class="col-xs-12 col-md-12 input-wrapper f-family"> |
607 | <div class="icon-circle-abcdefg"> | 607 | <div class="icon-circle-abcdefg"> |
608 | <i class="material-icons" style="line-height: 30px;">open_with</i> | 608 | <i class="material-icons" style="line-height: 30px;">open_with</i> |
609 | </div> | 609 | </div> |
610 | <select name="industry" ng-model="data.industry" ng-change="industry(data.industry); industrykeyPress()" required style="background-color: #fff;border-radius: 0; font-size: 12px;" id="dataIndustry"> | 610 | <select name="industry" ng-model="data.industry" ng-change="industry(data.industry); industrykeyPress()" required style="background-color: #fff;border-radius: 0; font-size: 12px;" id="dataIndustry"> |
611 | <option selected disabled value="">Choose Industry *</option> | 611 | <option selected disabled value="">Choose Industry *</option> |
612 | <option value="Travel">Travel</option> | 612 | <option value="Travel">Travel</option> |
613 | <option value="Retail">Retail</option> | 613 | <option value="Retail">Retail</option> |
614 | <option value="Editech">Editech</option> | 614 | <option value="Editech">Editech</option> |
615 | <option value="Fintech">Fintech</option> | 615 | <option value="Fintech">Fintech</option> |
616 | <option value="Hardware">Hardware</option> | 616 | <option value="Hardware">Hardware</option> |
617 | <option value="Digital">Digital</option> | 617 | <option value="Digital">Digital</option> |
618 | <option value="Rural">Rural</option> | 618 | <option value="Rural">Rural</option> |
619 | <option value="others">Others</option> | 619 | <option value="others">Others</option> |
620 | </select> | 620 | </select> |
621 | </div> | 621 | </div> |
622 | <div class="col-xs-12 col-md-12 input-wrapper" ng-if="addOther"> | 622 | <div class="col-xs-12 col-md-12 input-wrapper" ng-if="addOther"> |
623 | <div id="snackbar">Error ! Please fill in all fields.</div> | 623 | <div id="snackbar">Error ! Please fill in all fields.</div> |
624 | <div class="icon-circle-o"> | 624 | <div class="icon-circle-o"> |
625 | <i class="material-icons" style="line-height: 31px;">open_with</i> | 625 | <i class="material-icons" style="line-height: 31px;">open_with</i> |
626 | </div> | 626 | </div> |
627 | <input type="text" class="text-input" ng-change="industry(data.industryName); industryNamekeyPress((data.industryName))" ng-model="data.industryName" placeholder="Please mention other industry name"> | 627 | <input type="text" class="text-input" ng-change="industry(data.industryName); industryNamekeyPress((data.industryName))" ng-model="data.industryName" placeholder="Please mention other industry name"> |
628 | </div> --> | 628 | </div> --> |
629 | <!-- <div class="col-xs-12 col-md-6 input-wrapper" style="position:relative"> | 629 | <!-- <div class="col-xs-12 col-md-6 input-wrapper" style="position:relative"> |
630 | <div id="snackbar">Error ! Please fill in all fields.</div> | 630 | <div id="snackbar">Error ! Please fill in all fields.</div> |
631 | <div class="icon-circle-i"> | 631 | <div class="icon-circle-i"> |
632 | <i class="material-icons" style="line-height: 31px;">business</i> | 632 | <i class="material-icons" style="line-height: 31px;">business</i> |
633 | </div> | 633 | </div> |
634 | <input type="text" class="text-input" ng-model="data.companyName" ng-required="data.stage == 'Product' || data.stage == 'Growth'" placeholder="Company Name" id="myBtn" name="companyName" ng-change="entername(data.companyName); companykeyPress(data.companyName)"> | 634 | <input type="text" class="text-input" ng-model="data.companyName" ng-required="data.stage == 'Product' || data.stage == 'Growth'" placeholder="Company Name" id="myBtn" name="companyName" ng-change="entername(data.companyName); companykeyPress(data.companyName)"> |
635 | <span ng-if="data.stage == 'Product' || data.stage == 'Growth'" ng-show="data.companyName == undefined || data.companyName == ''" style="position:absolute; top: 10px; left: 130px; color: #999">*</span> | 635 | <span ng-if="data.stage == 'Product' || data.stage == 'Growth'" ng-show="data.companyName == undefined || data.companyName == ''" style="position:absolute; top: 10px; left: 130px; color: #999">*</span> |
636 | </div> | 636 | </div> |
637 | <div class="col-xs-12 col-md-6 input-wrapper" style="position:relative"> | 637 | <div class="col-xs-12 col-md-6 input-wrapper" style="position:relative"> |
638 | <div id="snackbar">Error ! Please fill in all fields.</div> | 638 | <div id="snackbar">Error ! Please fill in all fields.</div> |
639 | <div class="icon-circle-j"> | 639 | <div class="icon-circle-j"> |
640 | <i class="material-icons" style="line-height: 31px;">view_comfy</i> | 640 | <i class="material-icons" style="line-height: 31px;">view_comfy</i> |
641 | </div> | 641 | </div> |
642 | <input type="text" class="text-input" ng-model="data.productName" ng-required="data.stage == 'Product' || data.stage == 'Growth'" placeholder="Product Name" id="myBtn" name="productName" ng-change="entername(data.productName); productNamekeyPress(data.productName)"> | 642 | <input type="text" class="text-input" ng-model="data.productName" ng-required="data.stage == 'Product' || data.stage == 'Growth'" placeholder="Product Name" id="myBtn" name="productName" ng-change="entername(data.productName); productNamekeyPress(data.productName)"> |
643 | <span ng-if="data.stage == 'Product' || data.stage == 'Growth'" ng-show="data.productName == undefined || data.productName == ''" style="position:absolute; top: 10px; left: 120px; color: #999">*</span> | 643 | <span ng-if="data.stage == 'Product' || data.stage == 'Growth'" ng-show="data.productName == undefined || data.productName == ''" style="position:absolute; top: 10px; left: 120px; color: #999">*</span> |
644 | </div> | 644 | </div> |
645 | <div class="hideform" ng-if="prototyp"> | 645 | <div class="hideform" ng-if="prototyp"> |
646 | <div class="hideform" ng-if="protyp"> | 646 | <div class="hideform" ng-if="protyp"> |
647 | <div class="col-xs-12 col-md-12 f-family line-adjust"> | 647 | <div class="col-xs-12 col-md-12 f-family line-adjust"> |
648 | <strong>Product Launched? </strong> | 648 | <strong>Product Launched? </strong> |
649 | <p class="line-space" ></p> | 649 | <p class="line-space" ></p> |
650 | </div> | 650 | </div> |
651 | <div class="col-xs-12 col-md-12 input-wrapper f-family"> | 651 | <div class="col-xs-12 col-md-12 input-wrapper f-family"> |
652 | <div class="icon-circle-ab"> | 652 | <div class="icon-circle-ab"> |
653 | <i class="material-icons" style="line-height: 30px;">launch</i> | 653 | <i class="material-icons" style="line-height: 30px;">launch</i> |
654 | </div> | 654 | </div> |
655 | <select name="productLaunch" ng-model="data.productLaunch" ng-change="productLaunch(data.productLaunch); productLaunchkeyPress()" ng-click="productCheck()" required style="background-color: #fff;border-radius: 0; font-size: 12px;" id="productDiv"> | 655 | <select name="productLaunch" ng-model="data.productLaunch" ng-change="productLaunch(data.productLaunch); productLaunchkeyPress()" ng-click="productCheck()" required style="background-color: #fff;border-radius: 0; font-size: 12px;" id="productDiv"> |
656 | <option selected disabled value="">Select *</option> | 656 | <option selected disabled value="">Select *</option> |
657 | <option value="yes">Yes</option> | 657 | <option value="yes">Yes</option> |
658 | <option value="no">No</option> | 658 | <option value="no">No</option> |
659 | </select> | 659 | </select> |
660 | </div> | 660 | </div> |
661 | <div class="col-xs-12 col-md-12 f-family line-adjust" ng-if="Productshow == 'yes'"> | 661 | <div class="col-xs-12 col-md-12 f-family line-adjust" ng-if="Productshow == 'yes'"> |
662 | <strong>Product Launch Period </strong> | 662 | <strong>Product Launch Period </strong> |
663 | <p class="line-space" ></p> | 663 | <p class="line-space" ></p> |
664 | </div> | 664 | </div> |
665 | <div class="col-xs-12 col-md-12 input-wrapper f-family" ng-if="Productshow == 'yes'"> | 665 | <div class="col-xs-12 col-md-12 input-wrapper f-family" ng-if="Productshow == 'yes'"> |
666 | <div class="icon-circle-abc"> | 666 | <div class="icon-circle-abc"> |
667 | <i class="material-icons" style="line-height: 30px;">launch</i> | 667 | <i class="material-icons" style="line-height: 30px;">launch</i> |
668 | </div> | 668 | </div> |
669 | <select name="launchPeriod" ng-model="data.launchPeriod" ng-change="launchPeriod(data.launchPeriod); launchPeriodkeyPress()" required style="background-color: #fff;border-radius: 0; font-size: 12px;"> | 669 | <select name="launchPeriod" ng-model="data.launchPeriod" ng-change="launchPeriod(data.launchPeriod); launchPeriodkeyPress()" required style="background-color: #fff;border-radius: 0; font-size: 12px;"> |
670 | <option selected disabled value="">Select</option> | 670 | <option selected disabled value="">Select</option> |
671 | <option value="less than 1 Month">less than one month</option> | 671 | <option value="less than 1 Month">less than one month</option> |
672 | <option value="less than 6 Months">less than 6 months</option> | 672 | <option value="less than 6 Months">less than 6 months</option> |
673 | <option value="more than 6 Months">more than 6 months</option> | 673 | <option value="more than 6 Months">more than 6 months</option> |
674 | </select> | 674 | </select> |
675 | </div> | 675 | </div> |
676 | </div> | 676 | </div> |
677 | <div class="col-xs-12 col-md-6 input-wrapper"> | 677 | <div class="col-xs-12 col-md-6 input-wrapper"> |
678 | <div id="snackbar">Error ! Please fill in all fields.</div> | 678 | <div id="snackbar">Error ! Please fill in all fields.</div> |
679 | <div class="icon-circle-k"> | 679 | <div class="icon-circle-k"> |
680 | <i class="material-icons" style="line-height: 31px;">web</i> | 680 | <i class="material-icons" style="line-height: 31px;">web</i> |
681 | </div> | 681 | </div> |
682 | <input type="text" class="text-input" ng-model="data.websiteUrl" ng-required="Productshow == 'yes'" placeholder="Website URL *" id="myBtn" name="websiteUrl" ng-change="entername(data.websiteUrl); websitekeyPress(data.websiteUrl)"> | 682 | <input type="text" class="text-input" ng-model="data.websiteUrl" ng-required="Productshow == 'yes'" placeholder="Website URL *" id="myBtn" name="websiteUrl" ng-change="entername(data.websiteUrl); websitekeyPress(data.websiteUrl)"> |
683 | </div> | 683 | </div> |
684 | <div class="col-xs-12 col-md-6 input-wrapper"> | 684 | <div class="col-xs-12 col-md-6 input-wrapper"> |
685 | <div id="snackbar">Error ! Please fill in all fields.</div> | 685 | <div id="snackbar">Error ! Please fill in all fields.</div> |
686 | <div class="icon-circle-m"> | 686 | <div class="icon-circle-m"> |
687 | <i class="material-icons" style="line-height: 31px;">link</i> | 687 | <i class="material-icons" style="line-height: 31px;">link</i> |
688 | </div> | 688 | </div> |
689 | <input type="text" class="text-input" ng-model="data.demoLink" ng-required="Productshow == 'yes'" placeholder="Link to your product/app/demo *" id="myBtn" name="demoLink" ng-change="entername(data.demoLink); annualkeyPress(data.demoLink)"> | 689 | <input type="text" class="text-input" ng-model="data.demoLink" ng-required="Productshow == 'yes'" placeholder="Link to your product/app/demo *" id="myBtn" name="demoLink" ng-change="entername(data.demoLink); annualkeyPress(data.demoLink)"> |
690 | </div> | 690 | </div> |
691 | <div class="col-xs-12 col-md-6 input-wrapper"> | 691 | <div class="col-xs-12 col-md-6 input-wrapper"> |
692 | <div id="snackbar">Error ! Please fill in all fields.</div> | 692 | <div id="snackbar">Error ! Please fill in all fields.</div> |
693 | <div class="icon-circle-l"> | 693 | <div class="icon-circle-l"> |
694 | <i class="material-icons" style="line-height: 31px;">format_list_numbered</i> | 694 | <i class="material-icons" style="line-height: 31px;">format_list_numbered</i> |
695 | </div> | 695 | </div> |
696 | <input type="text" ng-pattern="/^[0-9+-]*$/" maxlength="15" class="text-input" ng-required="Productshow == 'yes'" ng-model="data.numberOfEmployees" placeholder="Number of Employees *" id="myBtn" name="numberOfEmployees" ng-change="entername(data.numberOfEmployees); employeekeyPress(data.numberOfEmployees)"> | 696 | <input type="text" ng-pattern="/^[0-9+-]*$/" maxlength="15" class="text-input" ng-required="Productshow == 'yes'" ng-model="data.numberOfEmployees" placeholder="Number of Employees *" id="myBtn" name="numberOfEmployees" ng-change="entername(data.numberOfEmployees); employeekeyPress(data.numberOfEmployees)"> |
697 | </div> | 697 | </div> |
698 | <div class="col-xs-12 col-md-6 input-wrapper"> | 698 | <div class="col-xs-12 col-md-6 input-wrapper"> |
699 | <div id="snackbar">Error ! Please fill in all fields.</div> | 699 | <div id="snackbar">Error ! Please fill in all fields.</div> |
700 | <div class="icon-circle-n"> | 700 | <div class="icon-circle-n"> |
701 | <i class="material-icons" style="line-height: 31px;">view_stream</i> | 701 | <i class="material-icons" style="line-height: 31px;">view_stream</i> |
702 | </div> | 702 | </div> |
703 | <input type="text" class="text-input" ng-model="data.revenueMonth" ng-required="Productshow == 'yes'" placeholder="Monthly Revenue *" id="myBtn" name="revenueMonth" ng-change="entername(data.revenueMonth); revenuekeyPress(data.revenueMonth)"> | 703 | <input type="text" class="text-input" ng-model="data.revenueMonth" ng-required="Productshow == 'yes'" placeholder="Monthly Revenue *" id="myBtn" name="revenueMonth" ng-change="entername(data.revenueMonth); revenuekeyPress(data.revenueMonth)"> |
704 | </div> | 704 | </div> |
705 | <div class="col-xs-12 col-md-12 input-wrapper f-family"> | 705 | <div class="col-xs-12 col-md-12 input-wrapper f-family"> |
706 | <p><b>Have you risen any funding yet?</b></p> | 706 | <p><b>Have you risen any funding yet?</b></p> |
707 | <div class="icon-circle-bc"> | 707 | <div class="icon-circle-bc"> |
708 | <i class="material-icons" style="line-height: 30px;">payment</i> | 708 | <i class="material-icons" style="line-height: 30px;">payment</i> |
709 | </div> | 709 | </div> |
710 | <select name="amount" ng-model="data.amount" ng-required="Productshow == 'yes'" ng-change="amount(data.amount); amountkeyPress()" ng-click="textCheck()" required style="background-color: #fff;border-radius: 0; font-size: 12px;" id="fundingDiv"> | 710 | <select name="amount" ng-model="data.amount" ng-required="Productshow == 'yes'" ng-change="amount(data.amount); amountkeyPress()" ng-click="textCheck()" required style="background-color: #fff;border-radius: 0; font-size: 12px;" id="fundingDiv"> |
711 | <option selected disabled value="">Select *</option> | 711 | <option selected disabled value="">Select *</option> |
712 | <option value="yes">Yes</option> | 712 | <option value="yes">Yes</option> |
713 | <option value="no">No</option> | 713 | <option value="no">No</option> |
714 | </select> | 714 | </select> |
715 | </div> | 715 | </div> |
716 | <div class="col-xs-12 col-md-12 input-wrapper" ng-if="Textshow == 'yes'"> | 716 | <div class="col-xs-12 col-md-12 input-wrapper" ng-if="Textshow == 'yes'"> |
717 | <div class="icon-circle-y" > | 717 | <div class="icon-circle-y" > |
718 | <i class="material-icons" style="line-height: 31px;">money</i> | 718 | <i class="material-icons" style="line-height: 31px;">money</i> |
719 | </div> | 719 | </div> |
720 | <input type="text" name="fund" class="text-input" ng-model="data.fund" placeholder="Fill amount" ng-change="fund(data.fund); fundkeyPress(data.fund)"></input> | 720 | <input type="text" name="fund" class="text-input" ng-model="data.fund" placeholder="Fill amount" ng-change="fund(data.fund); fundkeyPress(data.fund)"></input> |
721 | </div> | 721 | </div> |
722 | </div> --> | 722 | </div> --> |
723 | <!-- </div> --> | 723 | <!-- </div> --> |
724 | <!-- <div class="identity-shadow"> | 724 | <!-- <div class="identity-shadow"> |
725 | <div class="icon-circle-bc"> | 725 | <div class="icon-circle-bc"> |
726 | <i class="material-icons" style="line-height: 30px;">payment</i> | 726 | <i class="material-icons" style="line-height: 30px;">payment</i> |
727 | </div> | 727 | </div> |
728 | <div class="identity-question"> | 728 | <div class="identity-question"> |
729 | <div class="col-xs-12 font f-family" style="margin:10px 10px 0px 10px;"> | 729 | <div class="col-xs-12 font f-family" style="margin:10px 10px 0px 10px;"> |
730 | <b>Have you risen any funding yet?</b> | 730 | <b>Have you risen any funding yet?</b> |
731 | <p style="color:grey"></p> | 731 | <p style="color:grey"></p> |
732 | </div> | 732 | </div> |
733 | <div class="clearfix"></div> | 733 | <div class="clearfix"></div> |
734 | </div> | 734 | </div> |
735 | <div class="stages identity-align"> | 735 | <div class="stages identity-align"> |
736 | <div class="col-xs-12"> | 736 | <div class="col-xs-12"> |
737 | <label class="card-small margin-right-label"> | 737 | <label class="card-small margin-right-label"> |
738 | <input type="radio" value="yes" ng-model="data.amount" class="option-input-a radio-a pull-left" id="yesRadio" ng-change="amount(data.amount); amountkeyPress(); textCheck('yes')" name="amount" > | 738 | <input type="radio" value="yes" ng-model="data.amount" class="option-input-a radio-a pull-left" id="yesRadio" ng-change="amount(data.amount); amountkeyPress(); textCheck('yes')" name="amount" > |
739 | <label class="f-family pull-left width-auto" for="yesRadio">Yes</label> | 739 | <label class="f-family pull-left width-auto" for="yesRadio">Yes</label> |
740 | </label> | 740 | </label> |
741 | <label class="card-small margin-right-label"> | 741 | <label class="card-small margin-right-label"> |
742 | <input type="radio" value="no" ng-model="data.amount" class="option-input-a radio-a pull-left" id="noRadio" ng-change="amount(data.amount); amountkeyPress(); textCheck('no')" name="amount" > | 742 | <input type="radio" value="no" ng-model="data.amount" class="option-input-a radio-a pull-left" id="noRadio" ng-change="amount(data.amount); amountkeyPress(); textCheck('no')" name="amount" > |
743 | 743 | ||
744 | <label class="f-family pull-left width-auto" for="noRadio">No</label> | 744 | <label class="f-family pull-left width-auto" for="noRadio">No</label> |
745 | </label> | 745 | </label> |
746 | </div> | 746 | </div> |
747 | </div> | 747 | </div> |
748 | 748 | ||
749 | <div class="clearfix"></div> | 749 | <div class="clearfix"></div> |
750 | </div> --> | 750 | </div> --> |
751 | <div class="col-xs-12 input-wrapper"> | 751 | <div class="col-xs-12 input-wrapper"> |
752 | <div class="referel-icon" style="z-index: 999;"> | 752 | <div class="referel-icon" style="z-index: 999;"> |
753 | <i class="material-icons" style="line-height: 30px;">code</i> | 753 | <i class="material-icons" style="line-height: 30px;">code</i> |
754 | </div> | 754 | </div> |
755 | <input class="text-input" ng-model="data.referalToken" maxlength="6" minlength="6" placeholder="Enter Promo code" style="position: relative;" ng-required="referalToken" ng-change="changeReferalIconColor(data.referalToken)"> | 755 | <input class="text-input" ng-model="data.referalToken" maxlength="6" minlength="6" placeholder="Enter Promo code" style="position: relative;" ng-required="referalToken" ng-change="changeReferalIconColor(data.referalToken)"> |
756 | <i class="material-icons coupen-approved" ng-if="tokencheck == true">check</i> | 756 | <i class="material-icons coupen-approved" ng-if="tokencheck == true">check</i> |
757 | <i class="material-icons coupen-approved" style="color:red;" ng-if="tokencheck == false">close</i> | 757 | <i class="material-icons coupen-approved" style="color:red;" ng-if="tokencheck == false">close</i> |
758 | <button type="button" ng-click="tokenCall(data.referalToken)" class="pull-right apply-coupen-btn">Apply Promo</button> | 758 | <button type="button" ng-click="tokenCall(data.referalToken)" class="pull-right apply-coupen-btn">Apply Promo</button> |
759 | </div> | 759 | </div> |
760 | <span style="padding-left:10px">* One ticket is valid for one person.</span> | 760 | <span style="padding-left:10px">* One ticket is valid for one person.</span> |
761 | <div style="padding-top:10px;"> | 761 | <div style="padding-top:10px;padding-left:10px;"> |
762 | <!-- <div class="checkbox"> --> | 762 | <!-- <div class="checkbox"> --> |
763 | <!-- <label style="padding-left:10px;"> | 763 | <!-- <label style="padding-left:10px;"> |
764 | <input type="checkbox" ng-change="IfDinnerCheck(data.networkDinner)" ng-model="data.networkDinner" value="network Dinner">Networking Dinner with Investors and Speakers: Rs 2,000/- | 764 | <input type="checkbox" ng-change="IfDinnerCheck(data.networkDinner)" ng-model="data.networkDinner" value="network Dinner">Networking Dinner with Investors and Speakers: Rs 2,000/- |
765 | </label> --> | 765 | </label> --> |
766 | <label class="container" style="padding:0;">Networking Dinner with Investors and Speakers: Rs 2,000/- | 766 | <p class="container">Networking Dinner with Investors and Speakers: Rs 2,000/- |
767 | <!-- <input type="checkbox" checked="checked" ng-change="IfDinnerCheck(data.networkDinner)" ng-model="data.networkDinner" value="network Dinner"> | 767 | <!-- <input type="checkbox" checked="checked" ng-change="IfDinnerCheck(data.networkDinner)" ng-model="data.networkDinner" value="network Dinner"> |
768 | <span class="checkmark"></span> --> | 768 | <span class="checkmark"></span> --> |
769 | <label class="container1">Yes | 769 | <label class="container1">Yes |
770 | <input type="radio" checked="checked" name="radio" ng-change="IfDinnerCheck(data.networkDinner)" ng-model="data.networkDinner" value="true"> | 770 | <input type="radio" checked="checked" name="radio" ng-change="IfDinnerCheck(data.networkDinner)" ng-model="data.networkDinner" value="true"> |
771 | <span class="checkmark"></span> | 771 | <span class="checkmark"></span> |
772 | </label> | 772 | </label> |
773 | <label class="container1">No | 773 | <label class="container1">No |
774 | <input type="radio" name="radio" ng-change="IfDinnerCheck(data.networkDinner)" ng-model="data.networkDinner" value="false"> | 774 | <input type="radio" name="radio" ng-change="IfDinnerCheck(data.networkDinner)" ng-model="data.networkDinner" value="false"> |
775 | <span class="checkmark"></span> | 775 | <span class="checkmark"></span> |
776 | </label> | 776 | </label> |
777 | </label> | 777 | </p> |
778 | <!-- </div> --> | 778 | <!-- </div> --> |
779 | </div> | 779 | </div> |
780 | <div class="clearfix"></div> | 780 | <div class="clearfix"></div> |
781 | <div class="text-center"> | 781 | <div class="text-center"> |
782 | <input type="submit" style="width:200px" class="btn submit-button" ng-disabled="applicantForm.$invalid|| check|| numberCheck" value="Submit" ng-click="calculateAmount()"> | 782 | <input type="submit" style="width:200px" class="btn submit-button" ng-disabled="applicantForm.$invalid|| check|| numberCheck" value="Submit" ng-click="calculateAmount()"> |
783 | </div> | 783 | </div> |
784 | 784 | ||
785 | </div> | 785 | </div> |
786 | </div> | 786 | </div> |
787 | <!-- CLOSE step-two-form --> | 787 | <!-- CLOSE step-two-form --> |
788 | </div> | 788 | </div> |
789 | <!-- col-xs-12 col-md-8 col-md-offset-2 --> | 789 | <!-- col-xs-12 col-md-8 col-md-offset-2 --> |
790 | </form> | 790 | </form> |
791 | </div> | 791 | </div> |
792 | </div> | 792 | </div> |
793 | <!-- CLOSE FORM --> | 793 | <!-- CLOSE FORM --> |
794 | <footer style="margin-top: 5%;"> | 794 | <footer style="margin-top: 5%;"> |
795 | <img id="footer" class="img-responsive banner"> | 795 | <img id="footer" class="img-responsive banner"> |
796 | <center class="footer"> Powered By <a class="footer-link" href="http://www.viithiisys.com/" target="_blank">Viithiisys Technolgies.</a> </center> | 796 | <center class="footer"> Powered By <a class="footer-link" href="http://www.viithiisys.com/" target="_blank">Viithiisys Technolgies.</a> </center> |
797 | </footer> | 797 | </footer> |
798 | <!-- </div> CLOSE CHECK VIEW --> | 798 | <!-- </div> CLOSE CHECK VIEW --> |
799 | <div ng-if="verifyView"> | 799 | <div ng-if="verifyView"> |
800 | <div style="margin-bottom: 0px;" class="text-center"> | 800 | <div style="margin-bottom: 0px;" class="text-center"> |
801 | <input type="button" class="btn submit-button" ng-disabled="applicantForm.$invalid" value="check the status" ng-click="update()"> | 801 | <input type="button" class="btn submit-button" ng-disabled="applicantForm.$invalid" value="check the status" ng-click="update()"> |
802 | </div> | 802 | </div> |
803 | </div> | 803 | </div> |
804 | </div> | 804 | </div> |
805 | <div class="modal fade" id="myModal" role="dialog"> | 805 | <div class="modal fade" id="myModal" role="dialog"> |
806 | <div class="modal-dialog" style="left: auto;"> | 806 | <div class="modal-dialog" style="left: auto;"> |
807 | <div class="modal-content"> | 807 | <div class="modal-content"> |
808 | <div class="modal-body" style="text-align:center;margin-top:5%"> | 808 | <div class="modal-body" style="text-align:center;margin-top:5%"> |
809 | <p style="font-size:22px">Your Email is already exist.<a href="http://apply.startupjalsa.com/#/pendingPayment/{{id}}">Click here</a> to complete the payment</p> | 809 | <p style="font-size:22px">Your Email is already exist.<a href="http://apply.startupjalsa.com/#/pendingPayment/{{id}}">Click here</a> to complete the payment</p> |
810 | </div> | 810 | </div> |
811 | <div style="text-align:center;margin-bottom:5%"> | 811 | <div style="text-align:center;margin-bottom:5%"> |
812 | <button style="color: #fff;background-color: #4CAF50;" type="button" class="btn btn-default1" data-dismiss="modal">Close</button> | 812 | <button style="color: #fff;background-color: #4CAF50;" type="button" class="btn btn-default1" data-dismiss="modal">Close</button> |
813 | </div> | 813 | </div> |
814 | </div> | 814 | </div> |
815 | </div> | 815 | </div> |
816 | </div> | 816 | </div> |
817 | <!-- CLOSE NEW-CONTROLLER --> | 817 | <!-- CLOSE NEW-CONTROLLER --> |
818 | <!-- <div id="snacsskbar">Registration done successfully.</div> | 818 | <!-- <div id="snacsskbar">Registration done successfully.</div> |
819 | --><!-- <div class="modal fade" id="myModal" role="dialog"> | 819 | --><!-- <div class="modal fade" id="myModal" role="dialog"> |
820 | <div class="modal-dialog" style="left: auto;"> | 820 | <div class="modal-dialog" style="left: auto;"> |
821 | <div class="modal-content"> | 821 | <div class="modal-content"> |
822 | <h4 style="text-align:center;">Congratulations, you are now eligible for:</h4> | 822 | <h4 style="text-align:center;">Congratulations, you are now eligible for:</h4> |
823 | <table width="100%" border="0" align="right" cellpadding="0" cellspacing="0" style="border:1px solid #f6f6eb;margin-top:10px"> | 823 | <table width="100%" border="0" align="right" cellpadding="0" cellspacing="0" style="border:1px solid #f6f6eb;margin-top:10px"> |
824 | <tbody style="background-color:#f9f9f9"> | 824 | <tbody style="background-color:#f9f9f9"> |
825 | <tr> | 825 | <tr> |
826 | <td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td> | 826 | <td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td> |
827 | </tr> | 827 | </tr> |
828 | <tr> | 828 | <tr> |
829 | <td align="left" valign="top" style="padding:10px"> | 829 | <td align="left" valign="top" style="padding:10px"> |
830 | <table width="100%" border="0" cellspacing="0" cellpadding="0"> | 830 | <table width="100%" border="0" cellspacing="0" cellpadding="0"> |
831 | <tbody> | 831 | <tbody> |
832 | <tr> | 832 | <tr> |
833 | <td align="left" valign="middle" style="color:#5e5e5e;font-size:20px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">Ticket Summary</td> | 833 | <td align="left" valign="middle" style="color:#5e5e5e;font-size:20px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">Ticket Summary</td> |
834 | </tr> | 834 | </tr> |
835 | </tbody> | 835 | </tbody> |
836 | </table> | 836 | </table> |
837 | </td> | 837 | </td> |
838 | </tr> | 838 | </tr> |
839 | </tbody> | 839 | </tbody> |
840 | <tbody> | 840 | <tbody> |
841 | <tr> | 841 | <tr> |
842 | <td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td> | 842 | <td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td> |
843 | </tr> | 843 | </tr> |
844 | <tr> | 844 | <tr> |
845 | <td align="left" valign="top" style="padding:10px"> | 845 | <td align="left" valign="top" style="padding:10px"> |
846 | <table width="100%" border="0" cellspacing="0" cellpadding="0"> | 846 | <table width="100%" border="0" cellspacing="0" cellpadding="0"> |
847 | <tbody> | 847 | <tbody> |
848 | <tr> | 848 | <tr> |
849 | <td align="left" valign="middle" style="color:#5e5e5e;font-size:16px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">Ticket Amount</td> | 849 | <td align="left" valign="middle" style="color:#5e5e5e;font-size:16px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">Ticket Amount</td> |
850 | <td align="right" valign="middle" style="color:#5e5e5e;font-size:18px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">{{ticketAmnt}}</td> | 850 | <td align="right" valign="middle" style="color:#5e5e5e;font-size:18px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">{{ticketAmnt}}</td> |
851 | </tr> | 851 | </tr> |
852 | </tbody> | 852 | </tbody> |
853 | </table> | 853 | </table> |
854 | </td> | 854 | </td> |
855 | </tr> | 855 | </tr> |
856 | <tr> | 856 | <tr> |
857 | <td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td> | 857 | <td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td> |
858 | </tr> | 858 | </tr> |
859 | <tr> | 859 | <tr> |
860 | <td align="left" valign="top" style="padding:10px"> | 860 | <td align="left" valign="top" style="padding:10px"> |
861 | <table width="100%" border="0" cellspacing="0" cellpadding="0"> | 861 | <table width="100%" border="0" cellspacing="0" cellpadding="0"> |
862 | <tbody> | 862 | <tbody> |
863 | <tr> | 863 | <tr> |
864 | <td align="left" valign="middle" style="color:#5e5e5e;font-size:16px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">Discount</td> | 864 | <td align="left" valign="middle" style="color:#5e5e5e;font-size:16px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">Discount</td> |
865 | <td align="right" valign="middle" style="color:#5e5e5e;font-size:18px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">{{discountAmount}}</td> | 865 | <td align="right" valign="middle" style="color:#5e5e5e;font-size:18px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">{{discountAmount}}</td> |
866 | </tr> | 866 | </tr> |
867 | </tbody> | 867 | </tbody> |
868 | </table> | 868 | </table> |
869 | </td> | 869 | </td> |
870 | </tr> | 870 | </tr> |
871 | <tr> | 871 | <tr> |
872 | <td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td> | 872 | <td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td> |
873 | </tr> | 873 | </tr> |
874 | <tr> | 874 | <tr> |
875 | <td align="left" valign="top" style="padding:10px"> | 875 | <td align="left" valign="top" style="padding:10px"> |
876 | <table width="100%" border="0" cellspacing="0" cellpadding="0"> | 876 | <table width="100%" border="0" cellspacing="0" cellpadding="0"> |
877 | <tbody> | 877 | <tbody> |
878 | <tr> | 878 | <tr> |
879 | <td align="left" valign="middle" style="color:#5e5e5e;font-size:14px;line-height:26px;font-family:Avenir-Medium,arial,sans-serif">GST</td> | 879 | <td align="left" valign="middle" style="color:#5e5e5e;font-size:14px;line-height:26px;font-family:Avenir-Medium,arial,sans-serif">GST</td> |
880 | <td align="right" valign="middle" style="color:#5e5e5e;font-size:16px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">{{taxTotal}}</td> | 880 | <td align="right" valign="middle" style="color:#5e5e5e;font-size:16px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">{{taxTotal}}</td> |
881 | </tr> | 881 | </tr> |
882 | </tbody> | 882 | </tbody> |
883 | </table> | 883 | </table> |
884 | </td> | 884 | </td> |
885 | </tr> | 885 | </tr> |
886 | <tr> | 886 | <tr> |
887 | <td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td> | 887 | <td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td> |
888 | </tr> | 888 | </tr> |
889 | <tr> | 889 | <tr> |
890 | <td align="left" valign="top" bgcolor="#f9f9f9" style="padding:10px"> | 890 | <td align="left" valign="top" bgcolor="#f9f9f9" style="padding:10px"> |
891 | <table width="100%" border="0" cellspacing="0" cellpadding="0"> | 891 | <table width="100%" border="0" cellspacing="0" cellpadding="0"> |
892 | <tbody> | 892 | <tbody> |
893 | <tr> | 893 | <tr> |
894 | <td align="left" valign="middle" style="color:#5e5e5e;font-size:22px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">Total Amount</td> | 894 | <td align="left" valign="middle" style="color:#5e5e5e;font-size:22px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">Total Amount</td> |
895 | <td align="right" valign="middle" style="color:#29bd9d;font-size:24px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">{{payingAmnt}}</td> | 895 | <td align="right" valign="middle" style="color:#29bd9d;font-size:24px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">{{payingAmnt}}</td> |
896 | </tr> | 896 | </tr> |
897 | </tbody> | 897 | </tbody> |
898 | </table> | 898 | </table> |
899 | </td> | 899 | </td> |
900 | </tr> | 900 | </tr> |
901 | <tr> | 901 | <tr> |
902 | <td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td> | 902 | <td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td> |
903 | </tr> | 903 | </tr> |
904 | </tbody> | 904 | </tbody> |
905 | </table> | 905 | </table> |
906 | <div style="text-align:center;margin-bottom:5%"> | 906 | <div style="text-align:center;margin-bottom:5%"> |
907 | <button type="button" style="color:#fff;background-color:#4CAF50;margin-top:5%" class="btn btn-default" data-dismiss="modal" ng-click="create()">Proceed to Pay</button> | 907 | <button type="button" style="color:#fff;background-color:#4CAF50;margin-top:5%" class="btn btn-default" data-dismiss="modal" ng-click="create()">Proceed to Pay</button> |
908 | </div> | 908 | </div> |
909 | </div> | 909 | </div> |
910 | </div> | 910 | </div> |
911 | </div> | 911 | </div> |
912 | 912 | ||
913 | <div class="modal fade" id="videoModel" role="dialog" ng-click="closeModal()"> | 913 | <div class="modal fade" id="videoModel" role="dialog" ng-click="closeModal()"> |
914 | <div class="modal-dialog" style="left: auto;"> | 914 | <div class="modal-dialog" style="left: auto;"> |
915 | <div class="modal-content" > | 915 | <div class="modal-content" > |
916 | 916 | ||
917 | <div class="modal-body" style="text-align: right;" > | 917 | <div class="modal-body" style="text-align: right;" > |
918 | <i class="material-icons" style="cursor: pointer;" data-dismiss="modal" ng-click="closeModal()">clear</i> | 918 | <i class="material-icons" style="cursor: pointer;" data-dismiss="modal" ng-click="closeModal()">clear</i> |
919 | <iframe width="560" id="youtubePlayer" height="315" src="https://www.youtube.com/embed/8i1bLQ7jS0I" frameborder="0" allowfullscreen></iframe> | 919 | <iframe width="560" id="youtubePlayer" height="315" src="https://www.youtube.com/embed/8i1bLQ7jS0I" frameborder="0" allowfullscreen></iframe> |
920 | </div> | 920 | </div> |
921 | 921 | ||
922 | </div> | 922 | </div> |
923 | </div> | 923 | </div> |
924 | </div> | 924 | </div> |
925 | 925 | ||
926 | 926 | ||
927 | <div class="modal fade" id="videoModels" role="dialog" ng-click="closed()"> | 927 | <div class="modal fade" id="videoModels" role="dialog" ng-click="closed()"> |
928 | <div class="modal-dialog" style="left: auto;"> | 928 | <div class="modal-dialog" style="left: auto;"> |
929 | <div class="modal-content"> | 929 | <div class="modal-content"> |
930 | <div class="modal-body" style="text-align: right;" > | 930 | <div class="modal-body" style="text-align: right;" > |
931 | <i class="material-icons" style="cursor: pointer;" data-dismiss="modal" ng-click="closed()">clear</i> | 931 | <i class="material-icons" style="cursor: pointer;" data-dismiss="modal" ng-click="closed()">clear</i> |
932 | <iframe width="560" id="youtubePlayersss" height="315" src="https://www.youtube.com/embed/oBqdz-p3R6Y" frameborder="0" allowfullscreen></iframe> | 932 | <iframe width="560" id="youtubePlayersss" height="315" src="https://www.youtube.com/embed/oBqdz-p3R6Y" frameborder="0" allowfullscreen></iframe> |
933 | </div> | 933 | </div> |
934 | 934 | ||
935 | </div> | 935 | </div> |
936 | </div> | 936 | </div> |
937 | </div> | 937 | </div> |
938 | 938 | ||
939 | 939 | ||
940 | 940 | ||
941 | 941 | ||
942 | 942 | ||
943 | 943 | ||
944 | --> | 944 | --> |
945 | <span ng-show="span == true"> | 945 | <span ng-show="span == true"> |
946 | <span id="chennai"></span> | 946 | <span id="chennai"></span> |
947 | <span id="pune"></span> | 947 | <span id="pune"></span> |
948 | <span id="mumbai"></span> | 948 | <span id="mumbai"></span> |
949 | <span id="hyderabad"></span> | 949 | <span id="hyderabad"></span> |
950 | <span id="chandigarh"></span> | 950 | <span id="chandigarh"></span> |
951 | <span id="delhi"></span> | 951 | <span id="delhi"></span> |
952 | <span id="ahmedabad"></span> | 952 | <span id="ahmedabad"></span> |
953 | <span id="bangalore"></span> | 953 | <span id="bangalore"></span> |
954 | <span id="jaipur"></span> | 954 | <span id="jaipur"></span> |
955 | <span id="maininvest"></span> | 955 | <span id="maininvest"></span> |
956 | </span> | 956 | </span> |
957 | 957 | ||
958 | 958 |