Difference between revisions of "Team:ASIJ TOKYO/Parts"

Line 1: Line 1:
 
{{Team:ASIJ_TOKYO/css}}
 
{{Team:ASIJ_TOKYO/css}}
<!--
 
Solid State by HTML5 UP
 
html5up.net | @ajlkn
 
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
 
-->
 
<html>
 
 
  
 +
<html lang="en">
 
<head>
 
<head>
<style>
+
  <title>Bootstrap Example</title>
body {margin:0;}
+
   <meta charset="utf-8">
 
+
   <meta name="viewport" content="width=device-width, initial-scale=1">
.navbar {
+
   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
   overflow: hidden;
+
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  background-color: #333;
+
   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
   font-family: Arial;
+
  outline: 0;
+
 
+
  position: fixed;
+
  top: 0 ;
+
  width: 100%;
+
   z-index:50;
+
}
+
 
+
.navbar a {
+
   float: left;
+
   display: block;
+
  color: #f2f2f2;
+
  outline: 0;
+
  text-align: center;
+
  padding: 28px 16px;
+
  text-decoration: none;
+
  font-size: 28px;
+
}
+
 
+
 
+
}
+
</style>
+
 
</head>
 
</head>
<body>
+
<body style="height:1500px">
  
<div class="navbar">
+
<nav class="navbar navbar-inverse navbar-fixed-top">
   <a href="https://2017.igem.org/Team:ASIJ_TOKYO">Home</a>
+
   <div class="container-fluid">
  <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Team">Team</a>
+
    <div class="navbar-header">
  <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Description">Project</a>
+
      <a class="navbar-brand" href="#">WebSiteName</a>
  <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Notebook">Notebook</a>
+
    </div>
 +
    <ul class="nav navbar-nav">
 +
      <li class="active"><a href="#">Home</a></li>
 +
      <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Page 1 <span class="caret"></span></a>
 +
        <ul class="dropdown-menu">
 +
          <li><a href="#">Page 1-1</a></li>
 +
          <li><a href="#">Page 1-2</a></li>
 +
          <li><a href="#">Page 1-3</a></li>
 +
        </ul>
 +
      </li>
 +
      <li><a href="#">Page 2</a></li>
 +
      <li><a href="#">Page 3</a></li>
 +
    </ul>
 +
  </div>
 +
</nav>
 +
 
 +
<div class="container" style="margin-top:50px">
 +
  <h3>Fixed Navbar</h3>
 +
  <div class="row">
 +
    <div class="col-md-4">
 +
      <p>A fixed navigation bar stays visible in a fixed position (top or bottom) independent of the page scroll.</p>
 +
      <p>A fixed navigation bar stays visible in a fixed position (top or bottom) independent of the page scroll.</p>   
 +
    </div>
 +
    <div class="col-md-4">
 +
      <p>A fixed navigation bar stays visible in a fixed position (top or bottom) independent of the page scroll.</p>
 +
      <p>A fixed navigation bar stays visible in a fixed position (top or bottom) independent of the page scroll.</p>
 +
    </div>
 +
    <div class="col-md-4">  
 +
      <p>A fixed navigation bar stays visible in a fixed position (top or bottom) independent of the page scroll.</p>
 +
      <p>A fixed navigation bar stays visible in a fixed position (top or bottom) independent of the page scroll.</p>
 +
    </div>
 +
  </div>
 +
</div>
  
  <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Parts">Parts</a>
 
  <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Safety">Safety</a>
 
  <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Engagement">Human Practices</a>
 
  
 
 
 
 
 
</div>
 
  
  

Revision as of 07:02, 24 October 2017

Bootstrap Example

Fixed Navbar

A fixed navigation bar stays visible in a fixed position (top or bottom) independent of the page scroll.

A fixed navigation bar stays visible in a fixed position (top or bottom) independent of the page scroll.

A fixed navigation bar stays visible in a fixed position (top or bottom) independent of the page scroll.

A fixed navigation bar stays visible in a fixed position (top or bottom) independent of the page scroll.

A fixed navigation bar stays visible in a fixed position (top or bottom) independent of the page scroll.

A fixed navigation bar stays visible in a fixed position (top or bottom) independent of the page scroll.

IGEM ASIJ TOKYO

Basic Parts

Basic parts are SUMMARY

Notes

This page should list all the basic parts your team has made during your project. You must add all characterization information for your parts on the Registry. You should not put characterization information on this page. Remember judges will only look at the first part in the list for the Best Basic Part award, so put your best part first!

Composite Parts

Composite parts are SUMMARY

Notes

This page should list all the basic parts your team has made during your project. You must add all characterization information for your parts on the Registry. You should not put characterization information on this page. Remember judges will only look at the first part in the list for the Best Basic Part award, so put your best part first!