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

(Prototype team page)
 
Line 1: Line 1:
 
{{CIEI-BJ}}
 
{{CIEI-BJ}}
−
<html>
+
<!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="file:///Macintosh HD/Users/shunzhema/Dropbox/css/bootstrap.css">
  
−
 
+
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
−
<div class="column full_size judges-will-not-evaluate">
+
<!-- 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>
 +
<nav class="navbar navbar-inverse">
 +
  <div class="container-fluid">
 +
    <!-- Brand and toggle get grouped for better mobile display -->
 +
    <div class="navbar-header">
 +
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#myInverseNavbar2" aria-expanded="false"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
 +
      <a class="navbar-brand" href="#">Brand</a> </div>
 +
    <!-- Collect the nav links, forms, and other content for toggling -->
 +
    <div class="collapse navbar-collapse" id="myInverseNavbar2">
 +
      <ul class="nav navbar-nav navbar-right">
 +
        <li><a href="#">Link</a></li>
 +
        <li><a href="#">Link</a></li>
 +
        <li><a href="#">Link</a></li>
 +
        <li><a href="#">Link</a></li>
 +
        <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false" aria-haspopup="true">Dropdown <span class="caret"></span></a>
 +
          <ul class="dropdown-menu">
 +
            <li><a href="#">Action</a></li>
 +
            <li><a href="#">Another action</a></li>
 +
            <li><a href="#">Something else here</a></li>
 +
            <li role="separator" class="divider"></li>
 +
            <li><a href="#">Separated link</a></li>
 +
          </ul>
 +
        </li>
 +
      </ul>
 +
    </div>
 +
    <!-- /.navbar-collapse -->
 +
  </div>
 +
  <!-- /.container-fluid -->
 +
</nav>
 +
  <div class="container">
 +
    <div class="row">
 +
      <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 hidden-xs">
 +
        <div id="carousel-299058" class="carousel slide">
 +
          <ol class="carousel-indicators">
 +
            <li data-target="#carousel-299058" data-slide-to="0" class=""> </li>
 +
            <li data-target="#carousel-299058" data-slide-to="1" class="active"> </li>
 +
            <li data-target="#carousel-299058" data-slide-to="2" class=""> </li>
 +
          </ol>
 +
          <div class="carousel-inner">
 +
            <div class="item"> <img class="img-responsive" src="file:///Macintosh HD/Users/shunzhema/Library/Application Support/Adobe/Dreamweaver CC 2015/en_US/Configuration/Temp/Assets/eam60f4ea11.TMP/images/1920x500.gif" alt="thumb">
 +
              <div class="carousel-caption"> Carousel caption. Here goes slide description. Lorem ipsum dolor set amet. </div>
 +
            </div>
 +
            <div class="item active"> <img class="img-responsive" src="file:///Macintosh HD/Users/shunzhema/Library/Application Support/Adobe/Dreamweaver CC 2015/en_US/Configuration/Temp/Assets/eam60f4ea11.TMP/images/1920x500.gif" alt="thumb">
 +
              <div class="carousel-caption"> Carousel caption 2. Here goes slide description. Lorem ipsum dolor set amet. </div>
 +
            </div>
 +
            <div class="item"> <img class="img-responsive" src="file:///Macintosh HD/Users/shunzhema/Library/Application Support/Adobe/Dreamweaver CC 2015/en_US/Configuration/Temp/Assets/eam60f4ea11.TMP/images/1920x500.gif" alt="thumb">
 +
              <div class="carousel-caption"> Carousel caption 3. Here goes slide description. Lorem ipsum dolor set amet. </div>
 +
            </div>
 +
          </div>
 +
          <a class="left carousel-control" href="#carousel-299058" data-slide="prev"><span class="icon-prev"></span></a> <a class="right carousel-control" href="#carousel-299058" data-slide="next"><span class="icon-next"></span></a></div>
 +
      </div>
 +
    </div>
 +
    <hr>
 +
  </div>
 +
<section></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="file:///Macintosh HD/Users/shunzhema/Library/Application Support/Adobe/Dreamweaver CC 2015/en_US/Configuration/Temp/Assets/eam60f4ea11.TMP/images/400X200.gif" alt="Thumbnail Image 1" class="img-responsive">
 +
            <div class="caption">
 +
              <blockquote>
 +
                <h3>Description</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="file:///Macintosh HD/Users/shunzhema/Library/Application Support/Adobe/Dreamweaver CC 2015/en_US/Configuration/Temp/Assets/eam60f4ea11.TMP/images/400X200.gif" alt="Thumbnail Image 1" class="img-responsive">
 +
            <div class="caption">
 +
              <h3>Design</h3>
 +
              <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
 +
              <hr>
 +
              <p class="text-center"><a href="" 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="file:///Macintosh HD/Users/shunzhema/Library/Application Support/Adobe/Dreamweaver CC 2015/en_US/Configuration/Temp/Assets/eam60f4ea11.TMP/images/400X200.gif" alt="Thumbnail Image 1" class="img-responsive">
 +
            <div class="caption">
 +
              <h3>Experiments</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/Experiments" 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="file:///Macintosh HD/Users/shunzhema/Library/Application Support/Adobe/Dreamweaver CC 2015/en_US/Configuration/Temp/Assets/eam60f4ea11.TMP/images/400X200.gif" alt="Thumbnail Image 1" class="img-responsive">
 +
            <div class="caption">
 +
              <h3>Proof of Concept</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/Proof" 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="file:///Macintosh HD/Users/shunzhema/Library/Application Support/Adobe/Dreamweaver CC 2015/en_US/Configuration/Temp/Assets/eam60f4ea11.TMP/images/400X200.gif" alt="Thumbnail Image 1" class="img-responsive">
 +
            <div class="caption">
 +
              <h3>Demonstrate</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/Demonstrate" 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="file:///Macintosh HD/Users/shunzhema/Library/Application Support/Adobe/Dreamweaver CC 2015/en_US/Configuration/Temp/Assets/eam60f4ea11.TMP/images/400X200.gif" alt="Thumbnail Image 1" class="img-responsive">
 +
            <div class="caption">
 +
              <h3>Results</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/Results" class="btn btn-success" role="button">Go</a></p>
 +
            </div>
 +
          </div>
 +
        </div>
 +
</div>
 +
      <div class="row">
 +
        <div class="col-lg-4 col-md-4 col-sm-6 col-xs-6">
 +
          <div class="thumbnail"> <img src="file:///Macintosh HD/Users/shunzhema/Library/Application Support/Adobe/Dreamweaver CC 2015/en_US/Configuration/Temp/Assets/eam60f4ea11.TMP/images/400X200.gif" alt="Thumbnail Image 1" class="img-responsive">
 +
            <div class="caption">
 +
              <h3>Notebook</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/Notebook" class="btn btn-info" role="button">Go</a></p>
 +
            </div>
 +
          </div>
 +
        </div>
 +
      </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="file:///Macintosh HD/Users/shunzhema/Library/Application Support/Adobe/Dreamweaver CC 2015/en_US/Configuration/Temp/Assets/eam60f4ea11.TMP/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="file:///Macintosh HD/Users/shunzhema/Library/Application Support/Adobe/Dreamweaver CC 2015/en_US/Configuration/Temp/Assets/eam60f4ea11.TMP/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="file:///Macintosh HD/Users/shunzhema/Library/Application Support/Adobe/Dreamweaver CC 2015/en_US/Configuration/Temp/Assets/eam60f4ea11.TMP/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 judges-will-not-evaluate">
 
<h3>★  ALERT! </h3>
 
<h3>★  ALERT! </h3>
 
<p>This page is used by the judges to evaluate your team for the<a href="https://2016.igem.org/Judging/Medals"> improve a previous part or project gold medal criterion</a>. </p>
 
<p>This page is used by the judges to evaluate your team for the<a href="https://2016.igem.org/Judging/Medals"> improve a previous part or project gold medal criterion</a>. </p>
Line 61: Line 253:
 
</div>
 
</div>
  
 +
</footer>
 +
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
 +
<script src="file:///Macintosh HD/Users/shunzhema/Dropbox/js/jquery-1.11.3.min.js"></script>
 +
<!-- Include all compiled plugins (below), or include individual files as needed -->
 +
<script src="file:///Macintosh HD/Users/shunzhema/Dropbox/js/bootstrap.js"></script>
  
−
 
+
</body>
 
</html>
 
</html>

Revision as of 05:38, 2 October 2016

Template

Top

 

<!DOCTYPE html> Bootstrap Real Estate Website Template
Thumbnail Image 1

Description

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Go

Thumbnail Image 1

Design

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Go

Thumbnail Image 1

Notebook

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.

★ ALERT!

This page is used by the judges to evaluate your team for the improve a previous part or project gold medal criterion.

Delete this box in order to be evaluated for this medal. See more information at Instructions for Pages for awards.

Tell us about your project, describe what moves you and why this is something important for your team.

What should this page contain?
  • A clear and concise description of your project.
  • A detailed explanation of why your team chose to work on this particular project.
  • References and sources to document your research.
  • Use illustrations and other visual resources to explain your project.
Advice on writing your Project Description

We encourage you to put up a lot of information and content on your wiki, but we also encourage you to include summaries as much as possible. If you think of the sections in your project description as the sections in a publication, you should try to be consist, accurate and unambiguous in your achievements.

Judges like to read your wiki and know exactly what you have achieved. This is how you should think about these sections; from the point of view of the judge evaluating you at the end of the year.

References

iGEM teams are encouraged to record references you use during the course of your research. They should be posted somewhere on your wiki so that judges and other visitors can see how you thought about your project and what works inspired you.

Inspiration

See how other teams have described and presented their projects: