<?php include 'includes/header.php' ?>
<style type="text/css">
	.nyplaceholder {
		overflow: auto;
		display: table;
		width: 100%;
		height: 180px;
		border: 0px;
		cursor: pointer;
		text-align: center;
		background-image: url(images/nypubs-map-placeholder.PNG);
		background-position: center center;
		background-size: cover;
		
	}
	
	.mobile-only {display: none;}
	.desktop-only {display: inline-block;}
	@media screen and (max-width: 600px) {
		.mobile-only {display: inline-block;}
		.desktop-only {display: none;}
		.mapplaceholder {
		overflow: auto; 
		display: table; 
		width:100%; 
		height: 180px; 
		border: 0px; 
		cursor: pointer; 
		text-align: center; 
		background-image:url(images/map-ph-background-pub.jpg); 
		background-position:center center; background-size: cover	
		}
		.removebottompadding {
	margin-bottom:0;
	padding-bottom:0;	
	}
	}
	.dropit {
	
	}
	.mapframe-fullview {
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		z-index: 99998;
	}
	#mapframe-closer {
		position: fixed;
		top: 20px;
		right: 0px;
		width: 60px;
		font-size: 14px;
		z-index: 99999;
		color: white;
		display: none;
		cursor: pointer;
	}	
	
</style>
<script type="text/javascript">
	function closeFullMap() {
		$("#mapframe").hide();
		$("#mapframe-closer").hide();
	}
	function openFullMap() {
		var w = $(window).width();
		var h = $(window).height();
		$("#mapframe").addClass('mapframe-fullview');
		/*$("#mapframe").css('position','fixed');
		$("#mapframe").css('top','0px');
		$("#mapframe").css('left','0px');
		$("#mapframe").css('zIndex',99999);*/
		$("#mapframe").width(w + 'px');
		$("#mapframe").height(h + 'px');
		$("#mapframe").show();
		$("#mapframe-closer").show();
	}
</script>
<div class="frame02">
	<div class="container">
	  <div class="jumbotron">
		<div class="row">
		  <div class="col-md-10 col-md-push-1">
					<h1>BEST IRISH PUB TO CONNECT ON<br />ST. PATRICK’S DAY</h1>
			<div class="separator">
						<div class="line line-1"></div>
				  </div>

			        				    <h2>GWS engineers go on a New York City pub crawl - test mobile phone connectivity in Irish pubs</p>
			</div>
		</div>
		<div class="row">
			
	     
	      <div class="col-md-12 "> <!--col-md-push-1-->
					
			<img src="images/ny-map-header-pubcrawl-E.png" width="100%" alt=" GWS NYC Irish Pub Crawl Map"/>
			<iframe id="mapframe" class="desktop-only" src="nypubs.html?v=3" width="100%" height="650" frameborder="0" style="border:none; overflow:hidden;"></iframe>
			<div id="mapframe-closer" onclick="javascript:closeFullMap();"><span class="btn btn-lg btn-primary btnpadding dropit" style="vertical-align: middle; background-color:#006fba; display:inline"><span class="glyphicon glyphicon-resize-small" aria-hidden="true"></span></span></div>
			<div class="mobile-only nyplaceholder">
            <div style="display: table-cell; vertical-align: middle;"><div class="btn btn-lg btn-primary btnpadding dropit" href="pubs.php" role="button" style="vertical-align: middle; background-color:#006fba; display:inline" onclick="javascript:openFullMap();">LAUNCH MAP&nbsp;&nbsp;<span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span></div></div>
            </div>
		  </div>
		  <div class="col-md-10 col-md-push-1">

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


<!-- /FRAME 02 -->
<div class="frame03">
      <div class="container">
    <div class="jumbotron">
          <h1>Services</h1>
          <div class="separator">
        <div class="line line-2"></div>
      </div>
          <h2>We approach each client as a valued partner and work closely with them to meet and exceed their unique requirements. We strive to add high quality, leading edge services and products to open new windows of opportunity for our customers. We are dedicated in our efforts to surpass our clients’ expectations and provide services that excel innovation, expertise, accuracy and efficiency in the daily management of projects.</h2>
          <div class="row">
        <div class="col-sm-6 col-md-4">
              <div class="thumbnail">
            <div class="profile-element3 element-4">
                  <h4>Voice & Data Benchmarking</h4>
                </div>
            <div class="caption">
                  <p><a href="Voice-and-Data-Benchmarking.php" class="btn btn-primary" role="button">LEARN MORE</a></p>
                </div>
          </div>
            </div>
        <div class="col-sm-6 col-md-4">
              <div class="thumbnail">
            <div class="profile-element3 element-5">
                  <h4>DATA COLLECTION</h4>
                </div>
            <div class="caption">
                  <p><a href="data-collection.php" class="btn btn-primary" role="button">LEARN MORE</a></p>
                </div>
          </div>
            </div>
        <div class="col-sm-6 col-md-4">
          <div class="thumbnail">
            <div class="profile-element3 element-9">
              <h4>Extended Analysis</h4>
            </div>
            <div class="caption">
              <p><a href="Extended-Analysis.php" class="btn btn-primary" role="button">LEARN MORE</a></p>
            </div>
          </div>
        </div>
        <div class="col-sm-6 col-md-4">
              <div class="thumbnail">
            <div class="profile-element3 element-6">
                  <h4>MOBISTAT</h4>
                </div>
            <div class="caption">
                  <p><a href="mobistat.php" class="btn btn-primary" role="button">LEARN MORE</a></p>
                </div>
          </div>
            </div>
        <div class="col-sm-6 col-md-4">
              <div class="thumbnail">
            <div class="profile-element3 element-7">
                  <h4>Performance monitoring</h4>
                </div>
            <div class="caption">
                  <p><a href="performance-monitoring.php" class="btn btn-primary" role="button">LEARN MORE</a></p>
                </div>
          </div>
            </div>
        <div class="col-sm-6 col-md-4">
              <div class="thumbnail">
            <div class="profile-element3 element-8">
                  <h4>mobile diagnostic app</h4>
                </div>
            <div class="caption">
                  <p><a href="mobile-application.php" class="btn btn-primary" role="button">LEARN MORE</a></p>
                </div>
          </div>
            </div>
      </div>
        </div>
  </div>
    </div>
	
	
<?php include 'includes/footer.php' ?>