Team:Heidelberg LSL/Check out

From 2012hs.igem.org

(Difference between revisions)
 
(48 intermediate revisions not shown)
Line 6: Line 6:
<style type="text/css">
<style type="text/css">
-
#news {min-height: 748px;}
+
#news {min-height: 1350px;}
 +
#bodyContent { background-color: transparent; border: none; width: 975px; min-height: 1350px;}
 +
 
 +
 
 +
#box-3 {position: absolute;
 +
z-index:1;
 +
top:300px;
 +
right:100px;
 +
width:180px;
 +
height: 260px;
 +
}
 +
 
 +
#box-expl{
 +
position: absolute;
 +
z-index:3;
 +
top:430px;
 +
right:65px;
 +
width:200px;
 +
}
 +
 
 +
#InputForm{
 +
position:absolute;
 +
left:20px;
 +
}
 +
 
 +
ul{
 +
margin-left:20px;
 +
padding-left:50px;
 +
}
 +
 
</style>
</style>
Line 105: Line 134:
-
<div class="formbody">
+
<h2>Check out</h2>
 +
<p> Congratulations! You made your choice for one of our remarkable <b>iGEMS</b> products. Below, you can pre-order the chosen item simply by leaving your email address and a short text describing why the product would be most suitable especially for you...
 +
<br>
 +
... ah... actually... this is not really true. The product you just tried to buy is not on the marked yet. Not even close. This online-shop is just a fake store and not real. But why would we present you a fake online-store, you might ask? <br><br>
 +
Well, the products we present here are embedded into the spheres of synthetic biology. Synthetic biology is a new approach in modern life-sciences which wants to make biology easier to engineer. It tries to adress problems in the fields of medicine, environment, energy and many more and aims for finding new solutions by e.g. developing new therapies or working on approaches to environmental-friendly energy. We hope that our online-shopping experience raised curiousity about this new scientific field of synthetic biology and we would be very happy to provide you with more information about it.
 +
Therefore, we would like draw your attention to the following pages to get informed about the theme:  </p>
 +
<ul>
 +
<li><a href="https://igem.org/Main_Page">iGEM</a></li>
 +
<li><a href="http://partsregistry.org/Main_Page">parts registry</a></li>
 +
<li><a href="http://biobricks.org/">BioBricks Foundation</a></li>
 +
<li><a href="http://syntheticbiology.org/">SyntheticBiology.org</a></li>
 +
</ul>
 +
<p>In addition, you can get more information about the purpose of the online store in our <a href="http://2012HS.igem.org/Team:Heidelberg_LSL/Project_humanPractice">Human Practice</a> section. Furthermore, you can also use the contact form below in order to contact us directly. We would be happy to get in touch with you and provide you with more information about our project or synthetic biology in general. Last but not least, we are also happy about any comments about the fake-products in our little store and about your ideas on how to communicate synthetic biology to a broader public. Therefore, we are looking forward to receive your messages. <br><br>
 +
<b>the iGEM Team Heidelberg LSL </b> </p>
 +
 +
 +
 +
 +
<form id="InputForm" action="mailto:synbio.lsl@googlemail.com " method="post" enctype="text/plain" >
 +
</br></br>
<table>
<table>
   <tr class="row_0 row_first even">
   <tr class="row_0 row_first even">
     <td class="col_0 col_first"><label for="ctrl_7" class="mandatory"><span class="invisible"></span> Name:<span class="mandatory">*</span></label></td>
     <td class="col_0 col_first"><label for="ctrl_7" class="mandatory"><span class="invisible"></span> Name:<span class="mandatory">*</span></label></td>
-
     <td class="col_1 col_last"><input type="text" name="name" id="ctrl_7" class="text mandatory" value="" maxlength="100" /></td>
+
     <td class="col_1 col_last"><input type="text" name="Name " id="ctrl_7" class="text mandatory" value="" maxlength="100" /></td>
 +
  </tr>
 +
  <tr class="row_1 odd">
 +
    <td class="col_0 col_first"><label for="ctrl_8" class="mandatory"><span class="invisible"></span> Subject:<span class="mandatory">*</span></label></td>
 +
    <td class="col_1 col_last"><input type="text" name="Subject " id="ctrl_8" class="text mandatory" value="" maxlength="100" /></td>
   </tr>
   </tr>
   <tr class="row_1 odd">
   <tr class="row_1 odd">
-
     <td class="col_0 col_first"><label for="ctrl_8" class="mandatory"><span class="invisible"></span> E-Mail:<span class="mandatory">*</span></label></td>
+
     <td class="col_0 col_first"><label for="ctrl_8" class="mandatory"><span class="invisible"></span> Item:<span class="mandatory">*</span></label></td>
-
     <td class="col_1 col_last"><input type="text" name="email" id="ctrl_8" class="text mandatory" value="" maxlength="100" /></td>
+
     <td class="col_1 col_last"><input type="text" name="Item " id="ctrl_9" class="text mandatory" value="" maxlength="100" /></td>
   </tr>
   </tr>
   <tr class="row_3 odd">
   <tr class="row_3 odd">
-
     <td class="col_0 col_first"><label for="ctrl_9" class="mandatory"><span class="invisible"></span> Massege:<span class="mandatory">*</span></label></td>
+
     <td class="col_0 col_first"><label for="ctrl_9" class="mandatory"><span class="invisible"></span> Message:<span class="mandatory">*</span></label></td>
-
     <td class="col_1 col_last"><textarea name="text" id="ctrl_9" class="textarea mandatory" rows="15" cols="72"></textarea></td>
+
     <td class="col_1 col_last"><textarea name="Message " id="ctrl_10" class="textarea mandatory" rows="15" cols="60"></textarea></td>
   </tr>
   </tr>
    
    
Line 126: Line 178:
   </tr>
   </tr>
</table>
</table>
-
</div>
+
</form>
-
 
+
</div><!--EndSubWrapper-->
</div><!--EndSubWrapper-->
Line 136: Line 187:
     <li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/Sundra_col" title="Sundra_col"  ><span>Sundra Collection</span></a></li>
     <li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/Sundra_col" title="Sundra_col"  ><span>Sundra Collection</span></a></li>
     <li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/Sundro_col" title="Sundro_col"><span>Sundro Collection</span></a></li>
     <li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/Sundro_col" title="Sundro_col"><span>Sundro Collection</span></a></li>
-
     <li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/How_to_onlineStore" title="How_To"><span>How To</span></a></li></br></br></br></br></br></br>
+
     </li></br></br></br></br></br></br>
     <li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/Check_out" title="Check_out" class="current"><span>Check Out</span></a></li>
     <li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/Check_out" title="Check_out" class="current"><span>Check Out</span></a></li>
   <img src="https://static.igem.org/mediawiki/2012hs/8/81/Einkaufswagen-2.png" width="40"/>
   <img src="https://static.igem.org/mediawiki/2012hs/8/81/Einkaufswagen-2.png" width="40"/>
Line 142: Line 193:
</div>
</div>
 +
 +
<center>
 +
<div id="box-expl" >
 +
<p > All iGEMS are equipped with a flask containing an UV-inducible <i>E. coli</i> solution. Click <a href="https://2012hs.igem.org/Team:Heidelberg_LSL/Project">here</a> to learn more about our project.</p>
 +
</div><!--end boxIdea-->
 +
 +
<div id = "box-3">
 +
<img id="pic2" src="https://static.igem.org/mediawiki/2012hs/8/83/Eppi.png" width="250"/>
 +
</div>
 +
 +
</center>
</div><!--end news-->
</div><!--end news-->
</div><!-- end super_main_wrapper-->
</div><!-- end super_main_wrapper-->
Line 154: Line 216:
document.getElementById('news').style.height = len + 'px';
document.getElementById('news').style.height = len + 'px';
}
}
 +
document.forms["InputForm"].elements["ctrl_9"].value = getValue("name");
</script>
</script>
</html>
</html>

Latest revision as of 03:40, 17 June 2012

iGEM-2012HS - LSL-Heidelberg iGEM-2012HS - LSL-Heidelberg

iGEM-2012HS - LSL-Heidelberg

Check out

Congratulations! You made your choice for one of our remarkable iGEMS products. Below, you can pre-order the chosen item simply by leaving your email address and a short text describing why the product would be most suitable especially for you...
... ah... actually... this is not really true. The product you just tried to buy is not on the marked yet. Not even close. This online-shop is just a fake store and not real. But why would we present you a fake online-store, you might ask?

Well, the products we present here are embedded into the spheres of synthetic biology. Synthetic biology is a new approach in modern life-sciences which wants to make biology easier to engineer. It tries to adress problems in the fields of medicine, environment, energy and many more and aims for finding new solutions by e.g. developing new therapies or working on approaches to environmental-friendly energy. We hope that our online-shopping experience raised curiousity about this new scientific field of synthetic biology and we would be very happy to provide you with more information about it. Therefore, we would like draw your attention to the following pages to get informed about the theme:

In addition, you can get more information about the purpose of the online store in our Human Practice section. Furthermore, you can also use the contact form below in order to contact us directly. We would be happy to get in touch with you and provide you with more information about our project or synthetic biology in general. Last but not least, we are also happy about any comments about the fake-products in our little store and about your ideas on how to communicate synthetic biology to a broader public. Therefore, we are looking forward to receive your messages.

the iGEM Team Heidelberg LSL



 

All iGEMS are equipped with a flask containing an UV-inducible E. coli solution. Click here to learn more about our project.