Difference between revisions of "Team:Virginia/OLDpublicengagement"

Line 89: Line 89:
 
               <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>Protocols</a>
 
               <a class="hvr-sweep-to-right" href="#"><div class="arrow-right"></div>Software</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 )-->
 +
    <!-- Title header-->
 +
    <div class="title-container">
 +
      <img class="left" height="150" src="https://image.flaticon.com/icons/svg/631/631570.svg" width="150"/>
 +
      <div class="h1">Public Engagement</div>
 +
      <div class="color-overlay"></div>
 +
    </div>
 +
    <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 class="dict">temporary<span><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/25/Carboxysome_and_bacterial_microcompartments.jpg/800px-Carboxysome_and_bacterial_microcompartments.jpg"/>Bacterial microcompartments (BMCs) are organelle-like structures, consisting of a protein shell that encloses enzymes and other proteins. BMCs are typically about 40–200 nanometers in diameter and are entirely made of proteins. The shell functions like a membrane, as it is selectively permeable.</span></div> 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 <div class="dict">filler<span>DNA origami is the nanoscale folding of DNA to create non-arbitrary two- and three-dimensional shapes at the nanoscale. The specificity of the interactions between complementary base pairs make DNA a useful construction material, through design of its base sequences. DNA is a well-understood material that is suitable for creating scaffolds that hold other molecules in place or to create structures all on its own.</span></div><br/>
 +
      </center>
 +
 +
      <center>
 +
      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>
 +
      <center>
 +
      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/>Bottom Filler<br/>
 +
      </center>
 +
    </div>
 +
    <!-- Stop writing body here -->
 +
   
 +
    <!--footerstart-->
 +
    <div class="footerholder">
 +
      <div class="bottomlogoholder">
 +
        <a class="logoring" href="#" id="logoring">
 +
          <img id="animationImg" src="logo-up-frames/21.svg"/>
 +
        </a>
 +
      </div>
 +
      <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-->
 +
 
 +
 +
 +
 
 +
    <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&amp;ctype=text/css" rel="stylesheet" type="text/css"/>
 +
    <link href="https://2020.igem.org/Template:Virginia/styles/footerCSS?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css"/>
 +
    <link href="https://2020.igem.org/Template:Virginia/styles/mainCSS?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css"/>
 +
    <link href="https://2020.igem.org/Template:Virginia/styles/hoverCSS?action=raw&amp;ctype=text/css" media="all" rel="stylesheet"/>
 +
    <link href="https://2020.igem.org/Template:Virginia/styles/peCSS?action=raw&amp;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&amp;ctype=text/javascript" type="text/javascript"></script>
 +
    <!---------------------------------------------------------->
 +
 +
 
 +
 
 +
    <!--headerstart-->
 +
    <div class="topnavholder">
 +
      <img class="menuimg hvr-grow-rotate" src="https://static.igem.org/mediawiki/2020/b/b9/T--Virginia--images--thickIcon.svg"/>
 +
      <div class="menuholder1">
 +
      <div class="menulogo">MANIFOLD</div>
 +
        <div class="topnav">
 +
          <div class="dropdown">
 +
            <a class="active mainitem" href="#home">HOME</a>
 +
            <div class="dropdown-content">
 +
              <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia">Main</a>
 +
              <a class="hvr-sweep-to-right" href="#abstract">Abstract</a>
 +
              <a class="hvr-sweep-to-right" href="#problem">Problem</a>
 +
              <a class="hvr-sweep-to-right" href="#solution">Solution</a>
 +
            </div>
 +
          </div>
 +
          <div class="dropdown">
 +
            <a class="mainitem" href="#project">PROJECT</a>
 +
            <div class="dropdown-content">
 +
              <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/Inspiration">Inspiration</a>
 +
              <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/Description">Description</a>
 +
              <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/Design">Design</a>
 +
              <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/Experiments">Experiments</a>
 +
              <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/Results">Results</a>
 +
              <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/Modeling2">Modeling</a>
 +
              <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/Device">Device</a>
 +
              <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/Notebook">Notebook</a>
 +
              <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/Safety">Safety</a>
 +
            </div>
 +
          </div>
 +
          <div class="dropdown">
 +
            <a class="mainitem" href="#parts">PARTS</a>
 +
            <div class="dropdown-content">
 +
              <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/New_parts">New Parts</a>
 +
              <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/Utilized_parts">Utilized Parts</a>
 +
            </div>
 +
          </div>
 +
          <div class="dropdown">
 +
            <a class="mainitem" href="#outreach">OUTREACH</a>
 +
            <div class="dropdown-content">
 +
              <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/Human_practices">Human Practices</a>
 +
              <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/Public_engagement">Public Engagement</a>
 +
              <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/Collaborations">Collaborations</a>
 +
              <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/Meetups">Meet Ups</a>
 +
            </div>
 +
          </div>
 +
          <div class="dropdown">
 +
            <a class="mainitem" href="#team">TEAM</a>
 +
            <div class="dropdown-content">
 +
              <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/Members">Members</a>
 +
              <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/Attributions">Attributions</a>
 +
              <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/Gallery">Gallery</a>
 +
            </div>
 +
          </div>
 +
          <div class="dropdown">
 +
            <a class="mainitem" href="#awards">AWARDS</a>
 +
            <div class="dropdown-content">
 +
              <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/Awards">Awards</a>
 +
              <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/Medals">Medals</a>
 +
            </div>
 +
          </div>
 +
          <div class="dropdown">
 +
            <a class="mainitem" href="#about">RESOURCES</a>
 +
            <div class="dropdown-content">
 +
              <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/Papers">Papers</a>
 +
              <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/nucleic_acids">Nucleic Acids</a>
 +
              <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/Protocols">Protocols</a>
 +
              <a class="hvr-sweep-to-right" href="https://2020.igem.org/Team:Virginia/Software">Software</a>
 
             </div>
 
             </div>
 
           </div>
 
           </div>

Revision as of 06:27, 21 October 2020

<!DOCTYPE html> Manifold

Public Engagement
Top filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporaryBacterial microcompartments (BMCs) are organelle-like structures, consisting of a protein shell that encloses enzymes and other proteins. BMCs are typically about 40–200 nanometers in diameter and are entirely made of proteins. The shell functions like a membrane, as it is selectively permeable.
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
fillerDNA origami is the nanoscale folding of DNA to create non-arbitrary two- and three-dimensional shapes at the nanoscale. The specificity of the interactions between complementary base pairs make DNA a useful construction material, through design of its base sequences. DNA is a well-understood material that is suitable for creating scaffolds that hold other molecules in place or to create structures all on its own.

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
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
Bottom Filler
Manifold
Public Engagement
Top filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporary filler
temporaryBacterial microcompartments (BMCs) are organelle-like structures, consisting of a protein shell that encloses enzymes and other proteins. BMCs are typically about 40–200 nanometers in diameter and are entirely made of proteins. The shell functions like a membrane, as it is selectively permeable.
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
fillerDNA origami is the nanoscale folding of DNA to create non-arbitrary two- and three-dimensional shapes at the nanoscale. The specificity of the interactions between complementary base pairs make DNA a useful construction material, through design of its base sequences. DNA is a well-understood material that is suitable for creating scaffolds that hold other molecules in place or to create structures all on its own.

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
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
Bottom Filler