Template:USTC

   <link type="text/css" rel="stylesheet" href="https://2015.igem.org/Template:USTC/css/materialize.min.css?action=raw&ctype=text/css"  media="screen,projection"/>
   <style type="text/css">
   .position_center{
   margin: 0 auto;
   }
   .wrap{
   width:600px;
   height:300px;
   background:#ffffff;
   margin:auto;
   position:relative;
   top:-200px;
   border:2px solid #eeeeee;
   margin-bottom: 10px;
   
   }
   .ilike-blue-container {
   @extend .blue, .lighten-4;
   }
   .tabs{
   background-color: transparent;
   }
   .tabs .tab a {
   color: white;
   display: block;
   width: 100%;
   height: 100%;
   }
   .tabs .tab a:hover {
   color: #82d1f4;
   }
   .tabs .indicator {
   position: absolute;
   bottom: 0;
   height: 2px;
   background-color: white;
   will-change: left, right;
   }
   .team_logo
   {
   background-image : url();
   background-repeat : no-repeat;
   width : 563px;
   height : 357px;
   
   position:fixed;
   right:0;
   }
   body {background-position: center;
   background-repeat: no-repeat;
   background-attachment: fixed;}
   nav{
   background-color: rgba(70, 136, 241, 0.67);
   }
   footer .footer-copyright{
   background-color: rgba(70, 136, 241, 0.67);
   }
   </style>
   <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
 <body background="">

     <nav class ="z-depth-0  top">

         <a href="#" class="brand-logo"> <img src="" alt=""></a>

<a href="sass.html">Project</a>
<a href="badges.html">Modeling</a>
<a href="collapsible.html">NoteBook</a>
<a href="collapsible.html">Human Practice</a>
<a href="collapsible.html">Team</a>
<a href="collapsible.html">Safety</a>

     </nav>

   <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
   <script type="text/javascript" src="https://2015.igem.org/Template:USTC/js/materialize.min.js?action=raw&ctype=text/javascript"></script>
 </body>