Difference between revisions of "Team:Uppsala/Team"

Line 4: Line 4:
  
 
<body>
 
<body>
−
<div class="container-fluid">
+
 
−
<u1 class="nav nav-tabs">
+
<div class="container">
−
  <li class="active"> <a data-toggle="tab" href="#UnaG">UnaG</a></li>
+
  <h2>Dynamic Tabs</h2>
−
  <li><a data-toggle="tab" href="#CRISPR"> CRISPR</a></li>
+
  <ul class="nav nav-tabs">
−
  <li><a data-toggle="tab" href="#Microfluidics"> Microfluidics </a></li>
+
    <li class="active"><a data-toggle="tab" href="#home">Home</a></li>
−
</u1>
+
    <li><a data-toggle="tab" href="#menu1">Menu 1</a></li>
−
<div class="tab-content">
+
    <li><a data-toggle="tab" href="#menu2">Menu 2</a></li>
−
<div id="UnaG" class="tab-pane fade in active">
+
    <li><a data-toggle="tab" href="#menu3">Menu 3</a></li>
−
<p> Presentation of UnaG group</p>
+
  </ul>
−
</div>
+
 
−
<div id="CRISPR" class="tab-pane fade">
+
  <div class="tab-content">
−
<p>Presentation of CRISPR</p>
+
    <div id="home" class="tab-pane fade in active">
−
</div>
+
      <h3>HOME</h3>
−
<div id="Microfluidics" class="tab-pane fade">
+
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
−
<p>Presentation of Microfluidics</p>
+
    </div>
−
</div>
+
    <div id="menu1" class="tab-pane fade">
 +
      <h3>Menu 1</h3>
 +
      <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
 +
    </div>
 +
    <div id="menu2" class="tab-pane fade">
 +
      <h3>Menu 2</h3>
 +
      <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.</p>
 +
    </div>
 +
    <div id="menu3" class="tab-pane fade">
 +
      <h3>Menu 3</h3>
 +
      <p>Eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
 +
    </div>
 +
  </div>
 
</div>
 
</div>
  

Revision as of 07:24, 15 June 2016

Dynamic Tabs

HOME

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

In this page you can introduce your team members, instructors, and advisors.

Inspiration

You can look at what other teams did to get some inspiration!
Here are a few examples:

What should this page contain?
  • Include pictures of your teammates, don’t forget instructors and advisors!
  • You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.
  • Take team pictures! Show us your school, your lab and little bit of your city.
  • Remember that image galleries can help you showcase many pictures while saving space.