Team:Berkeley/Notebooks

From 2013.igem.org

(Difference between revisions)
 
(14 intermediate revisions not shown)
Line 1: Line 1:
{{Team:Berkeley/header}}
{{Team:Berkeley/header}}
-
{{Team:Berkeley/navigation}}
 
-
 
<html>
<html>
-
<link rel="stylesheet" type="text/css" href="https://2013.igem.org/Template:Team:Berkeley/foundation?action=raw&ctype=text/css" />
 
-
<link rel="stylesheet2" type="text/css" href="https://2013.igem.org/Template:Team:Berkeley/css?action=raw&ctype=text/css" />
 
-
<div class = "content">
+
<body data-spy="scroll" data-target="#navbar">
-
<div class = "container">
+
        <div id="navbar">
-
  <div class = "heading"><a name="Notebooks">Notebooks</a></div> <br />
+
            <ul class="nav">
 +
                <li id="TitleID"> <a id=TitleID href="https://2013.igem.org/Team:Berkeley/Notebooks">Lab Notebooks</a>  
 +
                </li>
 +
                <li><a href="#1">Bernie</a></li>
 +
                <li><a href="#2">Hojae</a></li>
 +
                <li><a href="#3">Roy</a></li>
 +
                <li><a href="#4">Ramya</a></li>
 +
                <li><a href="#5">Thomas</a></li>         
 +
            </ul>
 +
        </div>
 +
        <div id="inner-content">
 +
            <div class="heading-large"><a>Notebooks</a>
 +
            </div>
 +
         
 +
<div id="1">
 +
<div class = "heading"><a>Bernardo Cervantes' Notebook</a></div>
 +
-
<div style="width:320px; height:250px; text-align:center; float: left">
+
<a target="_new" href="https://static.igem.org/mediawiki/2013/5/56/B.Cervantes-Notebook.pdf"><img src="http://www.downsizetothrive.com/books_transparent.gif" width="200px"/></a>
-
<a target="_new" href="#"><img src="http://www.downsizetothrive.com/books_transparent.gif" width="200px"/></a>
+
-
<div class = "names">Bernardo Cervantes' Notebook</div>
+
-
</div>
+
-
<div style="width:320px; height:250px; text-align:center; float: left">
 
-
<a target="_new" href="#"><img src="http://www.downsizetothrive.com/books_transparent.gif" width="200px"/></a>
 
-
<div class = "names">Hojae Lee's Notebook</div>
 
-
</div>
 
-
<div style="width:320px; height:250px; text-align:center; float: left">
 
-
<a target="_new" href="#"><img src="http://www.downsizetothrive.com/books_transparent.gif" width="200px"/></a>
 
-
<div class = "names">Roy Park's Notebook</div>
 
-
</div>
 
-
<div style="width:480px; height:250px; text-align:center; float: left">
 
-
<a target="_new" href="#"><img src="http://www.downsizetothrive.com/books_transparent.gif" width="200px"/></a>
 
-
<div class = "names">Ramya Prathuri's Notebook</div>
 
-
</div>
 
-
<div style="width:480px; height:250px; text-align:center; float: left">
+
    </div>
-
<a target="_new" href="#"><img src="http://www.downsizetothrive.com/books_transparent.gif" width="200px"/></a>
+
   
-
<div class = "names">Thomas Rich's Notebook</div>
+
    <div id="2">
-
</div>
+
<div class = "heading"><a>Hojae Lee's Notebook</a></div>
 +
 +
                   
 +
<a target="_new" href="https://static.igem.org/mediawiki/2013/b/b8/Hojae%27s_Lab_Notebook.pdf"><img src="http://www.downsizetothrive.com/books_transparent.gif" width="200px"/></a>
 +
 
 +
    </div>
 +
    <div id="3">
 +
<div class = "heading"><a>Roy Park's Notebook</a></div>
 +
 
 +
<a target="_new" href="https://static.igem.org/mediawiki/2013/4/48/Roy_Notebook.pdf"><img src="http://www.downsizetothrive.com/books_transparent.gif" width="200px"/>
 +
                 
 +
 
 +
   
 +
    <div id="4">
 +
<div class = "heading"><a>Ramya Prathuri's Notebook</a></div>
 +
<a target="_new" href="https://static.igem.org/mediawiki/2013/6/6f/Ramya_Prathuris_Notebook.pdf"><img src="http://www.downsizetothrive.com/books_transparent.gif" width="200px"/></a>
 +
               
 +
    </div>
 +
    <div id="5">
 +
<div class = "heading"><a>Thomas Rich's Notebook</a></div>
 +
<a target="_new" href="https://static.igem.org/mediawiki/igem.org/1/19/Thomas_iGEM2013notebook.pdf"><img src="http://www.downsizetothrive.com/books_transparent.gif" width="200px"/></a>
 +
               
 +
 
 +
    </div>
 +
   
-
</div>
 
</div>
</div>
 +
<script>
 +
var offset = 54;
 +
$('#navbar li a').click(function(event) {
 +
if ( ($(this).attr('id')) == 'TitleID') {
 +
return;
 +
}
 +
else {
 +
    event.preventDefault();
 +
    $($(this).attr('href'))[0].scrollIntoView();
 +
    scrollBy(0, -offset);
 +
}
 +
});
 +
</script>
</html>
</html>

Latest revision as of 22:27, 28 October 2013