Difference between revisions of "Team:Uppsala/Attributions"

(Prototype team page)
 
Line 1: Line 1:
−
{{Uppsala}}
+
{{Uppsala/CSS}}
 +
{{Uppsala/Navbar}}
 
<html>
 
<html>
 +
<head>
 +
<style>
 +
h1 { color:#D92627;
 +
font-size:100px;
 +
margin:50px;
 +
font-family:Raleway;}
  
 +
img { display:block;
 +
margin:auto;}
  
 +
img.redback {margin-left:-24%;
 +
height:50%;
 +
width:120%;
 +
margin-top:-10px;
 +
float:left;
 +
position:absolute;
 +
z-index:-1;
 +
}
  
  
−
<div class="column full_size judges-will-not-evaluate">
+
img.blueback {margin-left:-24%;
 +
height:50%;
 +
width:140%;
 +
float:right;
 +
margin-top:-10px;
 +
position:absolute;
 +
z-index:-1;
 +
}
 +
 +
.peanut {display:none;
 +
padding:10px}
 +
 
 +
button {background-color: white;
 +
        border:none;
 +
        margin-top:80px;}
 +
 
 +
 
 +
span.walnut:hover + div.peanut {display:block;
 +
}
 +
 
 +
</style>
 +
 
 +
</head>
 +
<div>
 +
<div class="container text-center" style="margin-top:50px;">
 +
<h1>ATTRIBUTIONS</h1>
 +
 
 +
<p>This page is dedicated towards the amazing people who helped out the project in various ways. You are highly regarded by <br>
 +
everyone on the iGEM Uppsala 2017 team, and have out eternal gratitude.</p>
 +
</div>
 +
 
 +
<img src="https://static.igem.org/mediawiki/2017/6/68/Uppsala_attributions_blue_red_banner.png" class="img-responsive divvie" style="width:100%"></img>
 +
 
 +
 
 +
<div class="container">
 +
<div class="row">
 +
<div class="col-sm-2"></div>
 +
<div class="col-sm-3"> <a href="#profs"> <h2>Professors</h2> </a> </div>
 +
<div class="col-sm-3"> <a href="#gems"> <h2>iGEM</h2> </a> </div>
 +
<div class="col-sm-3"> <a href="#"> <h2>XYZ</h2> </a> </div>
 +
<div class="col-sm-1"></div>
 +
</div>
 +
</div>
 +
 
 +
<div id="profs" class="container" style="padding:25px;"></div>
 +
 
 +
<div class="container-fluid">
 +
<div class="row">
 +
<div class="col-sm-5"><h2 class="text-right">Professors</h2></div>
 +
<div class="col-sm-2"> <img src="https://static.igem.org/mediawiki/2017/e/e4/Uppsala_Attributions_Build_Block.png" class="img-responsive"> </img> </div>
 +
<div class="col-sm-5">
 +
<span class="walnut"><button data-toggle="collapse" data-target="#peanut1"><h3>Lorem ipsum dolor</h3></button></span>
 +
<div class="peanut" id="peanut1">
 +
<p style="background-image:url(https://static.igem.org/mediawiki/2017/a/a4/Uppsala_attributions_red_block.png);">
 +
<img src="https://static.igem.org/mediawiki/2017/a/a4/Uppsala_attributions_red_block.png" class="redback"></img>
 +
Lorem ipsum dolor sit amet,
 +
consectetur adipiscing elit.
 +
Nullam orci velit, tincidunt et consequat eget, elementum non turpis. Ut vitae facilisis dui, nec accumsan tellus.
 +
Duis dui turpis, venenatis at magna ac, consectetur viverra risus. Sed interdum ultrices placerat. Cras tempus ornare odio,
 +
quis suscipit est sodales ut. Fusce id sapien facilisis, ultrices velit nec, lobortis metus. Ut nec suscipit ex.
 +
Donec et ipsum eget elit scelerisque mattis. Nunc vitae sollicitudin elit, at egestas tellus. Vivamus interdum dictum mi at luctus.
 +
Curabitur non sodales nulla. Fusce et quam varius, maximus enim non, pretium libero. Pellentesque eu massa elit.
 +
</p>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
 
 +
<div class="container-fluid text-right">
 +
<div class="row">
 +
<div class="col-sm-5">
 +
<span class="walnut"><button data-toggle="collapse" data-target="#peanut2"><h3>Lorem ipsum dolor</h3></button></span>
 +
<div class="peanut" id="peanut2">
 +
<p style="background-image:url(https://static.igem.org/mediawiki/2017/1/12/Uppsala_attributions_blue_block.png);">
 +
<img src="https://static.igem.org/mediawiki/2017/1/12/Uppsala_attributions_blue_block.png" class="blueback"></img>
 +
Lorem ipsum dolor sit amet,
 +
consectetur adipiscing elit.
 +
Nullam orci velit, tincidunt et consequat eget, elementum non turpis. Ut vitae facilisis dui, nec accumsan tellus.
 +
Duis dui turpis, venenatis at magna ac, consectetur viverra risus. Sed interdum ultrices placerat. Cras tempus ornare odio,
 +
quis suscipit est sodales ut. Fusce id sapien facilisis, ultrices velit nec, lobortis metus. Ut nec suscipit ex.
 +
Donec et ipsum eget elit scelerisque mattis. Nunc vitae sollicitudin elit, at egestas tellus. Vivamus interdum dictum mi at luctus.
 +
Curabitur non sodales nulla. Fusce et quam varius, maximus enim non, pretium libero. Pellentesque eu massa elit.
 +
 
 +
</p>
 +
</div></div>
 +
<div class="col-sm-2">
 +
<img src="https://static.igem.org/mediawiki/2017/e/e4/Uppsala_Attributions_Build_Block.png" class="img-responsive"> </img>
 +
</div>
 +
<div class="col-sm-5">
 +
</div>
 +
</div>
 +
</div>
 +
 
 +
<div id="gems" class="container-fluid">
 +
<div class="row">
 +
<div class="col-sm-5"><h2 class="text-right">Old iGEM members</h2></div>
 +
<div class="col-sm-2"> <img src="https://static.igem.org/mediawiki/2017/e/e4/Uppsala_Attributions_Build_Block.png" class="img-responsive"> </img> </div>
 +
<div class="col-sm-5">
 +
<span class="walnut"><button data-toggle="collapse" data-target="#peanut3"><h3>Lorem ipsum dolor</h3></button></span>
 +
<div class="peanut" id="peanut3">
 +
<p style="background-image:url(https://static.igem.org/mediawiki/2017/a/a4/Uppsala_attributions_red_block.png);">
 +
<img src="https://static.igem.org/mediawiki/2017/a/a4/Uppsala_attributions_red_block.png" class="redback"></img>
 +
Lorem ipsum dolor sit amet,
 +
consectetur adipiscing elit.
 +
Nullam orci velit, tincidunt et consequat eget, elementum non turpis. Ut vitae facilisis dui, nec accumsan tellus.
 +
Duis dui turpis, venenatis at magna ac, consectetur viverra risus. Sed interdum ultrices placerat. Cras tempus ornare odio,
 +
quis suscipit est sodales ut. Fusce id sapien facilisis, ultrices velit nec, lobortis metus. Ut nec suscipit ex.
 +
Donec et ipsum eget elit scelerisque mattis. Nunc vitae sollicitudin elit, at egestas tellus. Vivamus interdum dictum mi at luctus.
 +
Curabitur non sodales nulla. Fusce et quam varius, maximus enim non, pretium libero. Pellentesque eu massa elit.
 +
</p>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
 
 +
<div class="container-fluid text-right">
 +
<div class="row">
 +
<div class="col-sm-5">
 +
<span class="walnut"><button data-toggle="collapse" data-target="#peanut4"><h3>Lorem ipsum dolor</h3></button></span>
 +
<div class="peanut" id="peanut4">
 +
<p style="background-image:url(https://static.igem.org/mediawiki/2017/1/12/Uppsala_attributions_blue_block.png);">
 +
<img src="https://static.igem.org/mediawiki/2017/1/12/Uppsala_attributions_blue_block.png" class="blueback"></img>
 +
Lorem ipsum dolor sit amet,
 +
consectetur adipiscing elit.
 +
Nullam orci velit, tincidunt et consequat eget, elementum non turpis. Ut vitae facilisis dui, nec accumsan tellus.
 +
Duis dui turpis, venenatis at magna ac, consectetur viverra risus. Sed interdum ultrices placerat. Cras tempus ornare odio,
 +
quis suscipit est sodales ut. Fusce id sapien facilisis, ultrices velit nec, lobortis metus. Ut nec suscipit ex.
 +
Donec et ipsum eget elit scelerisque mattis. Nunc vitae sollicitudin elit, at egestas tellus. Vivamus interdum dictum mi at luctus.
 +
Curabitur non sodales nulla. Fusce et quam varius, maximus enim non, pretium libero. Pellentesque eu massa elit.
 +
</p>
 +
</div></div>
 +
<div class="col-sm-2"> <img src="https://static.igem.org/mediawiki/2017/e/e4/Uppsala_Attributions_Build_Block.png" class="img-responsive"> </img>
 +
</div>
 +
<div class="col-sm-5">
 +
</div>
 +
</div>
 +
</div>
 +
 
 +
<!--Below is a left'right unit. Copy and paste as needed, and change the id and data-target
 +
 
 +
<div id="gems" class="container-fluid">
 +
<div class="row">
 +
<div class="col-sm-5"></div>
 +
<div class="col-sm-2"> <img src="https://static.igem.org/mediawiki/2017/e/e4/Uppsala_Attributions_Build_Block.png" class="img-responsive"> </img> </div>
 +
<div class="col-sm-5">
 +
<span class="walnut"><button data-toggle="collapse" data-target="#peanut5"><h3>Lorem ipsum dolor</h3></button></span>
 +
<div class="peanut" id="peanut5"><p style="background-image:url(https://static.igem.org/mediawiki/2017/a/a4/Uppsala_attributions_red_block.png);">
 +
<img src="https://static.igem.org/mediawiki/2017/a/a4/Uppsala_attributions_red_block.png" class="redback"></img>
 +
Lorem ipsum dolor sit amet,
 +
consectetur adipiscing elit.
 +
Nullam orci velit, tincidunt et consequat eget, elementum non turpis. Ut vitae facilisis dui, nec accumsan tellus.
 +
Duis dui turpis, venenatis at magna ac, consectetur viverra risus. Sed interdum ultrices placerat. Cras tempus ornare odio,
 +
quis suscipit est sodales ut. Fusce id sapien facilisis, ultrices velit nec, lobortis metus. Ut nec suscipit ex.
 +
Donec et ipsum eget elit scelerisque mattis. Nunc vitae sollicitudin elit, at egestas tellus. Vivamus interdum dictum mi at luctus.
 +
Curabitur non sodales nulla. Fusce et quam varius, maximus enim non, pretium libero. Pellentesque eu massa elit.
 +
</p>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
 
 +
<div class="container-fluid text-right">
 +
<div class="row">
 +
<div class="col-sm-5">
 +
<span class="walnut"><button data-toggle="collapse" data-target="#peanut6"><h3>Lorem ipsum dolor</h3></button></span>
 +
<div class="peanut" id="peanut6">
 +
<p style="background-image:url(https://static.igem.org/mediawiki/2017/1/12/Uppsala_attributions_blue_block.png);">
 +
<img src="https://static.igem.org/mediawiki/2017/1/12/Uppsala_attributions_blue_block.png" class="blueback"></img>
 +
Lorem ipsum dolor sit amet,
 +
consectetur adipiscing elit.
 +
Nullam orci velit, tincidunt et consequat eget, elementum non turpis. Ut vitae facilisis dui, nec accumsan tellus.
 +
Duis dui turpis, venenatis at magna ac, consectetur viverra risus. Sed interdum ultrices placerat. Cras tempus ornare odio,
 +
quis suscipit est sodales ut. Fusce id sapien facilisis, ultrices velit nec, lobortis metus. Ut nec suscipit ex.
 +
Donec et ipsum eget elit scelerisque mattis. Nunc vitae sollicitudin elit, at egestas tellus. Vivamus interdum dictum mi at luctus.
 +
Curabitur non sodales nulla. Fusce et quam varius, maximus enim non, pretium libero. Pellentesque eu massa elit.
 +
</p>
 +
</div></div>
 +
<div class="col-sm-2"> <img src="https://static.igem.org/mediawiki/2017/e/e4/Uppsala_Attributions_Build_Block.png" class="img-responsive"> </img>
 +
</div>
 +
<div class="col-sm-5">
 +
</div>
 +
</div>
 +
</div>
 +
 
 +
Here endeth the left-right unit-->
 +
 
 +
 
 +
 
 +
</div>
 +
<!--<div class="column full_size judges-will-not-evaluate">
 
<h3>★  ALERT! </h3>
 
<h3>★  ALERT! </h3>
 
<p>This page is used by the judges to evaluate your team for the <a href="https://2017.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2017.igem.org/Judging/Awards"> award listed above</a>. </p>
 
<p>This page is used by the judges to evaluate your team for the <a href="https://2017.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2017.igem.org/Judging/Awards"> award listed above</a>. </p>
Line 97: Line 304:
  
  
−
 
+
</div>-->
−
 
+
−
</div>
+
 
</html>
 
</html>

Revision as of 17:20, 15 October 2017

ATTRIBUTIONS

This page is dedicated towards the amazing people who helped out the project in various ways. You are highly regarded by
everyone on the iGEM Uppsala 2017 team, and have out eternal gratitude.

Professors

iGEM

XYZ

Professors

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam orci velit, tincidunt et consequat eget, elementum non turpis. Ut vitae facilisis dui, nec accumsan tellus. Duis dui turpis, venenatis at magna ac, consectetur viverra risus. Sed interdum ultrices placerat. Cras tempus ornare odio, quis suscipit est sodales ut. Fusce id sapien facilisis, ultrices velit nec, lobortis metus. Ut nec suscipit ex. Donec et ipsum eget elit scelerisque mattis. Nunc vitae sollicitudin elit, at egestas tellus. Vivamus interdum dictum mi at luctus. Curabitur non sodales nulla. Fusce et quam varius, maximus enim non, pretium libero. Pellentesque eu massa elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam orci velit, tincidunt et consequat eget, elementum non turpis. Ut vitae facilisis dui, nec accumsan tellus. Duis dui turpis, venenatis at magna ac, consectetur viverra risus. Sed interdum ultrices placerat. Cras tempus ornare odio, quis suscipit est sodales ut. Fusce id sapien facilisis, ultrices velit nec, lobortis metus. Ut nec suscipit ex. Donec et ipsum eget elit scelerisque mattis. Nunc vitae sollicitudin elit, at egestas tellus. Vivamus interdum dictum mi at luctus. Curabitur non sodales nulla. Fusce et quam varius, maximus enim non, pretium libero. Pellentesque eu massa elit.

Old iGEM members

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam orci velit, tincidunt et consequat eget, elementum non turpis. Ut vitae facilisis dui, nec accumsan tellus. Duis dui turpis, venenatis at magna ac, consectetur viverra risus. Sed interdum ultrices placerat. Cras tempus ornare odio, quis suscipit est sodales ut. Fusce id sapien facilisis, ultrices velit nec, lobortis metus. Ut nec suscipit ex. Donec et ipsum eget elit scelerisque mattis. Nunc vitae sollicitudin elit, at egestas tellus. Vivamus interdum dictum mi at luctus. Curabitur non sodales nulla. Fusce et quam varius, maximus enim non, pretium libero. Pellentesque eu massa elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam orci velit, tincidunt et consequat eget, elementum non turpis. Ut vitae facilisis dui, nec accumsan tellus. Duis dui turpis, venenatis at magna ac, consectetur viverra risus. Sed interdum ultrices placerat. Cras tempus ornare odio, quis suscipit est sodales ut. Fusce id sapien facilisis, ultrices velit nec, lobortis metus. Ut nec suscipit ex. Donec et ipsum eget elit scelerisque mattis. Nunc vitae sollicitudin elit, at egestas tellus. Vivamus interdum dictum mi at luctus. Curabitur non sodales nulla. Fusce et quam varius, maximus enim non, pretium libero. Pellentesque eu massa elit.