HTML22.html
<!DOCTYPE html>
<html>
<head>
<title>BCA</title>
<link rel="stylesheet" href="CSScommon.css">
</head>
<body>
<div>
<header><h1>DEPT. OF COMPUTER APPLICATION</H1>
<H1>MAR DIONYSIUS COLLEGE, PAZHANJI</h1></header>
<img src="COMPUTER.jpg" alt="description" width="2000" height="300" class="center">
<p align="justify"><strong>
Computer Application is one of the thrust areas in Science and
technology. In appreciation of its growing importance in business
and the industrial scenario,the University established a Department
of Computer Applications to facilitate research and human resources
development in the subject. The Department offers Bachelors' programme
in Computer Applications (B.C.A)</strong></p>
<p align="center"><b>List of nearby Colleges</b>
<table margin:auto>
<tr>
<td rowspan="2">Name of College</td>
<td Colspan="3">Address</td>
<td rowspan="2">Contact No.</td>
</tr>
<tr>
<td>Post</td>
<td>City</td>
<td>PIN</td>
</tr>
<tr>
<td>MD College</td>
<td>Pazhanji</td>
<td>Aruvai</td>
<td>680542</td>
<td>04885276797</td>
</tr>
<tr>
<td>St. Mary's College</td>
<td>Thrissur</td>
<td>Thrissur</td>
<td>680001</td>
<td>04885275869</td>
</tr>
<tr>
<td>LF College</td>
<td>Guruvayur</td>
<td>Mammiyur</td>
<td>680503</td>
<td>04885279767</td>
</tr>
<tr>
<td>ICA College</td>
<td>Vadakkekad</td>
<td>Althara</td>
<td>680542</td>
<td>04885225544</td>
</tr>
</table>
<br>
<footer>
BCA, Dept. of Computer Application
</footer>
</div>
</body>
</html>
CSScommom.css
<style type="text/css">
body{
background-color:#e8e8e8;
color:#000000;
}
header{
background-color:yellow;
}
h1 {
color: magenta;
font-family:Verdana;
font-size:32px;
text-align:center;
}
h2
{
font-family:Arial;
font-size:20px;
clear:both;
}
p {
font-family:Arial;
line-height:200%;
}
img {
border:2px solid;
margin:20px;
padding:4px;
max-width:50%;
display: block;
margin-left: auto;
margin-right: auto;
}
ul {
float:left;
}
table, th, td {
margin:auto;
class: center;
border: 1px solid #E80C30;
text-align: left;
padding: 8px;
}
tr:nth-child(even)
{
background-color: #f2f2f2
}
th {
background-color: #4CAF50;
color: white;
}
footer {
background-color:#E80C30;
color:white; clear:both;
text-align:center;
}
div {
background-color:#D4D6D9;
margin:6px; padding:4px;
}
</style>
Output Screenshot
No comments:
Post a Comment