1
1
<!DOCTYPE html>
2
2
< html lang ="en ">
3
+
3
4
< head >
4
5
< meta charset ="UTF-8 ">
5
6
< meta http-equiv ="X-UA-Compatible " content ="IE=edge ">
6
7
< meta name ="viewport " content ="width=device-width, initial-scale=1.0 ">
7
8
< title > issue-tracker</ title >
8
9
<!-- Latest compiled and minified CSS -->
9
- < link rel ="stylesheet " href ="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css " integrity ="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u " crossorigin ="anonymous ">
10
+ < link rel ="stylesheet " href ="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css "
11
+ integrity ="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u " crossorigin ="anonymous ">
10
12
</ head >
13
+
11
14
< body >
12
15
< div class ="container ">
13
- < h1 > Issue Tracker
14
- < span class ="badge " style ="background-color: rgb(13, 230, 13); " id ="issueCount "> 0 </ span >
15
- < span class ="badge " style ="background-color: #d11111; " id ="closedCount "> 0 </ span >
16
- </ h1 >
17
- < div class ="jumbotron ">
18
- < h3 > Add New Issue:</ h3 >
19
- < form id ="issueInputForm ">
20
- < div class ="form-group ">
21
- < label for ="issueDescription "> Description</ label >
22
- < input type ="text " class ="form-control " id ="issueDescription " placeholder ="Describe the issue ... ">
23
- </ div >
24
- < div class ="form-group ">
25
- < label for ="issueSeverity "> Severity</ label >
26
- < select id ="issueSeverity " class ="form-control ">
27
- < option value ="Low "> Low</ option >
28
- < option value ="Medium "> Medium</ option >
29
- < option value ="High "> High</ option >
30
- </ select >
31
- </ div >
32
- < div class ="form-group ">
33
- < label for ="issueAssignedTo "> Assigned To</ label >
34
- < input type ="text " class ="form-control " id ="issueAssignedTo " placeholder ="Enter responsible ... ">
35
- </ div >
36
- < button type ="submit " class ="btn btn-primary "> Add</ button >
37
- </ form >
38
- </ div >
39
- < div class ="col-lg-12 ">
40
- < div id ="issuesList ">
16
+ < h1 > Issue Tracker
17
+ < span class ="badge " style ="background-color: rgb(13, 230, 13); " id ="issueCount "> 0 </ span >
18
+ < span class ="badge " style ="background-color: #d11111; " id ="closedCount "> 0 </ span >
19
+ </ h1 >
20
+ < div class ="jumbotron ">
21
+ < h3 > Add New Issue:</ h3 >
22
+ < form id ="issueInputForm ">
23
+ < div class ="form-group ">
24
+ < label for ="issueDescription "> Description</ label >
25
+ < input type ="text " class ="form-control " id ="issueDescription " placeholder ="Describe the issue ... ">
26
+ </ div >
27
+ < div class ="form-group ">
28
+ < label for ="issueSeverity "> Severity</ label >
29
+ < select id ="issueSeverity " class ="form-control ">
30
+ < option value ="Low "> Low</ option >
31
+ < option value ="Medium "> Medium</ option >
32
+ < option value ="High "> High</ option >
33
+ </ select >
34
+ </ div >
35
+ < div class ="form-group ">
36
+ < label for ="issueAssignedTo "> Assigned To</ label >
37
+ < input type ="text " class ="form-control " id ="issueAssignedTo " placeholder ="Enter responsible ... ">
38
+ </ div >
39
+ < button type ="submit " class ="btn btn-primary "> Add</ button >
40
+ </ form >
41
41
</ div >
42
- </ div >
42
+ < div class ="col-lg-12 ">
43
+ < div id ="issuesList ">
44
+ </ div >
45
+ </ div >
46
+
47
+ <!-- Beautiful Footer Inside Container -->
48
+ < footer style ="
49
+ margin-top: 40px;
50
+ padding: 15px;
51
+ background-color: #f8f9fa;
52
+ border-radius: 5px;
53
+ text-align: center;
54
+ box-shadow: 0 2px 4px rgba(0,0,0,0.1);
55
+ ">
56
+ < p style ="margin: 0; color: #6c757d; ">
57
+ Developed with ❤️ by < strong style ="color: #343a40; "> Amdad Islam</ strong >
58
+ </ p >
59
+ </ footer >
43
60
</ div >
44
61
</ body >
62
+
45
63
</ html >
0 commit comments