College webpage on html and CSS codes
Video tutorial
1st program
<!DOCTYPE html>
<html>
<head>
<center><h3>Government Polytechnic Kharsawan </h3>
</center>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
ul {
overflow: hidden;
background-color: #1e90ff;
}
ul li{
float: left;
font-size: 13px;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
list-style-type:none;
}
</style>
</head>
<body>
<ul>
<li href="#">HOME </li>
<li href="#">COURSES</li>
<li href="#">FACILITIES</li>
<li href="#">CONTACT US</li>
</ul>
</div>
<p> created by indicoderz</p>
</body>
</html>
Output--
2nd program
<html>
<head>
<title>Government Polytechnic Kharsawan</title>
<style type="text/css">
.vid{font-family:verdana;color:red;text-align:center}
.gp{font-family:tahoma;font-style:italic;font-size:20;text-align:center;}
font{font-family:georgia;color:#123;font-size:20}
ul{list-style-type:circle;text-align: left; }
h3{
list-style-type: square;font-size:20;color:cyan; text-align: left;}
td{font-size:17px;color:magenta ;}
</style>
</head>
<body>
<h1 class="vid">Government Polytechnic Kharsawan </h1>
<p class="gp">G.P Kharsawan is a thirteenth Polytechnic in the state of Jharkhand. </p>
<p class="gp">
Approved by AICTE, Govt. of India
Affiliated to State Board of Technical Education, Jharkhand</p><br>
<br>
<font>
<h3>OUR COURSES</h3>
<ul>
<li>Computer Science and Engineering</li>
<li>Electronics and Communication Engineering </li>
<li>Electrical Engineering</li>
</ul>
</font>
<font>
<h3>PROVIDED FACILITIES</h3
<ul>
<li>HOSTEL</li>
<li>LIBRARY</li>
<li>MODERN COMPUTER LABS</li>
</ul>
</font>
</body>
</html>
Post a Comment