html
<!DOCTYPEhtml>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="image">
</div>
<div id="header">
<marquee ="ALTERNATE"> <h1> "STT IBU SINA BATAM" </h1> </marquee>
<ul>
<li><a href="nav.html">HOME DEFI</a></li>
<li><a href="nav.html">NEWS</a></li>
<li><a href="nav.html">CONTACT</a></li>
<li><a href="nav.html">ABOUT</a></li>
</ul>
</div>
<div id="nav1">
<ul>
<li><a href ="nav1.html">BIODATA</a></li>
<img src=b.jpg height=200 width=180>
</p>
<p>
<p>Nama :Defi Anggraeni</P>
<P>TTL :Batam, 17 desember 1993</p>
<p>Pekerjaan :Mahasiswa</p>
<p>Hobby :travelling</p>
<p>Alamat :bengkong</p>
<hr> </hr>
</ul>
</div>
</ul>
</div>
<div id="nav">
<ul>
<li><a href="nav.html">Menu 1</a></li>
<li><a href="nav.html">Menu 2</a></li>
<li><a href="nav.html">Menu 3</a></li>
<li><a href="nav.html">Menu 4</a></li>
</ul>
</div>
<div id="section">
<center><h1>STT IBU SINA BATAM</h1></center>
<p>
<center>STT IBNU SINA BATAM terletak di jl. Teuku Umar - Lubuk Baja, Batam. Kampus STT IBNU SINA sendiri berada di Gedung C lantai 3 & 4. Berfasilitas kan:
Gedung Kuliah dan Laboratorium Full AC. Gedung Serbaguna dan Sarana Olahraga. Dosen Berpengalaman di bidang nya. Wifi, Beasiswa, Lembaga Kemahasiswaan Intra & Extra.</center>
</p>
<p>
<center> Defi Anggraeni Resmi menjadi Mahasiswi STT IBNU SINA BATAM pada bulan februari tahun 2014.</center>
</p>
</div>
<div id="footer">
<marquee ="ALTERNATE"> Copyright@DEFI ANGGRAENI INFORMATIIKA.com </marquee>
</div>
</body>
</html>
css
#image
{
background-image:url("a.jpg");
padding-left:50px;
height:300px;
}
#header {
background-color:pink;
background-image:url("S3.jpg");
color:red;
text-align:center;
padding:5px;
padding-left:400px;
}
#nav1{
background-image:url("s3.jpg");
color:red;
line-height:20px;
background-color:white;
height:450px;
width:200px;
float:left;
padding:5px;
}
#nav {
line-height:80px;
height:100px;
width:150px;
float:right;
padding:15px;
}
#section {
color:red;
width:650px;
float:left;
padding:50px;
}
#footer {
background-color:pink;
background-image:url("s3.jpg");
color:red;
clear:both;
text-align:center;
padding:25px;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
}
li {
float: left;
}
a:link, a:visited {
background-image:url("s3.jpg");
display: block;
width: 150px;
font-weight: bold;
color: red;
background-color: pink;
text-align: center;
padding: 5px;
text-decoration: none;
text-transform: uppercase;
}
a:hover, a:active {
background-color: #696969;
}
0 komentar:
Posting Komentar