Team:Edinburgh/Human Practices/Crowdfunding

From 2012.igem.org

(Difference between revisions)
(Added pop-ups.)
Line 14: Line 14:
}
}
/* middle - structure */
/* middle - structure */
-
#page-navigation{
 
-
border:none;
 
-
background-color:transparent;
 
-
}
 
-
#page-navigation ul li{
 
-
border:none;
 
-
}
 
-
#page-navigation img{
 
-
margin-left:10px;
 
-
width:70%;
 
-
border:5px solid #ccc;
 
-
border-radius:10px;
 
-
}
 
#page-content{
#page-content{
height: 1700px;
height: 1700px;
background-color:#fff;
background-color:#fff;
border:1px solid #ccc;
border:1px solid #ccc;
 +
}
 +
#images img{
 +
margin-top:30px;
 +
margin-left:30px;
 +
width:160px;
 +
border:5px solid #ccc;
 +
border-radius:10px;
 +
}
 +
.pop-up{
 +
height:0px;
 +
position:relative;
 +
top:-9000px;
 +
}
 +
.pop-up .text{
 +
width:150px;
 +
height:150px;
 +
padding:10px;
 +
height:auto;
 +
border:5px solid rgba(37,71,108, 0.7);
 +
border-radius:10px;
 +
background-color:rgba(168,191,212, 0.7);
 +
}
 +
#for-img1{
 +
left:30px;
 +
}
 +
#for-img2{
 +
left:230px;
 +
}
 +
#for-img3{
 +
left:430px;
 +
}
 +
#for-img2{
 +
left:630px;
}
}
#table,
#table,
Line 74: Line 94:
}
}
</style>
</style>
 +
<script language="JavaScript">
 +
<!--
 +
function show_pop_up (x){
 +
document.getElementById('for-img' + x).style.top='-80px';
 +
}
 +
function hide_pop_up (x){
 +
document.getElementById('for-img' + x).style.top='-9000px';
 +
}
 +
//-->
 +
</script>
<div id="page-middle">
<div id="page-middle">
<div id="page-navigation">
<div id="page-navigation">
<ul>
<ul>
<li>
<li>
-
<a href="#pr1">
+
<a href="https://2012.igem.org/Team:Edinburgh/Human_Practices/DIYbio">DIY bio</a>
-
<img src="https://static.igem.org/mediawiki/2012/0/06/Edi-temp-logo.PNG">
+
-
</a>
+
-
<div class="pop-up">
+
-
</div>
+
-
</li>
+
-
<li>
+
-
<a href="#pr2">
+
-
<img src="https://static.igem.org/mediawiki/2012/0/06/Edi-temp-logo.PNG">
+
-
</a>
+
-
<div class="pop-up">
+
-
</div>
+
</li>
</li>
<li>
<li>
-
<a href="#pr3">
+
<a href="https://2012.igem.org/Team:Edinburgh/Human_Practices/Crowdfunding">Crowdfunding</a>
-
<img src="https://static.igem.org/mediawiki/2012/0/06/Edi-temp-logo.PNG">
+
-
</a>
+
-
<div class="pop-up">
+
-
</div>
+
</li>
</li>
<li>
<li>
-
<a href="#pr4">
+
<a href="https://2012.igem.org/Team:Edinburgh/Human_Practices/Blog">Blog</a>
-
<img src="https://static.igem.org/mediawiki/2012/0/06/Edi-temp-logo.PNG">
+
-
</a>
+
-
<div class="pop-up">
+
-
</div>
+
</li>
</li>
-
</ul>
+
</ul>
</div><!-- /page-navigation -->
</div><!-- /page-navigation -->
<div id="page-content">
<div id="page-content">
 +
<div id="images">
 +
<a href="#pr1">
 +
<img onmouseover="show_pop_up('1');" onmouseout="hide_pop_up('1');"
 +
id="img1" src="https://static.igem.org/mediawiki/2012/0/06/Edi-temp-logo.PNG">
 +
</a>
 +
<a href="#pr2">
 +
<img  onmouseover="show_pop_up('2');" onmouseout="hide_pop_up('2');"
 +
id="img2" src="https://static.igem.org/mediawiki/2012/0/06/Edi-temp-logo.PNG">
 +
</a>
 +
<a href="#pr3">
 +
<img  onmouseover="show_pop_up('3');" onmouseout="hide_pop_up('3');"
 +
id="img3" src="https://static.igem.org/mediawiki/2012/0/06/Edi-temp-logo.PNG">
 +
</a>
 +
<a href="#pr4">
 +
<img  onmouseover="show_pop_up('4');" onmouseout="hide_pop_up('4');"
 +
id="img4" src="https://static.igem.org/mediawiki/2012/0/06/Edi-temp-logo.PNG">
 +
</a>
 +
<div class="pop-up" id="for-img1" onmouseover="show_pop_up('1');" onmouseout="hide_pop_up('1');">
 +
<div class="text">
 +
<p class="normal-text">
 +
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
 +
</p>
 +
</div><!-- /text -->
 +
</div>
 +
<div class="pop-up" id="for-img2" onmouseover="show_pop_up('2');" onmouseout="hide_pop_up('2');">
 +
<div class="text">
 +
<p class="normal-text">
 +
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
 +
</p>
 +
</div><!-- /text -->
 +
</div>
 +
<div class="pop-up" id="for-img3" onmouseover="show_pop_up('3');" onmouseout="hide_pop_up('3');">
 +
<div class="text">
 +
<p class="normal-text">
 +
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
 +
</p>
 +
</div><!-- /text -->
 +
</div>
 +
<div class="pop-up" id="for-img4" onmouseover="show_pop_up('4');" onmouseout="hide_pop_up('4');">
 +
<div class="text">
 +
<p class="normal-text">
 +
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
 +
</p>
 +
</div><!-- /text -->
 +
</div>
 +
</div><!-- /images -->
<div class="text">
<div class="text">
<p class="h2">
<p class="h2">

Revision as of 12:17, 12 September 2012

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Project Description 1: UCL project (Sponsume)

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Project Description 2: DIY projects (kickstarter)

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Project Description 3: Cheetah Conservation (Petridish)

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Project Description 4: cancer yeast (Rockethub)

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

    • Platform
    • Special
    • Science Tab?
    • Search Results
    • Successful Projects
    • Kickstarter
    • Lorem ipsum
    • Lorem ipsum
    • Lorem ipsum
    • Lorem ipsum
    • Sponsume
    • Lorem ipsum
    • Lorem ipsum
    • Lorem ipsum
    • Lorem ipsum
    • Petridish
    • Lorem ipsum
    • Lorem ipsum
    • Lorem ipsum
    • Lorem ipsum
    • Rockethub
    • Lorem ipsum
    • Lorem ipsum
    • Lorem ipsum
    • Lorem ipsum
    • Indiegogo
    • Lorem ipsum
    • Lorem ipsum
    • Lorem ipsum
    • Lorem ipsum

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Questionnaire

Question 1

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Question 2

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Question 3

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Question 4

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Question 5

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Question 6

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Question 7

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Question 8

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Retrieved from "http://2012.igem.org/Team:Edinburgh/Human_Practices/Crowdfunding"