Difference between revisions of "Team:Birkbeck/Research"
(Created page with "{{Birkbeck}} <html> <h1>Research</h1> <h2>Under Construction</h2> <p> <a href="https://2015.igem.org/Team:Birkbeck/Description"><li>Project</li><...") |
Lewismoffat (Talk | contribs) |
||
Line 1: | Line 1: | ||
{{Birkbeck}} | {{Birkbeck}} | ||
+ | <!-- Scripts for Masonry --> | ||
+ | <script src="https://cdnjs.cloudflare.com/ajax/libs/masonry/3.3.1/masonry.pkgd.min.js"></script> | ||
+ | <script> | ||
+ | window.onload = function() { | ||
+ | $('.grid').masonry({ | ||
+ | // options | ||
+ | itemSelector: '.grid-item', | ||
+ | columnWidth: 200 | ||
+ | }); | ||
+ | }; | ||
+ | </script> | ||
+ | |||
<html> | <html> | ||
<h1>Research</h1> | <h1>Research</h1> | ||
<h2>Under Construction</h2> | <h2>Under Construction</h2> | ||
− | < | + | <div class="blockDiv"> |
− | + | <div class="grid"> | |
− | + | <div class="grid-item"><a href="https://2015.igem.org/Team:Birkbeck/Description">Project</a></div> | |
− | + | <div class="grid-item"><a href="https://2015.igem.org/Team:Birkbeck/pp">Background</a></div> | |
− | + | <div class="grid-item"><a href="https://2015.igem.org/Team:Birkbeck/Hypotheses">Hypotheses</a></div> | |
− | + | <div class="grid-item"><a href="https://2015.igem.org/Team:Birkbeck/Parts">Parts</a></div> | |
− | + | <div class="grid-item"><a href="https://2015.igem.org/Team:Birkbeck/Experiments">Methods</a></div> | |
− | + | <div class="grid-item"><a href="https://2015.igem.org/Team:Birkbeck/Results">Results</a></div> | |
− | + | <div class="grid-item"><a href="https://2015.igem.org/Team:Birkbeck/Discussion"><li>Discussion</li></a></div> | |
− | + | <div class="grid-item"><a href="https://2015.igem.org/Team:Birkbeck/Conclusion"><li>Conclusion</li></a></div> | |
+ | <div class="grid-item"><a href="https://2015.igem.org/Team:Birkbeck/References"><li>References</li></a></div> | ||
+ | <div class="grid-item"><a href="https://2015.igem.org/Team:Birkbeck/Safety"><li>Safety</li></a></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
</html> | </html> | ||
+ | |||
+ | <style> | ||
+ | .blockDiv{ | ||
+ | width:90%; | ||
+ | margin:0 auto; | ||
+ | height:600px; | ||
+ | border: 1px solid black; | ||
+ | } | ||
+ | .grid-item { | ||
+ | width:199px; | ||
+ | background-color:blue; | ||
+ | |||
+ | } | ||
+ | |||
+ | </style> |
Revision as of 16:05, 20 August 2015
<script src="https://cdnjs.cloudflare.com/ajax/libs/masonry/3.3.1/masonry.pkgd.min.js"></script>
<script>
window.onload = function() {
$('.grid').masonry({
// options
itemSelector: '.grid-item',
columnWidth: 200
});
};
</script>
Research
Under Construction
<style> .blockDiv{ width:90%; margin:0 auto; height:600px; border: 1px solid black; } .grid-item { width:199px; background-color:blue;
}
</style>