ImageExample.html
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
img{
width: 250px;
height: 250px;
margin: 50px;
border-radius: 125px;
float: left;
}
h1{
text-align: center;
color: blue;
}
table{
border: 1px solid white;
border-collapse: collapse;
margin: 20px;
width: 50%;
color: aliceblue;
}
th{
border: 1px solid white;
border-collapse: collapse;
padding: 10px;
text-decoration-color: aliceblue;
}
td{
border: 1px solid white;
border-collapse: collapse;
text-align: center;
padding: 10px;
text-decoration-color: aliceblue;
}
tr:nth-child(odd){
background-color: rgb(61, 112, 10);
text-decoration-color: aliceblue;
}
tr:nth-child(even){
background-color:rgb(4, 79, 79);
text-decoration-color: aliceblue;
}
tr:hover{
background-color:rgb(78, 69, 60);
}
</style>
</head>
<body>
<h1>Resume</h1>
<a href="https://www.lbrce.ac.in/faculty/profiles/cse/T562_SSR_PROFILE.pdf" title="SSREDDY">
<img src="/Images/ssreddy.jpeg" alt="Image Loading...">
</a>
<br><br><br><br>
<h2 style="margin: 0px;">Mr. S Srinivasa Reddy</h2>
<h3 style="margin: 0px;">Sr.Assistant Professor</h3>
<a href="/tableDemo.html" target="_self">Click Here to Access My Profile</a>
<br>
<table>
<caption>Education Qualifications</caption>
<tr>
<th>SNO</th>
<th>Class</th>
<th>College/School</th>
<th>CGPA/Percentage</th>
</tr>
<tr>
<td>1</td>
<td>SSC</td>
<td>ZPHS</td>
<td>8.67</td>
</tr>
<tr>
<td>2</td>
<td>SSC</td>
<td>ZPHS</td>
<td>8.67</td>
</tr>
<tr>
<td>3</td>
<td>SSC</td>
<td>ZPHS</td>
<td>8.67</td>
</tr>
<tr>
<td>4</td>
<td>SSC</td>
<td>ZPHS</td>
<td>8.67</td>
</tr>
<tr>
<td>5</td>
<td>SSC</td>
<td>ZPHS</td>
<td>8.67</td>
</tr>
</table>
</body>
</html>
Comments
Post a Comment