sms-templete/std_syllabus.php at master · edureef/sms-templete · GitHub

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
84
85
86
87
88
89
90
91
<?php require 'header.php' ?>

<main class="content">
	<div class="container-fluid p-0">

		<div class="card">
			<div class="row card-body">
				<div class="col-sm-6">
					<h5>Syllabus</h5>
				</div>
			</div>
		</div>

		<div class="row justify-content-center">
			<div class="col-12">
				<div class="card">
					<div class="card-body">
						<div class="row mb-5 justify-content-center">
							<div class="col-sm-4 col-xl-3">
								<form>
									<select class="form-control form-control-sm mb-3">
										<option selected>Select A Class</option>
										<option>One</option>
										<option>Two</option>
										<option>Three</option>
									</select>
								</form>
							</div>
							<div class="col-sm-4 col-xl-3">
								<form>
									<select class="form-control form-control-sm mb-3">
										<option selected>Select Section</option>
										<option>A</option>
										<option>B</option>
										<option>C</option>
									</select>
								</form>
							</div>
							<div class="col-sm-4 col-xl-3">
								<button type="submit" class="btn btn-sm btn-primary col-sm-12">Filter</button>
							</div>
						</div>
						<div class="row">
							<div class="col-sm-12">
								<div class="table-responsive table-responsive-sm table-responsive-md table-responsive-lg table-responsive-xl">
									<table id="example" class="table table-striped py-2">
										<thead style="background-color: #566079;color: aliceblue;">
											<tr>
												<th>Title</th>
												<th>Syllabus</th>
												<th>Subject</th>
											</tr>
										</thead>
										<tbody>
											<tr>
												<td>Final Syllabus</td>
												<td><button class="btn btn-sm btn-info">Download File</button></td>
												<td>Computer</td>
											</tr>
											<tr>
												<td>First Term Syllabus</td>
												<td><button class="btn btn-sm btn-info">Download File</button></td>
												<td>English</td>
											</tr>
											<tr>
												<td>First Term Syllabus</td>
												<td><button class="btn btn-sm btn-info">Download File</button></td>
												<td>Mathematics</td>
											</tr>
										</tbody>
									</table>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

	</div>
</main>

<?php require 'footer.php'; ?>

<script>
	$(document).ready(function() {
		$('#example').DataTable({
			"ordering": false,
		});
	});
</script>