Difference between revisions of "Team:Lethbridge HS"

 
(61 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 101: Line 91:
  
 
</head>
 
</head>
 
+
  <div class="downArrow bounce">
+
<center><img width="100" height="100" alt="" src="https://static.igem.org/mediawiki/2018/5/5a/T--Lethbridge_HS--arrowbetter.png" /><center>
+
<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>
 +
                            </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>
<div style="background-color:"#87AFC7">
+
 
 +
<a name="firstSlide"> 
 +
<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%;">
 +
 +
 +
 +
           
 
<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>
 
</div>
Line 141: 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: #EFEFEF;">
+
  <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 149: 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