<file_sep><?php include "conn.php"; 
$q="SELECT tentang FROM tentang";
$sql=mysql_query($q);
$hasil=mysql_fetch_array($sql);
$profil=htmlspecialchars_decode($hasil['tentang']);
?>
<div class="box1">
									<div class="inner">
										<a href="#" class="close" data-type="close"><span></span></a>
										<h2>Biodataku</h2>
										<div class="wrapper">
											<figure class="left marg_right1"><img src="images/page2_img1.jpg" alt=""></figure>
											<p class="color1 pad_bot2"><strong>Cerita Sedikit...</strong></p>
											<?php echo $profil;?>
										</div>
									</div>
								</div><file_sep><?php include "conn.php";
	
	?>
<div class="box1">
									<div class="inner">
										<a href="#" class="close" data-type="close"><span></span></a>
										<div class="wrapper tabs">
											<div class="col1">
												<h2>Categories</h2>
												<ul class="nav">
													<li class="selected"><a href="#Action"><span></span><strong>Action</strong></a></li>
													<li><a href="#Makanan"><span></span><strong>Makanan</strong></a></li>
													<li><a href="#Tidur"><span></span><strong>Tidur</strong></a></li>
													<li><a href="#Barang"><span></span><strong>Barang</strong></a></li>
													<li><a href="#Lainnya"><span></span><strong>Lainnya</strong></a></li>
												</ul>
											</div>
											<div class="col2 pad_left1">
												<div class="tab-content" id="Action">
													<h2>Action</h2>
													<?php
													$q="SELECT count(foto) from diary where id_kategori='1'";
													$sql=mysql_query($q);
													$num_rows=mysql_result($sql,0);
													
													$q2="SELECT foto from diary where id_kategori='1'";
													$sql2=mysql_query($q2);
													
													for ($i = 0; $i < $num_rows; $i+=2) {
													$gambar = mysql_result($sql2, $i, 'foto');
													?>
													<div class="wrapper">
														<figure class="left marg_right1"><a href="img/<?php echo $gambar;?>" class="lightbox-image" data-type="prettyPhoto[group1]"><span></span><img src="img/<?php echo $gambar;?>" height="130" width="202" alt=""></a></figure>
														<?php
														if($i+1 < $num_rows){
														$gambar2 = mysql_result($sql2, $i+1, 'foto');?>
														<figure class="left"><a href="img/<?php echo $gambar2;?>" class="lightbox-image" data-type="prettyPhoto[group1]"><span></span><img src="img/<?php echo $gambar2;?>" height="130" width="202" alt=""></a></figure>
													</div>
													<? }} ?>
													
												</div>
												<div class="tab-content" id="Makanan">
													<h2>Makanan</h2>
													<?php
													$q="SELECT count(foto) from diary where id_kategori='2'";
													$sql=mysql_query($q);
													$num_rows=mysql_result($sql,0);
													
													$q2="SELECT foto from diary where id_kategori='2'";
													$sql2=mysql_query($q2);
													
													for ($i = 0; $i < $num_rows; $i+=2) {
													$gambar = mysql_result($sql2, $i);
													?>
													<div class="wrapper">
														<figure class="left marg_right1"><a href="img/<?php echo $gambar;?>" class="lightbox-image" data-type="prettyPhoto[group1]"><span></span><img src="img/<?php echo $gambar;?>" height="130" width="202" alt=""></a></figure>
														<?php
														if($i+1 < $num_rows){
														$gambar2 = mysql_result($sql2, $i+1);?>
														<figure class="left"><a href="img/<?php echo $gambar2;?>" class="lightbox-image" data-type="prettyPhoto[group1]"><span></span><img src="img/<?php echo $gambar2;?>" height="130" width="202" alt=""></a></figure>
													</div>
													<? }} ?>
												</div>
												<div class="tab-content" id="Tidur">
													<h2>Tidur</h2>
													<?php
													$q="SELECT count(foto) from diary where id_kategori='3'";
													$sql=mysql_query($q);
													$num_rows=mysql_result($sql,0);
													
													$q2="SELECT foto from diary where id_kategori='3'";
													$sql2=mysql_query($q2);
													
													for ($i = 0; $i < $num_rows; $i+=2) {
													$gambar = mysql_result($sql2, $i);
													?>
													<div class="wrapper">
														<figure class="left marg_right1"><a href="img/<?php echo $gambar;?>" class="lightbox-image" data-type="prettyPhoto[group1]"><span></span><img src="img/<?php echo $gambar;?>" height="130" width="202" alt=""></a></figure>
														<?php
														if($i+1 < $num_rows){
														$gambar2 = mysql_result($sql2, $i+1);?>
														<figure class="left"><a href="img/<?php echo $gambar2;?>" class="lightbox-image" data-type="prettyPhoto[group1]"><span></span><img src="img/<?php echo $gambar2;?>" height="130" width="202" alt=""></a></figure>
													</div>
													<? }} ?>
												</div>
												<div class="tab-content" id="Barang">
													<h2>Barang</h2>
													<?php
													$q="SELECT count(foto) from diary where id_kategori='4'";
													$sql=mysql_query($q);
													$num_rows=mysql_result($sql,0);
													
													$q2="SELECT foto from diary where id_kategori='4'";
													$sql2=mysql_query($q2);
													
													for ($i = 0; $i < $num_rows; $i+=2) {
													$gambar = mysql_result($sql2, $i);
													?>
													<div class="wrapper">
														<figure class="left marg_right1"><a href="img/<?php echo $gambar;?>" class="lightbox-image" data-type="prettyPhoto[group1]"><span></span><img src="img/<?php echo $gambar;?>" height="130" width="202" alt=""></a></figure>
														<?php
														if($i+1 < $num_rows){
														$gambar2 = mysql_result($sql2, $i+1);?>
														<figure class="left"><a href="img/<?php echo $gambar2;?>" class="lightbox-image" data-type="prettyPhoto[group1]"><span></span><img src="img/<?php echo $gambar2;?>" height="130" width="202" alt=""></a></figure>
													</div>
													<? }} ?>
												</div>
												<div class="tab-content" id="Lainnya">
													<h2>Lainnya</h2>
													<?php
													$q="SELECT count(foto) from diary where id_kategori='5'";
													$sql=mysql_query($q);
													$num_rows=mysql_result($sql,0);
													
													$q2="SELECT foto from diary where id_kategori='5'";
													$sql2=mysql_query($q2);
													
													for ($i = 0; $i < $num_rows; $i+=2) {
													$gambar = mysql_result($sql2, $i);
													?>
													<div class="wrapper">
														<figure class="left marg_right1"><a href="img/<?php echo $gambar;?>" class="lightbox-image" data-type="prettyPhoto[group1]"><span></span><img src="img/<?php echo $gambar;?>" height="130" width="202" alt=""></a></figure>
														<?php
														if($i+1 < $num_rows){
														$gambar2 = mysql_result($sql2, $i+1);?>
														<figure class="left"><a href="img/<?php echo $gambar2;?>" class="lightbox-image" data-type="prettyPhoto[group1]"><span></span><img src="img/<?php echo $gambar2;?>" height="130" width="202" alt=""></a></figure>
													</div>
													<? }} ?>
												</div>
											</div>
										</div>
									</div>
								</div><file_sep><!DOCTYPE html>
<html lang="en">
	<head>
		<title><NAME> the Cat</title>
		<meta charset="utf-8">
		<link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
		<link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
		<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="all">
		<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
		<script type="text/javascript" src="js/jquery-1.6.js" ></script>
		<script type="text/javascript" src="js/cufon-yui.js"></script>
		<script type="text/javascript" src="js/cufon-replace.js"></script>
  		<script type="text/javascript" src="js/Ubuntu_400.font.js"></script>
  		<script type="text/javascript" src="js/Ubuntu_700.font.js"></script>
		<script type="text/javascript" src="js/bgSlider.js" ></script>
		<script type="text/javascript" src="js/script.js" ></script>
		<script type="text/javascript" src="js/pages.js"></script>
		<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
		<script type="text/javascript" src="js/bg.js" ></script>
		<script type="text/javascript" src="js/tabs.js"></script>
		<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
		<!--[if lt IE 9]>
			<script type="text/javascript" src="js/html5.js"></script>
		<![endif]-->
		<!--[if lt IE 7]>
			<div style='clear:both;text-align:center;position:relative'>
				<a href="http://www.microsoft.com/windows/internet-explorer/default.aspx?ocid=ie6_countdown_bannercode"><img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0"  alt="" /></a>
			</div>
		<![endif]-->
	</head>
	<body id="page1">
		<div class="spinner"></div>
		<div id="bgSlider"></div>
		<div class="extra">
			<div class="main">
				<div class="box">
<!-- header -->
					<header>
						<h1><a href="index.php" id="logo">Catatan Nekoyanagi the Cat</a></h1>
						<nav>
							<ul id="menu">
								<li><a href="#!/page_Home"><span></span><strong>Diary</strong></a></li>
								<li><a href="#!/page_About"><span></span><strong>Tentang</strong></a></li>
								<li><a href="#!/page_Portfolio"><span></span><strong>Galeri</strong></a></li>
								<li><a href="#!/page_Services"><span></span><strong>Rekomendasi</strong></a></li>
								<li><a href="#!/page_Contact"><span></span><strong>Kontak</strong></a></li>
							</ul>
						</nav>
					</header>
<!--content -->
					<article id="content">
						<div class="ic">More Website Templates @ TemplateMonster.com -September 19th, 2011!</div>
						<ul>
							<li id="page_Home">
								<?php include "diary/index.php";?>
							</li>
							<li id="page_About">
								<?php include "tentang/index.php";?>
							</li>
							<li id="page_Portfolio">
								<?php include "galeri/index.php";?>
							</li>
							<li id="page_Services">
								<?php include "rekomendasi/rekomendasi.php";?>
							</li>
							<li id="page_Contact">
								<?php include "kontak/index.php";?>
							</li>
							<li id="page_More">
								<div class="box1">
									<div class="inner">
										<a href="#" class="close" data-type="close"><span></span></a>

										<h2>Read more</h2>
										<div class="wrapper pad_bot3">
											<figure class="left marg_right1"><img src="images/page4_img1.jpg" alt=""></figure>
											<p class="color1 pad_bot2"><strong>Et harum quidem rerum</strong></p>
											<p>Cupiditate noprovident similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas.</p>
										</div>
										<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.</p>
										<p>Occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.</p>
										<div class="wrapper pad_bot3">
											<figure class="left marg_right1"><img src="images/page4_img2.jpg" alt=""></figure>
											<p class="color1 pad_bot2"><strong>Blanditiis praesentium voluptatum</strong></p>
											<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti iusto odio dignissimos ducimus qui atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.</p>
										</div>
										<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.</p>
										<p>Qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.</p>
										<p>Occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.</p>
									</div>
								</div>
							</li>
						</ul>
					</article>
<!-- / content -->
				</div>
			</div>
			<div class="block"></div>
		</div>
		<div class="bg1">
			<div class="main">
<!-- footer -->
				<footer>
					<div class="bg_spinner"></div>
					<ul class="pagination">
						<li class="current"><a href="images/bg_img1.jpg">1</a></li>
						<li><a href="images/bg_img2.jpg">2</a></li>
						<li><a href="images/bg_img3.jpg">3</a></li>
					</ul>
					<div class="col_1">
						<a href="index.php" id="footer_logo">Nekoyanagi the Cat</a> Copyright 2013
					</div>
					<div class="col_2">
						Designed by <a rel="nofollow" href="http://2ne1.kpop-indo.com/" target="_blank"><NAME></a> | <a rel="nofollow" href="http://www.nekoyanagi.net/" target="_blank">Nekoyanagi</a>
						<!-- {%FOOTER_LINK} -->
					</div>
				</footer>
<!-- / footer-->
			</div>
		</div>
		<script type="text/javascript"> Cufon.now(); </script>
		<script>
		$(window).load(function() {
			$('.spinner').fadeOut();
			$('body').css({overflow:'inherit'})
		})
		</script>
	</body>
</html><file_sep><?php include "conn.php"; 
$batas = 4;
	if(!empty($_GET['page'])){
		$hal=$_GET['page']-1;
		$start = $batas * $hal;
	}else if(!empty($_GET['page'])and $_GET['page']==1){
		$start=0;
	}else if(empty($_GET['page'])){
		$start=0;
	}
?>
<div class="box1">
									<div class="inner">
										<a href="#" class="close" data-type="close"><span></span></a>
										<div class="wrapper pad_bot1">
										<h2>Diary Nekoyanagi</h2>
										<?php
											$q="SELECT judul,foto,isi,tanggal FROM diary ORDER BY id_diary DESC limit  $start , $batas";
											$sql=mysql_query($q);
											while ($hasil=mysql_fetch_array($sql)){
											$isi=htmlspecialchars_decode($hasil['isi']);
											$lokasi=$hasil['foto'];
											$tanggal=$hasil['tanggal'];
											$judul=$hasil['judul'];
											$date=explode("-",$tanggal);
											$bulan=$date[1];
											$tgl=$date[2];
											switch($bulan)
											{
											  case"01";
											  $bulan="Jan";
											  break; 
											  case"02";
											  $bulan="Feb";
											  break;
											  case"03";
											  $bulan="Mar";
											  break;
											  case"04";
											  $bulan="Apr";
											  break;
											  case"05";
											  $bulan="Mei";
											  break;
											  case"06";
											 $bulan="Juni";
											  break;
											  case"07";
											  $bulan="Juli";
											  break;
											  case"08";
											  $bulan="Agst";
											  break;
											  case"09";
											  $bulan="Sept";
											  break;
											  case"10";
											  $bulan="Okt";
											  break;
											  case"11";
											  $bulan="Nov";
											  break;
											  case"12";
											  $bulan="Des";
											  break;    
											  }     
										?>
										<div class="wrapper" id="<?php echo $i;?>">
											<span class="date"><strong><?php echo $tgl;?></strong><span><?php echo $bulan;?></span></span>
											<figure class="left marg_right1"><a href="img/<?php echo $lokasi;?>" data-type="prettyPhoto[group2]"><img src="img/<?php echo $lokasi;?>" height="138" width="220" alt=""></a></figure>
											<p class="color1 pad_bot2"><strong><?php echo $judul;?></strong></p>
											<p> <?php echo $isi;?></p>
										</div>
										<br>
										<?php } ?>
										<center>
										<?php
										$cekquery=mysql_query("SELECT * From diary");
										$jumlah=mysql_num_rows($cekquery);
										if($jumlah > $batas){
											echo '<br><div id="halaman">Halaman : ';
											$a=explode(".", $jumlah/$batas);
											$b=$a[0];
											$c=$b+1;
											for($i=1;$i<=$c;$i++){
												echo '<a style="text-decoration:none;';
												if($_GET['page']==$i){
													echo 'color:red';
												}
												echo'"href="?page='. $i .'#!/page_Home" "class="close "data-type"=close >  '.   $i   .'  </a>';
											}
											echo'</div>';
										}
										?>
										</center>	
									</div>
								</div><file_sep><div class="box1">
									<div class="inner">
										<a href="#" class="close" data-type="close"><span></span></a>
										<h2>Barang-barang rekomended buat pus meongmu :3</h2><br><br>
										<?php
											include "conn.php";
											$batas = 4;
											if(!empty($_GET['page'])){
												$hal=$_GET['page']-1;
												$start = $batas * $hal;
											}else if(!empty($_GET['page'])and $_GET['page']==1){
												$start=0;
											}else if(empty($_GET['page'])){
												$start=0;
											}
											$q="SELECT id,namafoto,judul,isi FROM rekomendasi ORDER BY id DESC limit $start,$batas";
											$sql=mysql_query($q);
											while ($hasil=mysql_fetch_array($sql)){
											$judul=$hasil['judul'];
											$foto=$hasil['namafoto'];
											$isi=htmlspecialchars_decode($hasil['isi']);
										?>
										<div class="wrapper pad_bot3">
											<figure class="left marg_right1"><a href="img/<?php echo $foto;?>" data-type="prettyPhoto[group2]"><img src="img/<?php echo $foto;?>" height="134" width="220" alt=""></a></figure>
											<p class="color1 pad_bot2"><strong><?php echo $judul;?></strong></p>
											<?php echo $isi;?>
										</div>
										<?php } ?>
										<center>
										<?php
										$cekquery=mysql_query("SELECT * From diary");
										$jumlah=mysql_num_rows($cekquery);
										if($jumlah > $batas){
											echo '<br><div id="halaman">Halaman : ';
											$a=explode(".", $jumlah/$batas);
											$b=$a[0];
											$c=$b+1;
											for($i=1;$i<=$c;$i++){
												echo '<a style="text-decoration:none;';
												if($_GET['page']==$i){
													echo 'color:red';
												}
												echo'"href="?page='. $i .'#!/page_Services" "class="close "data-type"=close >  '.   $i   .'  </a>';
											}
											echo'</div>';
										}
										?>
										</center>	
										
									</div>
								</div><file_sep>nekoyanagi
==========
