Professional Documents
Culture Documents
Exp 5
Exp 5
Exp 5
AIM: Design a web page which includes text, graphics, sound, video, and animation create
your Institute website, Department Website and Tutorial website for specific subject.
#Home.html:
<html>
<head>
<title>GPREC</title>
</head>
<body>
<div class ="top_header">
<h1>G PULLA REDDY ENGINEERING COLLEGE(AUTONOMOUS)
: KURNOOL</h1>
</div>
<hr>
<div class="box_logo">
</div>
<div class="nav_bar">
<ul>
<li><h4><a href="depart.html">DEPARTMENTS</h4></li>
<li><h4><a href="#">ABOUT US</h4></li>
</ul>
</div
<hr>
<div class="website_content">
</div>
<hr>
<div id="bottom_footer">
</div>
</body>
<style>
body
{
background-image:url("E:/Images/gprec-banner1.jpg");
margin:auto;
width:85%;
}
.top_header
{
background-color:#D2D6CA;
text-align: center;
font-family: candara;
}
.nav_bar
{
float:right;
width:58%;
height: 17%;
background-color:#D2D6CA;
}
.box_logo
{
float:left;
width:20%;
height:17%;
background-image:url('F:/MAL/exp3/img/logo2.png');
background-size:cover;
background-repeat:no-repeat;
margin-left:3%;
}
.website_content
{
height:53%;
background-image:url('F:/MAL/exp3/img/pixel.jpg');
background-size:cover;
background-repeat:no-repeat;
}
#bottom_footer
{
text-align: center;
font-family: candara;
font-size:17px;
}
</style>
</html>
#Department.html:
<html>
<head>
<title>Department</title>
</head>
<body>
<div class="header">
<h2>Departments</h2>
</div>
<br><br><br>
<div class="CSE">
<h4>BRANCH: CSE</h4>
<a href="cse.html">CSE</a>
</div>
<div class="CSD">
<h4>BRANCH: CSD</h4>
<a href="csd.html">CSD</a>
</div>
<div class="CSM">
<h4>BRANCH: CSM</h4>
<a href="csm.html">CSM</a>
</div>
<div class="CSB">
<h4>BRANCH: CSB</h4>
<a href="csb.html">CSB</a>
</div>
<div class="CIVIL">
<h4>BRANCH: CIVIL</h4>
<a href="civil.html">CIVIL</a>
</div>
<div class="ECE">
<h4>BRANCH: ECE</h4>
<a href="ece.html">ECE</a>
</div>
</body>
<style>
body
{
background-image:url("E:/Images/gprec-banner1.jpg");
margin:auto;
border:1px solid black;
width:85%;
}
.header
{
border:1px solid black;
text-align:center;
}
.CSE
{
border:1px solid black;
text-align:center;
}
.CSD
{
border:1px solid black;
text-align:center;
}
.CSM
{
border:1px solid black;
text-align:center;
}
.CSB
{
border:1px solid black;
text-align:center;
}
.CIVIL
{
border:1px solid black;
text-align:center;
}
.ECE
{
border:1px solid black;
text-align:center;
}
</style>
</html>
#Csm.html:
<html>
<head>
<title>CSM</title>
</head>
<h2 style="color:Black; background-color:#73C6B6" align="center">"Computer Science &
Machine Learning, Artificial Intelligence"</h2>
<div align="center">
<div class="logo">
</div>
<h2 style="color:Black; background-color:#73C6B6 " align="center"> Subjects </h2>
<b>Machine Learning</b><br><br>
<b>Data Science</b><br><br>
<b>Python</b><br><br>
<b>Artificial intelligence</b><br><br>
<b>Prompt Engineering</b></br>
</p>
<h2 style="color:Black; background-color:#73C6B6 " align="center"> Tutorials </h2>
<h2> Machine Learning </h2>
<iframe width="560" height="315" src="https://www.youtube.com/embed/GwIo3gDZCVQ"
title="YouTube video player" frameborder="0"></iframe>
OUTPUT: