Difference between revisions of "Team:British Columbia/Notebook/Protocols"

(Created page with "{{:Team:British Columbia/Template/Fixednavbar}} <html lang="en"> <body>")
 
Line 3: Line 3:
  
 
   <body>
 
   <body>
 +
<div class="container-fluid">
 +
      <div class="row">
 +
        <div class="col-sm-3 col-md-2 sidebar">
 +
          <ul class="nav nav-sidebar">
 +
            <li class="active"><a href="#">Overview <span class="sr-only">(current)</span></a></li>
 +
            <li><a href="#">Reports</a></li>
 +
            <li><a href="#">Analytics</a></li>
 +
            <li><a href="#">Export</a></li>
 +
          </ul>
 +
          <ul class="nav nav-sidebar">
 +
            <li><a href="">Nav item</a></li>
 +
            <li><a href="">Nav item again</a></li>
 +
            <li><a href="">One more nav</a></li>
 +
            <li><a href="">Another nav item</a></li>
 +
            <li><a href="">More navigation</a></li>
 +
          </ul>
 +
          <ul class="nav nav-sidebar">
 +
            <li><a href="">Nav item again</a></li>
 +
            <li><a href="">One more nav</a></li>
 +
            <li><a href="">Another nav item</a></li>
 +
          </ul>
 +
        </div>
 +
        <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
 +
          <h1 class="page-header">Dashboard</h1>
 +
 +
          <div class="row placeholders">
 +
            <div class="col-xs-6 col-sm-3 placeholder">
 +
              <img data-src="holder.js/200x200/auto/sky" class="img-responsive" alt="Generic placeholder thumbnail">
 +
              <h4>Label</h4>
 +
              <span class="text-muted">Something else</span>
 +
            </div>
 +
            <div class="col-xs-6 col-sm-3 placeholder">
 +
              <img data-src="holder.js/200x200/auto/vine" class="img-responsive" alt="Generic placeholder thumbnail">
 +
              <h4>Label</h4>
 +
              <span class="text-muted">Something else</span>
 +
            </div>
 +
            <div class="col-xs-6 col-sm-3 placeholder">
 +
              <img data-src="holder.js/200x200/auto/sky" class="img-responsive" alt="Generic placeholder thumbnail">
 +
              <h4>Label</h4>
 +
              <span class="text-muted">Something else</span>
 +
            </div>
 +
            <div class="col-xs-6 col-sm-3 placeholder">
 +
              <img data-src="holder.js/200x200/auto/vine" class="img-responsive" alt="Generic placeholder thumbnail">
 +
              <h4>Label</h4>
 +
              <span class="text-muted">Something else</span>
 +
            </div>
 +
          </div>
 +
 +
          <h2 class="sub-header">Section title</h2>
 +
          <div class="table-responsive">
 +
            <table class="table table-striped">
 +
              <thead>
 +
                <tr>
 +
                  <th>#</th>
 +
                  <th>Header</th>
 +
                  <th>Header</th>
 +
                  <th>Header</th>
 +
                  <th>Header</th>
 +
                </tr>
 +
              </thead>
 +
              <tbody>
 +
                <tr>
 +
                  <td>1,001</td>
 +
                  <td>Lorem</td>
 +
                  <td>ipsum</td>
 +
                  <td>dolor</td>
 +
                  <td>sit</td>
 +
                </tr>
 +
                <tr>
 +
                  <td>1,002</td>
 +
                  <td>amet</td>
 +
                  <td>consectetur</td>
 +
                  <td>adipiscing</td>
 +
                  <td>elit</td>
 +
                </tr>
 +
                <tr>
 +
                  <td>1,003</td>
 +
                  <td>Integer</td>
 +
                  <td>nec</td>
 +
                  <td>odio</td>
 +
                  <td>Praesent</td>
 +
                </tr>
 +
                <tr>
 +
                  <td>1,003</td>
 +
                  <td>libero</td>
 +
                  <td>Sed</td>
 +
                  <td>cursus</td>
 +
                  <td>ante</td>
 +
                </tr>
 +
                <tr>
 +
                  <td>1,004</td>
 +
                  <td>dapibus</td>
 +
                  <td>diam</td>
 +
                  <td>Sed</td>
 +
                  <td>nisi</td>
 +
                </tr>
 +
                <tr>
 +
                  <td>1,005</td>
 +
                  <td>Nulla</td>
 +
                  <td>quis</td>
 +
                  <td>sem</td>
 +
                  <td>at</td>
 +
                </tr>
 +
                <tr>
 +
                  <td>1,006</td>
 +
                  <td>nibh</td>
 +
                  <td>elementum</td>
 +
                  <td>imperdiet</td>
 +
                  <td>Duis</td>
 +
                </tr>
 +
                <tr>
 +
                  <td>1,007</td>
 +
                  <td>sagittis</td>
 +
                  <td>ipsum</td>
 +
                  <td>Praesent</td>
 +
                  <td>mauris</td>
 +
                </tr>
 +
                <tr>
 +
                  <td>1,008</td>
 +
                  <td>Fusce</td>
 +
                  <td>nec</td>
 +
                  <td>tellus</td>
 +
                  <td>sed</td>
 +
                </tr>
 +
                <tr>
 +
                  <td>1,009</td>
 +
                  <td>augue</td>
 +
                  <td>semper</td>
 +
                  <td>porta</td>
 +
                  <td>Mauris</td>
 +
                </tr>
 +
                <tr>
 +
                  <td>1,010</td>
 +
                  <td>massa</td>
 +
                  <td>Vestibulum</td>
 +
                  <td>lacinia</td>
 +
                  <td>arcu</td>
 +
                </tr>
 +
                <tr>
 +
                  <td>1,011</td>
 +
                  <td>eget</td>
 +
                  <td>nulla</td>
 +
                  <td>Class</td>
 +
                  <td>aptent</td>
 +
                </tr>
 +
                <tr>
 +
                  <td>1,012</td>
 +
                  <td>taciti</td>
 +
                  <td>sociosqu</td>
 +
                  <td>ad</td>
 +
                  <td>litora</td>
 +
                </tr>
 +
                <tr>
 +
                  <td>1,013</td>
 +
                  <td>torquent</td>
 +
                  <td>per</td>
 +
                  <td>conubia</td>
 +
                  <td>nostra</td>
 +
                </tr>
 +
                <tr>
 +
                  <td>1,014</td>
 +
                  <td>per</td>
 +
                  <td>inceptos</td>
 +
                  <td>himenaeos</td>
 +
                  <td>Curabitur</td>
 +
                </tr>
 +
                <tr>
 +
                  <td>1,015</td>
 +
                  <td>sodales</td>
 +
                  <td>ligula</td>
 +
                  <td>in</td>
 +
                  <td>libero</td>
 +
                </tr>
 +
              </tbody>
 +
            </table>
 +
          </div>
 +
        </div>
 +
      </div>
 +
    </div>

Revision as of 19:05, 31 March 2015

UBC iGEM 2015

Dashboard

Generic placeholder thumbnail

Label

Something else
Generic placeholder thumbnail

Label

Something else
Generic placeholder thumbnail

Label

Something else
Generic placeholder thumbnail

Label

Something else

Section title

# Header Header Header Header
1,001 Lorem ipsum dolor sit
1,002 amet consectetur adipiscing elit
1,003 Integer nec odio Praesent
1,003 libero Sed cursus ante
1,004 dapibus diam Sed nisi
1,005 Nulla quis sem at
1,006 nibh elementum imperdiet Duis
1,007 sagittis ipsum Praesent mauris
1,008 Fusce nec tellus sed
1,009 augue semper porta Mauris
1,010 massa Vestibulum lacinia arcu
1,011 eget nulla Class aptent
1,012 taciti sociosqu ad litora
1,013 torquent per conubia nostra
1,014 per inceptos himenaeos Curabitur
1,015 sodales ligula in libero