Difference between revisions of "Team:Lethbridge HS"

 
(27 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;"><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>
+
  <div style="background-color: #CFE2F3;">
−
 
+
<div style="background-color: #;">
−
<div style="background-color: #E5E4E2;">
+
 
<div class="container-fluid;" style=" margin-left:17%; margin-right:17%;">
 
<div class="container-fluid;" style=" margin-left:17%; margin-right:17%;">
  
Line 158: 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>
 +
 +
  
  

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.