ODISHA UNIVERSITY OF TECHNOLOGY AND RESEARCH
BHUBANESWAR
Department of Computer Science and Applications
Semester-1 Web Design and Development Laboratory
Regd. No-2224100031 Date:
Exercize-3
Aim of The Experiment: Use CSS in the curriculum vitae developed earlier to enhance its
presentation.
CODE:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
body{
background-color: rgb(219, 213, 204);
margin:50px;
padding: 10px 20px;
border-style:solid;
border-color:rgb(219, 147, 15);
border-width:5px;
border-radius:10px;
h1{
text-align:center;
color:brown;
}
h4{
border-width:1px;
color:darkgreen
border-bottom-style:solid
border-color: black;
table,th,td{
border:1px;
border-style:double;
text-align:center;
border-color:rgb(3, 24, 20);
div table{
width:30%;
border: 0cm;
width:30%;
div{
background-color: rgb(182, 195, 161);
.bg{
border: 0ch;
text-align: left;
#pl,#l{
color: rgb(144, 132, 42);
#skill,#lan{
color: rgb(72, 74, 100);
</style>
</head>
<body>
<h1>curriculum vitae</h1><hr style="border-style:solid;width:25%;color: blue;size: 4px;"><br><br>
<h4 >PERSONAL DETAILS </h4>
<p><h2 style="color:firebrick">Soumya Ranjan Jena</h2></p>
<p><b>Address:</b>At-Nirgundi,PO-Nakhara,Block-Tangi-Choudwar,Dist-Cuttack</p>
<p><b>Mobile:</b>6370774104</p>
<p><b>Date Of Birth:</b>10 April 2001</p>
<P><b>Marital Status:</b>Unmaried</P>
<P><b>Email:</b>[email protected]</P><br>
<h4>Educational Qualification</h4><hr>
<table style="width:90%;color:rgb(1, 36, 36);background-color: rgb(189, 185, 185);">
<tr><th>QUALIFICATION</th><th>BOARD/UNIVERSITY</th><th>INSTITUTION</th><th>YEAR OF
PASSING</th></tr>
<tr><td>10th</td><td>HSE</td><td>Sadhusundar Bidyapith</td><td>2016</td>
<tr><td>+2</td><td>CHSE</td><td>G I Junior College</td><td>2018</td></tr>
<tr><td>Graduation</td><td>UTKAL UNIVERSITY</td><td>SSD College of Science and
Technology</td><td>2021</td></tr>
</table><br>
<h4>Skils<hr> </h4>
<table class="Skill" >
<table class="Skill" >
<tr class="Skill" > <b>Programming Language:</b></tr>
<td class="Skill">
<td class="Skill"><ul>
<li>C</li><li>C++</li><li>HTML</li><li>CSS</li><li>JavaScript</li>
</ul></td>
</tr></table>
<tr class="Skill"></tr>
<td class="Skill"><b>Languages:</b></td>
<td class="Skill"><ul>
<li>English</li>
<li>Hindi</li>
<li>Odia</li>
</ul></td>
</tr>
</table> <br>
<h4>Hobbies<hr></h4>
<ul>
<li>Playing Cricket</li>
<li>Playing Badminton</li>
<li>Listening Music</li>
<li>Codding</li>
</ul>
</body>
</html>
ODISHA UNIVERSITY OF TECHNOLOGY AND RESEARCH
BHUBANESWAR
Department of Computer Science and Application
Output:
