(Prototype team page) |
CollinMarino (Talk | contribs) |
||
Line 1: | Line 1: | ||
− | + | <!DOCTYPE html> | |
− | + | <html><head> | |
− | <html> | + | <meta charset="utf-8"/> |
+ | <meta content="width=device-width" name="viewport"/> | ||
+ | <title>Manifold</title> | ||
+ | <link href="images/thickIconBlack.svg" rel="icon" type="image/svg"/> | ||
− | < | + | <!-- Font Declarations --> |
− | < | + | <link href="fonts/Montserrat-Black.ttf" rel="stylesheet"/> |
− | + | ||
− | + | ||
− | + | ||
+ | <!-- Style Sheets --> | ||
+ | <link href="https://2020.igem.org/Template:Virginia/styles/headerCSS?action=raw&ctype=text/css" rel="stylesheet" type="text/css"/> | ||
+ | <link href="https://2020.igem.org/Template:Virginia/styles/footerCSS?action=raw&ctype=text/css" rel="stylesheet" type="text/css"/> | ||
+ | <link href="https://2020.igem.org/Template:Virginia/styles/mainCSS?action=raw&ctype=text/css" rel="stylesheet" type="text/css"/> | ||
+ | <link href="https://2020.igem.org/Template:Virginia/styles/hoverCSS?action=raw&ctype=text/css" media="all" rel="stylesheet"/> | ||
+ | <link href="https://2020.igem.org/Template:Virginia/styles/descriptionCSS?action=raw&ctype=text/css" media="all" rel="stylesheet"/> | ||
− | < | + | <!-- Scripts --> |
+ | <!-- This must be the first script referenced in the head --> | ||
+ | <script src="https://2020.igem.org/Template:Virginia/scripts/mainJS?action=raw&ctype=text/javascript" type="text/javascript"></script> | ||
+ | <!----------------------------------------------------------> | ||
− | <div class=" | + | </head> |
− | < | + | <body> |
− | < | + | <!--headerstart--> |
+ | <div class="topnavholder"> | ||
+ | <img class="menuimg hvr-grow-rotate" src="images/thickIcon.svg"/> | ||
+ | <div class="menuholder1"> | ||
+ | <div class="menulogo">MANIFOLD</div> | ||
+ | <div class="topnav"> | ||
+ | <div class="dropdown"> | ||
+ | <a class="active mainitem" href="#home">HOME<div class="arrow-down"></div></a> | ||
+ | <div class="dropdown-content"> | ||
+ | <a class="hvr-sweep-to-right" href="index.html#"><div class="arrow-right"></div>Main</a> | ||
+ | <a class="hvr-sweep-to-right" href="index.html#abstract"><div class="arrow-right"></div>Abstract</a> | ||
+ | <a class="hvr-sweep-to-right" href="index.html#problem"><div class="arrow-right"></div>Problem</a> | ||
+ | <a class="hvr-sweep-to-right" href="index.html#solution"><div class="arrow-right"></div>Solution</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="dropdown"> | ||
+ | <a class="mainitem" href="#project">PROJECT<div class="arrow-down"></div></a> | ||
+ | <div class="dropdown-content"> | ||
+ | <a class="hvr-sweep-to-right" href="#"><div class="arrow-right"></div>Inspiration</a> | ||
+ | <a class="hvr-sweep-to-right" href="#"><div class="arrow-right"></div>Description</a> | ||
+ | <a class="hvr-sweep-to-right" href="#"><div class="arrow-right"></div>Design</a> | ||
+ | <a class="hvr-sweep-to-right" href="#"><div class="arrow-right"></div>Experiments</a> | ||
+ | <a class="hvr-sweep-to-right" href="#"><div class="arrow-right"></div>Results</a> | ||
+ | <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/Modeling"><div class="arrow-right"></div>Modeling</a> | ||
+ | <a class="hvr-sweep-to-right" href="#"><div class="arrow-right"></div>Device</a> | ||
+ | <a class="hvr-sweep-to-right" href="#"><div class="arrow-right"></div>Notebook</a> | ||
+ | <a class="hvr-sweep-to-right" href="#"><div class="arrow-right"></div>Safety</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="dropdown"> | ||
+ | <a class="mainitem" href="#parts">PARTS<div class="arrow-down"></div></a> | ||
+ | <div class="dropdown-content"> | ||
+ | <a class="hvr-sweep-to-right" href="#"><div class="arrow-right"></div>New Parts</a> | ||
+ | <a class="hvr-sweep-to-right" href="#"><div class="arrow-right"></div>Utilized Parts</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="dropdown"> | ||
+ | <a class="mainitem" href="#outreach">OUTREACH<div class="arrow-down"></div></a> | ||
+ | <div class="dropdown-content"> | ||
+ | <a class="hvr-sweep-to-right" href="#"><div class="arrow-right"></div>Human Practices</a> | ||
+ | <a class="hvr-sweep-to-right" href="#"><div class="arrow-right"></div>Public Engagement</a> | ||
+ | <a class="hvr-sweep-to-right" href="#"><div class="arrow-right"></div>Collaborations</a> | ||
+ | <a class="hvr-sweep-to-right" href="#"><div class="arrow-right"></div>Meet Ups</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="dropdown"> | ||
+ | <a class="mainitem" href="#team">TEAM<div class="arrow-down"></div></a> | ||
+ | <div class="dropdown-content"> | ||
+ | <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/Members"><div class="arrow-right"></div>Members</a> | ||
+ | <a class="hvr-sweep-to-right" href="#"><div class="arrow-right"></div>Attributions</a> | ||
+ | <a class="hvr-sweep-to-right" href="#"><div class="arrow-right"></div>Gallery</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="dropdown"> | ||
+ | <a class="mainitem" href="#awards">AWARDS<div class="arrow-down"></div></a> | ||
+ | <div class="dropdown-content"> | ||
+ | <a class="hvr-sweep-to-right" href="#"><div class="arrow-right"></div>Awards</a> | ||
+ | <a class="hvr-sweep-to-right" href="#"><div class="arrow-right"></div>Medals</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="dropdown"> | ||
+ | <a class="mainitem" href="#about">RESOURCES<div class="arrow-down"></div></a> | ||
+ | <div class="dropdown-content"> | ||
+ | <a class="hvr-sweep-to-right" href="#"><div class="arrow-right"></div>Papers</a> | ||
+ | <a class="hvr-sweep-to-right" href="#"><div class="arrow-right"></div>Nucleic Acids</a> | ||
+ | <a class="hvr-sweep-to-right" href="#"><div class="arrow-right"></div>Protocols</a> | ||
+ | <a class="hvr-sweep-to-right" href="#"><div class="arrow-right"></div>Software</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="progress-container"> | ||
+ | <div class="progress-bar" id="myBar"></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="headerspacer"></div> | ||
+ | <!--headerstop--> | ||
− | < | + | <!-- Start writing body here (don't delete mainContainer )--> |
− | <br><br> | + | <div class="mainContainer"> |
− | + | <center> | |
− | </ | + | Top filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/> |
− | </div> | + | </center></div> |
− | + | <div class="Text_Container_1"> | |
− | + | <div class="Text_container_title"> | |
− | + | <center> | |
− | <div class=" | + | <br/> How does MANIFOLD work? <br/> |
− | < | + | </center> |
− | < | + | </div> |
− | < | + | <div class="temporary" filler=""> |
− | < | + | <center><br/> Write a beautiful description here of our project. Not sure how specific or general we want it. <br/> temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/> temporary filler <br/> </center> |
− | < | + | </div> |
− | < | + | </div> |
− | </ | + | <div class="Text_Container_2"> |
− | </div> | + | <div class="Text_container_title"> |
− | + | <center> | |
− | <div class=" | + | <br/> How is MANIFOLD different? <br/> |
− | <div class=" | + | </center></div> |
− | < | + | <div class="temporary" filler=""><center><br/> |
− | < | + | Talk about how there are other types of BMC that are being played with to change their permeability, how there is a scaffold in the BMC rather than just throwing all the enzymes in, etc <br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/> |
− | + | </center> | |
− | < | + | </div> |
− | < | + | </div> |
− | < | + | <div class="picture_row"> |
− | < | + | <div class="picture_column"> |
− | < | + | <img alt="" src="images/BMC.png" style="width:100%"/> |
− | </ | + | </div> |
− | </div> | + | <div class="picture_column"> |
− | </div> | + | <img alt="" src="images/Plasmids.png" style="width:100%"/> |
− | + | </div> | |
− | + | <div class="picture_column"> | |
− | + | <img alt="" src="images/scaffold.png" style="width:100%"/> | |
− | + | </div> | |
− | < | + | </div> |
− | < | + | <div class="References_Container"> |
− | + | <div class="Text_container_title"> | |
− | < | + | <center> |
− | + | <br/> References <br/> | |
− | </ | + | </center> |
− | + | </div> | |
− | </ | + | <div class="temporary" filler=""><center><br/> [1] <br/> [2] <br/> [3] <br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>tempor ary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/>temporary filler<br/> |
− | + | </center> | |
− | < | + | </div> |
− | < | + | </div> |
− | < | + | <!-- Stop writing body here --> |
− | + | ||
− | </div> | + | <!--footerstart--> |
− | + | <div class="footerholder"> | |
− | + | <div class="bottomlogoholder"> | |
− | + | <a class="logoring" href="#" id="logoring"> | |
− | + | <img id="animationImg" src="logo-up-frames/21.svg"/> | |
− | + | </a> | |
− | + | </div> | |
− | </html> | + | <div class="footer"> |
+ | <div class="sponsorflex"> | ||
+ | <div class="sponsoritem hexagon"><img src="sponsors/UVA.png"/></div> | ||
+ | <div class="sponsoritem hexagon"><img src="sponsors/IDT.png"/></div> | ||
+ | <div class="sponsoritem hexagon"><img src="sponsors/IDT.png"/></div> | ||
+ | <div class="sponsoritem hexagon"><img src="sponsors/IDT.png"/></div> | ||
+ | <div class="sponsoritem hexagon"><img src="sponsors/IDT.png"/></div> | ||
+ | <div class="sponsoritem hexagon"><img src="sponsors/IDT.png"/></div> | ||
+ | <div class="sponsoritem hexagon"><img src="sponsors/IDT.png"/></div> | ||
+ | <div class="sponsoritem hexagon"><img src="sponsors/IDT.png"/></div> | ||
+ | <div class="sponsoritem hexagon"><img src="sponsors/IDT.png"/></div> | ||
+ | <div class="sponsoritem hexagon"><img src="sponsors/IDT.png"/></div> | ||
+ | <div class="sponsoritem hexagon"><img src="sponsors/GenScript.png"/></div> | ||
+ | </div> | ||
+ | <div class="socialholder"> | ||
+ | <div class="menulogo">MANIFOLD</div> | ||
+ | <div class="followus">FOLLOW US:</div> | ||
+ | <div class="sociallink"><div style="color:#7496D2;margin-right: 1em;">FACEBOOK:</div>@VIRGINIAiGEM2020</div> | ||
+ | <div class="sociallink"><div style="color:#FF99FF;margin-right: 1em;">INSTAGRAM: </div>@iGEM.AT.UVA</div> | ||
+ | <div class="sociallink"><div style="color:#A3E7FF;margin-right: 1em;">TWITTER: </div>@VIRGINIAiGEM2020</div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- pre-load all images used in the animation to fix lag on the first run --> | ||
+ | <div style="display: none;"> | ||
+ | <img src="logo-up-frames/2.svg"/> | ||
+ | <img src="logo-up-frames/3.svg"/> | ||
+ | <img src="logo-up-frames/4.svg"/> | ||
+ | <img src="logo-up-frames/5.svg"/> | ||
+ | <img src="logo-up-frames/6.svg"/> | ||
+ | <img src="logo-up-frames/7.svg"/> | ||
+ | <img src="logo-up-frames/8.svg"/> | ||
+ | <img src="logo-up-frames/9.svg"/> | ||
+ | <img src="logo-up-frames/10.svg"/> | ||
+ | <img src="logo-up-frames/11.svg"/> | ||
+ | <img src="logo-up-frames/12.svg"/> | ||
+ | <img src="logo-up-frames/13.svg"/> | ||
+ | <img src="logo-up-frames/14.svg"/> | ||
+ | <img src="logo-up-frames/15.svg"/> | ||
+ | <img src="logo-up-frames/16.svg"/> | ||
+ | <img src="logo-up-frames/17.svg"/> | ||
+ | <img src="logo-up-frames/18.svg"/> | ||
+ | <img src="logo-up-frames/19.svg"/> | ||
+ | <img src="logo-up-frames/20.svg"/> | ||
+ | <img src="logo-up-frames/21.svg"/> | ||
+ | <img src="logo-up-frames/22.svg"/> | ||
+ | </div> | ||
+ | <!--footerstop--> | ||
+ | |||
+ | </body></html> |
Revision as of 02:04, 18 October 2020
<!DOCTYPE html>
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
How does MANIFOLD work?
Write a beautiful description here of our project. Not sure how specific or general we want it.
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
How is MANIFOLD different?
Talk about how there are other types of BMC that are being played with to change their permeability, how there is a scaffold in the BMC rather than just throwing all the enzymes in, etc
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
References
[1]
[2]
[3]
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
tempor ary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler