API tools faq
paste
Advertisement
bincar

template.php

bincar
Dec 17th, 2014
314
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 28.19 KB | None | 0 0
raw download clone embed print report
  1. <?php
  2.   error_reporting(0);
  3.  
  4. ?>
  5.  
  6.  
  7.  
  8. <!doctype html>
  9. <!--[if IE 8 ]><html class="ie8" lang="en-US"><![endif]-->
  10. <!--[if IE 9 ]><html class="ie9" lang="en-US"><![endif]-->
  11. <!--[if (gte IE 10)|!(IE)]><!-->
  12. <html xmlns="http://www.w3.org/1999/xhtml" lang="en-US">
  13. <!--<![endif]-->
  14.  
  15. <head>
  16.     <title>SevenMag - Responsive Blog/Magazine/News/Game HTML5 Template</title>
  17.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  18.     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
  19.  
  20.     <link rel='stylesheet' href='<?php echo "$accank/$f[folder]/css/style.css" ?>' type='text/css' media='all' />
  21.     <link rel='stylesheet' href='<?php echo "$accank/$f[folder]/css/icons.css" ?>' type='text/css' media='all' />
  22.     <link rel='stylesheet' href='<?php echo "$accank/$f[folder]/css/animate.css" ?>' type='text/css' media='all' />
  23.     <link rel='stylesheet' href='<?php echo "$accank/$f[folder]/css/responsive.css" ?>' type='text/css' media='all' />
  24.         <link rel='stylesheet' href='<?php echo "$accank/$f[folder]/css/css_baru.css" ?>' type='text/css' media='all' />
  25.           <link rel='stylesheet' id='camera-css'  href='<?php echo "$accank/$f[folder]/css/camera.css" ?>' type='text/css' media='all'>
  26.     <link href="http://fonts.googleapis.com/css?family=Roboto" rel="stylesheet" type="text/css">
  27.  
  28.     <link rel="shortcut icon" href="img/favicon.png" />
  29.     <link rel="apple-touch-icon" href="img/apple-touch-icon.png">
  30.     <!--[if IE]>
  31.         <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=EmulateIE8; IE=EDGE" />
  32.         <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  33.     <![endif]-->
  34. </head>
  35.  
  36. <body>
  37.     <div id="layout" class="full">
  38.         <header id="header">
  39.             <div class="head">
  40.            
  41.            
  42.                 <div class="row clearfix">
  43.                     <div class="logo">
  44.                         <h1><a href="index-2.html" rel="home" title="Sevenmag Magazine HTML5 Template">
  45.                         <img src="<?php echo "$accank/$f[folder]/images/header.jpg" ?>" alt="SevenMag"></a>
  46.                         </h1>
  47.                     </div><!-- /logo -->
  48.                 </div><!-- /row -->
  49.                 <!--
  50.                  <div class="ulos">
  51.                  <img src="<?php echo "$f[folder]/images/ulos.jpg" ?>">
  52.                 </div>-->
  53.                
  54.             </div><!-- /head -->
  55.            
  56.     <div class="sec_head2">
  57.         <div class="row clearfix">
  58.             <nav id="mymenuone">
  59.                         <ul class="sf-menu res_mode">
  60.                            
  61.                             <li><a href="index-2.html">HOME</a></li>
  62.                             <li><a href="index-2.html">PROFIL DAERAH</a>
  63.                                 <ul>
  64.                                     <?php              
  65.              $main=mysql_query("SELECT * FROM profil WHERE id_parent='0' ");
  66.              while($r=mysql_fetch_array($main)){
  67.              echo "<li><a href='profil-$r[id_profil]-$r[judul_seo].html'><span>$r[judul]</span></a>";
  68.              $sub=mysql_query("SELECT * FROM profil WHERE id_parent='$r[id_profil]' ");
  69.                  $jml=mysql_num_rows($sub);
  70.                // apabila sub menu ditemukan
  71.                if ($jml > 0){
  72.                  echo "<ul>";
  73.                 while($w=mysql_fetch_array($sub)){
  74.                         $sub2=mysql_query("SELECT * FROM profil WHERE id_profil='$w[id_profil]' ");
  75.                     $jml2=mysql_num_rows($sub2);
  76.                     if ($jml2 > 0){
  77.                     echo "<li><a href='profil-$w[id_profil]-$w[judul_seo].html' class='parent'><span>&#187; $w[judul]</span></a>";
  78.                    
  79.                     }
  80.                     else{
  81.                     echo "<li><a href='profil-$w[id_profil]-$w[judul_seo].html'><span>&#187; $w[judul]</span></a>";
  82.                     }
  83.                 }          
  84.                 echo "</li></ul>
  85.                       </li>";
  86.                }
  87.                else{
  88.               echo "</li>";
  89.                }
  90.              }        
  91.            ?>
  92.                                 </ul>
  93.                             </li>
  94.                             <li><a href="index-2.html">PROFIL PEMERINTAH</a></li>
  95.                             <li><a href="index-2.html">INSTANSI</a></li>
  96.                             <li><a href="category.html">PELAYANAN PUBLIK</a>
  97.                                 <ul>
  98.                                     <li><a href="category.html">Movies</a></li>
  99.                                     <li><a href="category.html">World</a></li>
  100.                                     <li><a href="category.html">Reviews</a></li>
  101.                                     <li><a href="category.html">Games</a></li>
  102.                                     <li><a href="category.html">Business</a></li>
  103.                                     <li><a href="category.html">Tech</a></li>
  104.                                     <li><a href="category.html">Sports</a></li>
  105.                                 </ul>
  106.                             </li>
  107.                             <li><a href="<?php echo $accank ;?>/berita.html">NEWS & EVENT</a>
  108.                             <ul>
  109.                              <?php
  110.                   $kategori=mysql_query("SELECT nama_kategori, kategori.id_kategori, kategori_seo,  
  111.                                         COUNT(berita.id_kategori) AS jml
  112.                                         FROM kategori LEFT JOIN berita
  113.                                         ON berita.id_kategori=kategori.id_kategori
  114.                                         WHERE kategori.aktif='Y'  
  115.                                         GROUP BY nama_kategori");
  116.                   while($k=mysql_fetch_array($kategori)){
  117.                     $nama_kategori=strtoupper($k[nama_kategori]);
  118.                     echo "<li class='garisbawah'><a href='$accank/kategori/$k[id_kategori]/$k[kategori_seo].html' > $nama_kategori</a></li>";
  119.                   }
  120.                 ?>
  121.        
  122.             <?php
  123.                 $q=mysql_query("SELECT * FROM kategori WHERE induk='0' AND aktif='Y' ORDER BY id ASC LIMIT 5");
  124.                 while($d=mysql_fetch_array($q)){
  125.                 $nama = seo($d["nama"]);
  126.                 echo"
  127.                     <p class='border_bottom'>
  128.                         &raquo; <a href='$accank/kategori/$k[id_kategori]/$k[kategori_seo]' > $nama_kategori</a>
  129.                     </p>
  130.                 ";}
  131.             ?>
  132.             </ul>
  133.                             </li>
  134.                               <li><a href="shortcodes.html">AGENDA</a></li>
  135.                             <li><a href="shortcodes.html">FOTO GALLERY</a></li>
  136.                             <li><a href="contact.html">CONTACT</a></li>
  137.                            
  138.                         </ul>
  139.                     </nav><!-- /nav -->
  140.                  </div>
  141.            </div>
  142.  
  143.             <div class="sec_head">
  144.                 <div class="row clearfix">
  145.                     <span class="breaking"> Trending </span>
  146.                     <ul id="ticker">
  147.                         <li><a href="post_single.html"><span> 1 day ago</span> 4 essential rules of effective logo design </a></li>
  148.                         <li><a href="post_single.html"><span> 2 days ago</span> Big brand theory: packaging design </a></li>
  149.                         <li><a href="post_single.html"><span> 3 days ago</span> How to use a website to strengthen a brand </a></li>
  150.                         <li><a href="post_single.html"><span> 1 weeks ago</span> Beautiful lettering of yesteryear </a></li>
  151.                         <li><a href="post_single.html"><span> 3 weeks ago</span> A fresh approach to iStock </a></li>
  152.                         <li><a href="post_single.html"><span> 4 weeks ago</span> The ultimate guide to logo design </a></li>
  153.                         <li><a href="post_single.html"><span> 4 weeks ago</span> Deal of the week: Certified Adobe training </a></li>
  154.                         <li><a href="post_single.html"><span> 1 months ago</span> How to use CSS specificity </a></li>
  155.                         <li><a href="post_single.html"><span> 2 months ago</span> Getting started with Edge Animate </a></li>
  156.                         <li><a href="post_single.html"><span> 2 months ago</span> Mesmerizing minimalist fractals </a></li>
  157.                         <li><a href="post_single.html"><span> 2 months ago</span> Formal degree vs. self taught </a></li>
  158.                         <li><a href="post_single.html"><span> 3 months ago</span> How to use the download attribute </a></li>
  159.                         <li><a href="post_single.html"><span> 3 months ago</span> Mobile first: Luke Wroblewski interview </a></li>
  160.                         <li><a href="post_single.html"><span> 4 months ago</span> How web posture affects experience </a></li>
  161.                         <li><a href="post_single.html"><span> 4 months ago</span> App icons with hidden messages </a></li>
  162.                         <li><a href="post_single.html"><span> 5 months ago</span> Certifications designers to become law in 2015 </a></li>
  163.                     </ul><!-- /ticker -->
  164.  
  165.                     <div class="right_bar">
  166.                         <div class="social">
  167.                             <a rel="nofollow" class="bottomtip" title="Facebook " href="http://facebook.com/theme20" target="_blank"><i class="fa fa-facebook "></i></a>
  168.                             <a rel="nofollow" class="bottomtip" title="Twitter" href="http://twitter.com/theme_20" target="_blank"><i class="fa fa-twitter"></i></a>
  169.                             <a rel="nofollow" class="bottomtip" title="Foursquare" href="#"><i class="fa fa-foursquare"></i></a>
  170.                             <a rel="nofollow" class="bottomtip" title="Dribbble " href="#"><i class="fa fa-dribbble"></i></a>
  171.                             <a rel="nofollow" class="bottomtip" title="Contact us" href="contact.html" target="_blank"><i class="fa fa-envelope-o"></i></a>
  172.                         </div><!-- /social -->
  173.  
  174.                         <div class="social random r_post">
  175.                             <a href="post_single.html" class="bottomtip" title="Random Post"><i class="fa fa-random"></i></a>
  176.                         </div><!-- /random post button -->
  177.  
  178.                         <div class="search">
  179.                             <div class="search_icon bottomtip" title="Search"><i class="fa fa-search"></i></div>
  180.                             <div id="popup">
  181.                                 <div class="search_place">
  182.                                     <h4> SEARCH ON SEVENMAG </h4>
  183.                                     <div class="s_form">
  184.                                         <form action="http://theme20.com/demo/sevenmag_html/category.html" id="search" class="searchform" method="get">
  185.                                             <input id="inputhead" name="s" type="text" onFocus="if (this.value=='Start Searching...') this.value = '';" onBlur="if (this.value=='') this.value = 'Start Searching...';" value="" placeholder="Start Searching...">
  186.                                             <button type="submit"><i class="fa fa-search"></i>
  187.                                             </button>
  188.                                         </form><!-- /form -->
  189.                                     </div><!-- /form -->
  190.                                 </div><!-- /search place -->
  191.                             </div><!-- /popup -->
  192.                             <div id="SearchBackgroundPopup"></div><!-- /search bg -->
  193.                         </div><!-- /search -->
  194.                     </div><!-- /rightbar -->
  195.  
  196.                 </div><!-- /row -->
  197.             </div><!-- /sec head -->
  198.         </header><!-- /header -->
  199.  
  200.                  <?php
  201.           include "$f[folder]/content-web.php";      
  202.              ?>
  203.        
  204.         <footer id="footer">
  205.             <div class="row clearfix">
  206.                 <div class="alpha grid_3 footer_w">
  207.                     <div class="widget_T20_posts">
  208.                         <div class="b_title"><h4>Popular from Movies</h4></div>
  209.  
  210.                         <div class="widget clearfix">
  211.                             <div class="more_posts">
  212.                                 <div class="item_small">
  213.                                     <div class="one_post">
  214.                                         <div class="featured_thumb">
  215.                                             <a href="#" title="Big brand theory: packaging design">
  216.                                                 <img width="80" height="80" src="img/assets/311-entete-fotolia_51161496_m-80x80.jpg" alt="Bike" />
  217.                                                 <span class="thumb-icon"><i class="icon-export"></i></span>
  218.                                             </a>
  219.                                         </div>
  220.                                         <div class="item-details">
  221.                                             <h3><a href="#" rel="bookmark" title="Big brand theory: packaging design">Big brand theory: packaging design</a></h3>
  222.                                             <div class="post_meta">
  223.                                                 <a href="#" rel="date"><i class="icon-calendar mi"></i>11 Feb, 2014</a>
  224.                                                 <a href="#"><i class="icon-message mi"></i><span class="dsq-postid">5</span></a>   
  225.                                             </div>
  226.                                         </div>
  227.                                     </div>
  228.                                 </div>
  229.                                 <div class="item_small">
  230.                                     <div class="one_post">
  231.                                         <div class="featured_thumb">
  232.                                             <a href="#" title="Mobile first: Luke Wroblewski interview">
  233.                                                 <img width="80" height="80" src="img/assets/davy_jones-wallpaper-1920x1440-80x80.jpg" />
  234.                                                 <span class="thumb-icon"><i class="icon-export"></i></span>
  235.                                             </a>
  236.                                         </div>
  237.                                         <div class="item-details">
  238.                                             <h3><a href="#" rel="bookmark" title="Mobile first: Luke Wroblewski interview">Mobile first: Luke Wroblewski interview</a></h3>
  239.                                             <div class="post_meta">
  240.                                                 <a href="#" rel="date"><i class="icon-calendar mi"></i>10 Jan, 2014</a>
  241.                                                 <a href="#"><i class="icon-message mi"></i><span class="dsq-postid">4</span></a>   
  242.                                             </div>
  243.                                         </div>
  244.                                     </div>
  245.                                 </div>
  246.                                 <div class="item_small">
  247.                                     <div class="one_post">
  248.                                         <div class="featured_thumb">
  249.                                             <a href="#" title="Should creatives be unionized or earn">
  250.                                                 <img width="80" height="80" src="img/assets/photo-12-80x80.jpg" />
  251.                                                 <span class="thumb-icon"><i class="icon-camera"></i></span>
  252.                                             </a>
  253.                                         </div>
  254.                                         <div class="item-details">
  255.                                             <h3><a href="#" rel="bookmark" title="Should creatives be unionized or earn">Should creatives be unionized or earn</a></h3>
  256.                                             <div class="post_meta">
  257.                                                 <a href="#" rel="date"><i class="icon-calendar mi"></i>4 Jan, 2014</a>
  258.                                                 <a href="#"><i class="icon-message mi"></i><span class="dsq-postid">3</span></a>   
  259.                                             </div>
  260.                                         </div>
  261.                                     </div>
  262.                                 </div>
  263.                                 <div class="item_small">
  264.                                     <div class="one_post">
  265.                                         <div class="featured_thumb">
  266.                                             <a href="#" title="A fresh approach to iStock">
  267.                                                 <img width="80" height="80" src="img/assets/shutterstock_100179557-3-80x80.jpg" />
  268.                                                 <span class="thumb-icon"><i class="icon-camera"></i></span>
  269.                                             </a>
  270.                                         </div>
  271.                                         <div class="item-details">
  272.                                             <h3><a href="#" rel="bookmark" title="A fresh approach to iStock">A fresh approach to iStock</a></h3>
  273.                                             <div class="post_meta">
  274.                                                 <a href="#" rel="date"><i class="icon-calendar mi"></i>7 Feb, 2014</a>
  275.                                                 <a href="#"><i class="icon-message mi"></i><span class="dsq-postid">3</span></a>   
  276.                                             </div>
  277.                                         </div>
  278.                                     </div>
  279.                                 </div>
  280.                             </div><!--/.T20-posts-->
  281.  
  282.                         </div>
  283.                     </div><!-- .widget /-->
  284.                 </div><!-- .grid_3 /-->
  285.  
  286.                 <div class="grid_3 footer_w">
  287.                     <div class="widget_T20_posts">
  288.                         <div class="b_title"><h4>Random Posts</h4></div>
  289.                         <div class="widget clearfix">
  290.                             <div class="more_posts">
  291.                                 <div class="item_small">
  292.                                     <div class="one_post">
  293.                                         <div class="featured_thumb">
  294.                                             <a href="#" title="4 essential rules of effective logo design">
  295.                                                 <img width="80" height="80" src="img/assets/photodune-1333976-80x80.jpg" />
  296.                                                 <span class="thumb-icon"><i class="icon-export"></i></span>
  297.                                             </a>
  298.                                         </div>
  299.                                         <div class="item-details">
  300.                                             <h3><a href="#" rel="bookmark" title="4 essential rules of effective logo design">4 essential rules of effective logo design</a></h3>
  301.                                             <div class="post_meta">
  302.                                                 <a href="#" rel="date"><i class="icon-calendar mi"></i>10 Mar, 2014</a>
  303.                                                 <a href="#"><i class="icon-message mi"></i><span class="dsq-postid">0</span></a>   
  304.                                             </div>
  305.                                         </div>
  306.                                     </div>
  307.                                 </div>
  308.                                 <div class="item_small">
  309.                                     <div class="one_post">
  310.                                         <div class="featured_thumb">
  311.                                             <a href="#" title="A fresh approach to iStock">
  312.                                                 <img width="80" height="80" src="img/assets/shutterstock_100179557-3-80x80.jpg" />
  313.                                                 <span class="thumb-icon"><i class="icon-camera"></i></span>
  314.                                             </a>
  315.                                         </div>
  316.                                         <div class="item-details">
  317.                                             <h3><a href="#" rel="bookmark" title="A fresh approach to iStock">A fresh approach to iStock</a></h3>
  318.                                             <div class="post_meta">
  319.                                                 <a href="#" rel="date"><i class="icon-calendar mi"></i>7 Feb, 2014</a>
  320.                                                 <a href="#"><i class="icon-message mi"></i><span class="dsq-postid">3</span></a>   
  321.                                             </div>
  322.                                         </div>
  323.                                     </div>
  324.                                 </div>
  325.                                 <div class="item_small">
  326.                                     <div class="one_post">
  327.                                         <div class="featured_thumb">
  328.                                             <a href="#" title="Deal of the week: Certified Adobe training">
  329.                                                 <img width="80" height="80" src="img/assets/shutterstock_128620886_small1-80x80.jpg" />
  330.                                                 <span class="thumb-icon"><i class="icon-camera"></i></span>
  331.                                             </a>
  332.                                         </div>
  333.                                         <div class="item-details">
  334.                                             <h3><a href="#" rel="bookmark" title="Deal of the week: Certified Adobe training">Deal of the week: Certified Adobe training</a></h3>
  335.                                             <div class="post_meta">
  336.                                                 <a href="#" rel="date"><i class="icon-calendar mi"></i>3 Feb, 2014</a>
  337.                                                 <a href="#"><i class="icon-message mi"></i><span class="dsq-postid">0</span></a>   
  338.                                             </div>
  339.                                         </div>
  340.                                     </div>
  341.                                 </div>
  342.                                 <div class="item_small">
  343.                                     <div class="one_post">
  344.                                         <div class="featured_thumb">
  345.                                             <a href="#" title="How to use CSS specificity">
  346.                                                 <img width="80" height="80" src="img/assets/shutterstock_145317754-80x80.jpg" />
  347.                                                 <span class="thumb-icon"><i class="icon-export"></i></span>
  348.                                             </a>
  349.                                         </div>
  350.                                         <div class="item-details">
  351.                                             <h3><a href="#" rel="bookmark" title="How to use CSS specificity">How to use CSS specificity</a></h3>
  352.                                             <div class="post_meta">
  353.                                                 <a href="#" rel="date"><i class="icon-calendar mi"></i>2 Feb, 2014</a>
  354.                                                 <a href="#"><i class="icon-message mi"></i><span class="dsq-postid">0</span></a>   
  355.                                             </div>
  356.                                         </div>
  357.                                     </div>
  358.                                 </div>
  359.                             </div><!--/.T20-posts-->
  360.                         </div>
  361.                     </div><!-- .widget /-->
  362.                 </div><!-- .grid_3 /-->
  363.  
  364.                 <div class="grid_3 footer_w">
  365.                     <div class="widget_T20_posts_slideshow">
  366.                         <div class="b_title"><h4>Slideshow</h4></div>
  367.                         <div class="widget clearfix">
  368.  
  369.                             <div class="gallery_widget gallery_widget_posts owl-carousel owl-theme">
  370.  
  371.                                 <div class="item wgr T_post">
  372.                                     <div class="featured_thumb">
  373.                                         <a class="first_A" href="#" title="How to write markdown" rel="bookmark">
  374.                                             <img width="255" height="280" src="img/assets/usain-bolt-wallpaper-255x280.jpg" />  <span class="thumb-icon"><i class="icon-camera"></i></span>
  375.                                             <h3>How to write markdown</h3>
  376.                                         </a>
  377.                                     </div>
  378.                                     <div class="details">
  379.                                         <span class="s_category">
  380.                                             <a href="#" rel="date"><i class="icon-calendar mi"></i> 8 Jan, 2014</a>
  381.                                             <a rel="author" href="#"><i class="icon-user mi"></i>John</a>
  382.                                         </span>
  383.                                         <span class="more_meta"><a href="#"><i class="icon-message mi"></i> <span class="dsq-postid">0</span>
  384.                                         </a>
  385.                                         </span>
  386.                                     </div>
  387.                                 </div>
  388.  
  389.                                 <div class="item wgr T_post">
  390.                                     <div class="featured_thumb">
  391.                                         <a class="first_A" href="#" title="An introduction to Edge Reflow" rel="bookmark">
  392.                                             <img width="255" height="280" src="img/assets/AKAMATom-Clancy-Ghost-Recon-Future-Soldier-255x280.jpg" />
  393.                                             <span class="thumb-icon"><i class="icon-export"></i></span>
  394.                                             <h3>An introduction to Edge Reflow</h3>
  395.                                         </a>
  396.                                     </div>
  397.                                     <div class="details">
  398.                                         <span class="s_category">
  399.                                         <a href="#" rel="date"><i class="icon-calendar mi"></i> 5 Jan, 2014</a>
  400.                                         <a rel="author" href="#"><i class="icon-user mi"></i>John</a>
  401.                                     </span>
  402.                                         <span class="more_meta"><a href="#"><i class="icon-message mi"></i> <span class="dsq-postid">0</span>
  403.                                         </a>
  404.                                         </span>
  405.                                     </div>
  406.                                 </div>
  407.  
  408.                                 <div class="item wgr T_post">
  409.                                     <div class="featured_thumb">
  410.                                         <a class="first_A" href="#" title="A fresh approach to iStock" rel="bookmark">
  411.                                             <img width="255" height="280" src="img/assets/shutterstock_100179557-3-255x280.jpg" />
  412.                                             <span class="thumb-icon"><i class="icon-camera"></i></span>
  413.                                             <h3>A fresh approach to iStock</h3>
  414.                                         </a>
  415.                                     </div>
  416.                                     <div class="details">
  417.                                         <span class="s_category">
  418.                                                 <a href="#" rel="date"><i class="icon-calendar mi"></i> 7 Feb, 2014</a>
  419.                                                 <a rel="author" href="#"><i class="icon-user mi"></i>John</a>
  420.                                             </span>
  421.                                         <span class="more_meta"><a href="#"><i class="icon-message mi"></i> <span class="dsq-postid">3</span>
  422.                                         </a>
  423.                                         </span>
  424.                                     </div>
  425.                                 </div>
  426.  
  427.                                 <div class="item wgr T_post">
  428.                                     <div class="featured_thumb">
  429.                                         <a class="first_A" href="#" title="How web posture affects experience" rel="bookmark">
  430.                                             <img width="255" height="280" src="img/assets/shutterstock_144233608-255x280.jpg" />
  431.                                             <span class="thumb-icon"><i class="icon-media-play"></i></span>
  432.                                             <h3>How web posture affects experience</h3>
  433.                                         </a>
  434.                                     </div>
  435.                                     <div class="details">
  436.                                         <span class="s_category">
  437.                                                 <a href="#" rel="date"><i class="icon-calendar mi"></i> 9 Jan, 2014</a>
  438.                                                 <a rel="author" href="#"><i class="icon-user mi"></i>John</a>
  439.                                             </span>
  440.                                         <span class="more_meta"><a href="#"><i class="icon-message mi"></i> <span class="dsq-postid">0</span>
  441.                                         </a>
  442.                                         </span>
  443.                                     </div>
  444.                                 </div>
  445.  
  446.                                 <div class="item wgr T_post">
  447.                                     <div class="featured_thumb">
  448.                                         <a class="first_A" href="#" title="Certifications designers to become law in 2015" rel="bookmark">
  449.                                             <img width="255" height="280" src="img/assets/3023349-255x280.jpg" />
  450.                                             <span class="thumb-icon"><i class="icon-media-play"></i></span>
  451.                                             <h3>Certifications designers to become law in 2015</h3>
  452.                                         </a>
  453.                                     </div>
  454.                                     <div class="details">
  455.                                         <span class="s_category">
  456.                                         <a href="#" rel="date"><i class="icon-calendar mi"></i> 6 Jan, 2014</a>
  457.                                         <a rel="author" href="#"><i class="icon-user mi"></i>John</a>
  458.                                     </span>
  459.                                         <span class="more_meta"><a href="#"><i class="icon-message mi"></i> <span class="dsq-postid">0</span>
  460.                                         </a>
  461.                                         </span>
  462.                                     </div>
  463.                                 </div>
  464.  
  465.                                 <div class="item wgr T_post">
  466.                                     <div class="featured_thumb">
  467.                                         <a class="first_A" href="#" title="4 essential rules of effective logo design" rel="bookmark">
  468.                                             <img width="255" height="280" src="img/assets/firestock_mail_08102013-255x280.jpg" />
  469.                                             <span class="thumb-icon"><i class="icon-export"></i></span>
  470.                                             <h3>4 essential rules of effective logo design</h3>
  471.                                         </a>
  472.                                     </div>
  473.                                     <div class="details">
  474.                                         <span class="s_category">
  475.                                         <a href="#" rel="date"><i class="icon-calendar mi"></i> 2 Jan, 2014</a>
  476.                                         <a rel="author" href="#"><i class="icon-user mi"></i>John</a>
  477.                                     </span>
  478.                                         <span class="more_meta"><a href="#"><i class="icon-message mi"></i> <span class="dsq-postid">0</span>
  479.                                         </a>
  480.                                         </span>
  481.                                     </div>
  482.                                 </div>
  483.  
  484.                             </div><!--/slideshow-->
  485.                         </div>
  486.                     </div><!-- .widget /-->
  487.                 </div><!-- .grid_3 /-->
  488.  
  489.                 <div class="omega grid_3 footer_w">
  490.                     <div class="widget_subscribe">
  491.                         <div class="b_title"><h4>Subscribe to RSS Feeds</h4></div>
  492.                         <div class="widget clearfix">
  493.                             <p>Get all latest content delivered to your email a few times a month. Updates and news about all categories will send to you.</p>
  494.                             <form class="widget_rss_subscription" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onSubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=sevenpsd', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
  495.                                 <input type="text" placeholder="Your Email" name="email" required />
  496.                                 <input type="hidden" value="sevenpsd" name="uri" />
  497.                                 <input type="hidden" name="loc" value="en_US" />
  498.                                 <button type="submit" id="submit" value="Subscribe"><span>Sign Up</span>
  499.                                 </button>
  500.                             </form>
  501.  
  502.                         </div>
  503.                     </div><!-- .widget /-->
  504.  
  505.                     <div class="widget_social">
  506.                         <div class="b_title"><h4>Follow Us</h4></div>
  507.                         <div class="widget social with_color clearfix">
  508.                             <a rel="nofollow" class="toptip" href="#" target="_blank" title="Follow us on twitter"><i class="fa fa-twitter"></i></a>
  509.                             <a rel="nofollow" class="toptip" href="#" target="_blank" title="Like us on facebook"><i class="fa fa-facebook"></i></a>
  510.                             <a rel="nofollow" class="toptip" href="#" target="_blank" title="Follow us on dribbble"><i class="fa fa-dribbble"></i></a>
  511.                             <a rel="nofollow" class="toptip" href="#" target="_blank" title="Follow us on Google+"><i class="fa fa-google-plus"></i></a>
  512.                             <a rel="nofollow" class="toptip" href="#" target="_blank" title="Foursquare"><i class="fa fa-foursquare"></i></a>
  513.                             <a rel="nofollow" class="toptip" href="#" target="_blank" title="Follow us on Soundcloud"><i class="fa fa-cloud"></i></a>
  514.                             <a rel="nofollow" class="toptip" href="#" target="_blank" title="Flickr"><i class="fa fa-flickr"></i></a>
  515.                         </div>
  516.                     </div><!-- .widget social /-->
  517.                 </div><!-- .grid_3 /-->
  518.             </div><!-- /row -->
  519.  
  520.             <div class="row clearfix">
  521.                 <div class="footer_last">
  522.                     <span class="copyright">Copyright 2014 by Theme20. All Rights Reserved. Powered by HTML5</span>
  523.  
  524.                     <nav class="nav-footer" id="nav-footer">
  525.                         <ul class="sf-menu">
  526.                             <li class="current"><a href="index-2.html">Home</a></li>
  527.                             <li><a href="#">Forums</a></li>
  528.                             <li><a href="category.html">Movies</a></li>
  529.                             <li><a href="category.html">Reviews</a></li>
  530.                             <li><a href="category.html">Games</a></li>
  531.                             <li><a href="category.html">Contact</a></li>
  532.                         </ul>
  533.                     </nav><!--/nav-footer-->
  534.                 </div><!-- /last footer -->
  535.             </div><!-- /row -->
  536.         </footer><!-- /footer -->
  537.  
  538.     </div><!-- /layout -->
  539.  
  540.     <div id="toTop"><i class="icon-arrow-thin-up"></i></div>
  541.  
  542. <!-- /Scripts -->
  543.  
  544. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  545.  
  546. <script type="text/javascript">
  547. var id_kategori = 19;
  548.  
  549.             $(document).ready(function(){
  550.                 function loading_show(){
  551.                     $('#loading').html("<img src='../../images/loading.gif'/>").fadeIn('fast');
  552.                 }
  553.                 function loading_hide(){
  554.                     $('#loading').fadeOut('fast');
  555.                 }                
  556.                 function loadData(page,id){
  557.                     loading_show();                    
  558.                     $.ajax
  559.                     ({
  560.                         type: "POST",
  561.                         url: "../../load_data.php",
  562.                        data: "page="+page+"&id="+id,
  563.  
  564.                         success: function(msg)
  565.                         {
  566.                             $("#container7").ajaxComplete(function(event, request, settings)
  567.                             {
  568.                                 loading_hide();
  569.                                 $("#container7").html(msg);
  570.                             });
  571.                         }
  572.                     });
  573.                 }
  574.                loadData(1,id_kategori);  // For first time page load default results
  575.                 $('#container7 .pagination li.active').live('click',function(){
  576.                     var page = $(this).attr('p');
  577.                     loadData(page,id_kategori);
  578.                    
  579.                 });            
  580.                 $('#go_btn').live('click',function(){
  581.                     var page = parseInt($('.goto').val());
  582.                     var no_of_pages = parseInt($('.total').attr('a'));
  583.                     if(page != 0 && page <= no_of_pages){
  584.                         loadData(page,id_kategori);
  585.                     }else{
  586.                         alert('Enter a PAGE between 1 and '+no_of_pages);
  587.                         $('.goto').val("").focus();
  588.                         return false;
  589.                     }
  590.                    
  591.                 });
  592.             });
  593.  
  594.    </script>
  595.  
  596.     <script type='text/javascript' src='<?php echo "$accank/$f[folder]/js/jquery.js" ?>'></script>
  597.     <script type='text/javascript' src='<?php echo "$accank/$f[folder]/js/seven.min.js" ?>'></script>
  598.     <script type='text/javascript' src='<?php echo "$accank/$f[folder]/js/owl.carousel.min.js" ?>'></script>
  599.     <script type='text/javascript' src='<?php echo "$accank/$f[folder]/js/jquery.li-scroller.1.0.js" ?>'></script>
  600.     <script type='text/javascript' src='<?php echo "$accank/$f[folder]/js/jquery.fitvids.js" ?>'></script>
  601.     <script type='text/javascript' src='<?php echo "$accank/$f[folder]/js/custom.js" ?>'></script>
  602.    
  603.    
  604.  
  605.  
  606. <link rel='stylesheet' href='<?php echo "$accank/$f[folder]/customizer/style.css" ?>' type='text/css' media='all' />
  607. <script type='text/javascript' src='<?php echo "$accank/$f[folder]/customizer/script.js" ?>'></script>
  608.  
  609.  
  610. </body>
  611. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!