Team:BIOSINT Mexico/art

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
{{:Team:BIOSINT_Mexico/Header2}}
{{:Team:BIOSINT_Mexico/Header2}}
-
<html>  
+
<html>
 +
<head>
 +
<style type="text/css">
 +
.home_second_block_div{width:265px;
 +
float:left;
 +
border:2px solid #ccc;
 +
background-color:#fff;
 +
padding:5px 10px;
 +
margin:10px;
 +
 
 +
}
 +
.home_second_block_div h2{
 +
font-weight:bold;
 +
}
 +
.home_second_block_div p a{
 +
text-decoration:none;
 +
color:blue;}
 +
.logo{
 +
float:right;
 +
}
 +
.menu {
 +
margin-top: 14px;
 +
font-family: arial,sans-serif;
 +
height: 50px;
 +
margin: 0 auto 30px;
 +
width: 980px;
 +
}
 +
.menu ul {
 +
padding:0;
 +
margin:0;
 +
list-style: none;
 +
}
 +
.menu ul li {
 +
float:left;
 +
position:relative;
 +
 
 +
}
 +
.menu ul li a, .menu ul li a:visited {
 +
display:block;
 +
text-align:center;
 +
text-decoration:none;
 +
padding-left:25px;
 +
padding-right:25px;
 +
height:30px;
 +
color:#000;
 +
border:1px solid #fff;
 +
border-width:1px 1px 0 0;
 +
line-height:40px;
 +
font-size:15px;
 +
}
 +
.menu ul li ul {
 +
display: none;
 +
z-index:10;
 +
}
 +
.menu ul li:hover a {
 +
color:#000;
 +
height:50px;
 +
display:block;
 +
background:#ecffeb;
 +
}
 +
.menu ul li:hover ul {
 +
display:block;
 +
position:absolute;
 +
top:50px;
 +
left:0;
 +
width:105px;
 +
height:50px;
 +
}
 +
.menu ul li:hover ul li a {
 +
display:block;
 +
color:#000;
 +
height:30px;
 +
width:100px;
 +
background:#fff;
 +
margin-top:-2px;
 +
line-height:30px;
 +
}
 +
.menu ul li:hover ul li a:hover {
 +
background:#dfc184;
 +
color:#000;
 +
}
 +
.caret {
 +
    border-left: 4px solid transparent;
 +
    border-right: 4px solid transparent;
 +
    border-top: 4px solid;
 +
    display: inline-block;
 +
    height: 0;
 +
    margin-left: 2px;
 +
    width: 0;
 +
vertical-align:middle !important;
 +
}
 +
</style>
 +
</head>
<style>
<style>
-
blockquote {
+
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
-
margin: 1em 80px;
+
</style>
-
padding-left: 200px;
+
-
background: transparent url(quote.gif) no-repeat; }
+
-
</style>
+
-
</html>
+
-
[[File:Chassis.png|800px|center]]
+
<!--  here ends the section that changes the default wiki template to a white full width background -->
-
<h1>ART</h1>
+
-
<html>
+
-
<p>On the so celebrated biotechnologist day in our campus, we organized an activity to know the artistic ideas of synthetic biology that our peers had about this subject. Participants were asked to portrait  what they thought synthetic biology was about and what it could be used for. 
+
<!-- beginning of your page -->
-
Colorful images and shaded biobricks covered our paper band that day, including the famous double helix, which could be observed crossing our  improvised canvas.
+
-
This challenge where science is explored through arts  has provided the opportunity of allowing the ideas of synthetic biology applications to spread out unjudged. Where the impossible and possible recombine into creativity, that could potentially one day be an iGEM project.
+
<link href="http://maxcdn.bootstrapcdn.com/bootstrap/2.3.2/css/bootstrap.css" rel="stylesheet" />
-
We provided an unbiased space for the participants explore their perceptions, in the hope that they can open up to this new technology and that the curiosity that they could  have developed, through artistic expression on this matter, will help them enjoy and try out the exciting world of synthetic biology.
+
</head>
-
</p>
+
 
 +
<body  style="background:url(https://static.igem.org/mediawiki/2014/d/d7/Uea_body-bg.png)">
 +
 
 +
<!-- menu -->
 +
<div class="menu">
 +
 
 +
<!---吉大logo---->
 +
<div class="logo">
 +
<a href="https://2014.igem.org/Team:Jilin_China"><img style="height:80px;"src="https://static.igem.org/mediawiki/2014/a/a3/Uea_igem-logo.png"></a>
 +
</div>
 +
<!---比赛logo---->
 +
<div style="float:left;">
 +
<a href="https://2014.igem.org/Main_Page"><img style="height:80px;"src="https://static.igem.org/mediawiki/2014/6/60/Jilin_China_igem_logo.gif"></a>
 +
</div>
 +
 
 +
<table id="menu" cellspacing="0" height="135px">
 +
<ul>
 +
<li><a style="margin-top:20px;" class="hide" href="https://2014.igem.org/Team:Jilin_China">HOME</a></li>
 +
<li><a style="margin-top:20px;" class="hide">TEAM<span class="caret"></span></a>
 +
<ul>
 +
<li><a  style="margin-top:20px;" href="https://2014.igem.org/Team:Jilin_China/Team Members" title="Cross browser fixed layout">OUR TEAM</a></li>
 +
<li><a href="https://2014.igem.org/Team:Jilin_China/ATTRIBUTION" title="Cross browser fixed layout">ATTRIBUTION</a></li>
 +
</ul>
 +
</li>
 +
 
 +
<li><a style="margin-top:20px;" class="hide">PROJECT<span class="caret"></span></a>
 +
<ul>
 +
<li><a style="margin-top:20px;" href="https://2014.igem.org/Team:Jilin_China/Outline" title="a coded list of spies">OUTLINE</a></li>
 +
<li><a href="https://2014.igem.org/Team:Jilin_China/RESULT" title="a horizontal vertical menu">CONTRUST</a></li>
 +
<li><a href="https://2014.igem.org/Team:Jilin_China/NOTEBOOK" title="a horizontal vertical menu">TEST</a></li>
 +
<li><a href="https://2014.igem.org/Team:Jilin_China/Blueprint" title="a horizontal vertical menu">BLUEPRINT</a></li> 
 +
</ul>
 +
</li>
 +
 
 +
<li><a style="margin-top:20px;" class="hide">IDEA<span class="caret"></span></a> 
 +
<ul>
 +
<li><a style="margin-top:20px;" href="https://2014.igem.org/Team:Jilin_China/BACKGROUND" title="A drop down menu">BACKGROUND</a></li>
 +
<li><a href="https://2014.igem.org/Team:Jilin_China/DESIGN" title="A cascading menu">DESIGN</a></li>
 +
</ul>
 +
</li>
 +
 
 +
<li><a style="margin-top:20px;" class="hide">PRACTICE<span class="caret"></span></a>
 +
<ul>
 +
<li><a style="margin-top:20px;" href="https://2014.igem.org/Team:Jilin_China/Coorperation" title="colour wheel">COORPERATION</a></li>
 +
<li><a href="https://2014.igem.org/Team:Jilin_China/observation" title="a menu using opacity">OBSERVATION</a></li>
 +
<li><a href="https://2014.igem.org/Team:Jilin_China/Propagate" title="partial opacity">PROPAGATE</a></li>
 +
<li><a href="https://2014.igem.org/Team:Jilin_China/Survey" title="partial opacity II">SURVEY</a></li>
 +
</ul> 
 +
</li> 
 +
 
 +
<li><a style="margin-top:20px;" class="hide" href="https://2014.igem.org/Team:Jilin_China/Acknowledgement">ACKNOWLEDGEMENT</a></li>
 +
</ul>
 +
 
 +
 
 +
</table>
 +
</div>
 +
 
 +
<!-- end of menu -->
 +
 
 +
<div class="container"  style="background:url(https://static.igem.org/mediawiki/2014/d/d7/Uea_body-bg.png)">
 +
 
 +
  <div id="carousel1" class="carousel slide">
 +
  <div class="carousel-inner" style="width:900px;MARGIN-RIGHT: auto; MARGIN-LEFT: auto;">
 +
      <div class="item active">
 +
      <img src="https://static.igem.org/mediawiki/2014/8/85/Simonsong-picture1.jpg" alt="">
 +
      <div class="carousel-caption">         
 +
      <p>Developing microscope using experiment for Jilin University High School</p>
 +
      </div>
 +
      </div>
 +
      <div class="item">
 +
      <img src="https://static.igem.org/mediawiki/2014/6/6f/Simonsong-picture2.jpg" alt=""/>
 +
      <div class="carousel-caption">
 +
      <p>Instructor and our students</p>
 +
      </div>
 +
      </div>
 +
 
 +
      <div class="item">
 +
      <img src="https://static.igem.org/mediawiki/2014/8/81/Simonsong-picture3.jpg" alt="">
 +
      <div class="carousel-caption">
 +
      <p>We are all happy in our team</p>
 +
      </div>
 +
      </div>
 +
    </div>
 +
    <a href="#carousel1" data-slide="prev" class="left carousel-control" style="left:145px">‹</a>
 +
    <a href="#carousel1" data-slide="next" class="right carousel-control" style="right:149px">›</a>
 +
  </div>
 +
</div>
 +
<script src="http://ajax.useso.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
 +
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/2.3.2/js/bootstrap.min.js"></script>
 +
 
 +
 
 +
<!-- First block of content -->
 +
<table  id="firstblock" width="100%"  cellspacing="0">
 +
<tr>
 +
<td  background="https://static.igem.org/mediawiki/2014/d/d7/Uea_body-bg.png"></td>
 +
<td align="center" background="https://static.igem.org/mediawiki/2014/d/d7/Uea_body-bg.png" >
 +
 
 +
<!-- You can replace this image with your team's logo! -->
 +
 
 +
<h3>Welcome!  <br>Team Jilin_China</h3>
 +
<p>Scroll down to find more about our project! </p>
 +
 
 +
</td>
 +
<td background="https://static.igem.org/mediawiki/2014/d/d7/Uea_body-bg.png"></td>
 +
</tr>
 +
</table>
 +
 
 +
<!-- end of first block -->
 +
 
 +
<!--  Block of content 1 -->
 +
<table width="100%"  cellspacing="0" height="500px">
 +
<tr><td  bgColor="#FEE5AD"></td>
 +
<td width="975px" align="center" bgColor="#FEE5AD" >
 +
<table  width="975px"  cellspacing="0" height="500px">
 +
<tr>
 +
 
 +
<td width="100%" bgColor="#FEE5AD"  rowspan="3" align="center">
 +
 
 +
<!-- Content goes here -->
 +
<img src="https://static.igem.org/mediawiki/2014/0/0a/DwikitemplateB_dnastrand.png">
 +
<div class="home_second_block_div">
 +
<h2>Team</h2>
 +
<p>We are from JiLin University of China.There are 17 members in our team,including three instructors:,one advisor:Han Jia,Thirteen students:Li Xiaoqi, Wang Yujing, Zhang Endong, He Yingdong, Song Guangyuan...<a href="">More about Team</a></p>
 +
</div>
 +
<div class="home_second_block_div">
 +
<h2>Background</h2>
 +
<p>In the past few years, algal bloom caused by eutrophication has widely spread across the world and the situation became even worse after climate warming. It is reported that the algal bloom is taking place almost every main...<a href="">More about Background</a></p></div>
 +
<div class="home_second_block_div">
 +
<h2>Prcatice</h2>
 +
<p>In order to investigate the dangers of algae bloom,the JLU-china iGEM team visited The South lake and the Songhua lake in jilin.algae outbreaks there,and the JLU-china team also held a interview with the local people...<a href="">More about Practice</a></p>
 +
</div>
 +
</td> 
 +
 
 +
<!-- This is the back to top button -->
 +
<th bgColor=#FEE5AD> </th>
 +
<tr><td bgColor=#FEE5AD></td></tr>
 +
<tr> <td  height="20px" width="5%" align="center" onMouseOver="this.bgColor='#FFFFFF'" onMouseOut="this.bgColor='#A1DBB2'" bgColor=#A1DBB2>
 +
<a href="#menu" style="text-decoration:none;color:#1C140D"> Top </a> </td></tr>
 +
</table>
 +
 
 +
 
 +
</td>
 +
<td bgColor="#FEE5AD"></td>
 +
</tr>
 +
</table>
 +
<!-- end of Block-->
 +
</html>

Revision as of 20:51, 17 October 2014

Welcome!
Team Jilin_China

Scroll down to find more about our project!

Team

We are from JiLin University of China.There are 17 members in our team,including three instructors:,one advisor:Han Jia,Thirteen students:Li Xiaoqi, Wang Yujing, Zhang Endong, He Yingdong, Song Guangyuan...More about Team

Background

In the past few years, algal bloom caused by eutrophication has widely spread across the world and the situation became even worse after climate warming. It is reported that the algal bloom is taking place almost every main...More about Background

Prcatice

In order to investigate the dangers of algae bloom,the JLU-china iGEM team visited The South lake and the Songhua lake in jilin.algae outbreaks there,and the JLU-china team also held a interview with the local people...More about Practice
Top

Retrieved from "http://2014.igem.org/Team:BIOSINT_Mexico/art"