Difference between revisions of "Template:UNSW Australia/Header"

 
(9 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html>
 
<html>
−
<div class="header" id="description-header">
 
−
<div class="header-img-txt">
 
−
<div class="top-icon-div">
 
−
<img height="150px" width="150px" class="top-icon" src="https://static.igem.org/mediawiki/2018/9/9b/T--UNSW_Australia--Icon-project.png">
 
−
</div>
 
−
<div class="bottom-icon-div">
 
−
<img height="150px" width="150px" class="bottom-icon" src="https://static.igem.org/mediawiki/2018/f/f2/T--UNSW_Australia--Icon-project-bw.png">
 
−
</div>
 
−
<h1 class="shadow-text main-heading">Description</h1>
 
−
        </div>
 
−
<div class="header-line">
 
−
<div id="project-shadow-line" class="header-line-shadow"></div>
 
−
</div>
 
−
</div>
 
−
 
−
<div class="header" id="design-header">
 
−
<div class="header-img-txt">
 
−
<div class="top-icon-div">
 
−
<img height="150px" width="150px" class="top-icon" src="https://static.igem.org/mediawiki/2018/9/9b/T--UNSW_Australia--Icon-project.png">
 
−
</div>
 
−
<div class="bottom-icon-div">
 
−
<img height="150px" width="150px" class="bottom-icon" src="https://static.igem.org/mediawiki/2018/f/f2/T--UNSW_Australia--Icon-project-bw.png">
 
−
</div>
 
−
<h1 class="shadow-text main-heading">Design</h1>
 
−
        </div>
 
−
<div class="header-line">
 
−
<div id="project-shadow-line" class="header-line-shadow"></div>
 
−
</div>
 
−
</div>
 
−
 
−
<div class="header" id="cloning-header">
 
−
<div class="header-img-txt">
 
−
<div class="top-icon-div">
 
−
<img height="150px" width="150px" class="top-icon" src="https://static.igem.org/mediawiki/2018/8/8d/T--UNSW_Australia--Icon-lab.png">
 
−
</div>
 
−
<div class="bottom-icon-div">
 
−
<img height="150px" width="150px" class="bottom-icon" src="https://static.igem.org/mediawiki/2018/f/f3/T--UNSW_Australia--Icon-lab-bw.png">
 
−
</div>
 
−
<h1 class="shadow-text main-heading">Cloning</h1>
 
−
        </div>
 
−
<div class="header-line">
 
−
<div id="lab-shadow-line" class="header-line-shadow"></div>
 
−
</div>
 
−
</div>
 
−
 
−
<div class="header" id="experiments-header">
 
−
<div class="header-img-txt">
 
−
<div class="top-icon-div">
 
−
<img height="150px" width="150px" class="top-icon" src="https://static.igem.org/mediawiki/2018/8/8d/T--UNSW_Australia--Icon-lab.png">
 
−
</div>
 
−
<div class="bottom-icon-div">
 
−
<img height="150px" width="150px" class="bottom-icon" src="https://static.igem.org/mediawiki/2018/f/f3/T--UNSW_Australia--Icon-lab-bw.png">
 
−
</div>
 
−
<h1 class="shadow-text main-heading">Experiments</h1>
 
−
        </div>
 
−
<div class="header-line">
 
−
<div id="lab-shadow-line" class="header-line-shadow"></div>
 
−
</div>
 
−
</div>
 
−
 
−
<div class="header" id="interlab-header">
 
−
<div class="header-img-txt">
 
−
<div class="top-icon-div">
 
−
<img height="150px" width="150px" class="top-icon" src="https://static.igem.org/mediawiki/2018/8/8d/T--UNSW_Australia--Icon-lab.png">
 
−
</div>
 
−
<div class="bottom-icon-div">
 
−
<img height="150px" width="150px" class="bottom-icon" src="https://static.igem.org/mediawiki/2018/f/f3/T--UNSW_Australia--Icon-lab-bw.png">
 
−
</div>
 
−
<h1 class="shadow-text main-heading">Interlab</h1>
 
−
        </div>
 
−
<div class="header-line">
 
−
<div id="lab-shadow-line" class="header-line-shadow"></div>
 
−
</div>
 
−
</div>
 
−
 
−
<div class="header" id="assays-header">
 
−
<div class="header-img-txt">
 
−
<div class="top-icon-div">
 
−
<img height="150px" width="150px" class="top-icon" src="https://static.igem.org/mediawiki/2018/8/8d/T--UNSW_Australia--Icon-lab.png">
 
−
</div>
 
−
<div class="bottom-icon-div">
 
−
<img height="150px" width="150px" class="bottom-icon" src="https://static.igem.org/mediawiki/2018/f/f3/T--UNSW_Australia--Icon-lab-bw.png">
 
−
</div>
 
−
<h1 class="shadow-text main-heading">Assays</h1>
 
−
        </div>
 
−
<div class="header-line">
 
−
<div id="lab-shadow-line" class="header-line-shadow"></div>
 
−
</div>
 
−
</div>
 
−
 
−
<div class="header" id="assembly-header">
 
−
<div class="header-img-txt">
 
−
<div class="top-icon-div">
 
−
<img height="150px" width="150px" class="top-icon" src="https://static.igem.org/mediawiki/2018/8/8d/T--UNSW_Australia--Icon-lab.png">
 
−
</div>
 
−
<div class="bottom-icon-div">
 
−
<img height="150px" width="150px" class="bottom-icon" src="https://static.igem.org/mediawiki/2018/f/f3/T--UNSW_Australia--Icon-lab-bw.png">
 
−
</div>
 
−
<h1 class="shadow-text main-heading">Assembly</h1>
 
−
        </div>
 
−
<div class="header-line">
 
−
<div id="lab-shadow-line" class="header-line-shadow"></div>
 
−
</div>
 
−
</div>
 
−
 
−
<div class="header" id="protein-header">
 
−
<div class="header-img-txt">
 
−
<div class="top-icon-div">
 
−
<img height="150px" width="150px" class="top-icon" src="https://static.igem.org/mediawiki/2018/8/8d/T--UNSW_Australia--Icon-lab.png">
 
−
</div>
 
−
<div class="bottom-icon-div">
 
−
<img height="150px" width="150px" class="bottom-icon" src="https://static.igem.org/mediawiki/2018/f/f3/T--UNSW_Australia--Icon-lab-bw.png">
 
−
</div>
 
−
<h1 class="shadow-text main-heading">Protein Expression</h1>
 
−
        </div>
 
−
<div class="header-line">
 
−
<div id="lab-shadow-line" class="header-line-shadow"></div>
 
−
</div>
 
−
</div>
 
−
 
−
<div class="header" id="results-header">
 
−
<div class="header-img-txt">
 
−
<div class="top-icon-div">
 
−
<img height="150px" width="150px" class="top-icon" src="https://static.igem.org/mediawiki/2018/8/8d/T--UNSW_Australia--Icon-lab.png">
 
−
</div>
 
−
<div class="bottom-icon-div">
 
−
<img height="150px" width="150px" class="bottom-icon" src="https://static.igem.org/mediawiki/2018/f/f3/T--UNSW_Australia--Icon-lab-bw.png">
 
−
</div>
 
−
<h1 class="shadow-text main-heading">Results</h1>
 
−
        </div>
 
−
<div class="header-line">
 
−
<div id="lab-shadow-line" class="header-line-shadow"></div>
 
−
</div>
 
−
</div>
 
−
 
−
<div class="header" id="plants-header">
 
−
<div class="header-img-txt">
 
−
<div class="top-icon-div">
 
−
<img height="150px" width="150px" class="top-icon" src="https://static.igem.org/mediawiki/2018/8/8d/T--UNSW_Australia--Icon-lab.png">
 
−
</div>
 
−
<div class="bottom-icon-div">
 
−
<img height="150px" width="150px" class="bottom-icon" src="https://static.igem.org/mediawiki/2018/f/f3/T--UNSW_Australia--Icon-lab-bw.png">
 
−
</div>
 
−
<h1 class="shadow-text main-heading">Plants</h1>
 
−
        </div>
 
−
<div class="header-line">
 
−
<div id="lab-shadow-line" class="header-line-shadow"></div>
 
−
</div>
 
−
</div>
 
−
 
−
<div class="header" id="FRET-header">
 
−
<div class="header-img-txt">
 
−
<div class="top-icon-div">
 
−
<img height="150px" width="150px" class="top-icon" src="https://static.igem.org/mediawiki/2018/8/8d/T--UNSW_Australia--Icon-lab.png">
 
−
</div>
 
−
<div class="bottom-icon-div">
 
−
<img height="150px" width="150px" class="bottom-icon" src="https://static.igem.org/mediawiki/2018/f/f3/T--UNSW_Australia--Icon-lab-bw.png">
 
−
</div>
 
−
<h1 class="shadow-text main-heading">FRET</h1>
 
−
        </div>
 
−
<div class="header-line">
 
−
<div id="lab-shadow-line" class="header-line-shadow"></div>
 
−
</div>
 
−
</div>
 
−
 
−
<div class="header" id="team-header">
 
−
<div class="header-img-txt">
 
−
<div class="top-icon-div">
 
−
<img height="150px" width="150px" class="top-icon" src="https://static.igem.org/mediawiki/2018/9/97/T--UNSW_Australia--Icon-people.png">
 
−
</div>
 
−
<div class="bottom-icon-div">
 
−
<img height="150px" width="150px" class="bottom-icon" src="https://static.igem.org/mediawiki/2018/a/aa/T--UNSW_Australia--Icon-people-bw.png">
 
−
</div>
 
−
<h1 class="shadow-text main-heading">Team</h1>
 
−
        </div>
 
−
<div class="header-line">
 
−
<div id="people-shadow-line" class="header-line-shadow"></div>
 
−
</div>
 
−
</div>
 
−
 
−
<div class="header" id="collaborations-header">
 
−
<div class="header-img-txt">
 
−
<div class="top-icon-div">
 
−
<img height="150px" width="150px" class="top-icon" src="https://static.igem.org/mediawiki/2018/9/97/T--UNSW_Australia--Icon-people.png">
 
−
</div>
 
−
<div class="bottom-icon-div">
 
−
<img height="150px" width="150px" class="bottom-icon" src="https://static.igem.org/mediawiki/2018/a/aa/T--UNSW_Australia--Icon-people-bw.png">
 
−
</div>
 
−
<h1 class="shadow-text main-heading">Collaborations</h1>
 
−
        </div>
 
−
<div class="header-line">
 
−
<div id="people-shadow-line" class="header-line-shadow"></div>
 
−
</div>
 
−
</div>
 
−
 
−
<div class="header" id="attributions-header">
 
−
<div class="header-img-txt">
 
−
<div class="top-icon-div">
 
−
<img height="150px" width="150px" class="top-icon" src="https://static.igem.org/mediawiki/2018/9/97/T--UNSW_Australia--Icon-people.png">
 
−
</div>
 
−
<div class="bottom-icon-div">
 
−
<img height="150px" width="150px" class="bottom-icon" src="https://static.igem.org/mediawiki/2018/a/aa/T--UNSW_Australia--Icon-people-bw.png">
 
−
</div>
 
−
<h1 class="shadow-text main-heading">Attributions</h1>
 
−
        </div>
 
−
<div class="header-line">
 
−
<div id="people-shadow-line" class="header-line-shadow"></div>
 
−
</div>
 
−
</div>
 
−
 
−
<div class="header" id="hp-header">
 
−
<div class="header-img-txt">
 
−
<div class="top-icon-div">
 
−
<img height="150px" width="150px" class="top-icon" src="https://static.igem.org/mediawiki/2018/3/33/T--UNSW_Australia--Icon-hp.png">
 
−
</div>
 
−
<div class="bottom-icon-div">
 
−
<img height="150px" width="150px" class="bottom-icon" src="https://static.igem.org/mediawiki/2018/2/2b/T--UNSW_Australia--Icon-hp-bw.png">
 
−
</div>
 
−
<h1 class="shadow-text main-heading">Human Practices</h1>
 
−
        </div>
 
−
<div class="header-line">
 
−
<div id="hp-shadow-line" class="header-line-shadow"></div>
 
−
</div>
 
−
</div>
 
−
 
−
<div class="header" id="publicEngagement-header">
 
−
<div class="header-img-txt">
 
−
<div class="top-icon-div">
 
−
<img height="150px" width="150px" class="top-icon" src="https://static.igem.org/mediawiki/2018/3/33/T--UNSW_Australia--Icon-hp.png">
 
−
</div>
 
−
<div class="bottom-icon-div">
 
−
<img height="150px" width="150px" class="bottom-icon" src="https://static.igem.org/mediawiki/2018/2/2b/T--UNSW_Australia--Icon-hp-bw.png">
 
−
</div>
 
−
<h1 class="shadow-text main-heading">Public Engagement</h1>
 
−
        </div>
 
−
<div class="header-line">
 
−
<div id="hp-shadow-line" class="header-line-shadow"></div>
 
−
</div>
 
−
</div>
 
−
 
−
<div class="header" id="hpIntegrate-header">
 
−
<div class="header-img-txt">
 
−
<div class="top-icon-div">
 
−
<img height="150px" width="150px" class="top-icon" src="https://static.igem.org/mediawiki/2018/3/33/T--UNSW_Australia--Icon-hp.png">
 
−
</div>
 
−
<div class="bottom-icon-div">
 
−
<img height="150px" width="150px" class="bottom-icon" src="https://static.igem.org/mediawiki/2018/2/2b/T--UNSW_Australia--Icon-hp-bw.png">
 
−
</div>
 
−
<h1 class="shadow-text main-heading">Integrated Human Practices</h1>
 
−
        </div>
 
−
<div class="header-line">
 
−
<div id="hp-shadow-line" class="header-line-shadow"></div>
 
−
</div>
 
−
</div>
 
−
 
−
<div class="header" id="parts-header">
 
−
<div class="header-img-txt">
 
−
<div class="top-icon-div">
 
−
<img height="150px" width="150px" class="top-icon" src="https://static.igem.org/mediawiki/2018/c/c0/T--UNSW_Australia--Icon-parts.png">
 
−
</div>
 
−
<div class="bottom-icon-div">
 
−
<img height="150px" width="150px" class="bottom-icon" src="https://static.igem.org/mediawiki/2018/f/fe/T--UNSW_Australia--Icon-parts-bw.png">
 
−
</div>
 
−
<h1 class="shadow-text main-heading">Parts</h1>
 
−
        </div>
 
−
<div class="header-line">
 
−
<div id="parts-shadow-line" class="header-line-shadow"></div>
 
−
</div>
 
−
</div>
 
−
 
−
 
−
<div class="header" id="basic-header">
 
−
<div class="header-img-txt">
 
−
<div class="top-icon-div">
 
−
<img height="150px" width="150px" class="top-icon" src="https://static.igem.org/mediawiki/2018/c/c0/T--UNSW_Australia--Icon-parts.png">
 
−
</div>
 
−
<div class="bottom-icon-div">
 
−
<img height="150px" width="150px" class="bottom-icon" src="https://static.igem.org/mediawiki/2018/f/fe/T--UNSW_Australia--Icon-parts-bw.png">
 
−
</div>
 
−
<h1 class="shadow-text main-heading">Basic Part</h1>
 
−
        </div>
 
−
<div class="header-line">
 
−
<div id="docs-shadow-line" class="header-line-shadow"></div>
 
−
</div>
 
−
</div>
 
−
 
−
<div class="header" id="improved-header">
 
−
<div class="header-img-txt">
 
−
<div class="top-icon-div">
 
−
<img height="150px" width="150px" class="top-icon" src="https://static.igem.org/mediawiki/2018/c/c0/T--UNSW_Australia--Icon-parts.png">
 
−
</div>
 
−
<div class="bottom-icon-div">
 
−
<img height="150px" width="150px" class="bottom-icon" src="https://static.igem.org/mediawiki/2018/f/fe/T--UNSW_Australia--Icon-parts-bw.png">
 
−
</div>
 
−
<h1 class="shadow-text main-heading">Improved Part</h1>
 
−
        </div>
 
−
<div class="header-line">
 
−
<div id="docs-shadow-line" class="header-line-shadow"></div>
 
−
</div>
 
−
</div>
 
−
 
−
<div class="header" id="software-header">
 
−
<div class="header-img-txt">
 
−
<div class="top-icon-div">
 
−
<img height="150px" width="150px" class="top-icon" src="https://static.igem.org/mediawiki/2018/c/c0/T--UNSW_Australia--Icon-parts.png">
 
−
</div>
 
−
<div class="bottom-icon-div">
 
−
<img height="150px" width="150px" class="bottom-icon" src="https://static.igem.org/mediawiki/2018/f/fe/T--UNSW_Australia--Icon-parts-bw.png">
 
−
</div>
 
−
<h1 class="shadow-text main-heading">Part Software</h1>
 
−
        </div>
 
−
<div class="header-line">
 
−
<div id="docs-shadow-line" class="header-line-shadow"></div>
 
−
</div>
 
−
</div>
 
−
 
−
<div class="header" id="journal-header">
 
−
<div class="header-img-txt">
 
−
        <div class="top-icon-div">
 
−
<img height="150px" width="150px" class="top-icon" src="https://static.igem.org/mediawiki/2018/1/16/T--UNSW_Australia--Icon-docs.png">
 
−
</div>
 
−
<div class="bottom-icon-div">
 
−
<img height="150px" width="150px" class="bottom-icon" src="https://static.igem.org/mediawiki/2018/d/d4/T--UNSW_Australia--Icon-docs-bw.png">
 
−
</div>
 
−
<h1 class="shadow-text main-heading">Journal</h1>
 
−
        </div>
 
−
<div class="header-line">
 
−
<div id="docs-shadow-line" class="header-line-shadow"></div>
 
−
</div>
 
−
</div>
 
−
 
−
<div class="header" id="notebook-header">
 
−
<div class="header-img-txt">
 
−
        <div class="top-icon-div">
 
−
<img height="150px" width="150px" class="top-icon" src="https://static.igem.org/mediawiki/2018/1/16/T--UNSW_Australia--Icon-docs.png">
 
−
</div>
 
−
<div class="bottom-icon-div">
 
−
<img height="150px" width="150px" class="bottom-icon" src="https://static.igem.org/mediawiki/2018/d/d4/T--UNSW_Australia--Icon-docs-bw.png">
 
−
</div>
 
−
<h1 class="shadow-text main-heading">Notebook</h1>
 
−
        </div>
 
−
<div class="header-line">
 
−
<div id="docs-shadow-line" class="header-line-shadow"></div>
 
−
</div>
 
−
</div>
 
−
 
−
<div class="header" id="medals-header">
 
−
<div class="header-img-txt">
 
−
        <div class="top-icon-div">
 
−
<img height="150px" width="150px" class="top-icon" src="https://static.igem.org/mediawiki/2018/2/2c/T--UNSW_Australia--Icon-medals.png">
 
−
</div>
 
−
<div class="bottom-icon-div">
 
−
<img height="150px" width="150px" class="bottom-icon" src="https://static.igem.org/mediawiki/2018/d/d1/T--UNSW_Australia--Icon-medals-bw.png">
 
−
</div>
 
−
<h1 class="shadow-text main-heading">Medals</h1>
 
−
        </div>
 
−
<div class="header-line">
 
−
<div id="project-shadow-line" class="header-line-shadow"></div>
 
−
</div>
 
−
</div>
 
−
 
−
<div class="header" id="safety-header">
 
−
<div class="header-img-txt">
 
−
<div class="top-icon-div">
 
−
<img height="150px" width="150px" class="top-icon" src="https://static.igem.org/mediawiki/2018/1/16/T--UNSW_Australia--Icon-docs.png">
 
−
</div>
 
−
<div class="bottom-icon-div">
 
−
<img height="150px" width="150px" class="bottom-icon" src="https://static.igem.org/mediawiki/2018/d/d4/T--UNSW_Australia--Icon-docs-bw.png">
 
−
</div>
 
−
<h1 class="shadow-text main-heading">Safety</h1>
 
−
        </div>
 
−
<div class="header-line">
 
−
<div id="docs-shadow-line" class="header-line-shadow"></div>
 
−
</div>
 
−
</div>
 
−
 
−
<div class="header" id="modelling-header">
 
−
<div class="header-img-txt">
 
−
<div class="top-icon-div">
 
−
<img height="150px" width="150px" class="top-icon" src="https://static.igem.org/mediawiki/2018/4/44/T--UNSW_Australia--Icon-modelling.png">
 
−
</div>
 
−
<div class="bottom-icon-div">
 
−
<img height="150px" width="150px" class="bottom-icon" src="https://static.igem.org/mediawiki/2018/6/68/T--UNSW_Australia--Icon-modelling-bw.png">
 
−
</div>
 
−
<h1 class="shadow-text main-heading">Modelling</h1>
 
−
        </div>
 
−
<div class="header-line">
 
−
<div id="modelling-shadow-line" class="header-line-shadow"></div>
 
−
</div>
 
−
</div>
 
−
 
−
 
−
<div class="header" id="EKD-header">
 
−
<div class="header-img-txt">
 
−
<div class="top-icon-div">
 
−
<img height="150px" width="150px" class="top-icon" src="https://static.igem.org/mediawiki/2018/4/44/T--UNSW_Australia--Icon-modelling.png">
 
−
</div>
 
−
<div class="bottom-icon-div">
 
−
<img height="150px" width="150px" class="bottom-icon" src="https://static.igem.org/mediawiki/2018/6/68/T--UNSW_Australia--Icon-modelling-bw.png">
 
−
</div>
 
−
<h1 class="shadow-text main-heading">Enzyme Kinetics and Diffusion</h1>
 
−
        </div>
 
−
<div class="header-line">
 
−
<div id="modelling-shadow-line" class="header-line-shadow"></div>
 
−
</div>
 
−
</div>
 
−
 
−
<div class="header" id="MD-header">
 
−
<div class="header-img-txt">
 
−
<div class="top-icon-div">
 
−
<img height="150px" width="150px" class="top-icon" src="https://static.igem.org/mediawiki/2018/4/44/T--UNSW_Australia--Icon-modelling.png">
 
−
</div>
 
−
<div class="bottom-icon-div">
 
−
<img height="150px" width="150px" class="bottom-icon" src="https://static.igem.org/mediawiki/2018/6/68/T--UNSW_Australia--Icon-modelling-bw.png">
 
−
</div>
 
−
<h1 class="shadow-text main-heading">Molecular Dynamics</h1>
 
−
        </div>
 
−
<div class="header-line">
 
−
<div id="modelling-shadow-line" class="header-line-shadow"></div>
 
−
</div>
 
−
</div>
 
  
 
<style>
 
<style>
Line 430: Line 9:
 
     30%  {opacity: 0;}
 
     30%  {opacity: 0;}
 
     100% {opacity: 1;}
 
     100% {opacity: 1;}
 +
}
 +
 +
@keyframes icon-fade-out {
 +
    0%  {opacity: 1;}
 +
    30%  {opacity: 1;}
 +
    100% {opacity: 0;}
 
}
 
}
  
Line 444: Line 29:
  
 
#content {
 
#content {
−
   padding-top: 235px;
+
   padding-top: 205px;
 
}
 
}
  

Latest revision as of 09:49, 15 October 2018