Create a simple website using HTML and CSS with minimum of 3 pages.

1. index.html

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div class="header" id="header">Kathford International College</div>
<div class="menu" id="menu">
<ul>
<li><a href="index.html">Home</a><a href="../index.html"></a></li>
<li><a href="facilities.html">Facilities</a></li>
<li><a href="admission.html">Admission Inquiry</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</div>
<div class="body" id="body">
<div class="img" id="img"><img src="../copy_of_gmDk2smiL8_building.jpg" width="450" height="345" /></div>
<p><h1>KATHFORD INTERNATIONAL COLLEGE</h1><br />
Founded in 2003, Kathford is a college specializing in Engineering, Business, Computer Science and IT. Kathford is affiliated to Tribhuvan University, Nepal. With the modern infrastructure and 3 engineering, 1 business administration, and 1 computer science and IT degree programs-Kathford is the home of over 725 promising students.</p>
<p>Kathford is founded with a mission to produce graduates and scholars with highly competitive skills and sense of professional ethics. Kathford College, unlike other colleges, offers a unique combination of education and career preparation features that provide students with a competitive edge and the skills sought by employers. This combination of benefits is recognized as “The Kathford Advantage”.</p>
<p>• Internships as part of the curriculum.<br />
• Kathford scholarships for qualified students.<br />
• A tuition fee waiver for students who maintain top-rank.<br />
• Small classes for more personal attention.<br />
• A faculty selected for both academic credentials and professional experience.<br />
• A network of employer connections.<br />
• Career assistance in each field of study and pursue job opportunities.<br />
• Convenient locations in the metropolitan area.</p>
</div>
<div class="footer" id="footer">©Kathford International College Of Engineering and Management</div></body>
</html>

2. facilities.html

<!DOCTYPE html >

<head>

<title>Untitled Document</title>

</head>

<body>

<p>Facilities</p>

</div>

<div class="content" id="content">Kathford offers rich academic experiences, new relationships, and diverse cultural values. It motivates students to participate in various activities and benefit from highest quality of campus life.</div>

<div class="footer" id="footer">©Kathford International College Of Engineering and Management</div>

</body>

</html>

3. admission.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>Untitled Document</title>

</head>

<body>

<p>Admission</p>

</div>

<p>Application Procedure<br />

An interested eligible candidate seeking admission in any of the following programs at Kathford should go through following steps:</p>

<p> Application</p>

<p> College Entrance/TU Entrance</p>

<p>Interview (Including parents/guardians</p>

<p>Admission </p>

<p>Eligibility Criteria<br />

<br />

BBA<br />

<br />

+2/PCL (Any Stream) and TU CMAT & College entrance test<br />

</p>

<br />

+2/PCL (Physical Group)/IE and IOE Entrance test, Pulchowk<br />

</p>

+2PCL (Physical/Biology/Computer) and TU & College entrance test</p>

</div>

<div class="footer" id="footer">©Kathford International College Of Engineering and Management</div>

</body>

</html>

4. contact.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>Untitled Document</title>

</head>

<body>

<p>Contact Us</p>

</div>

<p>Contact Address<br />

Kathford International College of Engineering and Management</p>

<p>Balkumari, Lalitpur</p>

<p>Phone: 5201241, 2050226</p>

<p>email: info@kathford.edu.np</p>

</div>

<div class="footer" id="footer2">©Kathford International College Of Engineering and Management</div>

</div>

</body>

</html>

5. style.css

@charset "utf-8";

/* CSS Document */

{

padding:auto;

margin:auto;

background-color:#FFF;

}

#header {

font-family: Georgia, "Times New Roman", Times, serif;

font-size: xx-large;

font-style: oblique;

color: #300;

text-decoration: blink;

background-color:#3E3EFF;

text-align: center;

margin: 10px;

padding: 5px;

border: thick outset;

}

#menu ul li {

font-family: "Times New Roman", Times, serif;

font-size: x-large;

font-style: italic;

color: #600;

text-decoration: none;

list-style-type: none;

display: inline-block;

text-align: center;

border-top-style: none;

border-right-style: none;

border-bottom-style: none;

border-left-style: none;

text-shadow:#000;

}#body #img img {

margin-left:5px;

margin-right:5px;

margin-top:10px;

margin-bottom:15px;

border: medium outset #300;

float: left;

}

#body {

font-family: Tahoma, Geneva, sans-serif;

font-size: 14px;

background-color: #CCC;

float: none;

text-align: left;

margin-right: 5px;

margin-left: 5px;

margin-top:10px;

margin-bottom:15px;

}

#footer {

font-family: "Times New Roman", Times, serif;

font-size: 14px;

color: #300;

text-decoration: none;

background-color: #999;

text-align: center;

margin: 10;

}

#menu ul li a:hover{

border:solid;

border-color:transparent;

background-color:#3C3CFF;

color:#000;

}

#menu ul li a

{

color:#300;

}

#head p {

font-size: xx-large;

font-style: oblique;

text-decoration: overline;

background-color: #9D9D9D;

text-align: center;

padding: 5px;

margin-top: 2px;

margin-right: 5px;

margin-bottom: 10px;

margin-left: 5px;

border: medium outset #D6D6D6;

color: #300;

}

#content {

font-family: Tahoma, Geneva, sans-serif;

font-size: 14px;

font-style: italic;

text-decoration: overline;

padding: 5px;

width: 500px;

margin-top: 2px;

margin-right: auto;

margin-bottom: 10px;

margin-left: auto;

}

Computer Science and Information Technology

Create a simple website using HTML and CSS with minimum of 3 pages.

About the author

0 comments:

Search

Practice Free IT Quizzes

Labels

Total Pageviews