11<!DOCTYPE html>
22< html lang ="en ">
3+
34< head >
45 < meta charset ="UTF-8 ">
56 < meta http-equiv ="X-UA-Compatible " content ="IE=edge ">
67 < meta name ="viewport " content ="width=device-width, initial-scale=1.0 ">
78 < title > issue-tracker</ title >
89 <!-- 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 ">
1012</ head >
13+
1114< body >
1215 < 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 >
4141 </ 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 >
4360 </ div >
4461</ body >
62+
4563</ html >
0 commit comments