<!DOCTYPE html>
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Newark Granite Gallery</title>

<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="chevere.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
   $("#hide ,#hide").click(function(){
        $("a").hide();
    });
    $("#show ,#show").click(function(){
        $("a").show();
    });
});
</script>


<?php 
	require_once('gallery_admin/front.php');
	putUniteGalleryHeader("image1_group1");
        putUniteGalleryHeader("quartz1_group1");
	echo putUniteGalleryHeader("gallery1_group1");
	echo putUniteGalleryHeader("quartzgallery1_group1");
?>
<style>
body {font-family: "Georgia", sans-serif}
.mySlides {display: none}


font2 {
    position: absolute;
    color: black;
    bottom: 0px;
    left: 0px;
    font-size: 12px;
}


.button2:hover {
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}


element.style {
    width: 1100px;
    height: 22px;
    width: 1100px;
    border-top: 2px solid #ffffff;
    opacity: 1;
    filter: alpha(opacity=1);
}

#wsb-element-6d327ab0-bf39-46b7-9efc-4042222ef827 .wsb-line-element {
    width: 1100px;
    height: 22px;
}

</style>



</head>
<body style="background-color:#999999;" style="max-width:1100px">

<div class="w3-main">

<!-- Sidenav/menu -->
<div class="w3-padding-4">
<nav class="w3-sidenav w3-round-large w3-collapse button2 w3-animate-left" style="background-color:#c9c9c9; border: 2; z-index:3;width:130px;" id="mySidenav"><br>

  <div class="w3-container">

  </div>
  
  <a href="#" onclick="w3_close()" class="w3-round-large w3-red w3-button button2 w3-padding-large" style="border: 2px solid #e8e8e8; border-radius:6px">Exotic # 5</a>
  <br>
  <a href="#group1" onclick="w3_close()" class="w3-round-large w3-red w3-button button2 w3-padding-large" style="border: 2px solid #e8e8e8; border-radius:6px"> Group # 1</a>
  <br>
  <a href="#group2" onclick="w3_close()" class="w3-round-large w3-red w3-button button2 w3-padding-large" style="border: 2px solid #e8e8e8; border-radius:6px">Group # 2</a>
  <br>
  <a href="#group3" onclick="w3_close()" class="w3-round-large w3-red w3-button button2 w3-padding-large" style="border: 2px solid #e8e8e8; border-radius:6px">Group # 3</a>
  <br>
  <a href="#quartz-group1" onclick="w3_close()" class="w3-round-large w3-red w3-button button2 w3-padding-large" style="border: 2px solid #e8e8e8; border-radius:6px">Quartz # 1-2</a>
  <br>
  <a href="http://www.placidomusica.com/price/price.html" onclick="w3_close()" class="w3-round-large w3-red w3-button button2 w3-padding-large" style="border: 2px solid #e8e8e8; border-radius:6px">Price Quote</a>
  


</nav>

<div class="w3-main" style="margin-left:120px">
<div id="exotic">    
<div class="w3-container w3-content">     
   <div class="wsb-line-element" style="width: 940px; height: 8px;border-top: 2px solid #ffffff;opacity: 1;filter: alpha(opacity=1);">
            <div class="w3-content">
        </div>
     </div>
      <h2 class="w3-text-red w3-center">Granite Material</h2>
     </div>
     </div>
    <div class="w3-container w3-content">
        <div class="wsb-line-element" style="width: 940px; height: 8px;border-top: 2px solid #ffffff;opacity: 1;filter: alpha(opacity=1);">
            <div class="w3-content">
            </div>
       </div>
<h5 class="w3-text-white w3-center">Our exotic Colors Group # 5 Only $49.99 psqf.</h5>
<div class="w3-container w3-content w3-center w3-padding-tiny" style="max-width:1100px">



<!------------Images1---------------->
   <div class="w3-thirdplacido5 w3-margin-bottom">
    <a id="hide" class="w3-img" title="" onclick="document.getElementById('Gallery1_group5').style.display='block'"><?php putUniteGallery("color1_group5"); ?>
    <div class="w3-container w3-hover-opacity"></a>
          </div>
        </div>
        
        
    <!------------Images2---------------->   
    
     <div class="w3-thirdplacido5 w3-margin-bottom">
    <a id="hide" title="" class="w3-img" onclick="document.getElementById('Gallery2_group5').style.display='block'"><?php putUniteGallery("color2_group5"); ?>
<div class="w3-container w3-hover-opacity"></a>
          </div>
        </div>
        
      <!------------Images3---------------->    
        
        <div class="w3-thirdplacido5 w3-margin-bottom">
    <a id="hide" title="" class="w3-img" onclick="document.getElementById('Gallery3_group5').style.display='block'"><?php putUniteGallery("color3_group5"); ?>
<div class="w3-container w3-hover-opacity"></a>
          </div>
         </div>
        
        
        
        <!------------Images4---------------->    
        
        <div class="w3-thirdplacido5 w3-margin-bottom">
    <a id="hide" title="" class="w3-img" onclick="document.getElementById('Gallery4_group5').style.display='block'"><?php putUniteGallery("color4_group5"); ?><div class="w3-container w3-hover-opacity"></a>
          </div>
         </div>


        <!------------Images5---------------->    
        
        <div class="w3-thirdplacido5 w3-margin-bottom">
    <a id="hide" title="" class="w3-img" onclick="document.getElementById('Gallery5_group5').style.display='block'"><?php putUniteGallery("color5_group5"); ?><div class="w3-container w3-hover-opacity"></a>
          </div>
         </div>
        </div>
      </div>
<div style="height:10px;" class="w3-grayscale-max"></div>
       
    
    <!----------------------------end group # 5----------------------------------------->
    
    
    
  <!-------------------- Group # 1 ----------------------------------------------->
  

 <div id="group1">
    <div class="w3-container w3-content">
        
   <div class="wsb-line-element" style="width: 940px; height: 8px;border-top: 2px solid #ffffff;opacity: 1;filter: alpha(opacity=1);">
            <div class="w3-content">
        </div>
     </div>
      <h5 class="w3-text-white w3-center">Group # 1 $27.99</h5>
<div class="w3-container w3-content w3-center w3-padding-tiny" style="max-width:1100px">
 

<!------------Images1---------------->
   <div class="w3-thirdplacido6 w3-margin-bottom">
    <a id="hide" class="w3-img" title="" onclick="document.getElementById('gallery1_group1').style.display='block'"><?php putUniteGallery("image1_group1"); ?>
    <div class="w3-container w3-hover-opacity"></a>
          </div>
        </div>
        
        
    <!------------Images2---------------->   
    
     <div class="w3-thirdplacido6 w3-margin-bottom">
    <a id="hide" title="" class="w3-img" onclick="document.getElementById('gallery2_group1').style.display='block'"><?php putUniteGallery("image2_group1"); ?><div class="w3-container w3-hover-opacity"></a>
          </div>
        </div>
        
      <!------------Images3---------------->    
        
        <div class="w3-thirdplacido6 w3-margin-bottomplacido1">
    <a id="hide" title="" class="w3-img" onclick="document.getElementById('gallery3_group1').style.display='block'"><?php putUniteGallery("image3_group1"); ?><div class="w3-container w3-hover-opacity"></a>
          </div>
         </div>
        
        
        
        <!------------Images4---------------->  
  
  <div class="w3-thirdplacido6 w3-margin-bottom">
    <a id="hide" title="" class="w3-img" onclick="document.getElementById('gallery9_group1').style.display='block'"><?php putUniteGallery("image9_group1"); ?><div class="w3-container w3-hover-opacity"></a>
          </div>
         </div>      


        <!------------Images5---------------->    
        
        <div class="w3-thirdplacido6 w3-margin-bottom">
    <a id="hide" title="" class="w3-img" onclick="document.getElementById('gallery5_group1').style.display='block'"><?php putUniteGallery("image5_group1"); ?><div class="w3-container w3-hover-opacity"></a>
          </div>
         </div>



        <!------------Images6---------------->    
        
        <div class="w3-thirdplacido6 w3-margin-bottom">
    <a id="hide" title="" class="w3-img" onclick="document.getElementById('gallery6_group1').style.display='block'"><?php putUniteGallery("image6_group1"); ?><div class="w3-container w3-hover-opacity"></a>
          </div>
         </div>
        </div>
      </div>
<div style="height:10px;" class="w3-grayscale-max"></div>




<div id="group2">
    
<div class="w3-container w3-content">
        
   <div class="wsb-line-element" style="width: 940px; height: 8px;border-top: 2px solid #ffffff;opacity: 1;filter: alpha(opacity=1);">
            <div class="w3-content">
        </div>
     </div>
      <h5 class="w3-text-white w3-center">Group # 2 $30.99</h5>
<div class="w3-container w3-content w3-center w3-padding-tiny" style="max-width:1100px">    
    

<!------------Images7---------------->       
        <div class="w3-thirdplacido6 w3-margin-bottom">
    <a id="hide" title="" class="w3-img" onclick="document.getElementById('gallery7_group1').style.display='block'"><?php putUniteGallery("image7_group1"); ?><div class="w3-container w3-hover-opacity"></a>
          </div>
         </div>




         <!------------Images8---------------->    
        
        <div class="w3-thirdplacido6 w3-margin-bottom">
    <a id="hide" title="" class="w3-img" onclick="document.getElementById('gallery8_group1').style.display='block'"><?php putUniteGallery("image8_group1"); ?><div class="w3-container w3-hover-opacity"></a>
          </div>
         </div>



          <!------------Images9---------------->    
          
        
        <div class="w3-thirdplacido6 w3-margin-bottom">
    <a id="hide" title="" class="w3-img" onclick="document.getElementById('gallery4_group1').style.display='block'"><?php putUniteGallery("image4_group1"); ?><div class="w3-container w3-hover-opacity"></a>
          </div>
         </div>




        <!------------Images10---------------->    
        
        <div class="w3-thirdplacido6 w3-margin-bottom">
    <a id="hide" title="" class="w3-img" onclick="document.getElementById('gallery10_group1').style.display='block'"><?php putUniteGallery("image10_group1"); ?><div class="w3-container w3-hover-opacity"></a>
          </div>
         </div>



        <!------------Images11---------------->    
        
        <div class="w3-thirdplacido6 w3-margin-bottom">
    <a id="hide" title="" class="w3-img" onclick="document.getElementById('gallery11_group1').style.display='block'"><?php putUniteGallery("image11_group1"); ?><div class="w3-container w3-hover-opacity"></a>
          </div>
         </div>



        <!------------Images12---------------->    
        
        <div class="w3-thirdplacido6 w3-margin-bottom">
    <a id="hide" title="" class="w3-img" onclick="document.getElementById('gallery12_group1').style.display='block'"><?php putUniteGallery("image12_group1"); ?><div class="w3-container w3-hover-opacity"></a>
          </div>
         </div>



         <!------------Images13---------------->    
        
        <div class="w3-thirdplacido6 w3-margin-bottom">
    <a id="hide" title="" class="w3-img" onclick="document.getElementById('gallery13_group1').style.display='block'"><?php putUniteGallery("image13_group1"); ?><div class="w3-container w3-hover-opacity"></a>
          </div>
         </div>




         <!------------Images14---------------->    
        
        <div class="w3-thirdplacido6 w3-margin-bottom">
    <a id="hide" title="" class="w3-img" onclick="document.getElementById('gallery14_group1').style.display='block'"><?php putUniteGallery("image14_group1"); ?><div class="w3-container w3-hover-opacity"></a>
          </div>
         </div>
      
    



         <!------------Images15---------------->    
        
        <div class="w3-thirdplacido6 w3-margin-bottom">
    <a id="hide" title="" class="w3-img" onclick="document.getElementById('gallery15_group1').style.display='block'"><?php putUniteGallery("image15_group1"); ?><div class="w3-container w3-hover-opacity"></a>
          </div>
         </div>




        <!------------Images16---------------->    
        
        <div class="w3-thirdplacido6 w3-margin-bottom">
    <a id="hide" title="" class="w3-img" onclick="document.getElementById('gallery16_group1').style.display='block'"><?php putUniteGallery("image16_group1"); ?><div class="w3-container w3-hover-opacity"></a>
          </div>
         </div>



        <!------------Images17---------------->    
        
        <div class="w3-thirdplacido6 w3-margin-bottom">
    <a id="hide" title="" class="w3-img" onclick="document.getElementById('gallery17_group1').style.display='block'"><?php putUniteGallery("image17_group1"); ?><div class="w3-container w3-hover-opacity"></a>
          </div>
         </div>



        <!------------Images18---------------->    
        
        <div class="w3-thirdplacido6 w3-margin-bottom">
    <a id="hide" title="" class="w3-img" onclick="document.getElementById('gallery18_group1').style.display='block'"><?php putUniteGallery("image18_group1"); ?><div class="w3-container w3-hover-opacity"></a>
          </div>
         </div>
        </div>
       </div>

<div style="height:10px;" class="w3-grayscale-max"></div>


<!------ Group # 3 ------->
   <div id="group3">
  <div class="w3-container w3-content">
        
   <div class="wsb-line-element" style="width: 940px; height: 8px;border-top: 2px solid #ffffff;opacity: 1;filter: alpha(opacity=1);">
            <div class="w3-content">
        </div>
     </div>
      <h5 class="w3-text-white w3-center">Group # 3 $33.99</h5>
<div class="w3-container w3-content w3-center w3-padding-tiny" style="max-width:1100px">     

<!------------Images1---------------->
   <div class="w3-thirdplacido6 w3-margin-bottom">
    <a id="hide" class="w3-img" title="" onclick="document.getElementById('gallery1_group3').style.display='block'"><?php putUniteGallery("image1_group3"); ?>
    <div class="w3-container w3-hover-opacity"></a>
          </div>
        </div>
        
        
    <!------------Images2---------------->   
    
     <div class="w3-thirdplacido6 w3-margin-bottom">
    <a id="hide" title="" class="w3-img" onclick="document.getElementById('gallery2_group3').style.display='block'"><?php putUniteGallery("image2_group3"); ?><div class="w3-container w3-hover-opacity"></a>
          </div>
        </div>
        
      <!------------Images3---------------->    
        
        <div class="w3-thirdplacido6 w3-margin-bottom">
    <a id="hide" title="" class="w3-img" onclick="document.getElementById('gallery4_group3').style.display='block'"><?php putUniteGallery("image3_group3"); ?><div class="w3-container w3-hover-opacity"></a>
          </div>
         </div>
        
        
        
        <!------------Images4---------------->    
        
        <div class="w3-thirdplacido6 w3-margin-bottom">
    <a id="hide" title="" class="w3-img" onclick="document.getElementById('gallery3_group3').style.display='block'"><?php putUniteGallery("image4_group3"); ?><div class="w3-container w3-hover-opacity"></a>
          </div>
         </div>


        <!------------Images5---------------->    
        
        <div class="w3-thirdplacido6 w3-margin-bottom">
    <a id="hide" title="" class="w3-img" onclick="document.getElementById('gallery5_group3').style.display='block'"><?php putUniteGallery("image5_group3"); ?><div class="w3-container w3-hover-opacity"></a>
          </div>
         </div>



        <!------------Images6---------------->    
        
        <div class="w3-thirdplacido6 w3-margin-bottom">
    <a id="hide" title="" class="w3-img" onclick="document.getElementById('gallery6_group3').style.display='block'"><?php putUniteGallery("image6_group3"); ?><div class="w3-container w3-hover-opacity"></a>
          </div>
         </div>
        </div>
      </div>
<div style="height:10px;" class="w3-grayscale-max"></div>


<div id="quartz-group1">
   <div class="w3-container w3-content">     
   <div class="wsb-line-element" style="width: 940px; height: 8px;border-top: 2px solid #ffffff;opacity: 1;filter: alpha(opacity=1);">
            <div class="w3-content">
        </div>
     </div>
      <h2 class="w3-text-red w3-center">Quartz Material</h2>
     </div>
     </div>

<div class="w3-container w3-content">
        
   <div class="wsb-line-element" style="width: 940px; height: 8px;border-top: 2px solid #ffffff;opacity: 1;filter: alpha(opacity=1);">
            <div class="w3-content">
        </div>
     </div>
      <h5 class="w3-text-white w3-center">Quartz Group # 1  $36.99 psqf.</h5>
      
<div class="w3-container w3-content w3-center w3-padding-tiny" style="max-width:1100px">     

<!------------Images1---------------->
   <div class="w3-thirdplacido5 w3-margin-bottom">
    <a id="hide" class="w3-img" title="" onclick="document.getElementById('quartzgallery1_group1').style.display='block'"><?php putUniteGallery("quartz1_group1"); ?>
    <div class="w3-container w3-hover-opacity"></a>
          </div>
        </div>
        
        
    <!------------Images2---------------->   
    
     <div class="w3-thirdplacido5 w3-margin-bottom">
    <a id="hide" title="" class="w3-img" onclick="document.getElementById('quartzgallery2_group1').style.display='block'"><?php putUniteGallery("quartz2_group1"); ?>
<div class="w3-container w3-hover-opacity"></a>
          </div>
        </div>
        
      <!------------Images3---------------->    
        
        <div class="w3-thirdplacido5 w3-margin-bottom">
    <a id="hide" title="" class="w3-img" onclick="document.getElementById('quartzgallery3_group1').style.display='block'"><?php putUniteGallery("quartz3_group1"); ?>
<div class="w3-container w3-hover-opacity"></a>
          </div>
         </div>
        
        
        
        <!------------Images4---------------->    
        
        <div class="w3-thirdplacido5 w3-margin-bottom">
    <a id="hide" title="" class="w3-img" onclick="document.getElementById('quartzgallery4_group1').style.display='block'"><?php putUniteGallery("quartz4_group1"); ?><div class="w3-container w3-hover-opacity"></a>
          </div>
         </div>


        <!------------Images5---------------->    
        
        <div class="w3-thirdplacido5 w3-margin-bottom">
    <a id="hide" title="" class="w3-img" onclick="document.getElementById('quartzgallery5_group1').style.display='block'"><?php putUniteGallery("quartz5_group1"); ?><div class="w3-container w3-hover-opacity"></a>
       
          </div>
         </div>
        </div>
      </div>
<div style="height:10px;" class="w3-grayscale-max"></div>
       




    <!------------------Quartz Group # 2----------------------->
    <div id="quartz-group2">
 <div class="w3-container w3-content">
        
   <div class="wsb-line-element" style="width: 940px; height: 8px;border-top: 2px solid #ffffff;opacity: 1;filter: alpha(opacity=1);">
            <div class="w3-content">
        </div>
     </div>
      <h5 class="w3-text-white w3-center">Quartz Group # 2  $41.99 psqf.</h5>
      
<div class="w3-container w3-content w3-center w3-padding-tiny" style="max-width:1100px">   
    
    

<!------------Images1---------------->
   <div class="w3-thirdplacido5 w3-margin-bottom">
    <a id="hide" class="w3-img" title="" onclick="document.getElementById('quartzgallery1_group2').style.display='block'"><?php putUniteGallery("quartz1_group2"); ?>
    <div class="w3-container w3-hover-opacity"></a>
          </div>
        </div>
        
        
    <!------------Images2---------------->   
    
     <div class="w3-thirdplacido5 w3-margin-bottom">
    <a id="hide" title="" class="w3-img" onclick="document.getElementById('quartzgallery2_group2').style.display='block'"><?php putUniteGallery("quartz2_group2"); ?><div class="w3-container w3-hover-opacity"></a>
          </div>
        </div>
        
      <!------------Images3---------------->    
        
        <div class="w3-thirdplacido5 w3-margin-bottom">
    <a id="hide" title="" class="w3-img" onclick="document.getElementById('quartzgallery3_group2').style.display='block'"><?php putUniteGallery("quartz3_group2"); ?><div class="w3-container w3-hover-opacity"></a>
          </div>
         </div>
        
        
        
        <!------------Images4---------------->    
        
        <div class="w3-thirdplacido5 w3-margin-bottom">
    <a id="hide" title="" class="w3-img" onclick="document.getElementById('quartzgallery4_group2').style.display='block'"><?php putUniteGallery("quartz4_group2"); ?><div class="w3-container w3-hover-opacity"></a>
          </div>
         </div>


        <!------------Images5---------------->    
        
        <div class="w3-thirdplacido5 w3-margin-bottom">
    <a id="hide" title="" class="w3-img" onclick="document.getElementById('quartzgallery5_group2').style.display='block'"><?php putUniteGallery("quartz5_group2"); ?><div class="w3-container w3-hover-opacity"></a>
          </div>
         </div>
        




<div class="w3-container w3-content w3-padding-tiny" style="max-width:1100px">
<h4 class="w3-text-red">Within 55 miles distance from Newark NJ 07103 No Charger, 55 to 75 miles $100.00 Extra Charge</h4>
</div>
<div class="w3-container w3-content w3-padding-tiny" style="max-width:1100px">
<h4 class="w3-text-red">Stone Colors</h4>
</div>
</div>

<p class="w3-text-white">
Here are photos that show you some examples of color and size of the natural stones Slabs.<br>
All prices are based on 33 S.Q.F. and over. For more details click on Price Quote.<br>
Note: All natural stone vary in exact color depending on the specific lot number. <br> That is why we recommend that you visit our warehouse or Fabrication Shop to pick the exact color and size that you desire.<br>
All colors groups #4 and up to see full slab visit our
warehouse:
</p>
<p class="w3-text-red">
50 Boright Av 
Kenilworth, New Jersey 07033<p>
<p class="w3-text-white">
This is the address of the warehouse only. It is not the address of our Fabrication Shop.<br>

All colors Group #1,#2,#3 and Promo $27.99 to see full slab visit our
Fabrication Shop:<p>
<p class="w3-text-red">
763 South 18th Street
Newark, New Jersey 07103<p>
<p class="w3-text-white">
Please contact us for more information.<p>
</p>
</div>
</div>



<div style="height:40px;" class="w3-grayscale-max"></div>



<!-------------------Gallery1 group5---------------------------->      
        

  <div id="Gallery1_group5" class="w3-modal"> 
<div class="w3-modal-content w3-animate-top w3-card-16">
      <header class="w3-container w3-teal w3-center w3-padding-8">
         <button id="show" style="float:right; border-radius:6px; background-color:#A52A2A; padding:6px 18px; color:white;cursor:pointer;" onclick="document.getElementById('Gallery1_group5').style.display='none'">Close<i class="fa fa-remove"></i></button>
        </header>
<div class="w3-padding-4">
   <!-- put this code to BODY part -->
<?php putUniteGallery("Gallery1_group5"); ?>



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


    <!-------------------Gallery2 group5---------------------------->

 <!-- tan-brown -->
  <div id="Gallery2_group5" class="w3-modal">
    <div class="w3-modal-content w3-animate-top w3-card-16">
      <header class="w3-container w3-teal w3-center w3-padding-8">
        <button id="show" style="float:right; border-radius:6px; background-color:#A52A2A; padding:6px 18px; color:white;cursor:pointer;" onclick="document.getElementById('Gallery2_group5').style.display='none'">Close<i class="fa fa-remove"></i></button>
        </header>
<div class="w3-padding-4">
   <!-- put this code to BODY part -->
<?php putUniteGallery("Gallery2_group5"); ?>



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

    <!-------------------Gallery3 group5---------------------------->

     <div id="Gallery3_group5" class="w3-modal">
      <div class="w3-modal-content w3-animate-top w3-card-16">
      <header class="w3-container w3-teal w3-center w3-padding-8">
         <button id="show" style="float:right; border-radius:6px; background-color:#A52A2A; padding:6px 18px; color:white;cursor:pointer;" onclick="document.getElementById('Gallery3_group5').style.display='none'">Close<i class="fa fa-remove"></i></button>
        </header>
   <div class="w3-padding-4">
   <!-- put this code to BODY part -->
   <?php putUniteGallery("Gallery3_group5"); ?>



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


      <!-------------------Gallery4 group5---------------------------->

     <div id="Gallery4_group5" class="w3-modal">
      <div class="w3-modal-content w3-animate-top w3-card-16">
      <header class="w3-container w3-teal w3-center w3-padding-8">
         <button id="show" style="float:right; border-radius:6px; background-color:#A52A2A; padding:6px 18px; color:white;cursor:pointer;" onclick="document.getElementById('Gallery4_group5').style.display='none'">Close<i class="fa fa-remove"></i></button>
        </header>
   <div class="w3-padding-4">
   <!-- put this code to BODY part -->
   <?php putUniteGallery("Gallery4_group5"); ?>



          
         </div>
       </div>
      </div>
     </div>
    </div>
     
     
     <!-------------------Gallery5 group1---------------------------->

     <div id="Gallery5_group5" class="w3-modal">
      <div class="w3-modal-content w3-animate-top w3-card-16">
      <header class="w3-container w3-teal w3-center w3-padding-8">
        <button id="show" style="float:right; border-radius:6px; background-color:#A52A2A; padding:6px 18px; color:white;cursor:pointer;" onclick="document.getElementById('Gallery5_group5').style.display='none'">Close<i class="fa fa-remove"></i></button>
        </header>
   <div class="w3-padding-4">
   <!-- put this code to BODY part -->
   <?php putUniteGallery("Gallery5_group5"); ?>



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






<!----------------------------------------End Gallery # 5----------------->












<!-------------------Gallery1 Quartzgroup1---------------------------->      
        

  <div id="quartzgallery1_group1" class="w3-modal"> 
<div class="w3-modal-content w3-animate-top w3-card-16">
      <header class="w3-container w3-teal w3-center w3-padding-8">
         <button id="show" style="float:right; border-radius:6px; background-color:#A52A2A; padding:6px 18px; color:white;cursor:pointer;" onclick="document.getElementById('quartzgallery1_group1').style.display='none'">Close<i class="fa fa-remove"></i></button>
        </header>
<div class="w3-padding-4">
   <!-- put this code to BODY part -->
<?php putUniteGallery("quartzgallery1_group1"); ?>



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


    <!-------------------Gallery2 group1---------------------------->

 <!-- tan-brown -->
  <div id="quartzgallery2_group1" class="w3-modal">
    <div class="w3-modal-content w3-animate-top w3-card-16">
      <header class="w3-container w3-teal w3-center w3-padding-8">
          <button id="show" style="float:right; border-radius:6px; background-color:#A52A2A; padding:6px 18px; color:white;cursor:pointer;" onclick="document.getElementById('quartzgallery2_group1').style.display='none'">Close<i class="fa fa-remove"></i></button>
        </header>
<div class="w3-padding-4">
   <!-- put this code to BODY part -->
<?php putUniteGallery("quartzgallery2_group1"); ?>



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

    <!-------------------Gallery3 group1---------------------------->

     <div id="quartzgallery3_group1" class="w3-modal">
      <div class="w3-modal-content w3-animate-top w3-card-16">
      <header class="w3-container w3-teal w3-center w3-padding-8">
         <button id="show" style="float:right; border-radius:6px; background-color:#A52A2A; padding:6px 18px; color:white;cursor:pointer;" onclick="document.getElementById('quartzgallery3_group1').style.display='none'">Close<i class="fa fa-remove"></i></button>
        </header>
   <div class="w3-padding-4">
   <!-- put this code to BODY part -->
   <?php putUniteGallery("quartzgallery3_group1"); ?>



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


      <!-------------------Gallery4 group1---------------------------->

     <div id="quartzgallery4_group1" class="w3-modal">
      <div class="w3-modal-content w3-animate-top w3-card-16">
      <header class="w3-container w3-teal w3-center w3-padding-8">
         <button id="show" style="float:right; border-radius:6px; background-color:#A52A2A; padding:6px 18px; color:white;cursor:pointer;" onclick="document.getElementById('quartzgallery4_group1').style.display='none'">Close<i class="fa fa-remove"></i></button>
        </header>
   <div class="w3-padding-4">
   <!-- put this code to BODY part -->
   <?php putUniteGallery("quartzgallery4_group1"); ?>



          
         </div>
       </div>
      </div>
     </div>
    </div>
     
     
     <!-------------------Gallery5 group1---------------------------->

     <div id="quartzgallery5_group1" class="w3-modal">
      <div class="w3-modal-content w3-animate-top w3-card-16">
      <header class="w3-container w3-teal w3-center w3-padding-8">
        <button id="show" style="float:right; border-radius:6px; background-color:#A52A2A; padding:6px 18px; color:white;cursor:pointer;" onclick="document.getElementById('quartzgallery5_group1').style.display='none'">Close<i class="fa fa-remove"></i></button>
        </header>
   <div class="w3-padding-4">
   <!-- put this code to BODY part -->
   <?php putUniteGallery("quartzgallery5_group1"); ?>



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



        <!-------------------Gallery1 group2---------------------------->

     <div id="quartzgallery1_group2" class="w3-modal">
      <div class="w3-modal-content w3-animate-top w3-card-16">
      <header class="w3-container w3-teal w3-center w3-padding-8">
         <button id="show" style="float:right; border-radius:6px; background-color:#A52A2A; padding:6px 18px; color:white;cursor:pointer;" onclick="document.getElementById('quartzgallery1_group2').style.display='none'">Close<i class="fa fa-remove"></i></button>
        </header>
   <div class="w3-padding-4">
   <!-- put this code to BODY part -->
   <?php putUniteGallery("quartzgallery1_group2"); ?>



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



    <!-------------------Gallery2 group2---------------------------->

     <div id="quartzgallery2_group2" class="w3-modal">
      <div class="w3-modal-content w3-animate-top w3-card-16">
      <header class="w3-container w3-teal w3-center w3-padding-8">
         <button id="show" style="float:right; border-radius:6px; background-color:#A52A2A; padding:6px 18px; color:white;cursor:pointer;" onclick="document.getElementById('quartzgallery2_group2').style.display='none'">Close<i class="fa fa-remove"></i></button>
        </header>
   <div class="w3-padding-4">
   <!-- put this code to BODY part -->
   <?php putUniteGallery("quartzgallery2_group2"); ?>



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


  
     <!-------------------Gallery3 group2---------------------------->

     <div id="quartzgallery3_group2" class="w3-modal">
      <div class="w3-modal-content w3-animate-top w3-card-16">
      <header class="w3-container w3-teal w3-center w3-padding-8">
       <button id="show" style="float:right; border-radius:6px; background-color:#A52A2A; padding:6px 18px; color:white;cursor:pointer;" onclick="document.getElementById('quartzgallery3_group2').style.display='none'">Close<i class="fa fa-remove"></i></button>
        </header>
   <div class="w3-padding-4">
   <!-- put this code to BODY part -->
   <?php putUniteGallery("quartzgallery3_group2"); ?>



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



   <!-------------------Gallery4 group2---------------------------->

     <div id="quartzgallery4_group2" class="w3-modal">
      <div class="w3-modal-content w3-animate-top w3-card-16">
      <header class="w3-container w3-teal w3-center w3-padding-8">
         <button id="show" style="float:right; border-radius:6px; background-color:#A52A2A; padding:6px 18px; color:white;cursor:pointer;" onclick="document.getElementById('quartzgallery4_group2').style.display='none'">Close<i class="fa fa-remove"></i></button>
        </header>
   <div class="w3-padding-4">
   <!-- put this code to BODY part -->
   <?php putUniteGallery("quartzgallery4_group2"); ?>



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

      <!-------------------Gallery5 group2---------------------------->

     <div id="quartzgallery5_group2" class="w3-modal">
      <div class="w3-modal-content w3-animate-top w3-card-16">
      <header class="w3-container w3-teal w3-center w3-padding-8">
        <button id="show" style="float:right; border-radius:6px; background-color:#A52A2A; padding:6px 18px; color:white;cursor:pointer;" onclick="document.getElementById('quartzgallery5_group2').style.display='none'">Close<i class="fa fa-remove"></i></button>
        </header>
   <div class="w3-padding-4">
   <!-- put this code to BODY part -->
   <?php putUniteGallery("quartzgallery5_group2"); ?>

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







<!-------------------Gallery1 group1---------------------------->      
        

  <div id="gallery1_group1" class="w3-modal"> 
<div class="w3-modal-content w3-animate-top w3-card-16">
      <header class="w3-container w3-teal w3-center w3-padding-8">
         <button id="show" style="float:right; border-radius:6px; background-color:#A52A2A; padding:6px 18px; color:white;cursor:pointer;" onclick="document.getElementById('gallery1_group1').style.display='none'">Close<i class="fa fa-remove"></i></button>
        </header>
<div class="w3-padding-4">
   <!-- put this code to BODY part -->
<?php putUniteGallery("gallery1_group1"); ?>



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


    <!-------------------Gallery2 group1---------------------------->

 <!-- tan-brown -->
  <div id="gallery2_group1" class="w3-modal">
    <div class="w3-modal-content w3-animate-top w3-card-16">
      <header class="w3-container w3-teal w3-center w3-padding-8">
        <button id="show" style="float:right; border-radius:6px; background-color:#A52A2A; padding:6px 18px; color:white;cursor:pointer;" onclick="document.getElementById('gallery2_group1').style.display='none'">Close<i class="fa fa-remove"></i></button>
        </header>
<div class="w3-padding-4">
   <!-- put this code to BODY part -->
<?php putUniteGallery("gallery2_group1"); ?>



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

    <!-------------------Gallery3 group1---------------------------->

     <div id="gallery3_group1" class="w3-modal">
      <div class="w3-modal-content w3-animate-top w3-card-16">
      <header class="w3-container w3-teal w3-center w3-padding-8">
         <button id="show" style="float:right; border-radius:6px; background-color:#A52A2A; padding:6px 18px; color:white;cursor:pointer;" onclick="document.getElementById('gallery3_group1').style.display='none'">Close<i class="fa fa-remove"></i></button>
        </header>
   <div class="w3-padding-4">
   <!-- put this code to BODY part -->
   <?php putUniteGallery("gallery3_group1"); ?>



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


      <!-------------------Gallery4 group1---------------------------->

     <div id="gallery4_group1" class="w3-modal">
      <div class="w3-modal-content w3-animate-top w3-card-16">
      <header class="w3-container w3-teal w3-center w3-padding-8">
         <button id="show" style="float:right; border-radius:6px; background-color:#A52A2A; padding:6px 18px; color:white;cursor:pointer;" onclick="document.getElementById('gallery4_group1').style.display='none'">Close<i class="fa fa-remove"></i></button>
        </header>
   <div class="w3-padding-4">
   <!-- put this code to BODY part -->
   <?php putUniteGallery("gallery4_group1"); ?>



          
         </div>
       </div>
      </div>
     </div>
    </div>
     
     
     <!-------------------Gallery5 group1---------------------------->

     <div id="gallery5_group1" class="w3-modal">
      <div class="w3-modal-content w3-animate-top w3-card-16">
      <header class="w3-container w3-teal w3-center w3-padding-8">
        <button id="show" style="float:right; border-radius:6px; background-color:#A52A2A; padding:6px 18px; color:white;cursor:pointer;" onclick="document.getElementById('gallery5_group1').style.display='none'">Close<i class="fa fa-remove"></i></button>
        </header>
   <div class="w3-padding-4">
   <!-- put this code to BODY part -->
   <?php putUniteGallery("gallery5_group1"); ?>



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



        <!-------------------Gallery6 group1---------------------------->

     <div id="gallery6_group1" class="w3-modal">
      <div class="w3-modal-content w3-animate-top w3-card-16">
      <header class="w3-container w3-teal w3-center w3-padding-8">
         <button id="show" style="float:right; border-radius:6px; background-color:#A52A2A; padding:6px 18px; color:white;cursor:pointer;" onclick="document.getElementById('gallery6_group1').style.display='none'">Close<i class="fa fa-remove"></i></button>
        </header>
   <div class="w3-padding-4">
   <!-- put this code to BODY part -->
   <?php putUniteGallery("gallery6_group1"); ?>



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



    <!-------------------Gallery7 group1---------------------------->

     <div id="gallery7_group1" class="w3-modal">
      <div class="w3-modal-content w3-animate-top w3-card-16">
      <header class="w3-container w3-teal w3-center w3-padding-8">
         <button id="show" style="float:right; border-radius:6px; background-color:#A52A2A; padding:6px 18px; color:white;cursor:pointer;" onclick="document.getElementById('gallery7_group1').style.display='none'">Close<i class="fa fa-remove"></i></button>
        </header>
   <div class="w3-padding-4">
   <!-- put this code to BODY part -->
   <?php putUniteGallery("gallery7_group1"); ?>



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


  
     <!-------------------Gallery8 group1---------------------------->

     <div id="gallery8_group1" class="w3-modal">
      <div class="w3-modal-content w3-animate-top w3-card-16">
      <header class="w3-container w3-teal w3-center w3-padding-8">
       <button id="show" style="float:right; border-radius:6px; background-color:#A52A2A; padding:6px 18px; color:white;cursor:pointer;" onclick="document.getElementById('gallery8_group1').style.display='none'">Close<i class="fa fa-remove"></i></button>
        </header>
   <div class="w3-padding-4">
   <!-- put this code to BODY part -->
   <?php putUniteGallery("gallery8_group1"); ?>



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



         
   <!-------------------Gallery9 group1---------------------------->

     <div id="gallery9_group1" class="w3-modal">
      <div class="w3-modal-content w3-animate-top w3-card-16">
      <header class="w3-container w3-teal w3-center w3-padding-8">
         <button id="show" style="float:right; border-radius:6px; background-color:#A52A2A; padding:6px 18px; color:white;cursor:pointer;" onclick="document.getElementById('gallery9_group1').style.display='none'">Close<i class="fa fa-remove"></i></button>
        </header>
   <div class="w3-padding-4">
   <!-- put this code to BODY part -->
   <?php putUniteGallery("gallery9_group1"); ?>



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

      <!-------------------Gallery10 group1---------------------------->

     <div id="gallery10_group1" class="w3-modal">
      <div class="w3-modal-content w3-animate-top w3-card-16">
      <header class="w3-container w3-teal w3-center w3-padding-8">
        <button id="show" style="float:right; border-radius:6px; background-color:#A52A2A; padding:6px 18px; color:white;cursor:pointer;" onclick="document.getElementById('gallery10_group1').style.display='none'">Close<i class="fa fa-remove"></i></button>
        </header>
   <div class="w3-padding-4">
   <!-- put this code to BODY part -->
   <?php putUniteGallery("gallery10_group1"); ?>



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





         <!-------------------Gallery11 group1---------------------------->

     <div id="gallery11_group1" class="w3-modal">
      <div class="w3-modal-content w3-animate-top w3-card-16">
      <header class="w3-container w3-teal w3-center w3-padding-8">
         <button id="show" style="float:right; border-radius:6px; background-color:#A52A2A; padding:6px 18px; color:white;cursor:pointer;" onclick="document.getElementById('gallery11_group1').style.display='none'">Close<i class="fa fa-remove"></i></button>
        </header>
   <div class="w3-padding-4">
   <!-- put this code to BODY part -->
   <?php putUniteGallery("gallery11_group1"); ?>



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



        <!-------------------Gallery12 group1---------------------------->

     <div id="gallery12_group1" class="w3-modal">
      <div class="w3-modal-content w3-animate-top w3-card-16">
      <header class="w3-container w3-teal w3-center w3-padding-8">
        <button id="show" style="float:right; border-radius:6px; background-color:#A52A2A; padding:6px 18px; color:white;cursor:pointer;" onclick="document.getElementById('gallery12_group1').style.display='none'">Close<i class="fa fa-remove"></i></button>
        </header>
   <div class="w3-padding-4">
   <!-- put this code to BODY part -->
   <?php putUniteGallery("gallery12_group1"); ?>



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

 
        
  
            <!-------------------Gallery13 group1---------------------------->

     <div id="gallery13_group1" class="w3-modal">
      <div class="w3-modal-content w3-animate-top w3-card-16">
      <header class="w3-container w3-teal w3-center w3-padding-8">
        <button id="show" style="float:right; border-radius:6px; background-color:#A52A2A; padding:6px 18px; color:white;cursor:pointer;" onclick="document.getElementById('gallery13_group1').style.display='none'">Close<i class="fa fa-remove"></i></button>
        </header>
   <div class="w3-padding-4">
   <!-- put this code to BODY part -->
   <?php putUniteGallery("gallery13_group1"); ?>



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




          <!-------------------Gallery14 group1---------------------------->

     <div id="gallery14_group1" class="w3-modal">
      <div class="w3-modal-content w3-animate-top w3-card-16">
      <header class="w3-container w3-teal w3-center w3-padding-8">
        <button id="show" style="float:right; border-radius:6px; background-color:#A52A2A; padding:6px 18px; color:white;cursor:pointer;" onclick="document.getElementById('gallery14_group1').style.display='none'">Close<i class="fa fa-remove"></i></button>
        </header>
   <div class="w3-padding-4">
   <!-- put this code to BODY part -->
   <?php putUniteGallery("gallery14_group1"); ?>



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


     <!-------------------Gallery15 group1---------------------------->

     <div id="gallery15_group1" class="w3-modal">
      <div class="w3-modal-content w3-animate-top w3-card-16">
      <header class="w3-container w3-teal w3-center w3-padding-8">
       <button id="show" style="float:right; border-radius:6px; background-color:#A52A2A; padding:6px 18px; color:white;cursor:pointer;" onclick="document.getElementById('gallery15_group1').style.display='none'">Close<i class="fa fa-remove"></i></button>
        </header>
   <div class="w3-padding-4">
   <!-- put this code to BODY part -->
   <?php putUniteGallery("gallery15_group1"); ?>



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




      <!-------------------Gallery16 group1---------------------------->

     <div id="gallery16_group1" class="w3-modal">
      <div class="w3-modal-content w3-animate-top w3-card-16">
      <header class="w3-container w3-teal w3-center w3-padding-8">
        <button id="show" style="float:right; border-radius:6px; background-color:#A52A2A; padding:6px 18px; color:white;cursor:pointer;" onclick="document.getElementById('gallery16_group1').style.display='none'">Close<i class="fa fa-remove"></i></button>
        </header>
   <div class="w3-padding-4">
   <!-- put this code to BODY part -->
   <?php putUniteGallery("gallery16_group1"); ?>



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



<!-------------------Gallery17 group1---------------------------->

     <div id="gallery17_group1" class="w3-modal">
      <div class="w3-modal-content w3-animate-top w3-card-16">
      <header class="w3-container w3-teal w3-center w3-padding-8">
       <button id="show" style="float:right; border-radius:6px; background-color:#A52A2A; padding:6px 18px; color:white;cursor:pointer;" onclick="document.getElementById('gallery17_group1').style.display='none'">Close<i class="fa fa-remove"></i></button>
        </header>
   <div class="w3-padding-4">
   <!-- put this code to BODY part -->
   <?php putUniteGallery("gallery17_group1"); ?>



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





           <!-------------------Gallery18 group1---------------------------->

     <div id="gallery18_group1" class="w3-modal">
      <div class="w3-modal-content w3-animate-top w3-card-16">
      <header class="w3-container w3-teal w3-center w3-padding-8">
      <button id="show" style="float:right; border-radius:6px; background-color:#A52A2A; padding:6px 18px; color:white;cursor:pointer;" onclick="document.getElementById('gallery18_group1').style.display='none'">Close<i class="fa fa-remove"></i></button>

        </header>
   <div class="w3-padding-4">
   <!-- put this code to BODY part -->
   <?php putUniteGallery("gallery18_group1"); ?>



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




<!-------------------Gallery1 group3---------------------------->      
        

  <div id="gallery1_group3" class="w3-modal"> 
<div class="w3-modal-content w3-animate-top w3-card-16">
      <header class="w3-container w3-teal w3-center w3-padding-8">
         <button id="show" style="float:right; border-radius:6px; background-color:#A52A2A; padding:6px 18px; color:white;cursor:pointer;" onclick="document.getElementById('gallery1_group3').style.display='none'">Close<i class="fa fa-remove"></i></button>
        </header>
<div class="w3-padding-4">
   <!-- put this code to BODY part -->
<?php putUniteGallery("gallery1_group3"); ?>



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


    <!-------------------Gallery2 group3---------------------------->

 <!-- tan-brown -->
  <div id="gallery2_group3" class="w3-modal">
    <div class="w3-modal-content w3-animate-top w3-card-16">
      <header class="w3-container w3-teal w3-center w3-padding-8">
        <button id="show" style="float:right; border-radius:6px; background-color:#A52A2A; padding:6px 18px; color:white;cursor:pointer;" onclick="document.getElementById('gallery2_group3').style.display='none'">Close<i class="fa fa-remove"></i></button>
        </header>
<div class="w3-padding-4">
   <!-- put this code to BODY part -->
<?php putUniteGallery("gallery2_group3"); ?>



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

    <!-------------------Gallery3 group3---------------------------->

     <div id="gallery3_group3" class="w3-modal">
      <div class="w3-modal-content w3-animate-top w3-card-16">
      <header class="w3-container w3-teal w3-center w3-padding-8">
         <button id="show" style="float:right; border-radius:6px; background-color:#A52A2A; padding:6px 18px; color:white;cursor:pointer;" onclick="document.getElementById('gallery3_group3').style.display='none'">Close<i class="fa fa-remove"></i></button>
        </header>
   <div class="w3-padding-4">
   <!-- put this code to BODY part -->
   <?php putUniteGallery("gallery3_group3"); ?>



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


      <!-------------------Gallery4 group3---------------------------->

     <div id="gallery4_group3" class="w3-modal">
      <div class="w3-modal-content w3-animate-top w3-card-16">
      <header class="w3-container w3-teal w3-center w3-padding-8">
         <button id="show" style="float:right; border-radius:6px; background-color:#A52A2A; padding:6px 18px; color:white;cursor:pointer;" onclick="document.getElementById('gallery4_group3').style.display='none'">Close<i class="fa fa-remove"></i></button>
        </header>
   <div class="w3-padding-4">
   <!-- put this code to BODY part -->
   <?php putUniteGallery("gallery4_group3"); ?>



          
         </div>
       </div>
      </div>
     </div>
    </div>
     
     
     <!-------------------Gallery5 group3---------------------------->

     <div id="gallery5_group3" class="w3-modal">
      <div class="w3-modal-content w3-animate-top w3-card-16">
      <header class="w3-container w3-teal w3-center w3-padding-8">
        <button id="show" style="float:right; border-radius:6px; background-color:#A52A2A; padding:6px 18px; color:white;cursor:pointer;" onclick="document.getElementById('gallery5_group3').style.display='none'">Close<i class="fa fa-remove"></i></button>
        </header>
   <div class="w3-padding-4">
   <!-- put this code to BODY part -->
   <?php putUniteGallery("gallery5_group3"); ?>



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



        <!-------------------Gallery6 group3---------------------------->

     <div id="gallery6_group3" class="w3-modal">
      <div class="w3-modal-content w3-animate-top w3-card-16">
      <header class="w3-container w3-teal w3-center w3-padding-8">
         <button id="show" style="float:right; border-radius:6px; background-color:#A52A2A; padding:6px 18px; color:white;cursor:pointer;" onclick="document.getElementById('gallery6_group3').style.display='none'">Close<i class="fa fa-remove"></i></button>
        </header>
   <div class="w3-padding-4">
   <!-- put this code to BODY part -->
   <?php putUniteGallery("gallery6_group3"); ?>



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





  
<!-- End Page Content -->
</div>
<!-- Add Google Maps -->
<div style="height:400px;" class="w3-grayscale-max"></div> 

<!-- Footer -->
<footer class="w3-container w3-padding-32 w3-center w3-opacity w3-light-grey w3-xlarge">

</footer>




<script>
// Script to open and close sidenav
function w3_open() {
    document.getElementById("mySidenav").style.display = "block";
    document.getElementById("myOverlay").style.display = "block";

 }




// When the user clicks anywhere outside of the modal, close it
var modal = document.getElementById('ticketModal');
window.onclick = function(event) {
  if (event.target == modal) {
    modal.style.display = "none";
  }

</script>

</body>
</html>
