<?php include 'includes/header.php';?>
<title><?=$seo['gallery_title'];?></title>
<meta name="Keywords" content="<?=$seo['gallery_keywords'];?>"/>
<meta name="Description" content="<?=$seo['gallery_description'];?>"/>
<meta name="Author" content="parstech">
<?php include 'includes/snavbar.php';?>
<!-- Header End -->
<div class="page-content bg-white">
<!-- Banner -->
<div class="dlab-bnr-inr overlay-primary-dark" style="background-image: url(<?=$ayar['web_adress'];?>/img/<?=$gorsel['project_pictures'];?>);">
<div class="container">
<div class="dlab-bnr-inr-entry">
<h1><?php echo $dil['010'];?></h1>
<!-- Breadcrumb Row -->
<nav aria-label="breadcrumb" class="breadcrumb-row">
<ul class="breadcrumb">
<li class="breadcrumb-item"><a href="<?=$ayar['web_adress'];?>"><?php echo $dil['001'];?></a></li>
<li class="breadcrumb-item active" aria-current="page"><?php echo $dil['010'];?></li>
</ul>
</nav>
<!-- Breadcrumb Row End -->
</div>
</div>
</div>
<!-- Banner End -->

<!-- Projects -->
<section class="content-inner-1">
<div class="container-fluid">
<div class="section-head style-1 text-center mb-3">
<h2 class="title"><?php echo $dil['010'];?></h2>
</div>
<div class="site-filters style-1 clearfix center mb-5">
<ul class="filters" data-toggle="buttons">

<li class="btn active">
<input type="radio">
<a href="javascript:void(0);"><?php echo $dil['116'];?></a>
</li>

<?php

$katsorgu = $dbh->prepare("SELECT * FROM project_categories");
$katsorgu->execute();
while ($katsonuc = $katsorgu->fetch()) {
$id = $katsonuc['id'];
$categories_name = $katsonuc['categories_name'];
$katsonuc = cevir("project_categories",$katsonuc,$_SESSION["dil"]);
?>
<li data-filter=".web<?=$katsonuc['id'];?>" class="btn">
<input type="radio">
<a href="javascript:void(0);"><?=$katsonuc['categories_name'];?></a>
</li>
<?php } ?>
</ul>
</div>
<div class="clearfix">
<ul id="masonry" class="row lightgallery">

<?php

$refsorgu = $dbh->prepare("SELECT * FROM project");
$refsorgu->execute();
while ($refsonuc = $refsorgu->fetch()) {
$id = $refsonuc['id'];
$project_name = $refsonuc['project_name'];
$parent = $refsonuc['parent'];
$foto = $refsonuc['foto'];
$refsonuc = cevir("project",$refsonuc,$_SESSION["dil"]);

$check = $dbh->query("SELECT * FROM project_categories WHERE id = '".$parent."' ", PDO::FETCH_ASSOC);
if ($check->rowCount()) {
foreach ($check as $check) {
}
$check = cevir("project_categories",$check,$_SESSION["dil"]);
$kategori = $check["categories_name"];
}
?>

<li class="card-container col-lg-3 col-md-6 col-sm-6 web<?=$refsonuc['parent'];?> wow fadeInUp" data-wow-duration="2s" data-wow-delay="0.2s">
<div class="dlab-box dlab-overlay-box style-1 m-b30">
<div class="dlab-media dlab-img-overlay1 primary">
<img src="<?=$ayar['web_adress'];?>/img/<?=$refsonuc['foto'];?>" alt="">
<span data-exthumbimage="<?=$ayar['web_adress'];?>/img/<?=$refsonuc['foto'];?>" data-src="<?=$ayar['web_adress'];?>/img/<?=$refsonuc['foto'];?>" class="lightimg" title="<?=$refsonuc['project_name'];?>">
<i class="la la-plus"></i>
</span>
</div>
<div class="dlab-info">
<h4 class="title"><a href="calismalarimiz/<?=seo($refsonuc['project_name']) ?>"><?=$refsonuc['project_name'];?></a></h4>
<ul class="tags-list">
<li><font color="white"><?=$kategori?></font></li>
</ul>

</div>
</div>
</li>

<?php } ?>

</ul>
</div>
</div>
</section>

<!-- Fetures -->
<section class="content-inner">
<div class="container">
<div class="row align-items-center">
<div class="col-xl-6 col-lg-7 wow fadeInLeft" data-wow-duration="2s" data-wow-delay="0.2s">
<div class="section-head style-1">
<h2 class="title"><?php echo $dil['117'];?></h2>
</div>
<div class="section-wraper-one">
<div class="icon-bx-wraper style-2 left m-b30">
<div class="icon-bx-md radius bg-white text-red">
<a href="javascript:void(0);" class="icon-cell">
<i class="<?=$service['icon_one'];?>"></i>
</a>
</div>
<div class="icon-content">
<h4 class="dlab-title"><?=$service['text_one'];?></h4>
<p><?=$service['desc_one'];?></p>
</div>
</div>
<div class="icon-bx-wraper style-2 left m-b30">
<div class="icon-bx-md radius bg-white text-yellow">
<a href="javascript:void(0);" class="icon-cell">
<i class="<?=$service['icon_two'];?>"></i>
</a>
</div>
<div class="icon-content">
<h4 class="dlab-title"><?=$service['text_two'];?></h4>
<p><?=$service['desc_two'];?></p>
</div>
</div>
<div class="icon-bx-wraper style-2 left m-b30">
<div class="icon-bx-md radius bg-white text-green">
<a href="javascript:void(0);" class="icon-cell">
<i class="<?=$service['icon_three'];?>"></i>
</a>
</div>
<div class="icon-content">
<h4 class="dlab-title"><?=$service['text_three'];?></h4>
<p><?=$service['desc_three'];?></p>
</div>
</div>
</div>
</div>
<div class="col-xl-6 col-lg-5 m-b30 wow fadeInRight" data-wow-duration="2s" data-wow-delay="0.4s">
<div class="dlab-media cf-r-img">
<img src="img/<?=$service['foto'];?>" class="move-2" alt="">
</div>
</div>
</div>
</div>
</section>

<?php include 'includes/price.php';?>
<?php include 'includes/sfooter.php';?>

.row {
display: flex;
flex-wrap: wrap;
margin-right: 0px;
margin-left: 0px; }

.no-gutters {
margin-right: 0;
margin-left: 0; }
.no-gutters > .col,
.no-gutters > [class*="col-"] {
padding-right: 0;
padding-left: 0; }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl,
.col-xxl-auto {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px; }

.col {
flex-basis: 0;
flex-grow: 1;
max-width: 100%; }

.row-cols-1 > * {
flex: 0 0 100%;
max-width: 100%; }

.row-cols-2 > * {
flex: 0 0 50%;
max-width: 50%; }

.row-cols-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%; }

.row-cols-4 > * {
flex: 0 0 25%;
max-width: 25%; }

.row-cols-5 > * {
flex: 0 0 20%;
max-width: 20%; }

.row-cols-6 > * {
flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%; }