<style type="text/css">
<?php include '../inc/media_bootstrap.php'; ?>
	#wrapper{

		color: #000;
		background-color: #fff !important;
		outline-style: solid;
    outline-width: 5px !important;
		outline: #E50012 solid thick !important;
		border:10px solid yellow !important;
	}
	.myContainer{
		outline-style: solid  !important;
		outline: green solid thick !important;
	}
	.report table,th,td{
		background-color: #fff !important;
		border: 2px solid #000 !important;
		border-collapse: collapse !important;
	}
	
	th{
		font-weight: bolder !important;
		font-size: 15px !important;
	}

	td{
		font-weight: bold !important;
		font-size: 12px !important;
	}

</style>

<div class="well">
	
	<section id="widget-grid" class="">
		<a href="ajax/std_report_print.php">Print</a>
	<!-- row -->
	<div class="row">
		<!-- <article class="col-xs-12 col-sm-12 col-md-12 col-lg-2"></article> -->
		<!-- NEW WIDGET START -->
		<article class="col-xs-12 col-sm-12 col-md-12 col-lg-12">

<div id="wrapper">
	<div class="myContainer">
	<div class="well" style="">

				<span class="logo">
					<center><img style="width: 10%" src="../img/photo.jpg"></center>
				</span>
			

	
					<center><h1 style="font-weight: bolder">GHANA EDUCATION SERVICE</h1></center>
					<center><h2 style="font-weight: bolder">OSEI TUTU SENIOR HIGH SCHOOL SEMESTER REPORT</h2></center>
					<center><h4 style="font-weight: bolder">2017/2018 ACADEMIC YEAR | SEMESTER 2</h4></center>
				

		<br>
					<div class="row" style="font-weight: bolder;">
						<div class="col-md-3"></div>
						<div class="col-md-3"></div>
						<div class="col-md-3"></div>
						<div class="col-md-3">

							<p>No on Roll:</p>
							<p>Average Mark:</p>
							<p>Total Marks:</p>
							<p>Grade:</p>
							<p>Position in class:</p>
							<p>Over all position:</p>

						</div>
					</div>
		
					<div class="table-responsive">
										
										<center>	<table class="table table-bordered report">
												<thead>
													<tr>
														<th>Column name</th>
														<th>Column name</th>
														<th>Column name</th>
														<th>Column name</th>
														<th>Column name</th>
														<th>Column name</th>
													</tr>
												</thead>
												<tbody>
													<tr>
														<td>Row 1</td>
														<td>Row 2</td>
														<td>Row 3</td>
														<td>Row 4</td>
														<td>Row 3</td>
														<td>Row 4</td>
													</tr>
													<tr>
														<td>Row 1</td>
														<td>Row 2</td>
														<td>Row 3</td>
														<td>Row 4</td>
														<td>Row 3</td>
														<td>Row 4</td>
													</tr>
													<tr>
														<td>Row 1</td>
														<td>Row 2</td>
														<td>Row 3</td>
														<td>Row 4</td>
														<td>Row 3</td>
														<td>Row 4</td>
													</tr>
													<tr>
														<td>Row 1</td>
														<td>Row 2</td>
														<td>Row 3</td>
														<td>Row 4</td>
														<td>Row 3</td>
														<td>Row 4</td>
													</tr>
													<tr>
														<td>Row 1</td>
														<td>Row 2</td>
														<td>Row 3</td>
														<td>Row 4</td>
														<td>Row 3</td>
														<td>Row 4</td>
													</tr>
													<tr>
														<td>Row 1</td>
														<td>Row 2</td>
														<td>Row 3</td>
														<td>Row 4</td>
														<td>Row 3</td>
														<td>Row 4</td>
													</tr>
													<tr>
														<td>Row 1</td>
														<td>Row 2</td>
														<td>Row 3</td>
														<td>Row 4</td>
														<td>Row 3</td>
														<td>Row 4</td>
													</tr>
													
												</tbody>
											</table></center>
											
				

		
	</div>

	<div class="row">
		<div>
			<div class="col-md-8" style="font-weight: bolder;">
			<h3  style="font-weight: bolder;"> Remarks</h3>
			<p>Class Teacher :</p>
			<p>Head Master :</p>
			<p>Sign <img style="width: 20%" src="../img/sign.png"></p>
			
		</div>

		</div>
		<div class="col-md-4">
			<div class="table-responsive">
										
											<table class="table table-bordered report">
												<thead>
													<tr>
														<th>Column name</th>
														<th>Column name</th>
													</tr>
												</thead>
												<tbody>
													<tr>
														<td>Row 1</td>
														<td>Row 2</td>
													</tr>
													<tr>
														<td>Row 1</td>
														<td>Row 2</td>
													</tr>
												</tbody>
											</table>
									</div>
		</div>
	</div>

	</div>
</div>
</article>
</div>
</section>

</div>