-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
83 lines (79 loc) · 3.67 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Election Commission</title>
<link rel="stylesheet" href="https://bootswatch.com/5/flatly/bootstrap.min.css" />
<link rel="stylesheet" href="./index.css" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
<div class="d-flex p-2 w-100 justify-content-between align-items-center">
<div class="navbar-brand"> Election Commission Admin Portal</div>
<div>
<button class="btn btn-primary" data-toggle="modal" data-target="#customModal">Add Candidate</button>
</div>
</div>
</nav>
<div>
<div>
<!-- <h4>Add your candidates for election of K8s distribution here</h4> -->
<!-- <form class="main-form" id="mainForm" method="post">
<div class="form-group">
<label for="name">Candidate's Name</label>
<input type="text" class="form-control" id="candidateNameInput" aria-describedby="candidateNameInput"
placeholder="Enter name of K8s distribution" name="name" required minlength="3" maxlength="50" />
</div>
<div class="form-group">
<label for="imageUrl">Candidate's Picture</label>
<input type="url" class="form-control" id="candidateImageUrlInput" placeholder="Enter the image's url here"
name="imageUrl" required />
</div>
<button type="submit" class="btn btn-primary">Submit</button>
<div id="alertContainer"></div>
</form> -->
<div class="cards-container" id="cards-container">
</div>
</div>
</div>
<div class="modal" id="customModal">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Add your candidates for election of K8s distribution here</h5>
<button type="button" class="btn-close" data-toggle="modal" data-target="#customModal" aria-label="Close">
<span aria-hidden="true"></span>
</button>
</div>
<div class="modal-body">
<form id="mainForm" method="post">
<div class="form-group">
<label for="name">Candidate's Name</label>
<input type="text" class="form-control" id="candidateNameInput" aria-describedby="candidateNameInput"
placeholder="Enter name of K8s distribution" name="name" required minlength="3" maxlength="50" />
</div>
<div class="form-group">
<label for="imageUrl">Candidate's Picture</label>
<input type="url" class="form-control" id="candidateImageUrlInput" placeholder="Enter the image's url here"
name="imageUrl" required />
</div>
<button type="submit" class="btn btn-primary">Submit</button>
<div id="alertContainer"></div>
</form>
</div>
<!-- <div class="modal-footer">
<button type="button" class="btn btn-primary">Save changes</button>
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
</div> -->
</div>
</div>
</div>
<script src="./environment/env.js" type="text/javascript"></script>
<script src="./index.js" type="text/javascript"></script>
<script src="https://code.jquery.com/jquery-2.1.3.min.js" type="text/javascript"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js" type="text/javascript"></script>
</body>
</html>