How To Create Marks Sheet In HTML

How To Create Marks Sheet In HTML 


CODE:
<html>
<head>
<link rel="stylesheet" type="text/css" href="css.css"/>
<title>1st SEM MARKSHEET</title><!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
</head>

<div id="body">
<body>
<div id="header">
<img src="jnulogo.jpg" height="100px" width="100px" alt="UNIVERSITY LOGO" align="left"/>&nbsp JAIPUR NATIONAL UNIVERSITY, JAIPUR
<br><p style="font-family:Bodoni MT;font-size:23px;font-style:italic;position:absolute;margin-left:250px;margin-top:-5px;">Transcript / Marks Statement</p><p style="font-family:Arial;font-size:15px;font-style:italic;position:absolute;margin-left:693px;margin-top:-5;">www.jnujaipur.ac.in</p></div>
<div id="information">
<table width="895">
<tr>
<td colspan="6"></td>
<td class="a">Sr. No. .....<font color="black" style="bold">39679</font></td>
</tr>
<tr>
<td  class="a">Name of the Programme</td>
<td  class="a">:</td>
<td colspan="5"  class="b">Bachelor of Computer Application(BCA)</td>
</tr>
<tr>
<td  class="a">Examination</td>
<td  class="a">:</td>
<td class="b">December-2013</td>
<td class="a">Semester</td>
<td class="a">:</td>
<td colspan="2" class="b">I SEM</td>
</tr>
<tr>
<td  class="a">Name of the student</td>
<td class="a">:</td>
<td colspan="3" class="b">Tanveer Khan</td>
<td></td>
<td rowspan="4" class="c"><img src="jnulogo.jpg" alt="jnulogo" height="110px" width="120px"></td>
</tr>
<tr>
<td class="a">Father's Name</td>
<td class="a">:</td>
<td class="b">Ashik Ali</td>
<td class="a">Enrollment No.</td>
<td class="a">:</td>
<td class="b">JNU-jpr-2013/00678</td>
</tr>
<tr>
<td class="a">Mother's Name</td>
<td class="a">:</td>
<td class="b">Shakila Banu</td>
<td class="a">Roll No.</td>
<td class="a">:</td>
<td class="b">0902013010059</td>
</tr>
<tr>
<td class="a">School</td>
<td class="a">:</td>
<td class="b">Computer & System Science</td>
<td class="a">Category</td>
<td class="a">:</td>
<td class="b">Regular</td>
</tr>
</div>
<div id="content">
<table height="600px" width="895" border="1" bordercolor="#ff3333" cellpadding="1" cellspacing="0">
<tr>
<td class="a" align="center" rowspan="2">Paper Code- Title of the Paper<br>(Theory)</td>
<td align="center" class="a" colspan="2">Internal<br>Assessment</td>
<td align="center" class="a" colspan="2">Semester-End-<br>Examination</td>
<td align="center" class="a" rowspan="2">Total Max.<br>Marks</td>
<td align="center" class="a" rowspan="2">Total<br>Marks<br>Obtain</td>
<td align="center" class="a" rowspan="2">Remarks</td>
<td align="center" class="a" rowspan="2">Grade</td>
</tr>
<tr>
<td align="center" class="a">MM</td>
<td align="center" class="a">MO</td>
<td align="center" class="a">MM</td>
<td align="center" class="a">MO</td>
</tr>
<td class="b">BCA-101 &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbspBasic Mathematics-1</td>
<td align="center" class="b">30</td>
<td align="center" class="b">15</td>
<td align="center" class="b">70</td>
<td align="center" class="b">25</td>
<td align="center" class="b">100</td>
<td align="center" class="b">40</td>
<td align="center" class="b">P</td>
<td align="center" class="b">D</td>
<tr>
<td class="b">BCA-102 &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbspEnglish</td>
<td align="center" class="b">30</td>
<td align="center" class="b">14</td>
<td align="center" class="b">70</td>
<td align="center" class="b">29</td>
<td align="center" class="b">100</td>
<td align="center" class="b">43</td>
<td align="center" class="b">P</td>
<td align="center" class="b">D</td>
</tr>
<tr>
<td class="b">BCA-103 &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbspComputer Basic and Pc<br>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbspSoftware</td>
<td align="center" class="b">30</td>
<td align="center" class="b">24</td>
<td align="center" class="b">70</td>
<td align="center" class="b">41</td>
<td align="center" class="b">100</td>
<td align="center" class="b">65</td>
<td align="center" class="b">P</td>
<td align="center" class="b">A</td>
</tr>
<tr>
<td class="b">BCA-104 &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbspBasic Digital Electronics</td>
<td align="center" class="b">30</td>
<td align="center" class="b">14</td>
<td align="center" class="b">70</td>
<td align="center" class="b">28</td>
<td align="center" class="b">100</td>
<td align="center" class="b">42</td>
<td align="center" class="b">P</td>
<td align="center" class="b">D</td>
</tr>
<tr>
<td class="b">BCA-105 &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbspProgramming Principals and <br>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbspAlgorithms</td>
<td align="center" class="b">30</td>
<td align="center" class="b">27</td>
<td align="center" class="b">70</td>
<td align="center" class="b">46</td>
<td align="center" class="b">100</td>
<td align="center" class="b">73</td>
<td align="center" class="b">P</td>
<td align="center" class="b">A</td>
</tr>
<tr>
<td class="a" colspan="9">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbspTOTAL&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
<font color="black" size="+1">263</font></td>
</tr>
<tr><td class="a" align="center" rowspan="2">Paper Code- Title of the Paper<br>(Theory)</td>
<td align="center" class="a" colspan="2">Internal<br>Assessment</td>
<td align="center" class="a" colspan="2">Semester-End-<br>Examination</td>
<td align="center" class="a" rowspan="2">Total Max.<br>Marks</td>
<td align="center" class="a" rowspan="2">Total<br>Marks<br>Obtain</td>
<td align="center" class="a" rowspan="2">Remarks</td>
<td align="center" class="a" rowspan="2">Grade</td>
</tr>
<tr>
<td align="center" class="a">MM</td>
<td align="center" class="a">MO</td>
<td align="center" class="a">MM</td>
<td align="center" class="a">MO</td></tr>
<tr>
<td class="b">BCA-151 &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbspPC Software Lab</td>
<td align="center" class="b">30</td>
<td align="center" class="b">24</td>
<td align="center" class="b">70</td>
<td align="center" class="b">48</td>
<td align="center" class="b">100</td>
<td align="center" class="b">72</td>
<td align="center" class="b">P</td>
<td align="center" class="b">A</td>
</tr>
<tr>
<td class="b">BCA-152 &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbspPPA Lab</td>
<td align="center" class="b">30</td>
<td align="center" class="b">28</td>
<td align="center" class="b">70</td>
<td align="center" class="b">49</td>
<td align="center" class="b">100</td>
<td align="center" class="b">77</td>
<td align="center" class="b">P</td>
<td align="center" class="b">A+</td>
</tr>
<tr>
<td class="b">BCA-153 &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbspBasic Digital Electronics<br>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp lab</td>
<td align="center" class="b">30</td>
<td align="center" class="b">20</td>
<td align="center" class="b">70</td>
<td align="center" class="b">53</td>
<td align="center" class="b">100</td>
<td align="center" class="b">73</td>
<td align="center" class="b">P</td>
<td align="center" class="b">A</td>
</tr>
<tr>
<td class="a" colspan="9">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbspTOTAL&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
<font color="black" size="+1">222</font></td>
</tr>
</table>
<table height="50" width="895">
<tr>
<td class =a><font face="" size="2">Aggregate Pass % in each Theory paper = 35%</font></td>
<td class =a><font face="" size="2">Aggregate Pass % in each Practical paper = 50%</font></td>
</tr>
</table>
<table height="150" width="895" border="1" bordercolor="#ff3333" cellpadding="1" cellspacing="0">
<tr>
<td align="center">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp</td>
<td align="center" class="a">Theory<br>Papers</td>
<td class="a" align="center">Practical /<br>projects</td>
<td class="a" align="center">&nbspTotal&nbsp</td>
<td class="a" align="center">&nbspResult&nbsp</td>
<td class="a" align="center">&nbsp&nbsp&nbsp&nbsp%&nbsp&nbsp&nbsp&nbsp</td>
<td class="a" align="center">Grade</td>
</tr>
<tr>
<td class="a" align="center">Max. Marks</td>
<td class="b" align="center">500</td>
<td class="b" align="center">300</td>
<td class="b" align="center">800</td>
<td rowspan="2" class="b" align="center">P</td>
<td rowspan="2" class="b" align="center">60.63</td>
<td rowspan="2" class="b" align="center">B</td>
</tr>
<tr>
<td class="a" align="center">Marks<br>Obtained</td>
<td class="b" align="center">263</td>
<td class="b" align="center">222</td>
<td class="b" align="center">485</td>
</tr>
</table>
</div>
<table width="895">
<tr>
<td>Date: &nbsp&nbsp 06/02/2014<br>Prepared by<br><b>Asstt., Exam Cell</b></td>
<td align="center">Checked by<br><b>Dy. CEO</b></td>
<td align="right"><b>Controller of Examinations</b></td>
</tr>
<tr>
<td colspan="2"><b>Note :</b> List of abbreviations and other instruction / notes are given in the reverse.</td>
</tr>
</table>
</body>
</div>
</html>


CSS CODE:
/*MARKSHEET*/

#body{
height:1100px;
width:900px;
}
#header{
height:105px;
font-family:Agency FB;
font-weight:bold;
font-size:55px;
}
#information{
background-image:url(bg.gif);
margin-top:4px;
}

td.a{
font-size:15px;
color:#ff3333;
font-family:Century;
font-weight:bold;
}
td.b{
font-size:14px;
color:black;
font-weight:bold;
font-family:Century;

}
#theorymarks{

}


SCREENSHOT


Comments

Popular Posts