Team:OUC-China

From 2013.igem.org

(Difference between revisions)
Line 451: Line 451:
               <ul id="menu2" class="dropdown-menu" role="menu" aria-labelledby="drop5">
               <ul id="menu2" class="dropdown-menu" role="menu" aria-labelledby="drop5">
                   <li role="presentation"><a role="menuitem" tabindex="-1" href="Members.html">Members</a></li>
                   <li role="presentation"><a role="menuitem" tabindex="-1" href="Members.html">Members</a></li>
-
                   <li role="presentation"><a role="menuitem" tabindex="-1" href="Instructors.html">Instructors</
+
                   <li role="presentation"><a role="menuitem" tabindex="-1" href="Instructors.html">Instructors</a></li>
 +
                  <li role="presentation"><a role="menuitem" tabindex="-1" href="Advisor.html">Advisor</a></li>
 +
  <li role="presentation"><a role="menuitem" tabindex="-1" href="Lab.html">Lab</a></li>
 +
  <li role="presentation"><a role="menuitem" tabindex="-1" href="Acknowledgement.html">Acknowledgement</a></li>
 +
  </ul>
 +
              </li>
 +
  <li class="dropdown">
 +
                <a  href="#"><font size="4.5px">Safety</font></a>
 +
               
 +
              </li>
 +
  <li class="dropdown">
 +
                <a  href="note.html"><font size="4.5px">Notebook</font></a>
 +
               
 +
              </li>
 +
  </ul>
 +
</div>
 +
          </div>
 +
        </div>
 +
      </div>
 +
    </div>
 +
<br><br>
 +
 
 +
 
 +
<div id="myCarousel" class="carousel slide">
 +
<ol class="carousel-indicators">
 +
    <li data-target="#myCarousel" data-slide-to="0"  class="active"></li>
 +
    <li data-target="#myCarousel" data-slide-to="1"></li>
 +
    <li data-target="#myCarousel" data-slide-to="2"></li>
 +
    <li data-target="#myCarousel" data-slide-to="3"></li>
 +
  </ol>
 +
      <div class="carousel-inner">
 +
        <div class="item active">
 +
          <img src="bootstrap\img\slide-01.jpg" alt="">
 +
          <div class="container">
 +
            <div class="carousel-caption">
 +
              <p class="lead">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
 +
              <a class="btn btn-large btn-primary" href="#">Sign up today</a>
 +
            </div>
 +
          </div>
 +
        </div>
 +
        <div class="item">
 +
          <img src="bootstrap\img\slide-02.jpg" alt="">
 +
          <div class="container">
 +
            <div class="carousel-caption">
 +
           
 +
              <p class="lead">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
 +
              <a class="btn btn-large btn-primary" href="#">Learn more</a>
 +
          </div>
 +
        </div>
 +
      </div>
 +
        <div class="item">
 +
          <img src="bootstrap\img\slide-03.jpg" alt="">
 +
          <div class="container">
 +
            <div class="carousel-caption">
 +
             
 +
              <p class="lead">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
 +
              <a class="btn btn-large btn-primary" href="#">Browse gallery</a>
 +
            </div>
 +
          </div>
 +
        </div>
 +
        <div class="item">
 +
          <img src="bootstrap\img\slide-02.jpg" alt="">
 +
          <div class="container">
 +
            <div class="carousel-caption">
 +
           
 +
              <p class="lead">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
 +
              <a class="btn btn-large btn-primary" href="#">Learn more</a>
 +
          </div>
 +
        </div>
 +
      </div>
 +
      </div>
 +
      <a class="left carousel-control" href="#myCarousel" data-slide="prev" data-interval="1000" data-pause="hover">&lsaquo;</a>
 +
      <a class="right carousel-control" href="#myCarousel" data-slide="next">&rsaquo;</a>
 +
    </div>
 +
   
 +
   
 +
 
 +
      <div class="jumbotron">
 +
        <header id="banner" class="hero-unit no-radius">
 +
<div class="container text-center">
 +
        <h4><img src="C:\Users\ZYC\Desktop\bootstrap\bootstrap/img/title.jpg" alt="OUC-China"></h4>
 +
    </div>
 +
</header>
 +
 
 +
        <p class="lead" ><font color="#0099FF">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</font></p>
 +
        <a class="btn btn-large btn-success" href="#">Learn more</a>
 +
      </div>
 +
 
 +
      <hr>
 +
      <div class="container marketing">
 +
 
 +
      <!-- Three columns of text below the carousel -->
 +
      <div class="row">
 +
        <div class="span6">
 +
          <img class="img-circle" data-src="holder.js/140x140">
 +
          <h2>Heading</h2>
 +
          <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p>
 +
          <p><a class="btn" href="#">View details &raquo;</a></p>
 +
        </div><!-- /.span4 -->
 +
        <div class="span6">
 +
          <img class="img-circle" data-src="holder.js/140x140">
 +
          <h2>Heading</h2>
 +
          <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
 +
          <p><a class="btn" href="#">View details &raquo;</a></p>
 +
        </div><!-- /.span4 -->
 +
      </div><!-- /.row -->
 +
  </div>
 +
<script src="http://code.jquery.com/jquery.js"></script>
 +
<script src="bootstrap\js\bootstrap.min.js"></script>
 +
<script>
 +
      !function ($) {
 +
        $(function(){
 +
          // carousel demo
 +
          $('#myCarousel').carousel()
 +
        })
 +
      }(window.jQuery)
 +
    </script>
 +
    <script src="bootstrap\js\bootstrap.holder.js"></script>
 +
 +
</body>
 +
</html>

Revision as of 10:53, 20 September 2013

index



Cras justo odio, dapibus ac facilisis in, egestas eget quam. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

Learn more

Heading

Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

View details »

Heading

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

View details »