index.html

<!-- 
	INI ADALAH CARA MEMBUAT KOMENTAR DALAM FILE HTML
	TEXT INI TIDAK AKAN NAMPIL DI HALAMAN WEB BROWSER
	KARENA MERUPAKAN KOMENTAR
-->

<html>
	<head>
		<title>Beranda</title>
		<link rel="shortcut icon" href="gambar/favicon.jpg" />
		<link rel='stylesheet' href='style.css' type='text/css' media='all' />
		
		<!-- INFORMASI DOKUMEN HTML -->
        <meta name="author" content="Mastrayasa">
		<meta name="keywords" content="website desin, lkp Saraswati,Kota Palu,belajar website" />
		<meta name="description" content="Website Pribadi I Wayan Mastrayasa, S.Kom">

	</head>
	<body>
		<div class="wrap">
		
			<!-- HEADER -->
			<div class="header">
				<h1>I Wayan Mastrayasa</h1>
			</div>
			
			<!-- MENU -->
			<div class="menu">
				<ul>
					<li><a href="index.html">Home</a></li>
					<li><a href="tentang.html">Tentang Saya</a></li>
					<li><a href="kontak.html">Kontak</a></li>
					<li><a href="galeri.html">Galeri</a></li>
					<li><a href="portfolio.html">Portfolio</a></li>
					<li><a href="pendidikan.html">Pendidikan</a></li>
					<li><a href="bukutamu.html">Buku Tamu</a></li>
				</ul>
			</div>
			
			<div class="main">
				<div class="sidebar">
				
					
					
					
					<!-- FOTO -->
					<h2>Foto Foto</h2>
					<div class="tempat-foto">
						<img src="gambar/foto/img-1.jpg">
						<img src="gambar/foto/img-2.jpg">
						<img src="gambar/foto/img-3.jpg">
						<img src="gambar/foto/img-4.jpg">
						<img src="gambar/foto/img-5.jpg">
						<img src="gambar/foto/img-6.jpg">
						<img src="gambar/foto/img-7.jpg">
						<img src="gambar/foto/img-8.jpg">
						<img src="gambar/foto/img-9.jpg">
					</div><br/>
					
						
					<!-- PROFIL WIDGET -->
					<h2>Profil</h2>
					<img src="gambar/saya.jpg" width="180">

					<p style="text-align: center;"><a href="./tentang.html">Lihat Profil Saya</a></p>
					
					
				</div><!-- END SIDEBAR -->
				
				
				
				<div class="content">
					 
					<img src="gambar/baner.jpg">
					
					<h2 style="font-size:14px;">Selamat datang di website pribadi saya</h2>
					<p style="text-align:justify">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna. Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin pharetra nonummy pede. Mauris et orci. Aenean nec lorem.</p>
					
					<h3>Timeline Pendidikan</h3>
					<table width="100%">
						<tr>
							<th align="left">Tahun</th>
							<th align="left">Nama Sekolah</th> 
						</tr>
						<tr> 
							<td>1995</td>
							<td>SDN Inpress 3 Balinggi</td>
						</tr>
						<tr> 
							<td>1998</td>
							<td>SLTP 1 Sausu</td>
						</tr>
						<tr> 
							<td>2004</td>
							<td>SMAN 1 Sausu</td>
						</tr>
						<tr> 
							<td>2008</td>
							<td>LKP Saraswati Komputer</td>
						</tr>
						<tr> 
							<td>2009</td>
							<td>STMIK Amikom Yogyakarta</td>
						</tr>						
					</table>
					
					
					
				
				</div><!-- END CONTENT -->
				<div class="clearfix"></div>
				
			</div><!-- END MAIN -->
			
			<!-- FOOTER -->
			<div class="footer">
				dikembangkan oleh : @mastrayasa
			</div>
			
		</div><!-- END WRAP -->
		
	</body>
</html> 