Difference between revisions of "Team:Lethbridge HS"

 
(28 intermediate revisions by 5 users not shown)
Line 10: Line 10:
  
 
<head>
 
<head>
−
<link rel="stylesheet"
 
−
  href="https://cdn.jsdelivr.net/npm/animate.css@3.5.2/animate.min.css">
 
−
  <!-- or -->
 
−
  <link rel="stylesheet"
 
−
  href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
 
−
  <link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
 
−
<link href="https://fonts.googleapis.com/css?family=Montserrat:100" rel="stylesheet">
 
  
−
 
−
  <script src="js/bootstrap.js"></script>
 
  
 
<style>
 
<style>
Line 33: Line 24:
 
position: absolute;
 
position: absolute;
 
bottom:0%;
 
bottom:0%;
−
left:50%;
+
left:20vh;
−
right:50%;
+
right:20vh;
 
}
 
}
  
Line 108: Line 99:
  
 
<body style="background-image: url(); background-size: cover; background-position: center;  background-size: 100% 100%;
 
<body style="background-image: url(); background-size: cover; background-position: center;  background-size: 100% 100%;
−
width: 100%; margin: 0; ">
+
width: 100%; margin: 0; ">
  
 
<div style= "background-color:; background:;background-image: url(https://static.igem.org/mediawiki/2018/b/bd/T--Lethbridge_HS--background3.png);text-align:;
 
<div style= "background-color:; background:;background-image: url(https://static.igem.org/mediawiki/2018/b/bd/T--Lethbridge_HS--background3.png);text-align:;
Line 150: Line 141:
 
<br>
 
<br>
  
−
 
+
  <div style="background-color: #CFE2F3;">
−
<div style="background-color: #E5E4E2;">
+
<div style="background-color: #;">
 
<div class="container-fluid;" style=" margin-left:17%; margin-right:17%;">
 
<div class="container-fluid;" style=" margin-left:17%; margin-right:17%;">
  
Line 157: Line 148:
 
</p>
 
</p>
 
</div>
 
</div>
 +
<br>
 +
 +
<div class="container-fluid" style="text-align:left; background-image: url(https://static.igem.org/mediawiki/2018/f/fa/T--Lethbridge_HS--footer.png);background-color: white; background-size: cover; background-position: center;  background-size: 100% 100%;
 +
width: 100%; margin: 0; border-bottom: ; opacity: 0.9;
 +
      ">
 +
<center><br> <h1 style="color:white; font-family:Montserrat" class="w100">And a big thank you to our sponsors! </h1>
 +
<img style="height: 600px;"src="https://static.igem.org/mediawiki/2018/a/a8/T--Lethbridge_HS--spom.png" class="img-fluid" alt="Responsive image">
 +
 +
 +
 +
</center>
 
</div>
 
</div>
  
−
<div style="background-color: #CFE2F3;"><br><center><img src="https://static.igem.org/mediawiki/2018/a/a7/T--Lethbridge_HS--phage.png"class="img-fluid" alt="Responsive image"></center></div>
+
 
 +
 
 +
 
  
 
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
 
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->

Latest revision as of 02:51, 18 October 2018



The Problem

Tailings ponds, lakes that hold the toxic by-products of oil sands mining, cover an area of 176 square kilometers in Alberta and contain enough liquid to fill 390,000 Olympic-sized pools. Tailings ponds are extremely detrimental to the environment and pose challenges for improving extraction processes used by oil and mining industries. If left untreated, tailings ponds have the potential to pollute water sources, damage ecosystems, eliminate biodiversity and kill a variety of living organisms. An example of tailings ponds pollution includes harmful ions such as lead and mercury which affect the environment.The removal of heavy metals in tailings ponds as well as wastewater is appealing yet challenging. In addition to benefiting the environment, the extraction of these metals creates value out of what would otherwise be waste.