<!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}

ul {
    list-style-type: none;
    margin: 0;
    padding: 6px;
    overflow: hidden;
    background-color: #323F52;
    position: fixed;
    top: 0;
    width: 100%;
}

li {
    float: left;
}

li a {
    display: block;
    border-style: solid;
    border-width: 1px;
    color: white;
    text-align: center;
    padding: 10px 14px;
    text-decoration: none;
}

li a:hover:not(.active) {
    background-color: #111;
}

.active {
    background-color: #4CAF50;
}




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;
}

.close1 {
    float: right;
    border-radius: 6px;
    background-color: #DC9822;
    padding: 6px 18px;
    color: white;
    cursor: pointer;
}

</style>



</head>

<body style="background-color:#999999;" style="max-width:1100px">
    
    <ul>
  <li><a href="#quartz-group1" class="active w3-hover-none w3-hover-text-grey">Quartz</a></li>
  <li><a href="#group1">Granite # 1-3</a></li>
  <li><a href="#exotic">Granite # 4-5</a></li>
  <li><a href="#info">Info</a></li>
</ul>
    
<div class="w3-main">
<div id="quartz-group1">
   <div class="w3-container w3-content"> 
      <h2 class="w3-center" style="color:#323F52">Quartz Material</h2>
      <p class="w3-center" style="color:#fff">Click on the Pictures</p>
    <h5 class="w3-center" style="color:#f44336">Quartz Group # 1  $42.99 psqf.</h5>
      </div>

<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>
       
       <div class="wsb-line-element" style="width: 100%; height: 8px;border-top: 2px solid #ffffff;opacity: 1;filter: alpha(opacity=1);"></div>



    <!------------------Quartz Group # 2----------------------->
    <div id="quartz-group2">
 <div class="w3-container w3-content">
        </div>
     </div>
     <div class="w3-container w3-content">
     <p class="w3-center" style="color:#fff">Click on the Pictures</p>    
      <h2 class="w3-center" style="color:#323F52">Quartz Material</h2>
      <h5 class="w3-center" style="color:#f44336">Quartz Group # 2  $49.99 psqf.</h5>
      </div>
      
<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>
    </div>
<div style="height:30px;" class="w3-grayscale-max"></div>
  
   <div class="wsb-line-element" style="width: 100%; height: 8px;border-top: 2px solid #ffffff;opacity: 1;filter: alpha(opacity=1);"></div>
    
    
<div id="exotic">    
<div class="w3-container w3-content">     
        </div>
     </div>
     <div class="w3-container w3-content">  
     <p class="w3-center" style="color:#fff">Click on the Pictures</p>
      <h2 class="w3-center" style="color:#323F52">Granite Material</h2>
      <h5 class="w3-center" style="color:#f44336">Our exotic Colors Group # 5 Only $54.99 psqf.</h5>
      </div>
     </div>
<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>

<div class="wsb-line-element" style="width: 100%; height: 8px;border-top: 2px solid #ffffff;opacity: 1;filter: alpha(opacity=1);"></div>
       
    
    <!----------------------------end group # 5----------------------------------------->
    
    
    
  <!-------------------- Group # 1 ----------------------------------------------->
  

 <div id="group1">
    <div class="w3-container w3-content">
        </div>
     </div>
     <div class="w3-container w3-content">  
     <p class="w3-center" style="color:#fff">Click on the Pictures</p>
      <h2 class="w3-center" style="color:#323F52">Granite Material</h2>
      <h5 class="w3-center" style="color:#f44336">Group # 1 $34.99</h5>
      </div>
     </div>
     
<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 class="wsb-line-element" style="width: 100%; height: 8px;border-top: 2px solid #ffffff;opacity: 1;filter: alpha(opacity=1);"></div>


<div id="group2">
    
<div class="w3-container w3-content">
        </div>
     </div>
     <div class="w3-container w3-content">
     <p class="w3-center" style="color:#fff">Click on the Pictures</p>    
      <h2 class="w3-center" style="color:#323F52">Granite Material</h2>
      <h5 class="w3-center" style="color:#f44336">Group # 2 $36.99</h5>
      </div>
<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>

<div class="wsb-line-element" style="width: 100%; height: 8px;border-top: 2px solid #ffffff;opacity: 1;filter: alpha(opacity=1);"></div>

<!------ Group # 3 ------->
   <div id="group3">
  <div class="w3-container w3-content">
        </div>
     </div>
     <div class="w3-container w3-content">
     <p class="w3-center" style="color:#fff">Click on the Pictures</p>    
      <h2 class="w3-center" style="color:#323F52">Granite Material</h2>
      <h5 class="w3-center" style="color:#f44336">Group # 3 $39.99</h5>
      </div>
      
<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 class="wsb-line-element" style="width: 100%; height: 8px;border-top: 2px solid #ffffff;opacity: 1;filter: alpha(opacity=1);"></div>


 <div id="info">
  <div class="w3-container w3-content">
        </div>
        <h5 class="w3-center" style="color:#f44336">Information</h5>
     </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>
</br>
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" class="close1" 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" class="close1" 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" class="close1" 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" class="close1" 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" class="close1" 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" class="close1" 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" class="close1" 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" class="close1" 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" class="close1" 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" class="close1" 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" class="close1" 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" class="close1" 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" class="close1" 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" class="close1" 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" class="close1" 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" class="close1" 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" class="close1" 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" class="close1" 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" class="close1" 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" class="close1" 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" class="close1" 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" class="close1" 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" class="close1" 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" class="close1" 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" class="close1" 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" class="close1" 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" class="close1" 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" class="close1" 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" class="close1" 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" class="close1" 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" class="close1" 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" class="close1" 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" class="close1" 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" class="close1" 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" class="close1" 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" class="close1" 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" class="close1" 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" class="close1" 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" class="close1" 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>
