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

(Prototype team page)
 
Line 4: Line 4:
  
  
 +
<!DOCTYPE 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">
  
−
 
+
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
 +
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
 +
<!--[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>
 +
    <![endif]-->
 +
</head>
 +
<body>
 +
<section>
 +
  <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>
 +
                <h3>Parts</h3>
 +
              </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/Description" 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>Basic Parts</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/Basic_Part" 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>Composite Parts</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/Composite_Part" 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>Part Collection</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/Part_Collection" class="btn btn-success" role="button">Go</a></p>
 +
            </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>
 
<div class="column full_size">
 
<div class="column full_size">
  
Line 86: Line 198:
  
  
 +
</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>
 
</html>
 
</html>

Revision as of 05:49, 2 October 2016

Template

Top

 

Bootstrap Real Estate Website Template

A big picture here

 

Thumbnail Image 1

Parts

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Go

Thumbnail Image 1

Basic Parts

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.

Each team will make new parts during iGEM and will submit them to the Registry of Standard Biological Parts. The iGEM software provides an easy way to present the parts your team has created. The <groupparts> tag (see below) will generate a table with all of the parts that your team adds to your team sandbox.

Remember that the goal of proper part documentation is to describe and define a part, so that it can be used without needing to refer to the primary literature. Registry users in future years should be able to read your documentation and be able to use the part successfully. Also, you should provide proper references to acknowledge previous authors and to provide for users who wish to know more.

Note

Note that parts must be documented on the Registry. This page serves to showcase the parts you have made. Future teams and other users and are much more likely to find parts by looking in the Registry than by looking at your team wiki.

Adding parts to the registry

You can add parts to the Registry at our Add a Part to the Registry link.

We encourage teams to start completing documentation for their parts on the Registry as soon as you have it available. The sooner you put up your parts, the better you will remember all the details about your parts. Remember, you don't need to send us the DNA sample before you create an entry for a part on the Registry. (However, you do need to send us the DNA sample before the Jamboree. If you don't send us a DNA sample of a part, that part will not be eligible for awards and medal criteria.)

What information do I need to start putting my parts on the Registry?

The information needed to initially create a part on the Registry is:

  • Part Name
  • Part type
  • Creator
  • Sequence
  • Short Description (60 characters on what the DNA does)
  • Long Description (Longer description of what the DNA does)
  • Design considerations

We encourage you to put up much more information as you gather it over the summer. If you have images, plots, characterization data and other information, please also put it up on the part page.

Inspiration

We have a created a collection of well documented parts that can help you get started.

You can also take a look at how other teams have documented their parts in their wiki:

Part Table
<groupparts>iGEM2016 Example</groupparts>