tentang.html

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

<html>
	<head>
		<title>Tentang saya</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 content-profil">
					
					
					
					<p style="text-align: center;">
						<img class="img-profil" width="160" align="center" src="gambar/saya.jpg" />
					</p>

					<h1>Mastrayasa</h1>
					
					<br />
					
					<table>
						<tr>
							<td width="150">Nama</td>
							<td> : </td>
							<td>I Wayan Mastrayasa</td>
						</tr>
						
						<tr>
							<td>Tempat / tanggal lahir</td>
							<td> : </td>
							<td>Balinggi, 10 agustus 1989</td>
						</tr>
						
						<tr>
							<td>Hobi</td>
							<td> : </td>
							<td>Membaca</td>
						</tr> 
						
						<tr>
							<td>Alamat</td>
							<td> : </td>
							<td>BTN Lasoani Block E7 Nomor 11</td>
						</tr>
						
						<tr>
							<td>No Hp</td>
							<td> : </td>
							<td>0852 412 65xxx</td>
						</tr>
						
						<tr>
							<td>Facebook</td>
							<td> : </td>
							<td>Mastrayasa</td>
						</tr>
						
						<tr>
							<td>Twitter</td>
							<td> : </td>
							<td>@mastrayasa</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> 