index.php
<link rel="stylesheet" type="text/css" href="style.css" />
<body>
<div id="content">
<div id="header">
<img src="header2.jpg" >
</div>
<div id="menu">
<div class="navigasi">
<h3>Pilih Menu</h3> <ul>
<li><a href="index.php">HOME</a></li>
<li><a href="struktur.php">S. ORGANISASI</a></li>
<li><a href="spelaksanaan.php">S. PELAKSANAAN</a></li>
<li><a href="kontak.php">KONTAK </a></li>
<li><a href="produk.php">PRODUK</a></li>
<li><a href="anggota.php">D. ANGGOTA</a></li>
<li><a href="hlogin.php">LOGIN ADMIN</a></li>
</ul>
</div>
</div>
<div id="isi">
<img src="multi.jpg" class="gambar" width="200" height="150"/>
<?php include "isi.php";?>
</div>
<div id="footer">
<p>Copyright © 2018 by dharman ade putra capah</p> </div>
</div>
</body>
style.css
body {
background: url(laut.jpg);
}
#content {
width: 750px; margin: auto; /* membuat posisi di tengah */
}
#header {
border:0px solid #000000;
background-color:#000000;
text-align: center;
padding: 0px
}
h1 {
color: #FFFFFF;
font-size: 40px;
}
h1 {
color: #FFFFFF;
font-size: 40px;
line-height: 5px;
}
#footer {
padding:10px;
border:1px solid #000000;
background-color:#FFFFFF;
}
#footer p {
text-align: center;
font-weight: bold;
}
#menu {
float:left;
}
.navigasi {
border:1px dashed #000;
margin-top: 10px;
padding: 10px;
background: yellow;
}
#isi {
width:550px;
margin-top: 10px;
margin-bottom:10px;
margin-left:175px;
padding:10px;
border:1px solid #000;
background: white; }
.gambar {
float: left;
margin-top: 0px;
margin-right: 10px;
margin-bottom: 20px;
margin-left: 0px;
border: 1px solid #000000; }
#isi p {
text-align: justify;
line-height: 18px;
margin-top: 0px;
}
/*untuk navigasi dharman */
ul {
list-style-type: none; /* tidak menampilkan marker */
padding: 2px;
border: 1px solid black;
}
li {
padding: 2px;
margin-bottom: 1px;
background: blue;
border: 1px solid black;
font-family: arial;
font-size: 15px;
font-weight: bold;
color: #000000;
}
a {
color: white;
}
Tidak ada komentar:
Posting Komentar