viithiisys / startup_jalsa_frontend

1

<!-- <div class="jumbotron text-center">

1

<!-- <div class="jumbotron text-center">

2

2

3

4

<p>{{ message }}</p>

4

<p>{{ message }}</p>

5

</div> -->

5

</div> -->

6

6

7

7

8

8

9

</div>

9

</div>

10

10

11

11

12

12

13

<p class="select-stage">Please select one stage.</p>

13

<p class="select-stage">Please select one stage.</p>

14

14

15

15

16

16

17

17

18

18

19

19

20

20

21

21

22

22

23

</div>

23

</div>

24

</label>

24

</label>

25

</div>

25

</div>

26

26

27

27

28

<p>

28

<p>

29

⚬ Have an idea and need execution help?<br>

29

⚬ Have an idea and need execution help?<br>

30

⚬ Get feedback from mentors<br>

30

⚬ Get feedback from mentors<br>

31

⚬ Validate your idea.

31

⚬ Validate your idea.

32

</p>

32

</p>

33

</div>

33

</div>

34

</div>

34

</div>

35

35

36

36

37

37

38

38

39

39

40

40

41

<p align="center">Product</p>

41

<p align="center">Product</p>

42

</div>

42

</div>

43

</label>

43

</label>

44

</div>

44

</div>

45

45

46

46

47

<p>

47

<p>

48

⚬ Have a prototype and want to take it to next level?<br>

48

⚬ Have a prototype and want to take it to next level?<br>

49

⚬ Advice on fundraising<br>

49

⚬ Advice on fundraising<br>

50

⚬ Advice on go-to-market strategy

50

⚬ Advice on go-to-market strategy

51

</p>

51

</p>

52

</div>

52

</div>

53

</div>

53

</div>

54

54

55

55

56

56

57

57

58

58

59

59

60

<p align="center">Growth</p>

60

<p align="center">Growth</p>

61

</div>

61

</div>

62

</label>

62

</label>

63

</div>

63

</div>

64

64

65

65

66

<p>

66

<p>

67

⚬ Have traction and looking to scale up?<br>

67

⚬ Have traction and looking to scale up?<br>

68

⚬ Connect with Series A investors<br>

68

⚬ Connect with Series A investors<br>

69

⚬ Connect and hire top startups

69

⚬ Connect and hire top startups

70

</p>

70

</p>

71

</div>

71

</div>

72

</div>

72

</div>

73

73

74

</div>

74

</div>

75

75

76

</div>

76

</div>

77

78

79

<p>

80

⚬ Have an idea and need execution help?<br>

81

⚬ Get feedback from mentors<br>

82

⚬ Validate your idea.

83

</p>

84

</div>

85

86

<p>

87

⚬ Have a prototype and want to take it to next level?<br>

88

⚬ Advice on fundraising<br>

89

⚬ Advice on go-to-market strategy

90

</p>

91

</div>

92

93

<p>

94

⚬ Have traction and looking to scale up?<br>

95

⚬ Connect with Series A investors<br>

96

⚬ Connect and hire top startups

97

</p>

98

</div>

99

</div>

77

100

78

101

79

102

80

<tr>

103

<tr>

81

<td>

104

<td>

82

105

83

106

84

107

85

<div id="snackbar">Error ! Please fill in all fields.</div>

108

<div id="snackbar">Error ! Please fill in all fields.</div>

86

109

87

<i class="material-icons" style="line-height: 31px;">assignment_ind</i>

110

<i class="material-icons" style="line-height: 31px;">assignment_ind</i>

88

</div>

111

</div>

89

112

90

</div>

113

</div>

91

114

92

<div id="snackbar">Error ! Please fill in all fields.</div>

115

<div id="snackbar">Error ! Please fill in all fields.</div>

93

116

94

<i class="material-icons" style="line-height: 30px;">email</i>

117

<i class="material-icons" style="line-height: 30px;">email</i>

95

</div>

118

</div>

96

119

97

<label class="error-message f-family" id="invalidEmail">Please enter a valid email address.</label>

120

<label class="error-message f-family" id="invalidEmail">Please enter a valid email address.</label>

98

<label ng-if="check">Email already exist.</label>

121

<label ng-if="check">Email already exist.</label>

99

122

100

</div>

123

</div>

101

124

102

125

103

<i class="material-icons" style="line-height: 30px;">phone</i>

126

<i class="material-icons" style="line-height: 30px;">phone</i>

104

</div>

127

</div>

105

128

106

129

107

<label ng-if="numberCheck">Contact Number already exist.</label>

130

<label ng-if="numberCheck">Contact Number already exist.</label>

108

</div>

131

</div>

109

132

110

133

111

<i class="material-icons" style="line-height: 30px;">location_city</i>

134

<i class="material-icons" style="line-height: 30px;">location_city</i>

112

</div>

135

</div>

113

136

114

<option name="city" selected disabled value="">Choose City</option>

137

<option name="city" selected disabled value="">Choose City</option>

115

<option value="Ahmedabad">Ahmedabad</option>

138

<option value="Ahmedabad">Ahmedabad</option>

116

<option value="Bangalore">Bangalore</option>

139

<option value="Bangalore">Bangalore</option>

117

<option value="NCR">Delhi-NCR</option>

140

<option value="NCR">Delhi-NCR</option>

118

<option value="Hyderabad">Hyderabad</option>

141

<option value="Hyderabad">Hyderabad</option>

119

<option value="Jaipur">Jaipur</option>

142

<option value="Jaipur">Jaipur</option>

120

<option value="Mumbai">Mumbai</option>

143

<option value="Mumbai">Mumbai</option>

121

144

122

<option value="Indore">Indore</option>

145

<option value="Indore">Indore</option>

123

<option value="Chandigarh">Chandigarh</option>

146

<option value="Chandigarh">Chandigarh</option>

124

<option value="anyOther">Any other</option>

147

<option value="anyOther">Any other</option>

125

</select>

148

</select>

126

</div>

149

</div>

127

150

128

151

129

152

130

</button>

154

</button>

132

</div>

155

</div>

133

</div>

156

</div>

134

157

135

</td>

158

</td>

136

</tr>

159

</tr>

137

</table>

160

</table>

138

</div>

161

</div>

139

162

140

163

141

164

142

165

143

166

144

</div>

167

</div>

145

168

146

169

147

To which sector would you relate your company?

170

To which sector would you relate your company?

148

</div>

171

</div>

149

172

150

</div>

173

</div>

151

174

152

175

153

176

154

177

155

178

156

179

157

<label class="f-family">Retail</label>

180

<label class="f-family">Retail</label>

158

</label>

181

</label>

159

</div>

182

</div>

160

183

161

184

162

185

163

186

164

<label class="f-family">Travel</label>

187

<label class="f-family">Travel</label>

165

</label>

188

</label>

166

</div>

189

</div>

167

190

168

191

169

192

170

193

171

<label class="f-family">B2B commerce</label>

194

<label class="f-family">B2B commerce</label>

172

</label>

195

</label>

173

</div>

196

</div>

174

197

175

198

176

199

177

200

178

<label class="f-family">Agritech</label>

201

<label class="f-family">Agritech</label>

179

</label>

202

</label>

180

</div>

203

</div>

181

204

182

205

183

206

184

207

185

<label class="f-family">Fintech</label>

208

<label class="f-family">Fintech</label>

186

</label>

209

</label>

187

</div>

210

</div>

188

211

189

212

190

213

191

214

192

<label class="f-family">Hyperlocal services</label>

215

<label class="f-family">Hyperlocal services</label>

193

</label>

216

</label>

194

</div>

217

</div>

195

218

196

219

197

220

198

221

199

<label class="f-family">Education</label>

222

<label class="f-family">Education</label>

200

</label>

223

</label>

201

</div>

224

</div>

202

225

203

226

204

227

205

228

206

<label class="f-family">Rural</label>

229

<label class="f-family">Rural</label>

207

</label>

230

</label>

208

</div>

231

</div>

209

</div>

232

</div>

210

233

211

</div>

234

</div>

212

235

213

236

214

<strong>What technology are you using in the product?</strong>

237

<strong>What technology are you using in the product?</strong>

215

<p class="line-space" >Please explain in detail the technologies that you are using or plan to use in the product?</p>

238

<p class="line-space" >Please explain in detail the technologies that you are using or plan to use in the product?</p>

216

</div>

239

</div>

217

240

218

241

219

<i class="material-icons" style="line-height: 30px;">phone_android</i>

242

<i class="material-icons" style="line-height: 30px;">phone_android</i>

220

</div>

243

</div>

221

244

222

</div>

245

</div>

223

246

224

<strong>Tell us about the problem that your company is trying to address. </strong>

247

<strong>Tell us about the problem that your company is trying to address. </strong>

225

248

226

</div>

249

</div>

227

250

228

251

229

<i class="material-icons" style="line-height: 30px;">report_problem</i>

252

<i class="material-icons" style="line-height: 30px;">report_problem</i>

230

</div>

253

</div>

231

254

232

</div>

255

</div>

233

256

234

<strong>Tell us about the solution that your product/company has come up with.</strong>

257

<strong>Tell us about the solution that your product/company has come up with.</strong>

235

258

236

</div>

259

</div>

237

260

238

261

239

262

240

</div>

263

</div>

241

264

242

</div>

265

</div>

243

266

244

<strong>What is your business model?</strong>

267

<strong>What is your business model?</strong>

245

<p class="line-space" >How do you plan to make money?</p>

268

<p class="line-space" >How do you plan to make money?</p>

246

</div>

269

</div>

247

270

248

271

249

<i class="material-icons" style="line-height: 30px;">business_center</i>

272

<i class="material-icons" style="line-height: 30px;">business_center</i>

250

</div>

273

</div>

251

274

252

<option selected disabled value="">Business Model</option>

275

<option selected disabled value="">Business Model</option>

253

276

254

277

255

278

256

</select>

279

</select>

257

</div>

280

</div>

258

281

259

282

260

283

261

284

262

<i class="material-icons" style="line-height: 30px;">question_answer</i>

285

<i class="material-icons" style="line-height: 30px;">question_answer</i>

263

</div>

286

</div>

264

287

265

288

266

You can share the top 5 problems that your startup is facing at the moment– and we will share those problems with our mentors who will give their feedback on what is the right approach to solve that problem.

289

You can share the top 5 problems that your startup is facing at the moment– and we will share those problems with our mentors who will give their feedback on what is the right approach to solve that problem.

267

</div>

290

</div>

268

291

269

</div>

292

</div>

270

293

271

294

272

295

273

296

274

297

275

</div>

298

</div>

276

299

277

300

278

<option value="typeQ1">Select</option>

301

<option value="typeQ1">Select</option>

279

<option>Sales</option>

302

<option>Sales</option>

280

<option>Marketing</option>

303

<option>Marketing</option>

281

<option>Technology</option>

304

<option>Technology</option>

282

<option>Scale</option>

305

<option>Scale</option>

283

<option>Fund-raising</option>

306

<option>Fund-raising</option>

284

<option>Go-to-market strategy</option>

307

<option>Go-to-market strategy</option>

285

<option>Team/hiring issues</option>

308

<option>Team/hiring issues</option>

286

<option>Emotional/personal issues</option>

309

<option>Emotional/personal issues</option>

287

<option>Any other</option>

310

<option>Any other</option>

288

</select>

311

</select>

289

</div>

312

</div>

290

313

291

314

292

315

293

316

294

</div>

317

</div>

295

318

296

319

297

<option value="typeQ2">Select</option>

320

<option value="typeQ2">Select</option>

298

<option>Sales</option>

321

<option>Sales</option>

299

<option>Marketing</option>

322

<option>Marketing</option>

300

<option>Technology</option>

323

<option>Technology</option>

301

<option>Scale</option>

324

<option>Scale</option>

302

<option>Fund-raising</option>

325

<option>Fund-raising</option>

303

<option>Go-to-market strategy</option>

326

<option>Go-to-market strategy</option>

304

<option>Team/hiring issues</option>

327

<option>Team/hiring issues</option>

305

<option>Emotional/personal issues</option>

328

<option>Emotional/personal issues</option>

306

<option>Any other</option>

329

<option>Any other</option>

307

</select>

330

</select>

308

</div>

331

</div>

309

332

310

333

311

334

312

335

313

</div>

336

</div>

314

337

315

338

316

<option value="typeQ3">Select</option>

339

<option value="typeQ3">Select</option>

317

<option>Sales</option>

340

<option>Sales</option>

318

<option>Marketing</option>

341

<option>Marketing</option>

319

<option>Technology</option>

342

<option>Technology</option>

320

<option>Scale</option>

343

<option>Scale</option>

321

<option>Fund-raising</option>

344

<option>Fund-raising</option>

322

<option>Go-to-market strategy</option>

345

<option>Go-to-market strategy</option>

323

<option>Team/hiring issues</option>

346

<option>Team/hiring issues</option>

324

<option>Emotional/personal issues</option>

347

<option>Emotional/personal issues</option>

325

<option>Any other</option>

348

<option>Any other</option>

326

</select>

349

</select>

327

</div>

350

</div>

328

351

329

352

330

353

331

354

332

</div>

355

</div>

333

356

334

357

335

<option value="typeQ4">Select</option>

358

<option value="typeQ4">Select</option>

336

<option>Sales</option>

359

<option>Sales</option>

337

<option>Marketing</option>

360

<option>Marketing</option>

338

<option>Technology</option>

361

<option>Technology</option>

339

<option>Scale</option>

362

<option>Scale</option>

340

<option>Fund-raising</option>

363

<option>Fund-raising</option>

341

<option>Go-to-market strategy</option>

364

<option>Go-to-market strategy</option>

342

<option>Team/hiring issues</option>

365

<option>Team/hiring issues</option>

343

<option>Emotional/personal issues</option>

366

<option>Emotional/personal issues</option>

344

<option>Any other</option>

367

<option>Any other</option>

345

</select>

368

</select>

346

</div>

369

</div>

347

370

348

371

349

372

350

373

351

</div>

374

</div>

352

375

353

376

354

<option value="typeQ5">Select</option>

377

<option value="typeQ5">Select</option>

355

<option>Sales</option>

378

<option>Sales</option>

356

<option>Marketing</option>

379

<option>Marketing</option>

357

<option>Technology</option>

380

<option>Technology</option>

358

<option>Scale</option>

381

<option>Scale</option>

359

<option>Fund-raising</option>

382

<option>Fund-raising</option>

360

<option>Go-to-market strategy</option>

383

<option>Go-to-market strategy</option>

361

<option>Team/hiring issues</option>

384

<option>Team/hiring issues</option>

362

<option>Emotional/personal issues</option>

385

<option>Emotional/personal issues</option>

363

<option>Any other</option>

386

<option>Any other</option>

364

</select>

387

</select>

365

</div>

388

</div>

366

389

367

</div>

390

</div>

368

391

369

</div>

392

</div>

370

393

371

394

372

395

373

396

374

397

375

<strong>Do you have a prototype ready?</strong>

398

<strong>Do you have a prototype ready?</strong>

376

<p class="line-space" >If yes, please share the link to demo/website/application</p>

399

<p class="line-space" >If yes, please share the link to demo/website/application</p>

377

</div>

400

</div>

378

401

379

402

380

<i class="material-icons" style="line-height: 30px;">device_hub</i>

403

<i class="material-icons" style="line-height: 30px;">device_hub</i>

381

</div>

404

</div>

382

405

383

</div>

406

</div>

384

407

385

<strong>What is your go-to-market strategy?</strong>

408

<strong>What is your go-to-market strategy?</strong>

386

409

387

</div>

410

</div>

388

411

389

412

390

<i class="material-icons" style="line-height: 30px;">multiline_chart</i>

413

<i class="material-icons" style="line-height: 30px;">multiline_chart</i>

391

</div>

414

</div>

392

415

393

</div>

416

</div>

394

417

395

<strong>Who are your existing competitors and potential risk factors?</strong>

418

<strong>Who are your existing competitors and potential risk factors?</strong>

396

419

397

</div>

420

</div>

398

421

399

422

400

<i class="material-icons" style="line-height: 30px;">smoking_rooms</i>

423

<i class="material-icons" style="line-height: 30px;">smoking_rooms</i>

401

</div>

424

</div>

402

425

403

</div>

426

</div>

404

427

405

<strong>Who all are there in your team?</strong>

428

<strong>Who all are there in your team?</strong>

406

<p class="line-space" >What are their backgrounds?</p>

429

<p class="line-space" >What are their backgrounds?</p>

407

</div>

430

</div>

408

431

409

432

410

<i class="material-icons" style="line-height: 30px;">games</i>

433

<i class="material-icons" style="line-height: 30px;">games</i>

411

</div>

434

</div>

412

435

413

</div>

436

</div>

414

437

415

<strong>Upload the pitch-deck/presentation mentioning the details of the startup.</strong>

438

<strong>Upload the pitch-deck/presentation mentioning the details of the startup.</strong>

416

439

417

</div>

440

</div>

418

441

419

442

420

<i class="material-icons" style="line-height: 30px;">offline_pin</i>

443

<i class="material-icons" style="line-height: 30px;">offline_pin</i>

421

</div>

444

</div>

422

445

423

</div>

446

</div>

424

447

425

<strong>Upload the financial projections/funding requirements of your company?</strong>

448

<strong>Upload the financial projections/funding requirements of your company?</strong>

426

449

427

</div>

450

</div>

428

451

429

452

430

<i class="material-icons" style="line-height: 30px;">timeline</i>

453

<i class="material-icons" style="line-height: 30px;">timeline</i>

431

</div>

454

</div>

432

455

433

</div>

456

</div>

434

457

435

</div>

458

</div>

436

459

437

460

438

<!-- <div class="row">

461

<!-- <div class="row">

439

462

440

463

441

464

442

</div> -->

465

</div> -->

443

466

444

467

445

<i class="material-icons" style="line-height: 30px;">perm_identity</i>

468

<i class="material-icons" style="line-height: 30px;">perm_identity</i>

446

</div>

469

</div>

447

470

448

471

449

472

450

<p style="color:grey">kindly choose one option.</p>

473

<p style="color:grey">kindly choose one option.</p>

451

</div>

474

</div>

452

475

453

</div>

476

</div>

454

477

455

478

456

479

457

480

458

481

459

<label class="f-family pull-left width-auto" for="studentRadio">Student</label>

482

<label class="f-family pull-left width-auto" for="studentRadio">Student</label>

460

</label>

483

</label>

461

484

462

485

463

486

464

<label class="f-family pull-left width-auto" for="othersRadio">Others</label>

487

<label class="f-family pull-left width-auto" for="othersRadio">Others</label>

465

</label>

488

</label>

466

</div>

489

</div>

467

<!--

490

<!--

468

491

469

492

470

493

471

494

472

</label>

495

</label>

473

</div> -->

496

</div> -->

474

</div>

497

</div>

475

498

476

499

477

</div>

500

</div>

478

501

479

502

480

503

481

<i class="material-icons" style="line-height: 30px;">phone_android</i>

504

<i class="material-icons" style="line-height: 30px;">phone_android</i>

482

</div>

505

</div>

483

506

484

<i class="material-icons coupen-approved" ng-if="tokencheck == true">check</i>

507

<i class="material-icons coupen-approved" ng-if="tokencheck == true">check</i>

485

<i class="material-icons coupen-approved" style="color:red;" ng-if="tokencheck == false">close</i>

508

<i class="material-icons coupen-approved" style="color:red;" ng-if="tokencheck == false">close</i>

486

<button type="button" ng-click="tokenCall(data.referalToken)" class="pull-right apply-coupen-btn">Apply</button>

509

<button type="button" ng-click="tokenCall(data.referalToken)" class="pull-right apply-coupen-btn">Apply</button>

487

</div>

510

</div>

488

511

489

512

490

513

491

</div>

514

</div>

492

</div>

515

</div>

493

516

494

</div>

517

</div>

495

518

496

</form>

519

</form>

497

520

498

521

499

522

500

<center class="footer"> Powered By <a class="footer-link" href="http://www.viithiisys.com/" target="_blank">Viithiisys Technolgies.</a> </center>

523

<center class="footer"> Powered By <a class="footer-link" href="http://www.viithiisys.com/" target="_blank">Viithiisys Technolgies.</a> </center>

501

</footer>

524

</footer>

502

525

503

526

504

527

505

528

506

529

507

</div>

530

</div>

508

</div>

531

</div>

509

</div>

532

</div>

510

<div id="snacsskbar">Registration done successfully.</div>

533

<div id="snacsskbar">Registration done successfully.</div>

511

534

512

535

513

536

514

537

515

538

516

<tr>

539

<tr>

517

540

518

</tr>

541

</tr>

519

<tr>

542

<tr>

520

543

521

544

522

<tbody>

545

<tbody>

523

<tr>

546

<tr>

524

<td align="left" valign="middle" style="color:#5e5e5e;font-size:20px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">Ticket Summary</td>

547

<td align="left" valign="middle" style="color:#5e5e5e;font-size:20px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">Ticket Summary</td>

525

</tr>

548

</tr>

526

</tbody>

549

</tbody>

527

</table>

550

</table>

528

</td>

551

</td>

529

</tr>

552

</tr>

530

</tbody>

553

</tbody>

531

<tbody>

554

<tbody>

532

<tr>

555

<tr>

533

556

534

</tr>

557

</tr>

535

<tr>

558

<tr>

536

559

537

560

538

<tbody>

561

<tbody>

539

<tr>

562

<tr>

540

<td align="left" valign="middle" style="color:#5e5e5e;font-size:16px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">Ticket Amount</td>

563

<td align="left" valign="middle" style="color:#5e5e5e;font-size:16px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">Ticket Amount</td>

541

<td align="right" valign="middle" style="color:#5e5e5e;font-size:18px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">{{ticketAmnt}}</td>

564

<td align="right" valign="middle" style="color:#5e5e5e;font-size:18px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">{{ticketAmnt}}</td>

542

</tr>

565

</tr>

543

</tbody>

566

</tbody>

544

</table>

567

</table>

545

</td>

568

</td>

546

</tr>

569

</tr>

547

<tr>

570

<tr>

548

571

549

</tr>

572

</tr>

550

<tr>

573

<tr>

551

574

552

575

553

<tbody>

576

<tbody>

554

<tr>

577

<tr>

555

<td align="left" valign="middle" style="color:#5e5e5e;font-size:16px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">Discount</td>

578

<td align="left" valign="middle" style="color:#5e5e5e;font-size:16px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">Discount</td>

556

<td align="right" valign="middle" style="color:#5e5e5e;font-size:18px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">{{discountAmount}}</td>

579

<td align="right" valign="middle" style="color:#5e5e5e;font-size:18px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">{{discountAmount}}</td>

557

</tr>

580

</tr>

558

</tbody>

581

</tbody>

559

</table>

582

</table>

560

</td>

583

</td>

561

</tr>

584

</tr>

562

<tr>

585

<tr>

563

586

564

</tr>

587

</tr>

565

<tr>

588

<tr>

566

589

567

590

568

<tbody>

591

<tbody>

569

<tr>

592

<tr>

570

593

571

<td align="right" valign="middle" style="color:#5e5e5e;font-size:16px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">{{taxTotal}}</td>

594

<td align="right" valign="middle" style="color:#5e5e5e;font-size:16px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">{{taxTotal}}</td>

572

</tr>

595

</tr>

573

</tbody>

596

</tbody>

574

</table>

597

</table>

575

</td>

598

</td>

576

</tr>

599

</tr>

577

<tr>

600

<tr>

578

601

579

</tr>

602

</tr>

580

<tr>

603

<tr>

581

604

582

605

583

<tbody>

606

<tbody>

584

<tr>

607

<tr>

585

<td align="left" valign="middle" style="color:#5e5e5e;font-size:22px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">Total Amount</td>

608

<td align="left" valign="middle" style="color:#5e5e5e;font-size:22px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">Total Amount</td>

586

<td align="right" valign="middle" style="color:#29bd9d;font-size:24px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">{{payingAmnt}}</td>

609

<td align="right" valign="middle" style="color:#29bd9d;font-size:24px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">{{payingAmnt}}</td>

587

</tr>

610

</tr>

588

</tbody>

611

</tbody>

589

</table>

612

</table>

590

</td>

613

</td>

591

</tr>

614

</tr>

592

<tr>

615

<tr>

593

616

594

</tr>

617

</tr>

595

</tbody>

618

</tbody>

596

</table>

619

</table>

597

620

598

<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>

621

<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>

599

</div>

622

</div>

600

</div>

623

</div>

601

</div>

624

</div>

602

</div>

625

</div>

GITLAB

viithiisys / startup_jalsa_frontend

stages card issue resolved

 *{
     outline: none !important;
 }
 .header{
     width: 100%;
     padding: 4px 20px;
     background-color: #42b549;
 }
 .logo{
     height: 45px;
 }
 .main-heading{
     height: 70px;
     line-height: 70px;
 }
 .card{
     flex-direction: column;
     background-color: rgb(255,255,255);
     border-radius: 0;
     width: 676px;
     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);
 }
 .card input{
     display: none;
 }
 .card .card-content{
     padding: 12px;
   font-size: 12px;
 }
 .card p{
   margin-top:18px;
   margin-right:4px ;
   margin-bottom:-5px;
   /*margin-left:13px;*/
     font-family: montserrat, arial, verdana;
     font-weight: normal;
     font-size: 12px;
 }
 .card .thumbnail{
     padding: 15px 30px 1px 28px;
     border: 0;
   border-radius: 0px !important;
 }
 .video-wrapper{
     padding: 16px 0;
 }
 .stageRadio:checked+label{
     background-color: #42b549;
     color: #fff !important;
 }
 /* css for radio buttons */
 .option-input {
   -webkit-appearance: none;
   -moz-appearance: none;
   -ms-appearance: none;
   -o-appearance: none;
   appearance: none;
   position: relative;
   /*top: 13.33333px;*/
   right: 0;
   bottom: 0;
   left: 0;
   height: 15px;
   width: 15px;
   transition: all 0.15s ease-out 0s;
   background: transparent;
   border: 2px solid #42b549;
   color: #fff;
   cursor: pointer;
   display: inline-block;
   margin-right: 0.5rem;
   outline: none;
   position: relative;
   z-index: 1000;
 }
 .option-input:checked {
   background: #42b549;
 }
 .option-input:checked::before {
   height: 20px;
   width: 20px;
   position: absolute;
   /*content: '✔';*/
   display: inline-block;
   font-size: 12px;
   text-align: center;
   line-height: 22px;
 }
 .option-input:checked::after {
   -webkit-animation: click-wave 0.65s;
   -moz-animation: click-wave 0.65s;
   animation: click-wave 0.65s;
   background: #40e0d0;
   content: '';
   display: block;
   position: relative;
   z-index: 100;
 }
 .option-input-a.radio-a::after {
   border-radius: 50%;
 }
 /*second css*/
 .option-input-a {
   -webkit-appearance: none;
   -moz-appearance: none;
   -ms-appearance: none;
   -o-appearance: none;
   appearance: none;
   position: relative;
   /*top: 13.33333px;*/
   right: 0;
   bottom: 0;
   left: 0;
   height: 22px;
   width: 22px;
   transition: all 0.15s ease-out 0s;
   background: transparent;
   border: 2px solid #42b549;
   color: #fff;
   cursor: pointer;
   display: inline-block;
   margin-right: 0.5rem;
   outline: none;
   position: relative;
   z-index: 1000;
 }
 .option-input-a:checked {
   background: #42b549;
 }
 .option-input-a:checked::before {
   height: 20px;
   width: 20px;
   position: absolute;
   /*content: '✔';*/
   display: inline-block;
   font-size: 12px;
   text-align: center;
   line-height: 22px;
 }
 .option-input-a:checked::after {
   -webkit-animation: click-wave 0.65s;
   -moz-animation: click-wave 0.65s;
   animation: click-wave 0.65s;
   background: #40e0d0;
   content: '';
   display: block;
   position: relative;
   z-index: 100;
 }
 .option-input-a.radio-a {
   border-radius: 50%;
 }
 .option-input-a.radio-a::after {
   border-radius: 50%;
 }
 /* css for radio ends */
 .card-small{
     cursor: pointer;
 }
 .card-small img{
     width: 37px;
 }
 .card-small label{
     width: 100%;
     font-weight: normal;
     font-size: 12px;
     margin-top: 5px;
 }
 /*.text-input{
   width: 100%;
   border: 0;
   border-bottom: 2px solid #42b549;
   font-size: 18px;
   padding: 5px;
 }*/
 .input-wrapper{
   margin-bottom: 15px !important;
 }
 .select-input{
   width: 100%;
   border: 0;
   border-bottom: 2px solid #42b549;
   background-color: transparent;
   font-size: 12px;
   padding: 5px;
 }
 .submit-button, .submit-button:hover{
   background-color: #42b549;
   color: #fff;
   /*display: none;*/
 }
 .submit-button:disabled{
   background-color: #ddd;
 }
 .textarea{
   min-height: 97px;
 }
 .error-message{
   font-weight: inherit;
   color: #ff0000;
   margin: 7px 4px -5px 26px;
   display: none;
 }
 /*custom input*/
 .text-input, select {
     width: 100%;
     padding: 12px 25px;
      margin: -2px 0;
     display: inline-block;
     border: 0px solid rgba(51, 51, 51, 0);
     border-radius: -3px;
     box-sizing: border-box;
     box-shadow: 0 0 10px rgba(240, 255, 235);
     -moz-box-shadow: 0 0 10px rgba(240, 255, 235);
     -webkit-box-shadow: 0 0 5px #777;
     -o-box-shadow: 0 0 10px rgba(240, 255, 235);
     font-size: 12px;
 }
 /* progress bar css */
 @-webkit-keyframes
 load { 0% {
 stroke-dashoffset:0
 }
 }
 @-moz-keyframes
 load { 0% {
 stroke-dashoffset:0
 }
 }
 @keyframes
 load { 0% {
 stroke-dashoffset:0
 }
 }
 /* Container */
 .progress-form {
   position: relative;
   display: inline-block;
   padding: 0;
   text-align: center;
 }
 /* Item */
 .progress-form>li {
   display: inline-block;
   position: relative;
   text-align: center;
   color: #93A2AC;
   font-family: Lato;
   font-weight: 100;
   margin: 2rem;
 }
 .progress-form>li:before {
   content: attr(data-name);
   position: absolute;
   width: 100%;
   bottom: -2rem;
   font-weight: 400;
 }
 .progress-form>li:after {
   content: attr(data-percent);
   position: absolute;
   width: 100%;
   top: 3.7rem;
   left: 0;
   font-size: 2rem;
   text-align: center;
 }
 .progress-form svg {
   width: 10rem;
   height: 10rem;
 }
 .progress-form svg:nth-child(2) {
   position: absolute;
   left: 0;
   top: 0;
   transform: rotate(-90deg);
   -webkit-transform: rotate(-90deg);
   -moz-transform: rotate(-90deg);
   -ms-transform: rotate(-90deg);
 }
 .progress-form svg:nth-child(2) path {
   fill: none;
   stroke-width: 25;
   stroke-dasharray: 629;
   stroke: rgba(255, 255, 255, 0.9);
   -webkit-animation: load 10s;
   -moz-animation: load 10s;
   -o-animation: load 10s;
   animation: load 10s;
 }
 /*circle of stage image*/
 .circular{
     -webkit-border-radius: 150px;
     -moz-border-radius: 150px;
     border-radius: 150px;
     box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);
     border: 5px solid white;
     overflow: hidden;
     position: fixed;
     height: 100px;
     width: 100px;
     left: 80px;
     top: 20px;
 }
 /*font-size*/
 .font{
   font-size: 14px;
 }
 .f-family {
   font-family:sans-serif;
 }
 /*container-card css*/
 .container-card {
   width: auto;
   float: left;
   margin: 31px 24px 26px 14px;
 }
 /******This css for header container******/
 .h1 {
   font-size: 20px;
   margin: 11px;
 }
 .paragraph {
   font-size: 14px;
   margin: 30px 10px 20px;
   line-height: 1.5;
 }
 /*This css for stages container*/
 .full-line {
   border-bottom: 2px solid #dedede;
   padding: 15px 10px;
 }
 .stages-card {
   width: auto;
   float: left;
   /*margin: -30px 8px 7px 22px;*/
 }
 /*form -css*/
 .form-all {
   margin: 13px 4px 26px -2px;
   /*display: none;*/
 }
 .step-two-form{
   display: block;
 }
 /*This is for stages images*/
 .stage-img {
   width: 115px;
 }
 .stage-thumbnail {
   float: left;
   margin-bottom: 0;
 }
 .stage-shadow {
   /*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); */
   /*margin: 3px 22px 14px 14px;*/
   background-color: #ffffff;
 }
 .line-size {
 }
 .card-paragraph {
   background-color: rgba(66, 181, 73, 0.61);
   color: #fff;
 }
 /* identity card css*/
 .identity-shadow {
   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);
   margin: 15px 15px 17px 14px;
   background-color: #ffffff;
   /*display: none;*/
 }
 .identity-question {
   border-bottom: 2px solid #dedede;
   padding: 0px 10px;
 }
 .identity-align {
   margin: 8px -12px 19px 13px;
 }
 /********This css for sectors**************/
 .sectors-card {
   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);
   margin: 27px 22px 14px 14px;
   background-color: #ffffff;
   /*display: none;*/
 }
 .sector-card {
   width: auto;
   float: left;
   margin: 29px 22px 26px 14px;
 }
 .sector-question {
   border-bottom: 2px solid #dedede;
   padding: 15px 10px;
 }
 /*To make the Stages in the center*/
 .card-align {
   /*margin: 56px -267px 11px -37px;*/
 }
 /*To make the sectors in the center */
 /*************sidebar content margin***********/
 .sidebar-align {
   margin: -5px -3px -18px 9px;
 }
 .heading {
   margin: 15px 10px 15px 16px;
 }
 .quiz {
   margin: 5px 5px 6px 19px;
   font-size: 12px;
 }
 #footer {
    background-image: url('/images/footer_design.png');
    background-repeat: inherit;
    background-size: 1274px 223px;
    position: bottom;
    width: 100%;
    height: auto;
    padding: 151px 3px 66px 83px;
  }
  .footer {
     bottom: 0px;
     background-color: #42b549;
     width: 100%;
     color:rgba(255, 255, 255, 0.77);
 }
 /********question box*****************/
 .question-shadow {
   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);
   margin: 15px 15px 17px 14px;
   background-color: #ffffff;
 }
 .question-card {
   width: auto;
   float: left;
   margin: 29px 22px 26px 14px;
 }
 /*for p*/
 .line-space {
   line-height: 1.6em;
   font-size: 11px;
 }
 .line-adjust {
   margin-left: 26px;
 }
 /*badge icon css*/
 .material-icons{
   font-size: 17px !important;
 }
 .icon-circle-a {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 14px;
     margin-top: 10px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-b {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 14px;
     margin-top: 10px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-c {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 4px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-d {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 4px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-e {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 4px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-f {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 3px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-g {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 14px;
     margin-top: 10px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-h {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 4px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-i {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 30px;
     color: #fff;
     text-align: center;
     z-index: 100;
 }
 .icon-circle-j {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 30px;
     color: #fff;
     text-align: center;
     z-index: 100;
 }
 .icon-circle-k {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 30px;
     color: #fff;
     text-align: center;
     z-index: 100;
 }
 .icon-circle-l {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 30px;
     color: #fff;
     text-align: center;
     z-index: 100;
 }
 .icon-circle-m {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 30px;
     color: #fff;
     text-align: center;
     z-index: 100;
 }
 .icon-circle-n {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 30px;
     color: #fff;
     text-align: center;
     z-index: 100;
 }
 .icon-circle-x {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 13px;
     margin-top: 21px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-p {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 3px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-z {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 4px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-q {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 4px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-ab {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 14px;
     margin-top: 18px;
     color: #fff;
     text-align: center;
 }
 /*.icon-circle-a {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 4px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-select {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 3px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-textarea {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 30px;
     color: #fff;
     text-align: center;
 }*/
 /*quiz*/
 .q-card-align div{
   margin-bottom: 15px;
 }
 .drop-down {
   background-color: #fff;
   border-radius: 0;
   font-size: 12px;
 }
 .footer-link, .footer-link:hover {
   color:#fff;
 }
 /*idea content margin*/
 .content-idea{
   margin:196px 12px 8px;
 }
 .content-product{
   margin:193px -19px 9px;
 }
 .content-growth{
   margin:192px 11px 8px;
 }
 .last-content-card{
   /*margin: 0px -85px -4px -51px;*/
 }
 @media (max-width: 600px) {
   .content-idea{
     margin: auto;
   }
   .content-product{
     margin: auto;
   }
   .content-growth{
     margin: auto;
   }
   .stages-card{
     margin: auto;
     margin-bottom: 15px;
   }
   .last-content-card{
     margin: auto;
   }
   .card-align{
     margin: auto;
   }
 }
 .toggler {
     width: 500px;
     height: 200px;
   }
   #button {
     padding: .5em 1em;
     text-decoration: none;
   }
   #effect {
     position: relative;
     width: 240px;
     height: 170px;
     padding: 0.4em;
   }
   #effect h3 {
     margin: 0;
     padding: 0.4em;
     text-align: center;
   }
 #snackbar {
     visibility: hidden;
     min-width: 250px;
     margin-left: -125px;
     background-color: #333;
     color: #fff;
     text-align: center;
     border-radius: 2px;
     padding: 16px;
     position: fixed;
     z-index: 1;
     left: 50%;
     bottom: 30px;
     font-size: 17px;
 }
 #snackbar.show {
     visibility: visible;
     -webkit-animation: fadin 0.5s, fadout 0.5s 2.5s;
     animation: fadin 0.5s, fadout 0.5s 2.5s;
 }
 @-webkit-keyframes fadin {
     from {bottom: 0; opacity: 0;}
     to {bottom: 30px; opacity: 1;}
 }
 @keyframes fadin {
     from {bottom: 0; opacity: 0;}
     to {bottom: 30px; opacity: 1;}
 }
 @-webkit-keyframes fadout {
     from {bottom: 30px; opacity: 1;}
     to {bottom: 0; opacity: 0;}
 }
 @keyframes fadout {
     from {bottom: 30px; opacity: 1;}
     to {bottom: 0; opacity: 0;}
 }
 #snacsskbar {
     visibility: hidden;
     min-width: 250px;
     margin-left: -125px;
     background-color: #333;
     color: #fff;
     text-align: center;
     border-radius: 2px;
     padding: 16px;
     position: fixed;
     z-index: 1;
     left: 50%;
     top: 30px;
     font-size: 17px;
 }
 #snacsskbar.show {
     visibility: visible;
     -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
     animation: fadein 0.5s, fadeout 0.5s 2.5s;
 }
 @-webkit-keyframes fadein {
     from {top: 0; opacity: 0;}
     to {top: 30px; opacity: 1;}
 }
 @keyframes fadein {
     from {top: 0; opacity: 0;}
     to {top: 30px; opacity: 1;}
 }
 @-webkit-keyframes fadeout {
     from {top: 30px; opacity: 1;}
     to {top: 0; opacity: 0;}
 }
 @keyframes fadeout {
     from {top: 30px; opacity: 1;}
     to {top: 0; opacity: 0;}
 }
 input.hidden {
     position: absolute;
     left: -9999px;
 }
 #profile-image1 {
     cursor: pointer;
      width: 100px;
     height: 100px;
     border:2px solid #eee ;
   }
   .tital{ font-size:16px; font-weight:500;}
   .bot-border{ border-bottom:1px #f8f8f8 solid;  margin:5px 0  5px 0}
   .footerpadd{padding: 5px;}
   .container1{
     width: 100%
   }
   .no-margin{
     margin: 0 0 0 !important;
   }
   .no-padding{
     padding: 0 0 0 0 !important;
   }
   .select-stage{
     margin: 10px 0;
   }
   .cards-content{
     margin-top: 40px;
   }
   .cards-content p{
     font-size: 13px;
   }
 .q-card-align{
   margin-top: 15px;
 }
 .width-auto{
   width: auto !important;
 }
 .margin-right-label{
   margin-right: 20px;
 }
 .margin-right-label label{
   margin-left: 5px;
 }
 .apply-coupen-btn{
   position: absolute;
   top: -2px;
   right: 13px;
   border: none;
   height: 44px;
   color: #fff;
   background-color: #666;
   width: 100px;
 }
 .coupen-approved{
   position: absolute;
   right: 120px;
   top: 6px;
   color: rgb(66, 181, 73);
   font-size: 30px !important;
 }
   @media (max-width: 768px){
     .cards-content{
       margin-top: 15px;
       margin-bottom: 30px;
     }
     .no-padding-mobile{
       padding-left: 0 !important;
       padding-right: 0 !important;
     }
     .sector-align .card-small{
       height: 74px;
     }
+    .stages-card{
+      width: 92%;
+    }
+    .right-stage-card{
+      float: right;
+    }
+    .margin-auto-mobile{
+      margin-left: 4%;
+    }
+    .card .thumbnail{
+      padding: 15px 0 1px 0;
+    }
+    .thumbnail > img, .thumbnail a > img{
+      width: 50%;
+    }
   }

 <!-- <div class="jumbotron text-center">
    <h1>Home Page</h1>
    <p>{{ message }}</p>
    </div> -->
 <!-- <div ng-if="checkView"> -->
 <div class="header">
    <img src="images/white.png" class="logo">
 </div>
 <!-- CLOSE HEADER -->
 <form name="applicantForm" id="signupForm">
    <div class="col-xs-12 col-md-10 col-md-offset-1">
       <p class="select-stage">Please select one stage.</p>
       <div class="stage-shadow">
          <div class="stages card-align">
-            <div class="col-xs-12 col-md-4 no-padding">
+            <div class="col-xs-4 no-padding">
                <div class="card stages-card">
                   <input type="radio" ng-model="data.stage" class="stageRadio" value="Idea" name="Idea" id="ideation" ng-required="Idea" ng-checked="true" checked="true" ng-click="stage(data.stage); stagekeyPress()">
                   <label style="cursor:pointer" class="thumbnail radius-border stage-thumbnail" for="ideation">
                      <img class="stage-img stage-idea" src="images/idea-stage.png" alt="Lights">
                      <div class="card-content f-family">
                         <p align="center">Idea</p>
                      </div>
                   </label>
                </div>
                <div class="clearfix"></div>
-               <div class="cards-content">
+               <div class="cards-content hidden-xs">
                   <p>
                      &#x26AC; Have an idea and need execution help?<br>
                      &#x26AC; Get feedback from mentors<br>
                      &#x26AC; Validate your idea.
                   </p>
                </div>
             </div>
-            <div class="col-xs-12 col-md-4 no-padding-mobile">
+            <div class="col-xs-4 no-padding-mobile">
-               <div class="card stages-card">
+               <div class="card stages-card margin-auto-mobile">
                   <input type="radio"  ng-model="data.stage" class="stageRadio" value="Product" name="Idea" id="Proof" ng-required="Product" ng-click="stage(data.stage); stagekeyPress()">
                   <label style="cursor:pointer" class="thumbnail radius-border stage-thumbnail" for="Proof">
                      <img class="stage-img stage-product" src="images/production-stage.png"  alt="Lights">
                      <div class="card-content f-family">
                         <p align="center">Product</p>
                      </div>
                   </label>
                </div>
                <div class="clearfix"></div>
-               <div class="cards-content">
+               <div class="cards-content hidden-xs">
                   <p>
                      &#x26AC; Have a prototype and want to take it to next level?<br>
                      &#x26AC; Advice on fundraising<br>
                      &#x26AC; Advice on go-to-market strategy
                   </p>
                </div>
             </div>
-            <div class="col-xs-12 col-md-4 no-padding">
+            <div class="col-xs-4 no-padding">
-               <div class="card stages-card">
+               <div class="card stages-card right-stage-card">
                   <input type="radio" ng-model="data.stage" class="stageRadio" value="Growth" name="Idea" id="Beta" ng-required="Growth" ng-click="stage(data.stage); stagekeyPress()">
                   <label style="cursor:pointer" class="thumbnail radius-border stage-thumbnail" for="Beta">
                      <img class="stage-img stage-growth" src="images/growth-stage.png" alt="Lights">
                      <div class="card-content f-family">
                         <p align="center">Growth</p>
                      </div>
                   </label>
                </div>
                <div class="clearfix"></div>
-               <div class="cards-content">
+               <div class="cards-content hidden-xs">
                   <p>
                      &#x26AC; Have traction and looking to scale up?<br>
                      &#x26AC; Connect with Series A investors<br>
                      &#x26AC; Connect and hire top startups
                   </p>
                </div>
             </div>
             <div class="clearfix"></div>
          </div>
          <div class="clearfix"></div>
       </div>
+      <div class="hidden-sm hidden-md hidden-lg">
+         <div class="cards-content" ng-if="data.stage == 'Idea'">
+            <p>
+               &#x26AC; Have an idea and need execution help?<br>
+               &#x26AC; Get feedback from mentors<br>
+               &#x26AC; Validate your idea.
+            </p>
+         </div>
+         <div class="cards-content" ng-if="data.stage == 'Product'">
+            <p>
+               &#x26AC; Have a prototype and want to take it to next level?<br>
+               &#x26AC; Advice on fundraising<br>
+               &#x26AC; Advice on go-to-market strategy
+            </p>
+         </div>
+         <div class="cards-content" ng-if="data.stage == 'Growth'">
+            <p>
+               &#x26AC; Have traction and looking to scale up?<br>
+               &#x26AC; Connect with Series A investors<br>
+               &#x26AC; Connect and hire top startups
+            </p>
+         </div>
+      </div>
       <!-- CLOSE STAGE SHADOW -->
       <div class="form-all">
          <table style="width: 100%;">
             <tr>
                <td>
                   <div class="step-one-form">
                      <!-- form step 1 -->
                      <div class="col-xs-12 col-md-6 input-wrapper">
                         <div id="snackbar">Error ! Please fill in all fields.</div>
                         <div class="icon-circle-c">
                            <i class="material-icons" style="line-height: 31px;">assignment_ind</i>
                         </div>
                         <input type="text" class="text-input" required  ng-model="data.name" placeholder="Startup Name" id="myBtn" name="name" ng-change="entername(data.name); namekeyPress(data.name)">
                      </div>
                      <div class="col-xs-12 col-md-6 input-wrapper">
                         <div id="snackbar">Error ! Please fill in all fields.</div>
                         <div class="icon-circle-d">
                            <i class="material-icons" style="line-height: 30px;">email</i>
                         </div>
                         <input type="email" name="email" class="text-input" required class="" ng-model="data.email" placeholder="Email Address" ng-blur="emailcheck(data.email)" ng-focus="removeError()" ng-change="enteremail(data.email); emailkeyPress(data.email)">
                         <label class="error-message f-family" id="invalidEmail">Please enter a valid email address.</label>
                         <label  ng-if="check">Email already exist.</label>
                         <!-- <label class="error-message f-family control-label" id="alreadyExist"  ng-if="check">Email already exist.</label> -->
                      </div>
                      <div class="col-xs-12 col-md-6 input-wrapper">
                         <div class="icon-circle-e">
                            <i class="material-icons" style="line-height: 30px;">phone</i>
                         </div>
                         <input type="number" required class="text-input" ng-model="data.number" placeholder="Mobile No." ng-blur="numbercheck(data.number)" ng-focus="removeNoError()" ng-change="enternumber(data.number); phonekeyPress(data.number)">
                         <!--  <label class="error-message f-family control-label" id="noExist" " ng-if="numberCheck">Contact Number already exist.</label> -->
                         <label  ng-if="numberCheck">Contact Number already exist.</label>
                      </div>
                      <div class="col-xs-12  col-md-6 input-wrapper f-family">
                         <div class="icon-circle-f">
                            <i class="material-icons" style="line-height: 30px;">location_city</i>
                         </div>
                         <select ng-model="data.city" ng-change="selectcity(data.city); citykeyPress(data.city)" required style="background-color: #fff; border-radius: 0; font-size: 12px; height: 44px;">
                            <option name="city" selected disabled value="">Choose City</option>
                            <option value="Ahmedabad">Ahmedabad</option>
                            <option value="Bangalore">Bangalore</option>
                            <option value="NCR">Delhi-NCR</option>
                            <option value="Hyderabad">Hyderabad</option>
                            <option value="Jaipur">Jaipur</option>
                            <option value="Mumbai">Mumbai</option>
                            <option value="Pune">Pune</option>
                            <option value="Indore">Indore</option>
                            <option value="Chandigarh">Chandigarh</option>
                            <option value="anyOther">Any other</option>
                         </select>
                      </div>
                      <div class="clearfix"></div>
                      <div class="col-xs-12 text-right">
                         <button type="button" class="btn btn-secondary" data-container="body" data-toggle="popover" data-placement="bottom" ng-click="next()">
                         Next
                         </button>
                      </div>
                   </div>
                   <!-- close step-one-form -->
                </td>
             </tr>
          </table>
       </div>
       <!-- CLOSE form-all -->
       <div class="step-two-form" ng-show="infoForm">
          <div class="sectors-card">
             <div class="icon-circle-b">
                <i class="material-icons" style="line-height: 31px;">open_with</i>
             </div>
             <div class="sector-question">
                <div class="col-xs-12 font f-family">
                   To which sector would you relate your company?
                </div>
                <div class="clearfix"></div>
             </div>
             <div class="clearfix" style="height:15px;"></div>
             <div class="sector-align">
                <div class="col-xs-6 col-md-3">
                   <label class="card-small">
                   <input type="radio" required value="retail" ng-model="data.sector" class="option-input radio" ng-change="sector(data.sector); sectorkeyPress()" name="sectors">
                   <img src="images/retail.png">
                   <label class="f-family">Retail</label>
                   </label>
                </div>
                <div class="col-xs-6 col-md-3">
                   <label class="card-small">
                   <input type="radio" required value="travel" ng-model="data.sector" class="option-input radio" ng-change="sector(data.sector); sectorkeyPress()" name="sectors">
                   <img src="images/transport.png">
                   <label class="f-family">Travel</label>
                   </label>
                </div>
                <div class="col-xs-6 col-md-3">
                   <label class="card-small">
                   <input type="radio" required value="b2b commerce" ng-model="data.sector" class="option-input radio" ng-change="sector(data.sector); sectorkeyPress()" name="sectors">
                   <img src="images/paymens.png">
                   <label class="f-family">B2B commerce</label>
                   </label>
                </div>
                <div class="col-xs-6 col-md-3">
                   <label class="card-small">
                   <input type="radio" required value="agritech" ng-model="data.sector" class="option-input radio" ng-change="sector(data.sector); sectorkeyPress()" name="sectors">
                   <img src="images/food.png">
                   <label class="f-family">Agritech</label>
                   </label>
                </div>
                <div class="col-xs-6 col-md-3">
                   <label class="card-small">
                   <input type="radio" required value="fintech" ng-model="data.sector" class="option-input radio" ng-change="sector(data.sector); sectorkeyPress()" name="sectors">
                   <img src="images/online_media.png">
                   <label class="f-family">Fintech</label>
                   </label>
                </div>
                <div class="col-xs-6 col-md-3">
                   <label class="card-small">
                   <input type="radio" required value="hyperlocal services" ng-model="data.sector" class="option-input radio" ng-change="sector(data.sector); sectorkeyPress()" name="sectors">
                   <img src="images/hardware.png">
                   <label class="f-family">Hyperlocal services</label>
                   </label>
                </div>
                <div class="col-xs-6 col-md-3">
                   <label class="card-small">
                   <input type="radio" required value="education" ng-model="data.sector" class="option-input radio" ng-change="sector(data.sector); sectorkeyPress()" name="sectors">
                   <img src="images/education.png">
                   <label class="f-family">Education</label>
                   </label>
                </div>
                <div class="col-xs-6 col-md-3">
                   <label class="card-small">
                   <input type="radio" required value="rural" ng-model="data.sector" class="option-input radio" ng-change="sector(data.sector); sectorkeyPress()" name="sectors">
                   <img src="images/RURAL_ICON.png">
                   <label class="f-family">Rural</label>
                   </label>
                </div>
             </div>
             <div class="clearfix"></div>
          </div>
          <!-- CLOSE sectors-card -->
          <div class="col-xs-11 col-md-12 f-family line-adjust">
             <strong>What technology are you using in the product?</strong>
             <p class="line-space" >Please explain in detail the technologies that you are using or plan to use in the product?</p>
          </div>
          <div class="col-xs-12 col-md-12 input-wrapper">
             <div class="icon-circle-h">
                <i class="material-icons" style="line-height: 30px;">phone_android</i>
             </div>
             <input type="text" class="text-input" ng-model="data.technology" placeholder="Technology" ng-change="entertechnology(data.technology); technologykeyPress(data.technology)" required>
          </div>
          <div class="col-xs-11 col-md-12 f-family line-adjust">
             <strong>Tell us about the problem that your company is trying to address. </strong>
             <p class="line-space" ></p>
          </div>
          <div class="col-xs-12 col-md-12 input-wrapper">
             <div class="icon-circle-i">
                <i class="material-icons" style="line-height: 30px;">report_problem</i>
             </div>
             <textarea name="Problem" class="text-input textarea" ng-model="data.problem" placeholder="Problem" ng-change="enterproblem(data.problem); problemkeyPress(data.problem)" required></textarea>
          </div>
          <div class="col-xs-12 col-md-12 f-family line-adjust">
             <strong>Tell us about the solution that your product/company has come up with.</strong>
             <p class="line-space" ></p>
          </div>
          <div class="col-xs-12 col-md-12 input-wrapper">
             <div class="icon-circle-j">
                <i class="material-icons" style="line-height: 30px;">help</i>
             </div>
             <textarea name="solution" class="text-input textarea" ng-model="data.solution" placeholder="Solution" ng-change="entersolution(data.solution); solutionkeyPress(data.solution)" required></textarea>
          </div>
          <div class="col-xs-12 col-md-12 f-family line-adjust" ng-if="businessmodel">
             <strong>What is your business model?</strong>
             <p class="line-space" >How do you plan to make money?</p>
          </div>
          <div class="col-xs-12 col-md-12 input-wrapper f-family" ng-if="businessmodel">
             <div class="icon-circle-p">
                <i class="material-icons" style="line-height: 30px;">business_center</i>
             </div>
             <select name="businessmodel" ng-model="data.business" ng-change="enterbusiness(data.business); businesskeyPress(data.business)" required style="background-color: #fff;border-radius: 0; font-size: 12px;">
                <option selected disabled value="">Business Model</option>
                <option value="B2B">B2B</option>
                <option value="B2C">B2C</option>
                <option value="B2G">B2G</option>
             </select>
          </div>
          <div class="clearfix"></div>
          <!-- **************************For Quiz All About Input********************** -->
          <div class="question-shadow">
             <div class="icon-circle-x">
                <i class="material-icons" style="line-height: 30px;">question_answer</i>
             </div>
             <div class="sector-question">
                <div class="col-xs-12 font f-family">
                   You can share the top 5 problems that your startup is facing at the moment– and we will share those problems with our mentors who will give their feedback on what is the right approach to solve that problem.
                </div>
                <div class="clearfix"></div>
             </div>
             <div class="stages q-card-align">
                <div class="col-sm-8 group">
                   <input type="text" class="text-input" ng-model="data.question1" name="snpid" placeholder="Question1" ng-change="abc(); questionkeyPress(data.question1)" required>
                   <span class="highlight"></span>
                   <span class="bar"></span>
                </div>
                <div class="col-sm-3 col-md-offset-1">
                   <select class="drop-down" ng-model="data.typeQ1" id="lunch" class="" data-live-search="true" title="Please select a lunch ..." required>
                      <option value="typeQ1">Select</option>
                      <option>Sales</option>
                      <option>Marketing</option>
                      <option>Technology</option>
                      <option>Scale</option>
                      <option>Fund-raising</option>
                      <option>Go-to-market strategy</option>
                      <option>Team/hiring issues</option>
                      <option>Emotional/personal issues</option>
                      <option>Any other</option>
                   </select>
                </div>
                <div class="col-sm-8 group">
                   <input type="text" class="text-input" ng-model="data.question2" name="snpid" placeholder="Question2" ng-change="abc(); questionkeyPress(data.question2)" required>
                   <span class="highlight"></span>
                   <span class="bar"></span>
                </div>
                <div class="col-sm-3 col-md-offset-1">
                   <select class="drop-down" ng-model="data.typeQ2" id="lunch" class="" data-live-search="true" title="Please select a lunch ..." required>
                      <option value="typeQ2">Select</option>
                      <option>Sales</option>
                      <option>Marketing</option>
                      <option>Technology</option>
                      <option>Scale</option>
                      <option>Fund-raising</option>
                      <option>Go-to-market strategy</option>
                      <option>Team/hiring issues</option>
                      <option>Emotional/personal issues</option>
                      <option>Any other</option>
                   </select>
                </div>
                <div class="col-sm-8 group">
                   <input type="text" class="text-input" ng-model="data.question3" name="snpid" placeholder="Question3" ng-change="abc(); questionkeyPress(data.question3)" required>
                   <span class="highlight"></span>
                   <span class="bar"></span>
                </div>
                <div class="col-sm-3 col-md-offset-1">
                   <select class="drop-down" ng-model="data.typeQ3" id="lunch" class="" data-live-search="true" title="Please select a lunch ..." required>
                      <option value="typeQ3">Select</option>
                      <option>Sales</option>
                      <option>Marketing</option>
                      <option>Technology</option>
                      <option>Scale</option>
                      <option>Fund-raising</option>
                      <option>Go-to-market strategy</option>
                      <option>Team/hiring issues</option>
                      <option>Emotional/personal issues</option>
                      <option>Any other</option>
                   </select>
                </div>
                <div class="col-sm-8 group">
                   <input type="text" class="text-input" ng-model="data.question4" name="snpid" placeholder="Question4" ng-change="abc(); questionkeyPress(data.question4)" required>
                   <span class="highlight"></span>
                   <span class="bar"></span>
                </div>
                <div class="col-sm-3 col-md-offset-1">
                   <select class="drop-down" ng-model="data.typeQ4" id="lunch" class="" data-live-search="true" title="Please select a lunch ..." required>
                      <option value="typeQ4">Select</option>
                      <option>Sales</option>
                      <option>Marketing</option>
                      <option>Technology</option>
                      <option>Scale</option>
                      <option>Fund-raising</option>
                      <option>Go-to-market strategy</option>
                      <option>Team/hiring issues</option>
                      <option>Emotional/personal issues</option>
                      <option>Any other</option>
                   </select>
                </div>
                <div class="col-sm-8 group">
                   <input type="text" class="text-input" ng-model="data.question5" name="snpid" placeholder="Question5" ng-change="abc(); questionkeyPress(data.question5)" required>
                   <span class="highlight"></span>
                   <span class="bar"></span>
                </div>
                <div class="col-sm-3 col-md-offset-1">
                   <select class="drop-down" ng-model="data.typeQ5" id="lunch" class="" data-live-search="true" title="Please select a lunch ..." required>
                      <option value="typeQ5">Select</option>
                      <option>Sales</option>
                      <option>Marketing</option>
                      <option>Technology</option>
                      <option>Scale</option>
                      <option>Fund-raising</option>
                      <option>Go-to-market strategy</option>
                      <option>Team/hiring issues</option>
                      <option>Emotional/personal issues</option>
                      <option>Any other</option>
                   </select>
                </div>
                <div class="clearfix"></div>
             </div>
             <div class="clearfix"></div>
          </div>
          <!--CLOSE question-shadow  -->
          <div class="clearfix"></div>
          <!-- **************************CLOSE QUIZ FORM********************** -->
          <div class="hideform" ng-if="prototyp">
             <div class="col-xs-12 col-md-12 f-family line-adjust">
                <strong>Do you have a prototype ready?</strong>
                <p class="line-space" >If yes, please share the link to demo/website/application</p>
             </div>
             <div class="col-xs-12 col-md-12 input-wrapper" ng-if="prototyp">
                <div class="icon-circle-k">
                   <i class="material-icons" style="line-height: 30px;">device_hub</i>
                </div>
                <textarea name="prototyp" ng-required="prototyp" class="text-input textarea" ng-model="data.prototype" ng-if="prototyp" placeholder="Prototype" ng-change="abc(); prototypekeyPress(data.prototype)"></textarea>
             </div>
             <div class="col-xs-12 col-md-12 f-family line-adjust" ng-if="market">
                <strong>What is your go-to-market strategy?</strong>
                <p class="line-space" ></p>
             </div>
             <div class="col-xs-12 col-md-12 input-wrapper" ng-if="market">
                <div class="icon-circle-l">
                   <i class="material-icons" style="line-height: 30px;">multiline_chart</i>
                </div>
                <textarea name="market" ng-required="market" class="text-input textarea" ng-model="data.market" ng-if="market" placeholder="Go to market strategy" ng-change="abc(); marketkeyPress(data.market)"></textarea>
             </div>
             <div class="col-xs-12 col-md-12 f-family line-adjust" ng-if="risks">
                <strong>Who are your existing competitors and potential risk factors?</strong>
                <p class="line-space" ></p>
             </div>
             <div class="col-xs-12 col-md-12 input-wrapper" ng-if="risks">
                <div class="icon-circle-m">
                   <i class="material-icons" style="line-height: 30px;">smoking_rooms</i>
                </div>
                <textarea name="risks" ng-required="risks" class="text-input textarea" ng-model="data.risks" ng-if="risks" placeholder="Competition and risks" ng-change="abc(); riskkeyPress(data.risks)"></textarea>
             </div>
             <div class="col-xs-12 col-md-12 f-family line-adjust" ng-if="team">
                <strong>Who all are there in your team?</strong>
                <p class="line-space" >What are their backgrounds?</p>
             </div>
             <div class="col-xs-12 col-md-12 input-wrapper" ng-if="team">
                <div class="icon-circle-n" ng-if="team">
                   <i class="material-icons" style="line-height: 30px;">games</i>
                </div>
                <textarea name="team" ng-required="team" class="text-input textarea" ng-model="data.team" ng-if="team" placeholder="Team" ng-change="abc(); teamkeyPress(data.team)"></textarea>
             </div>
             <div class="col-xs-12 col-md-12 f-family line-adjust" ng-if="pitch">
                <strong>Upload the pitch-deck/presentation mentioning the details of the startup.</strong>
                <p class="line-space" ></p>
             </div>
             <div class="col-xs-12 col-md-12 input-wrapper" ng-if="pitch">
                <div class="icon-circle-z">
                   <i class="material-icons" style="line-height: 30px;">offline_pin</i>
                </div>
                <input type="text" ng-required="pitch" class="text-input" ng-model="data.pitch" ng-if="pitch" placeholder="Upload pitch deck" ng-change="abc(); pitchkeyPress(data.pitch)">
             </div>
             <div class="col-xs-12 col-md-12 f-family line-adjust" ng-if="financials">
                <strong>Upload the financial projections/funding requirements of your company?</strong>
                <p class="line-space" ></p>
             </div>
             <div class="col-xs-12 col-md-12 input-wrapper" ng-if="financials">
                <div class="icon-circle-q">
                   <i class="material-icons" style="line-height: 30px;">timeline</i>
                </div>
                <input type="text" name="financials" ng-required="financials" class="text-input" ng-model="data.financials" ng-if="financials" placeholder="Upload financials" ng-change="abc(); financialskeyPress(data.financials)">
             </div>
             <div class="clearfix"></div>
          </div>
          <!-- <div class="clearfix"></div> -->
          <!-- THIS CODE FOR WHO ARE YOU FORM -->
          <!-- <div class="row">
             <div class="col-md-3"></div>
             <div class="col-md-3"></div>
             <div class="col-md-3"></div>
             </div> -->
          <div class="identity-shadow">
             <div class="icon-circle-ab">
                <i class="material-icons" style="line-height: 30px;">perm_identity</i>
             </div>
             <div class="identity-question">
                <div class="col-xs-12 font f-family" style="margin:10px 10px 0px 10px;">
                   <b>Who are you?</b>
                   <p style="color:grey">kindly choose one option.</p>
                </div>
                <div class="clearfix"></div>
             </div>
             <div class="stages identity-align">
                <div class="col-xs-12">
                   <label class="card-small margin-right-label">
                      <input type="radio" required value="student" ng-model="data.identity" class="option-input-a radio-a pull-left" id="studentRadio" ng-change="student(data.identity); studentkeyPress()" name="file" ng-click="show='a'">
                      <!-- <img src="images/RURAL_ICON.png"> -->
                   <label class="f-family pull-left width-auto" for="studentRadio">Student</label>
                   </label>
                   <label class="card-small margin-right-label">
                      <input type="radio" required value="others" ng-model="data.identity" class="option-input-a radio-a pull-left" id="othersRadio" ng-change="student(data.identity); studentkeyPress()" name="file" ng-click="show='b'">
                      <!-- <img src="images/education.png"> -->
                   <label class="f-family pull-left width-auto" for="othersRadio">Others</label>
                   </label>
                </div>
                <!--
                   <div class="col-xs-6" ng-show="show=='a'">
                      <label class="card-small">
                      <input type="file" file-model="data.pic" required id="picture" name="pic" accept="image/*">
                      </label>
                   </div> -->
             </div>
             <!-- CLOSE stages identity-align -->
             <div class="clearfix"></div>
          </div>
          <!-- CLOSE identity-shadow -->
          <div class="col-xs-12 input-wrapper">
             <div class="icon-circle-h" style="z-index: 999;">
                <i class="material-icons" style="line-height: 30px;">phone_android</i>
             </div>
             <input  class="text-input" ng-model="data.referalToken" placeholder="Enter Coupon code" style="position: relative;">
             <i class="material-icons coupen-approved" ng-if="tokencheck == true">check</i>
             <i class="material-icons coupen-approved" style="color:red;"  ng-if="tokencheck == false">close</i>
             <button type="button" ng-click="tokenCall(data.referalToken)" class="pull-right apply-coupen-btn">Apply</button>
          </div>
          <div class="clearfix"></div>
          <div class="text-center">
             <input type="submit" class="btn submit-button" data-toggle="modal" data-target="#myModal" ng-disabled="applicantForm.$invalid|| check|| numberCheck" value="Submit" ng-click="calculateAmount()">
          </div>
       </div>
       <!-- CLOSE step-two-form -->
    </div>
    <!-- col-xs-12 col-md-8 col-md-offset-2 -->
 </form>
 <!-- CLOSE FORM -->
 <footer>
    <img id="footer" class="img-responsive banner">
    <center class="footer"> Powered By <a class="footer-link" href="http://www.viithiisys.com/" target="_blank">Viithiisys Technolgies.</a> </center>
 </footer>
 <!-- </div> CLOSE CHECK VIEW -->
 <div ng-if="verifyView">
    <div style="margin-bottom: 0px;" class="text-center">
       <input type="button" class="btn submit-button" ng-disabled="applicantForm.$invalid" value="check the status" ng-click="update()">
       <!-- <button ng-disabled="applicantForm.$invalid">Save</button> -->
    </div>
 </div>
 </div> <!-- CLOSE NEW-CONTROLLER -->
 <div id="snacsskbar">Registration done successfully.</div>
 <div class="modal fade" id="myModal" role="dialog">
    <div class="modal-dialog" style="left: auto;">
       <div class="modal-content">
          <table width="100%" border="0" align="right" cellpadding="0" cellspacing="0" style="border:1px solid #f6f6eb;margin-top:10px">
             <tbody style="background-color:#f9f9f9">
                <tr>
                   <td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td>
                </tr>
                <tr>
                   <td align="left" valign="top" style="padding:10px">
                      <table width="100%" border="0" cellspacing="0" cellpadding="0">
                         <tbody>
                            <tr>
                               <td align="left" valign="middle" style="color:#5e5e5e;font-size:20px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">Ticket Summary</td>
                            </tr>
                         </tbody>
                      </table>
                   </td>
                </tr>
             </tbody>
             <tbody>
                <tr>
                   <td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td>
                </tr>
                <tr>
                   <td align="left" valign="top" style="padding:10px">
                      <table width="100%" border="0" cellspacing="0" cellpadding="0">
                         <tbody>
                            <tr>
                               <td align="left" valign="middle" style="color:#5e5e5e;font-size:16px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">Ticket Amount</td>
                               <td align="right" valign="middle" style="color:#5e5e5e;font-size:18px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">{{ticketAmnt}}</td>
                            </tr>
                         </tbody>
                      </table>
                   </td>
                </tr>
                <tr>
                   <td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td>
                </tr>
                <tr>
                   <td align="left" valign="top" style="padding:10px">
                      <table width="100%" border="0" cellspacing="0" cellpadding="0">
                         <tbody>
                            <tr>
                               <td align="left" valign="middle" style="color:#5e5e5e;font-size:16px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">Discount</td>
                               <td align="right" valign="middle" style="color:#5e5e5e;font-size:18px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">{{discountAmount}}</td>
                            </tr>
                         </tbody>
                      </table>
                   </td>
                </tr>
                <tr>
                   <td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td>
                </tr>
                <tr>
                   <td align="left" valign="top" style="padding:10px">
                      <table width="100%" border="0" cellspacing="0" cellpadding="0">
                         <tbody>
                            <tr>
                               <td align="left" valign="middle" style="color:#5e5e5e;font-size:14px;line-height:26px;font-family:Avenir-Medium,arial,sans-serif">GST</td>
                               <td align="right" valign="middle" style="color:#5e5e5e;font-size:16px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">{{taxTotal}}</td>
                            </tr>
                         </tbody>
                      </table>
                   </td>
                </tr>
                <tr>
                   <td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td>
                </tr>
                <tr>
                   <td align="left" valign="top" bgcolor="#f9f9f9" style="padding:10px">
                      <table width="100%" border="0" cellspacing="0" cellpadding="0">
                         <tbody>
                            <tr>
                               <td align="left" valign="middle" style="color:#5e5e5e;font-size:22px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">Total Amount</td>
                               <td align="right" valign="middle" style="color:#29bd9d;font-size:24px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">{{payingAmnt}}</td>
                            </tr>
                         </tbody>
                      </table>
                   </td>
                </tr>
                <tr>
                   <td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td>
                </tr>
             </tbody>
          </table>
          <div style="text-align:center;margin-bottom:5%">
             <button type="button" style="color:#fff;background-color:#4CAF50;margin-top:5%" class="btn btn-default" data-dismiss="modal" ng-click="create()">Proceed to Pay</button>
          </div>
       </div>
    </div>
 </div>