CASCADING STYLE SHEET
DATE: NAME:M Vignesh
EX.NO:7 REG.NO:30707104112
Frame.html
<html>
<head>
<title>JERUSELEM COLLEGE OF ENGINEERING</title>
<frameset cols="30%,70%">
<frameset rows="50%,*">
<frame src="2.html" name="frame1">
<frame src="3.html" name="frame2">
</frameset>
<frame src="WEBPAGE.html" name="frame3">
</frameset>
</head>
</html>
2.html
<html>
<head>
<style type="text/css">
em {color:red}
h3 { font-family:Arial}
p {font-size:12pt}
.special {color:green}
li em {color:red;font-weight:bold}
ul {margin-left:75px}
ul ul{ text-decoration:underline;margin-left:15px}
</style>
</head>
<body bgcolor=green>
<br>
<br>
<br>
<br>
<a href="course.html">Courses Offered</a>
<br> <br> <a href="principal.html"> Principal`s Desk </a>
<br> <br> <a href="ceo.html"> Chairman`s Desk </a>
</body>
</html>
course.html
<html>
<head>
<title> COURSES OFFERED </title>
</head>
<body bgcolor=red>
<font size=32pt >
<marquee bgcolor=orange> Courses Offered In JCE </marquee>
</font>
<br>
<ul>
<li>Computer Science Engineering</li>
<li>Electrical And Electronics Engineering</li>
<li>Electronics And Communication Engineering</li>
<li>Biomedical Engineering</li>
<li>Civil Engineering</li>
<li>Information technology</li>
<ul>
</body>
</html>
principal.html
<html>
<head>
<style type="text/css">
em {color:red}
h3 { font-family:Arial}
p {font-size:12pt}
.special {color:green}
li em {color:red;font-weight:bold}
ul {margin-left:75px}
ul ul{ text-decoration:underline;margin-left:15px}
</style>
</head>
<body bgcolor=orange>
<em> <marquee bgcolor=green>Principal`s Desk</marquee> </em>
<h3>This is an age of knowledge explosion. The new millennium is going to see
man's creative energy and technical know-how getting expressed in terms of great
multi-dimensional strides of progress in all walks of human life. Time and space have
already ceased to be the distancing factors are globalization is quickening the process
of reducing human life to a simple scientific and technologically-monitored social and
economic situation, resulting in a highly competitive human spectrum of life. The
fresh challenges and problems of poverty and disease mankind is faced with today
have to be successful met. This would prove a hard-to-achieve task unless the
knowledge man has attained in the field of science and technology is guided and
controlled by a sense of reassessed values and a renewed moral sensibility.
<br> <br>
</h3>
<li>
May I assure you all on his occasion that the Jerusalem Educational Trust is aware of
its higher educational priorities and responsibilities in the present context of the human
condition. We stand firmly pledged to the noble ideal of man-making education in
terms of knowledge and character to provide our institution with dedicated manpower
and state-of-the- art material to realize this goal. I hope we shall strive together to
produce such integrated, highly-skilled engineering graduates, who will be second to
none in their affirmed dedication to the cause of service to the community. While I
wish the students already with us pursuing their course of study all the best of luck and
success, I heartily welcome the fresher to the fold.
</li>
<br> <br>
</body>
</html>
ceo.html
<html>
<head>
<style type="text/css">
em {color:magenta}
h3 { font-family:Arial}
p {font-size:14pt}
.special {color:green}
li em {color:red;font-weight:bold}
ul {margin-left:75px}
ul ul{ text-decoration:underline;margin-left:15px}
</style>
</head>
<body >
<em><marquee bgcolor=green>Chairman`s Desk</marquee></em>
<span class="special"><p>
Jerusalem College of Engineering, established in the year 1995 has grown in leaps and
bounds over the past 13 years and has become a center of excellence in engineering
education. We have fully fledged laboratories for all the U.G. and P.G. courses we run
and have latest equipments in all of them. Our students are shining in all aspects, be it
academics, extracurricular or co-curricular activities. Having taken over as principal in
June 2008, I feel proud to be associated with this college and I would like to say a few
words. There are 3 kinds of people in this world. 1: people who make things happen 2:
people who watch things happening 3: people who wonder what is happening. I want
the students and faculty to be people who make things happen and bring up this
institution to great heights. I wish all the best for the institution.
</span></p>
<br><br>
</body>
</html>
3.html
<html>
<body >
<img src="lib.jpg" height="200" width="280" />
Library
</body>
</html>
WEBPAGE.html
<html>
<head>
<title>JERUSELEM COLLEGE OF ENGINEERING</title>
<link rel="stylesheet" type="text/css" href="styles.css">
<style type="text/css">
em {color:red}
h3 { font-family:Arial}
p {font-size:12pt}
.special {color:green}
li em {color:red;font-weight:bold}
ul {margin-left:75px}
ul ul{ text-decoration:underline;margin-left:15px}
</style>
</head>
<body bgcolor=cyan>
<center> <font size=64pt color=magenta><i><b>JERUSALEM COLLEGE OF
ENGINEERING</b></i></font></center>
<br>
<p style="font-size:20;color:red">
<marquee bgcolor=orange>Welcome To JCE</marquee></p>
<br>
<img src="jce.jpg" align="centre" height="150" width="680"/>
<br>
<h1>About Us</h1>
Jerusalem Educational Trust was formed and registered in the year 1993 as a
charitable trust.It is constituted by a group of Philanthropists,Educationists and
Industrialists.The motto of the trust is to promote Higher education in the fields of
Engineering and Technology.
</body>
</html>
OUTPUT:
