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"/>  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        Basic 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        English</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        Computer Basic and Pc<br>                       Software</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        Basic 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        Programming Principals and <br>                       Algorithms</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">                    TOTAL                                                                                                                                 
<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        PC 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        PPA 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        Basic Digital Electronics<br>                       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">                    TOTAL                                                                                                                                 
<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">          </td>
<td align="center" class="a">Theory<br>Papers</td>
<td class="a" align="center">Practical /<br>projects</td>
<td class="a" align="center"> Total </td>
<td class="a" align="center"> Result </td>
<td class="a" align="center">    %    </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:    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
Post a Comment