Difference between revisions of "Team:UNIK Copenhagen"

(Prototype team page)
 
 
(145 intermediate revisions by 3 users not shown)
Line 1: Line 1:
−
{{UNIK_Copenhagen}}
+
{{UNIK_Copenhagen2}}
−
<html>
+
−
<h2> Welcome to iGEM 2015! </h2>
+
−
<p>Your team has been approved and you are ready to start the iGEM season! </p>
+
  
 +
<html>
 +
 +
<head>
 +
<style>
 +
 +
/*-------------------------------------*/
 +
/*        Main part        */
 +
/*-------------------------------------*/
 +
 +
#mainPart{
 +
float: left;
 +
margin:0px -200px 0px 0px;
 +
height:auto;
 +
width:900px;
 +
        border: none;
 +
        background:white;
 +
}
 +
 +
 +
 +
/*  Illustration  */
 +
 +
div.container {
 +
      display:inline-block;
 +
      clear: left;
 +
      width:270px;
 +
margin: -1000px 2px 0px 2px;
 +
    }
 +
 +
.flip-container {
 +
    float: left;
 +
    position: relative;
 +
    perspective: 1000px;
 +
    -webkit-perspective: 1000px;
 +
}
 +
 +
.flip-container,
 +
.flip-container .front-side,
 +
.flip-container .back-side {
 +
    width: 270px;
 +
    height: 400px;
 +
margin: 0px 2px 0px 2px;
 +
}
 +
 +
.flip-container .front-side,
 +
.flip-container .back-side {
 +
    position: absolute;
 +
    top: 0;
 +
    left: 0;
 +
    backface-visibility: hidden;
 +
    -webkit-backface-visibility: hidden;
 +
    transition: 1.2s;
 +
    -webkit-transition: 1.2s;
 +
    color: #fff;
 +
    font-size: 12px;
 +
    text-align: center;
 +
    padding-top: 0px;
 +
}
 +
 +
.flip-container .back-side {
 +
    z-index: 1;
 +
    transform: rotateY(180deg);
 +
    -webkit-transform: rotateY(180deg);
 +
}
 +
 +
.flip-container .front-side {
 +
    z-index: 2;
 +
    transform: rotateY(0deg);
 +
    -webkit-transform: rotateY(0deg);
 +
}
 +
 +
.flip-container:hover .front-side {
 +
    transform: rotateY(-180deg);
 +
    -webkit-transform: rotateY(-180deg);
 +
}
 +
 +
.flip-container:hover .back-side {
 +
    transform: rotateY(0deg);
 +
    -webkit-transform: rotateY(0deg);
 +
}
 +
 +
 +
/*  Logo  */
 +
#logo{
 +
margin:0px 0px 0px 100px;
 +
height:auto;
 +
width:900px;
 +
        border: none;
 +
        background:white;
 +
      display:inline-block;
 +
      clear: center;
 +
}
 +
.logo img{
 +
margin: 10px 5px 10px 25px;
 +
}
 +
 +
.logo img:hover{
 +
opacity: 0.7;
 +
}
 +
 +
 +
/*  E-mail  */
 +
#footer{
 +
width: 814px;
 +
bottom:0;
 +
}
 +
 +
</style>
 +
 +
 +
</head>
 +
 +
<!--Top front page-->
 +
 +
 +
 +
<div class="flip-container">
 +
  <div class="front-side">
 +
  <img src="https://static.igem.org/mediawiki/2015/e/e0/UNIK_Copenhagen_SpaceMoss_logo_small.png" width=65%></div>
 +
  <div class="back-side">
 +
  <img src="https://static.igem.org/mediawiki/2015/e/e0/UNIK_Copenhagen_SpaceMoss_logo_small.png" width=65%>
 +
  </div>
 +
</div>
 +
 +
<div class="flip-container">
 +
  <div class="front-side">
 +
  <img src="https://static.igem.org/mediawiki/2015/a/af/IGEM_logo_small.png" width=65%></div>
 +
  <div class="back-side">
 +
  <img src="https://static.igem.org/mediawiki/2015/a/af/IGEM_logo_small.png" width=65%>
 +
  </div>
 +
</div>
 +
 +
<div class="flip-container" style="margin: 0px 0px 0px 8px">
 +
  <div class="front-side">
 +
  <img src="https://static.igem.org/mediawiki/2015/2/22/UNIK_Copenhagen_Moss_in_hand_small.png" width=65%></div>
 +
  <div class="back-side">
 +
  <img src="https://static.igem.org/mediawiki/2015/2/22/UNIK_Copenhagen_Moss_in_hand_small.png" width=65%>
 +
  </div>
 +
</div>
 +
 +
<div class="container">
 +
<img src="https://static.igem.org/mediawiki/2015/e/eb/UNIK_Copenhagen_Homepage_box1.png" width=266px style="margin: -356px 0px 0px 0px">
 +
</div>
 +
 +
<div class="container">
 +
<img src="https://static.igem.org/mediawiki/2015/2/2f/UNIK_Copenhagen_Homepage_box2.png" width=266px style="margin: -356px 0px 0px 0px">
 +
</div>
 +
 +
<div class="container">
 +
<img src="https://static.igem.org/mediawiki/2015/a/a2/UNIK_Copenhagen_Homepage_box3.png" width=266px style="margin: -356px 0px 0px 0px">
 +
</div>
 +
 +
 +
<div id=logo>
 +
<br><br>
 +
<div class="logo">
 +
<a href="http://www.tycho-bio.com/"><img src="https://static.igem.org/mediawiki/2015/e/e3/UNIK_Copenhagen_TychoBio_logo.png" width=160px title="Click to go to TychoBio's webpage"></a>
 +
<a href="http://www.ku.dk/english"><img src="https://static.igem.org/mediawiki/2015/3/30/UNIK_Copenhagen_Ku_logo.jpg" width=160px title="Click to go to University of Copenhagen's webpage"></a>
 +
<a href="http://www.idtdna.com/site"><img src="https://static.igem.org/mediawiki/2015/c/cc/UNIK_Copenhagen_IDT-Logo.jpg" width=160px title="Click to go to IDT's webpage"></a>
 +
</div>
 +
<div class="logo">
 +
<a href="http://www.lundbeckfoundation.com/"><img src="https://static.igem.org/mediawiki/2015/4/48/UNIK_copenhagen_Lundbeckfonden.jpg" width=160px style="margin:0px 0px 0px 100px" title="Click to go to Lundbeckfonden's webpage"></a>
 +
<a href="http://www.bachberry.eu/"><img src="https://static.igem.org/mediawiki/2015/b/b8/UNIK_Copenhagen_Backberrylogo.png" width=220px title="Click to go to Bachberry's webpage"></a>
 +
</div>
 +
<br><br>
 +
</div>
 +
 +
 +
<div id="footer" style="bottom:0;">
 +
<hr><br>
 +
<p>SpaceMoss <br> Team UNIK Copenhagen <br> <b>e-mail:</b> igemcph@gmail.com<p>
 +
</div>
 +
</div>
 +
 +
 +
 +
 +
<!--iGEM stuff
 
<h4>Before you start: </h4>
 
<h4>Before you start: </h4>
 
<p> Please read the following pages:</p>
 
<p> Please read the following pages:</p>
Line 40: Line 215:
 
</ul>  
 
</ul>  
  
−
 
+
<br>
 
<h4>Inspiration</h4>
 
<h4>Inspiration</h4>
 
<p> You can also view other team wikis for inspiration! Here are some examples:</p>
 
<p> You can also view other team wikis for inspiration! Here are some examples:</p>
Line 57: Line 232:
  
 
<a href="https://2015.igem.org/Special:Upload">CLICK HERE TO UPLOAD FILES</a>
 
<a href="https://2015.igem.org/Special:Upload">CLICK HERE TO UPLOAD FILES</a>
−
 
+
-->
  
  

Latest revision as of 13:37, 31 August 2015