<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>International Paint Artist in Hyderabad</title>
<link href="https://fonts.googleapis.com/css?family=Quattrocento:400,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Raleway:400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet"> 
<link rel="stylesheet" href="assets/css/bootstrap.css" type="text/css">
<link rel="stylesheet" href="assets/css/animate.min.css" type="text/css">
<link rel="stylesheet" href="assets/css/font-awesome.min.css" type="text/css">
<link rel="stylesheet" href="assets/css/magnific-popup.css" type="text/css">
<link rel="stylesheet" href="assets/css/bootsnav.css" type="text/css"/>
<link rel="stylesheet" href="assets/css/owl.carousel.min.css" type="text/css"/>
<link rel="stylesheet" href="assets/css/style.css" type="text/css">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>

<style>

    .exhibitions
    {
        column-count: 3;
    }
    
@media screen and (max-width: 480px) 
{
    .exhibitions
    {
        column-count: 1;
    }
    .exhibition_box {
    margin: 0px !important;
    }
}

.exhibition_box {
    margin: 30px;
    height: 500px;
}
.service-img {
    text-align: center;
}
.service-img img {
    width: 80%;
    margin: 0px auto;
}
    
</style>

<body>
<!--============== preloader ==============-->
<div class="preloader">
  <div class="animation circle"></div>
</div>
<!--============== end preloader ==============-->


<?php include "header.php"; ?>

<section class="section section-page-title" style="background-image:url(assets/images/slide1.jpg)">
<div class="overlay">
<h1>Exhibitions Participated</h1>
</div><!--overlay-->
</section>
<section class="section section-services-inner">
<div class="container exhibitions">
<div class="row">



<?php
//$directory = "./images/sri_thoughts";
$handle = opendir(dirname(realpath(__FILE__)).'/images/exhibitions/');
while($file = readdir($handle)){
  if($file !== '.' && $file !== '..'){
?>
<div class="exhibition_box">
<div class="service-box service-color-one">
<div class="service-img"><img src="images/exhibitions/<?php echo $file; ?>" alt="<?php echo $file; ?>"></div>
<div class="service-contents">
<h1><?php $one = str_replace("_"," ",$file); $two = str_replace("-"," ",$one); $three = str_replace(".jpg"," ",$two); echo $three; ?></h1>
<!--p>Considering just how important the makeup arts are for these industries, the quality of my work was required to match the class. After hundreds of sessions it seems it did!
</p-->
</div><!--service-contents-->
</div><!--service-box-->
</div><!--col-md-4-->
<?php
}
}
?>	


</div><!--row-->
</div><!--container-->
</section><!--section-services-->















<?php include "footer.php"; ?>

<a class="goto-top"><i class="fa fa-angle-double-up" aria-hidden="true"></i></a> <!--go to top-->

<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/bootsnav.js"></script>
<script src="assets/js/plugins.js"></script>
<script src="assets/js/script.js"></script>

</body>