KevinYLi123 (Talk | contribs) |
|||
(37 intermediate revisions by 5 users not shown) | |||
Line 7: | Line 7: | ||
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet"> | <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet"> | ||
<link href="https://fonts.googleapis.com/css?family=Lora" rel="stylesheet"> | <link href="https://fonts.googleapis.com/css?family=Lora" rel="stylesheet"> | ||
+ | <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet"> | ||
<style type="text/css"> | <style type="text/css"> | ||
#holder { | #holder { | ||
Line 42: | Line 43: | ||
width: 100%; | width: 100%; | ||
z-index: 2; | z-index: 2; | ||
− | font-family: ' | + | font-family: 'Montserrat', sans-serif; |
color: #FFFFFF; | color: #FFFFFF; | ||
font-size: 70px; | font-size: 70px; | ||
Line 147: | Line 148: | ||
-ms-transition: all 0.4s ease; | -ms-transition: all 0.4s ease; | ||
-o-transition: all 0.4s ease; | -o-transition: all 0.4s ease; | ||
+ | } | ||
+ | #target1{ | ||
+ | position: relative; | ||
+ | top: -80px; | ||
+ | } | ||
+ | #target2{ | ||
+ | position: relative; | ||
+ | top: -80px; | ||
+ | } | ||
+ | #target3{ | ||
+ | position: relative; | ||
+ | top: -80px; | ||
} | } | ||
#flogo:hover { | #flogo:hover { | ||
Line 190: | Line 203: | ||
<div id="holder"> | <div id="holder"> | ||
<video style= "z-index:1;" id="oceanvideo" autoplay muted loop> | <video style= "z-index:1;" id="oceanvideo" autoplay muted loop> | ||
− | <source src="https://static.igem.org/mediawiki/2018/ | + | <source src="https://static.igem.org/mediawiki/2018/5/54/T--Lambert_GA--Notebook.mp4" type="video/mp4"> |
Your browser does not support video. | Your browser does not support video. | ||
</video> | </video> | ||
<div id="overlay"></div> | <div id="overlay"></div> | ||
<div id="bigtitle"> | <div id="bigtitle"> | ||
− | + | N O T E B O O K | |
</div> | </div> | ||
</div> | </div> | ||
Line 215: | Line 228: | ||
<div id="afterhome"> | <div id="afterhome"> | ||
− | + | <div id="sidebar"> | |
− | <br><br><br> | + | <br><br> |
− | + | <div id="link"> | |
+ | <b><a style="color:black; text-decoration: none; line-height:1.1;" href="#target1">CLONING WORKFLOW</a></b> | ||
+ | </div> | ||
+ | <br><br> | ||
+ | <div id="link"> | ||
+ | <b><a style="color:black; text-decoration: none; line-height:1.1;" href="#target2">NOTEBOOK</a></b> | ||
+ | </div> | ||
+ | <br><br> | ||
+ | <div id="link"> | ||
+ | <b><a style="color:black; text-decoration: none; line-height:1.1;" href="#target3">BIOBRICK NOTEBOOK</a></b> | ||
+ | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
− | + | ||
+ | <div id="maincontent"> | ||
<br><br><br> | <br><br><br> | ||
+ | <center> | ||
+ | <div id="target1"></div> | ||
+ | <div id="subheading1"> | ||
+ | <b>VIEW OUR CLONING WORKFLOW</b> | ||
+ | </div> | ||
− | <div | + | <br><br> |
+ | <div id="pdf-display-container"> | ||
+ | <div id="pdf-viewer-container"> | ||
+ | <iframe height="1100px" iframe width = "900px" id="pdf-viewer" src="https://static.igem.org/mediawiki/2018/4/43/T--Lambert_GA--Workflow_PDF.pdf" frameborder="0"> <center>Cloning Workflow</center></iframe> | ||
+ | </div> | ||
+ | </div> | ||
+ | </center> | ||
+ | <br> | ||
+ | <center> | ||
+ | <div> | ||
+ | <center><p style="font-size: 18px"> Click here to download your own <a href="https://static.igem.org/mediawiki/2017/a/a5/Copy_of_Ligation_Calculator.xlsx">Ligation Calculator</a>.</p></center> | ||
+ | </div> | ||
+ | <div> | ||
+ | <i>Cloning Workflow</i> | ||
+ | <br ><br></div> | ||
+ | <br><br> | ||
+ | <center> | ||
+ | <div id="target2"></div> | ||
+ | <div id="subheading2"> | ||
+ | <b>VIEW OUR TEAM'S NOTEBOOKS</b> | ||
+ | </div> | ||
+ | </center> | ||
+ | <div><br><br></div> | ||
+ | <center> | ||
− | < | + | <div id="pdf-display-container"> |
− | < | + | <div id="pdf-viewer-container"> |
+ | <iframe height="1100px" iframe width = "900px" id="pdf-viewer" src="https://static.igem.org/mediawiki/2018/e/e5/T--Lambert_GA--Notebook.pdf" frameborder="0"> Team Notebook</iframe> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div> | ||
+ | <br> | ||
+ | <i >Team Notebook</i> | ||
− | < | + | <br ><br></div> |
− | + | </center> | |
− | </ | + | |
+ | <center> | ||
+ | <div id="target3"></div> | ||
+ | <div id="subheading2"> | ||
+ | <b>VIEW OUR BIOBRICK NOTEBOOKS</b> | ||
</div> | </div> | ||
+ | </center> | ||
+ | <div><br><br></div> | ||
+ | <center> | ||
+ | <div id="pdf-display-container"> | ||
+ | <div id="pdf-viewer-container"> | ||
+ | <iframe height="1100px" iframe width = "900px" id="pdf-viewer" src="https://static.igem.org/mediawiki/2018/7/76/T--Lambert_GA--biobrickworkflow.pdf | ||
+ | " frameborder="0">Biobrick Notebook</iframe> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div > | ||
+ | <br> | ||
+ | <i >Biobrick Notebook</i> | ||
+ | <br ><br></div> | ||
+ | </center> | ||
+ | </div> | ||
− | <div | + | <div id="footer"> |
− | < | + | <br><br> |
− | < | + | <a href="https://www.facebook.com/groups/198318606966726/"><i class="fa fa-facebook" id="flogo"></i></a> |
− | + | ||
− | + | ||
− | < | + | |
− | </ | + | |
− | </ | + | <a href="https://twitter.com/lamberths_igem?lang=en"><i class="fa fa-twitter" id="tlogo"></i></a> |
+ | |||
+ | <a href="https://www.instagram.com/lambertigem/"><i class="fa fa-instagram" id="ilogo"></i></a> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
+ | |||
<div class="clear"></div> | <div class="clear"></div> |
Latest revision as of 02:25, 18 October 2018
N O T E B O O K
VIEW OUR CLONING WORKFLOW
Click here to download your own Ligation Calculator.
Cloning Workflow
VIEW OUR TEAM'S NOTEBOOKS
Team Notebook
VIEW OUR BIOBRICK NOTEBOOKS
Biobrick Notebook