Team:British Columbia/Test

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html>
+
<!DOCTYPE html>
 +
<html lang="en">
   <head>
   <head>
     <meta charset="utf-8">
     <meta charset="utf-8">
Line 11: Line 12:
     <!-- Bootstrap core CSS -->
     <!-- Bootstrap core CSS -->
-
     <link href="https://2014.igem.org/Team:British_Columbia/ubcigem2014.css" rel="stylesheet">
+
     <link href="https://2014.igem.org/Team:British_Columbia/bootstrap.css" rel="stylesheet">
     <!-- Custom styles for this template -->
     <!-- Custom styles for this template -->
Line 21: Line 22:
       <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
       <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
     <![endif]-->
     <![endif]-->
-
 
-
      <style>
 
-
          .banner {
 
-
            width: 100%;
 
-
            height: 200px;
 
-
            margin: 0 auto;
 
-
            background-color: #fff;
 
-
          }
 
-
 
-
          .banner>img {
 
-
            max-height: 100%;
 
-
          }
 
-
 
-
          .navbar-inverse{
 
-
            background-color: #002145;
 
-
            border-color: #002145;
 
-
          }
 
-
 
-
          .navbar-inverse .navbar-nav>li>a:hover,
 
-
          .navbar-inverse .navbar-nav>li>a:focus,
 
-
          .navbar-inverse .navbar-nav>li>a:active,
 
-
          .navbar-inverse .navbar-nav>.active>a:hover{
 
-
            background-color: #4290D8;
 
-
          }
 
-
 
-
          .navbar-inverse .navbar-nav>li>a,
 
-
          .navbar-inverse .navbar-brand,
 
-
          .navbar-inverse .navbar-nav>.active>a {
 
-
            color: #fff;
 
-
            background-color: #002145;
 
-
          }
 
-
 
-
      </style>
 
-
 
   </head>
   </head>
   <body>
   <body>
     <div class="navbar navbar-fixed-top navbar-inverse" role="navigation">
     <div class="navbar navbar-fixed-top navbar-inverse" role="navigation">
-
 
+
      <div class="container">
-
    <!--<div class="banner container">-->
+
-
        <!--<img src="images/logo/igem-logo.jpg" />-->
+
-
        <!--<img src="images/logo/ubcigem.jpeg" align="right"/>-->
+
-
        <!--<img src="images/logo/ubc_colour.jpg" align="right" />-->
+
-
    <!--</div>-->
+
-
 
+
-
 
+
-
 
+
-
    <div class="container">
+
         <div class="navbar-header">
         <div class="navbar-header">
           <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
           <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
Line 76: Line 34:
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
           </button>
           </button>
-
 
+
           <a class="navbar-brand" href="#">2014 UBC iGEM</a>
-
           <a class="navbar-brand" href="index.html">2014 UBC iGEM</a>
+
         </div>
         </div>
         <div class="collapse navbar-collapse">
         <div class="collapse navbar-collapse">
Line 88: Line 45:
                 </a>
                 </a>
                 <ul class="dropdown-menu" role="menu">
                 <ul class="dropdown-menu" role="menu">
-
                     <li><a href="temp_team.html">The Team</a></li>
+
                     <li><a href="team_tmp.html">The Team</a></li>
                     <li><a href="#">Attributions</a></li>
                     <li><a href="#">Attributions</a></li>
                 </ul>
                 </ul>
Line 151: Line 108:
     <div class="container">
     <div class="container">
 +
      <div class="row row-offcanvas row-offcanvas-right">
 +
 +
        <div class="col-xs-12 col-sm-9">
 +
          <p class="pull-right visible-xs">
 +
            <button type="button" class="btn btn-primary btn-xs" data-toggle="offcanvas">Toggle nav</button>
 +
          </p>
 +
          <div class="jumbotron">
 +
            <h1>Welcome to the 2014 UBC iGEM Wiki!</h1>
 +
            <p> Project Overview:
 +
                As demand for British Columbia's minerals grow in the global markets, so does the B.C. mining
 +
                industry. However, current mining practices are expensive, chemically intensive and energetically
 +
                demanding. These practices lead to aesthetic challenges (open pits) and the generation of tailings ponds
 +
                that are difficult to monitor and control in the future.
 +
                <br>
 +
                2014 UBC iGEM project seeks to improve the efficiency of mineral separaton from impurities via a
 +
                bacterium expressing two types of peptides on its surface.
 +
                <br/>
 +
                <br/>
 +
                <a class="btn btn-primary btn-lg" role="button" href="project_tmp.html">Learn more</a>
 +
            </p>
 +
          </div>
 +
          <div class="row">
 +
            <div class="col-6 col-sm-6 col-lg-4">
 +
              <h2>Heading</h2>
 +
              <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo,
 +
                  tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
 +
              <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
 +
            </div><!--/span-->
 +
            <div class="col-6 col-sm-6 col-lg-4">
 +
              <h2>Heading</h2>
 +
              <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
 +
              <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
 +
            </div><!--/span-->
 +
            <div class="col-6 col-sm-6 col-lg-4">
 +
              <h2>Heading</h2>
 +
              <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
 +
              <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
 +
            </div><!--/span-->
 +
            <div class="col-6 col-sm-6 col-lg-4">
 +
              <h2>Heading</h2>
 +
              <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
 +
              <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
 +
            </div><!--/span-->
 +
            <div class="col-6 col-sm-6 col-lg-4">
 +
              <h2>Heading</h2>
 +
              <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
 +
              <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
 +
            </div><!--/span-->
 +
            <div class="col-6 col-sm-6 col-lg-4">
 +
              <h2>Heading</h2>
 +
              <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
 +
              <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
 +
            </div><!--/span-->
 +
          </div><!--/row-->
 +
        </div><!--/span-->
 +
 +
        <!--<div class="col-xs-6 col-sm-3 sidebar-offcanvas" id="sidebar" role="navigation">-->
 +
          <!--<div class="list-group">-->
 +
            <!--<a href="#" class="list-group-item active">Link</a>-->
 +
            <!--<a href="#" class="list-group-item">Link</a>-->
 +
            <!--<a href="#" class="list-group-item">Link</a>-->
 +
            <!--<a href="#" class="list-group-item">Link</a>-->
 +
            <!--<a href="#" class="list-group-item">Link</a>-->
 +
            <!--<a href="#" class="list-group-item">Link</a>-->
 +
            <!--<a href="#" class="list-group-item">Link</a>-->
 +
            <!--<a href="#" class="list-group-item">Link</a>-->
 +
            <!--<a href="#" class="list-group-item">Link</a>-->
 +
            <!--<a href="#" class="list-group-item">Link</a>-->
 +
          <!--</div>-->
 +
        <!--</div>&lt;!&ndash;/span&ndash;&gt;-->
 +
      </div><!--/row-->
 +
      <hr>
 +
      <div class="row">
 +
          <div class="col-xs-6 col-md-3">
 +
              <a href="#" class="thumbnail">
 +
                  <img src="http://www.bccdc.ca/NR/rdonlyres/6699BAAB-9BE7-4135-BEA9-361040822803/45766/UBClogo1.jpg"
 +
                          width="200" height="200">
 +
                  <div class="caption">
 +
                      <h3>Sponsor 1</h3>
 +
                  </div>
 +
              </a>
 +
          </div>
 +
          <div class="col-xs-6 col-md-3">
 +
              <a href="#" class="thumbnail">
 +
                  <img src="https://pbs.twimg.com/profile_images/188302352/nasalogo_twitter_400x400.jpg"
 +
                      width="200" height="200">
 +
                  <div class="caption">
 +
                      <h3>Sponsor 2</h3>
 +
                  </div>
 +
              </a>
 +
          </div>
 +
      </div>
 +
      <hr>
       <footer>
       <footer>

Revision as of 08:57, 4 September 2014

<!DOCTYPE html> 2014 UBC iGEM

Welcome to the 2014 UBC iGEM Wiki!

Project Overview: As demand for British Columbia's minerals grow in the global markets, so does the B.C. mining industry. However, current mining practices are expensive, chemically intensive and energetically demanding. These practices lead to aesthetic challenges (open pits) and the generation of tailings ponds that are difficult to monitor and control in the future.
2014 UBC iGEM project seeks to improve the efficiency of mineral separaton from impurities via a bacterium expressing two types of peptides on its surface.

Learn more

Heading

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

View details »

Heading

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

View details »

Heading

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

View details »

Heading

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

View details »

Heading

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

View details »

Heading

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

View details »

Sponsor 1

Sponsor 2

© 2014 UBC iGEM

Retrieved from "http://2014.igem.org/Team:British_Columbia/Test"