Difference between revisions of "Team:CIEI-BJ/Model"

(Prototype team page)
 
Line 1: Line 1:
−
{{CIEI-BJ}}
+
<!DOCTYPE html>
−
<html>
+
<html lang="en">
 +
<head>
 +
<meta charset="UTF-8">
 +
<meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
 +
<title>Bootstrap Real Estate Website Template</title>
  
 +
<!-- Bootstrap -->
 +
<link rel="stylesheet" href="https://s3-us-west-2.amazonaws.com/mszpubliccloud/bootstrap.css">
  
−
<div class="column full_size judges-will-not-evaluate">
+
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
−
<h3>★  ALERT! </h3>
+
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2016.igem.org/Judging/Awards#SpecialPrizes">Best Model award</a>. </p>
+
<!--[if lt IE 9]>
−
 
+
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
−
 
+
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
−
<p> Delete this box in order to be evaluated for this medal. See more information at <a href="https://2016.igem.org/Judging/Pages_for_Awards/Instructions"> Instructions for Pages for awards</a>.</p>
+
    <![endif]-->
 +
</head>
 +
<body>
 +
<section>
 +
  <p>Human Practices</p>
 +
  <p>A big picture here</p>
 +
  <p>&nbsp;</p>
 +
</section>
 +
<hr>
 +
<div class="container">
 +
  <div class="row">
 +
    <div class="col-lg-9 col-md-12">
 +
<div class="row">
 +
        <div class="col-lg-4 col-md-4 col-sm-6 col-xs-6">
 +
          <div class="thumbnail"> <img src="images/400X200.gif" alt="Thumbnail Image 1" class="img-responsive">
 +
            <div class="caption">
 +
              <blockquote>
 +
                <h4 id="page_name">Entrepreneurship              </h4>
 +
              </blockquote>
 +
              <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
 +
              <hr>
 +
              <p class="text-center"><a href="https://2016.igem.org/Team:CIEI-BJ/Entrepreneurship" class="btn btn-success" role="button">Go</a></p>
 +
            </div>
 +
          </div>
 +
        </div>
 +
        <div class="col-lg-4 col-md-4 col-sm-6 col-xs-6">
 +
          <div class="thumbnail"> <img src="images/400X200.gif" alt="Thumbnail Image 1" class="img-responsive">
 +
            <div class="caption">
 +
              <h3>Hardware</h3>
 +
              <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
 +
              <hr>
 +
              <p class="text-center"><a href="https://2016.igem.org/Team:CIEI-BJ/Hardware" class="btn btn-info" role="button">Go</a></p>
 +
            </div>
 +
          </div>
 +
        </div>
 +
        <div class="col-lg-4 col-md-4 col-sm-6 hidden-sm hidden-xs">
 +
          <div class="thumbnail"> <img src="images/400X200.gif" alt="Thumbnail Image 1" class="img-responsive">
 +
            <div class="caption">
 +
              <h3>Software</h3>
 +
              <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
 +
              <hr>
 +
              <p class="text-center"><a href="https://2016.igem.org/Team:CIEI-BJ/Software" class="btn btn-success" role="button">Go</a></p>
 +
            </div>
 +
          </div>
 +
        </div>
 +
        <div class="col-lg-4 col-md-4 col-sm-6 hidden-sm hidden-xs">
 +
          <div class="thumbnail"> <img src="images/400X200.gif" alt="Thumbnail Image 1" class="img-responsive">
 +
            <div class="caption">
 +
              <h3>Measurement</h3>
 +
              <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
 +
              <hr>
 +
              <p class="text-center"><a href="https://2016.igem.org/Team:CIEI-BJ/Measurement" class="btn btn-success" role="button">Go</a></p>
 +
            </div>
 +
          </div>
 +
        </div>
 +
        <div class="col-lg-4 col-md-4 col-sm-6 hidden-sm hidden-xs">
 +
          <div class="thumbnail"> <img src="images/400X200.gif" alt="Thumbnail Image 1" class="img-responsive">
 +
            <div class="caption">
 +
              <h3>Model</h3>
 +
              <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
 +
              <hr>
 +
              <p class="text-center"><a href="https://2016.igem.org/Team:CIEI-BJ/Model" class="btn btn-success" role="button">Go</a></p>
 +
            </div>
 +
          </div>
 +
        </div>
 
</div>
 
</div>
 +
      <div class="row"></div>
 +
    </div>
 +
  </div>
 +
</div>
 +
<hr>
 +
<section>
 +
  <div class="container">
 +
    <div class="row">
 +
      <div class="col-lg-6">
 +
        <h3>Our Services</h3>
 +
        <hr>
 +
        <ul id="myTab1" class="nav nav-tabs">
 +
          <li class="active"> <a href="#home1" data-toggle="tab"> Tab Panel 1 </a> </li>
 +
          <li><a href="#pane2" data-toggle="tab">Tab Panel 2</a></li>
 +
          <li> <a href="#pane3" data-toggle="tab">Tab Panel 3</a> </li>
 +
        </ul>
 +
        <div id="myTabContent1" class="tab-content">
 +
          <div class="tab-pane fade in active" id="home1">
 +
            <p class="text-center"><img src="images/3b536b.gif" alt=""></p>
 +
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minus maxime aut ea impedit voluptates aperiam dolor laborum officiis autem aspernatur! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus, alias, repudiandae sunt illo consequatur aperiam doloribus nesciunt ut deserunt ipsa est tempora nihil. Totam eveniet aperiam debitis fugit ipsa doloremque. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio sequi dolorem suscipit assumenda molestiae voluptatem qui consequuntur magni? Deleniti, corporis.</p>
 +
          </div>
 +
          <div class="tab-pane fade" id="pane2">
 +
            <p class="text-center"><img src="images/9b59b6.gif" alt=""></p>
 +
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minus maxime aut ea impedit voluptates aperiam dolor laborum officiis autem aspernatur! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus, alias, repudiandae sunt illo consequatur aperiam doloribus nesciunt ut deserunt ipsa est tempora nihil. Totam eveniet aperiam debitis fugit ipsa doloremque. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio sequi dolorem suscipit assumenda molestiae voluptatem qui consequuntur magni? Deleniti, corporis.</p>
 +
          </div>
 +
          <div class="tab-pane fade" id="pane3">
 +
            <p class="text-center"><img src="images/16a085.gif" alt=""></p>
 +
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minus maxime aut ea impedit voluptates aperiam dolor laborum officiis autem aspernatur! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus, alias, repudiandae sunt illo consequatur aperiam doloribus nesciunt ut deserunt ipsa est tempora nihil. Totam eveniet aperiam debitis fugit ipsa doloremque. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio sequi dolorem suscipit assumenda molestiae voluptatem qui consequuntur magni? Deleniti, corporis.</p>
 +
          </div>
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
</section>
 +
<hr>
 +
<footer class="text-center">
 +
  <div class="container">
 +
    <div class="row">
 +
      <div class="col-xs-12">
 +
        <p>Copyright © MyWebsite. All rights reserved.</p>
 +
      </div>
 +
    </div>
 +
  </div>
  
  
 +
</footer>
 +
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
 +
<script src="https://s3-us-west-2.amazonaws.com/mszpubliccloud/jquery-1.11.3.min.js"></script>
 +
<!-- Include all compiled plugins (below), or include individual files as needed -->
 +
<script src="https://s3-us-west-2.amazonaws.com/mszpubliccloud/bootstrap.js"></script>
  
−
 
+
</body>
−
 
+
−
 
+
−
 
+
−
<div class="column full_size">
+
−
<h2> Modeling</h2>
+
−
<p>Mathematical models and computer simulations provide a great way to describe the function and operation of BioBrick Parts and Devices. Synthetic Biology is an engineering discipline, and part of engineering is simulation and modeling to determine the behavior of your design before you build it. Designing and simulating can be iterated many times in a computer before moving to the lab. This award is for teams who build a model of their system and use it to inform system design or simulate expected behavior in conjunction with experiments in the wetlab.</p>
+
−
 
+
−
 
+
−
<h5> Inspiration </h5>
+
−
<p>
+
−
Here are a few examples from previous teams:
+
−
</p>
+
−
<ul>
+
−
<li><a href="https://2014.igem.org/Team:ETH_Zurich/modeling/overview">ETH Zurich 2014</a></li>
+
−
<li><a href="https://2014.igem.org/Team:Waterloo/Math_Book">Waterloo 2014</a></li>
+
−
</ul>
+
−
 
+
−
 
+
−
</div>
+
−
 
+
 
</html>
 
</html>

Revision as of 06:01, 2 October 2016

<!DOCTYPE html> Bootstrap Real Estate Website Template

Human Practices

A big picture here

 

Thumbnail Image 1

Entrepreneurship

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Go

Thumbnail Image 1

Hardware

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Go

Our Services

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minus maxime aut ea impedit voluptates aperiam dolor laborum officiis autem aspernatur! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus, alias, repudiandae sunt illo consequatur aperiam doloribus nesciunt ut deserunt ipsa est tempora nihil. Totam eveniet aperiam debitis fugit ipsa doloremque. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio sequi dolorem suscipit assumenda molestiae voluptatem qui consequuntur magni? Deleniti, corporis.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minus maxime aut ea impedit voluptates aperiam dolor laborum officiis autem aspernatur! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus, alias, repudiandae sunt illo consequatur aperiam doloribus nesciunt ut deserunt ipsa est tempora nihil. Totam eveniet aperiam debitis fugit ipsa doloremque. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio sequi dolorem suscipit assumenda molestiae voluptatem qui consequuntur magni? Deleniti, corporis.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minus maxime aut ea impedit voluptates aperiam dolor laborum officiis autem aspernatur! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus, alias, repudiandae sunt illo consequatur aperiam doloribus nesciunt ut deserunt ipsa est tempora nihil. Totam eveniet aperiam debitis fugit ipsa doloremque. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio sequi dolorem suscipit assumenda molestiae voluptatem qui consequuntur magni? Deleniti, corporis.

Copyright © MyWebsite. All rights reserved.