Ad

Design web pages for your college containing a description of the courses, departments, faculties, library etc, use href, list tags.

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--


government polytechnic kharsawan



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>



Output--

government polytechnic kharsawan college program code html css


Post a Comment

Previous Post Next Post