Scrip buat home seperti gambar di atas
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Free Website Template</title>
<link href="files/style.css" rel="stylesheet" type="text/css" />
<script src="files/jQuery.js"></script>
<script src="files/js.js"></script>
</head>
<body>
<div id="wrapper">
<ul id="nav">
<li><a href="index.html" class='c' >Home</a></li>
<li><a href="indah.html" >Bio Indah</a></li>
<li><a href="fajar.html" >Bio Fajar</a></li>
</ul>
<h1 id="header">
Welcome to Our Simple Web 2IA07</h1>
<p> <img src="images/beton7.jpeg" alt="" width="253" height="255" align="middle" /></p>
<p> </p>
<p>Selamat datang di web kami yang sederhana ini.yang membuat web sederhana ini adalah :</p>
<p><a href="services.html">Indah</a></p>
<p><a href="portfolio.html">Fajar</a></p>
</div>
<div id="footerWrap">
<div id="footer">
<div class="fBox">
<a href="#"><img src="files/Facebook.png" class="fade" /></a>
<a href="#"><img src="files/Twitter.png" class="fade" /></a>
<a href="#"><img src="files/Youtube.png" class="fade" /></a>
</div>
</div>
<br class="clear" />
</div>
</div>
<!--
* @Author: Mujtaba Ahmad
* @Website: http://www.dynamicguru.com
* @Email: mujtaba_91@yahoo.com
-->
</body>
</html>
Scrip buat tampilan profil seperti diatas
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Services - Free Website Template</title>
<link href="files/style.css" rel="stylesheet" type="text/css" />
<script src="files/jQuery.js"></script>
<script src="files/js.js"></script>
</head>
<body>
<div id="wrapper">
<ul id="nav">
<li><a href="index.html">Home</a></li>
<li><a href="indah.hmtl" >Bio Indah</a></li>
<li><a href="fajar.html">Bio Fajar</a></li>
</ul>
<h1 id="header">
Biodata Fajar Tamimi</h1>
<p><img src="images/mocil.jpg" alt="" width="270" height="270" /></p>
<div class="portrait">
<p><strong>Nama : Fajar Tamimi</strong></p>
<p><strong>Tempat ,Tanggal Lahir : Banyumas , 27 September 1993</strong></p>
<p><strong>Jenis Kelamin : Laki-Laki</strong></p>
<p><strong>Alamat : Jl. Manggis 1 no 83 , Depok</strong></p>
<p><strong> Agama : Islam</strong></p>
<p><strong> Email : kribo_mocil@yahoo.co.id</strong></p>
<h1><font color="red">NAIK KERETA LEBIH BAIK,LEBIH BAIK NAIK KERETA <BR></font></h1>
</div>
</div>
<div id="footerWrap">
<div id="footer">
<div class="fBox">
<a href="#"><img src="files/Facebook.png" class="fade" /></a>
<a href="#"><img src="files/Twitter.png" class="fade" /></a>
<a href="#"><img src="files/Youtube.png" class="fade" /></a></div>
<br class="clear" />
</div>
</div>
</body>
</html>
