Difference between revisions of "Team:Lethbridge HS"

 
(47 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 27: Line 18:
 
}
 
}
 
p{font-family:'open sans', sans-serif; font-size: 18px;}
 
p{font-family:'open sans', sans-serif; font-size: 18px;}
 +
  
  
Line 32: Line 24:
 
position: absolute;
 
position: absolute;
 
bottom:0%;
 
bottom:0%;
−
left:50%;
+
left:20vh;
−
right:50%;
+
right:20vh;
 
}
 
}
  
Line 90: Line 82:
 
}
 
}
 
}
 
}
−
 
−
 
  
  
Line 102: Line 92:
 
</head>
 
</head>
 
   
 
   
−
  <div class="animatedParent animateOnce">
+
 
<div id="goDown"> <div class="downArrow bounce">
 
<div id="goDown"> <div class="downArrow bounce">
 
                             <center><a href="#firstSlide"><img src="https://static.igem.org/mediawiki/2018/5/5a/T--Lethbridge_HS--arrowbetter.png" width="100" height="100" class="img-responsive downImg"></a><center>
 
                             <center><a href="#firstSlide"><img src="https://static.igem.org/mediawiki/2018/5/5a/T--Lethbridge_HS--arrowbetter.png" width="100" height="100" class="img-responsive downImg"></a><center>
 
                             </div>
 
                             </div>
 
</div>
 
</div>
 +
 
<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 130: Line 121:
 
   </section>
 
   </section>
 
</div>
 
</div>
 +
 +
<a name="firstSlide"> 
 
<div style="background-color: "#">
 
<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%;">
  
−
<a name="firstSlide"></a>
+
 
−
<div class="jumbotron bigPadding" id="slide1">
+
 
−
             
+
           
 
<br><br><center><h2 class="w100" style= "font-size: 7vw; margin:0">The Problem</h2></center><p style="font-size: 20px; font-family: 'Open Sans'">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. </p>
 
<br><br><center><h2 class="w100" style= "font-size: 7vw; margin:0">The Problem</h2></center><p style="font-size: 20px; font-family: 'Open Sans'">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. </p>
 +
</a>
 
</div>
 
</div>
  
Line 146: Line 140:
 
</div>
 
</div>
 
<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: #E5E4E2;">
+
  <div style="background-color: #CFE2F3;">
 +
<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 154: 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.