index.html

---
layout: default
---
<div class="jumbotron"><br>
<div class="row">
	<div class="col-lg-2">
		<img class="img-responsive" src="/images/gems_logo.png">
	</div>
	<div class="col-lg-2">
		<h2>Geological &amp;<br>Environmental<br>Monitoring<br>System</h2>
	</div>
	<div class="col-lg-8">
		<h1 style="text-align:right">A smart buoy.</h1>
	</div>
</div>
</div>
<div class="alert alert-danger alert-dismissible" role="alert">
  <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  <strong>Note:</strong> This website is currently under construction.
</div>
<div class='container' style="text-align:center;color:white;">
  <a href="#intro"><span class='pulse-button glyphicon glyphicon-chevron-down'></span></a>
</div>

<img class="img-responsive" alt="cover" src="/images/lake.jpg">

<div class="container" id="intro">
	<h3>GEMS is a UBC engineering project that consists of a portable system that will assist companies with autonomous geological and environmental monitoring in water bodies impacted by mining and construction work. The device is in the form of a buoy that collects and wirelessly sends data to a live server.</h3><br>

<div class="alert alert-danger"><h3><span class="glyphicon glyphicon-warning-sign"> </span> Website under construction</h3> <p>This website is currently under construction. For more information, please contact us.</p></div>
	<a class="btn btn-primary" href="/contact"><h4>Contact us <span class="glyphicon glyphicon-arrow-right"></span></h4></a>
	<br><br>
</div>

<script>
$(document).ready(function(){
  $("a").on('click', function(event) {
    if (this.hash !== "") {
      event.preventDefault();
      var hash = this.hash;
      $('html, body').animate({
        scrollTop: $(hash).offset().top
      }, 1000, function(){
        window.location.hash = hash;
      });
    } // End if
  });
});
</script>