Team:Fudan

From 2014.igem.org

(Difference between revisions)
(Prototype team page)
Line 1: Line 1:
-
{{CSS/Main}}
+
<!DOCTYPE html>
 +
<html lang="en">
 +
  <head>
 +
    <meta charset="utf-8">
 +
    <!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><![endif]-->
 +
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 +
    <title>FD iGEM wiki</title>
 +
    <meta name="description" content="Dragonfruit is one of the free HTML5 Templates from templatemo. It is a parallax layout with jQuery slider, events, and timeline." />
 +
    <meta name="author" content="templatemo">
 +
    <!-- Favicon-->
 +
    <link rel="shortcut icon" href="./icon.png" />
 +
    <!-- Font Awesome -->
 +
    <link href="css/font-awesome.min.css" rel="stylesheet">
 +
    <!-- Bootstrap -->
 +
    <link href="css/bootstrap.min.css" rel="stylesheet">
 +
    <!-- Camera -->
 +
    <link href="css/camera.css" rel="stylesheet">
 +
    <!-- Template  -->
 +
    <link href="css/templatemo_style.css" rel="stylesheet">
 +
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
 +
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
 +
    <!--[if lt IE 9]>
 +
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
 +
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
 +
    <![endif]-->
 +
  </head>
 +
<body>
 +
<div class="banner" id="templatemo_banner_slide">
 +
    <ul>
 +
        <li class="templatemo_banner_slide_01">
 +
            <div class="slide_caption">
 +
                <h1>Responsive Design</h1>
 +
                <p>Aenean diam libero, venenatis eu risus eu, tincidunt porttitor orci. Nulla consequat mi et lectus vehicula condimentum. Nulla ullamcorper dolor vehicula dolor interdum, eget fermentum ligula bibendum.</p>
 +
            </div>
 +
        </li>
 +
        <li class="templatemo_banner_slide_02">
 +
            <div class="slide_caption">
 +
                <h1>Free HTML5 Template</h1>
 +
                <p>Nulla in nibh arcu. Donec quam neque, porta at pellentesque at, imperdiet ut velit. Pellentesque luctus ac nunc et hendrerit. Aliquam eu scelerisque eros. Vestibulum scelerisque mi nec augue condimentum rhoncus.</p>
 +
            </div>
 +
        </li>
 +
        <li class="templatemo_banner_slide_03">
 +
            <div class="slide_caption">
 +
                <h1>Mobile Ready</h1>
 +
                <p>Cras fermentum convallis elementum. Praesent sit amet auctor erat, vitae auctor dolor. Sed viverra nunc magna, quis placerat augue pellentesque quis. Sed nec pellentesque dolor. Aenean in lectus enim. Phasellus eu egestas libero. Vivamus ultrices ligula a dapibus lobortis.</p>
 +
            </div>
 +
        </li>
 +
    </ul>
 +
</div>
 +
<div id="templatemo_mobile_menu">
 +
        <ul class="nav nav-pills nav-stacked">
 +
            <li><a href="#templatemo_banner_slide"><i class="glyphicon glyphicon-home"></i> &nbsp; Home</a></li>
 +
            <li><a href="#templatemo_about"><i class="glyphicon glyphicon-briefcase"></i> &nbsp; Project</a></li>
 +
<li><a href="#templatemo_team"><i class="glyphicon glyphicon-briefcase"></i> &nbsp; Team</a></li>
 +
            <li><a href="#templatemo_events"><i class="glyphicon glyphicon-bullhorn"></i> &nbsp; OUtreach</a></li>
 +
            <li><a href="#templatemo_timeline"><i class="glyphicon glyphicon-calendar"></i> &nbsp; Timeline</a></li>
 +
            <li><a href="#templatemo_contact"><i class="glyphicon glyphicon-phone-alt"></i> &nbsp; Contact</a></li>
 +
        </ul>
 +
</div>
 +
<div class="container_wapper">
 +
    <div id="templatemo_banner_menu">
 +
        <div class="container-fluid">
 +
            <div class="col-xs-4 templatemo_logo">
 +
            <a rel="nofollow" href="">
 +
                <img src="images/templatemo_logo.png" id="logo_img" alt="dragonfruit free html5 template" />
 +
                <h1 id="logo_text"><span>iGEM</span>age</h1>
 +
                </a>
 +
            </div>
 +
            <div class="col-sm-8 hidden-xs">
 +
                <ul class="nav nav-justified">
 +
                    <li><a href="#templatemo_banner_slide">Home</a></li>
 +
                    <li><a href="#templatemo_about">Project</a></li>
 +
<li><a href="#templatemo_team">Team</a></li>
 +
                    <li><a href="#templatemo_events">Outreach</a></li>
 +
                    <li><a href="#templatemo_timeline">Timeline</a></li>
 +
                    <li><a href="#templatemo_contact">Contact</a></li>
 +
<li class='igem_bar'><a>igem bar</a></li>
 +
 
 +
                </ul>
 +
            </div>
 +
            <div class="col-xs-8 visible-xs">
 +
                <a href="#" id="mobile_menu"><span class="glyphicon glyphicon-th-list"></span></a>
 +
            </div>
 +
        </div>
 +
    </div><ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
 +
  </ul>
 +
</div>
 +
<div id="templatemo_about" class="container_wapper">
 +
    <div class="container-fluid">
 +
        <h1 style="    margin-bottom: 20px;margin-top: 20px;">About Our Project</h1>
 +
        <div class="col-sm-6 col-md-3 about_icon">
 +
            <a href='#'> 
 +
<div class="imgwap mission"><i class="fa fa-globe"></i></div>
 +
            <h2>Overview</h2>
 +
            <p>Sed do eiusmod tempor incididunt ut labore et.</p>
 +
</a>
 +
</div>
 +
        <div class="col-sm-6 col-md-3 about_icon">
 +
            <div class="imgwap product"><i class="fa fa-pencil-square-o"></i></div>
 +
            <h2>Design&Method</h2>
 +
            <p>Tempor incididunt ut labore et dolore magna.</p>
 +
        </div>
 +
        <div class="col-sm-6 col-md-3 about_icon">
 +
            <div class="imgwap testimonial"><i class="fa fa-bar-chart"></i></div>
 +
            <h2>Result</h2>
 +
            <p>Dolore magna aliqua. Ut enim ad minim veniam.</p>
 +
        </div>
 +
        <div class="col-sm-6 col-md-3 about_icon">
 +
            <div class="imgwap statistic"><i class="fa fa-external-link"></i></div>
 +
            <h2>Improvement</h2>
 +
            <p>Aliqua. Ut enim ad minim veniam, quis nostrud aliqua.</p>
 +
        </div>
 +
<div class="col-sm-6 col-md-3 col-md-offset-3 about_icon">
 +
            <div class="imgwap modeling"><i class="fa fa-cube"></i></div>
 +
            <h2>Modleing</h2>
 +
            <p>Aliqua. Ut enim ad minim veniam, quis nostrud aliqua.</p>
 +
        </div>
 +
<div class="col-sm-6 col-md-3 about_icon">
 +
            <div class="imgwap judging"><i class="fa fa-bars"></i></div>
 +
            <h2>Judging</h2>
 +
            <p>Aliqua. Ut enim ad minim veniam, quis nostrud aliqua.</p>
 +
        </div>
 +
 +
        <div class="clearfix testimonial_top_bottom_spacer"></div>
 +
</div>
 +
<div id="templatemo_team" class="container_wapper">
 +
<h1>About Our Team</h1>
 +
        <div class="col-xs-1 pre_next_wap" id="prev_testimonial">
 +
            <a href="#"><span class="glyphicon glyphicon-chevron-left pre_next"></span></a>
 +
        </div>
 +
       
 +
        <div id="testimonial_text_wap" class="col-xs-9 col-sm-10">
 +
             
 +
            <div class="testimonial_text">
 +
 +
                <div class="col-sm-3">
 +
                    <img src="images/templatemo_member_04.jpg" class="img-responsive" alt="Chief Executive Officer" />
 +
                </div>
 +
                <div class="col-sm-9">
 +
                    <h2>Fei Jin</h2>
 +
                    <h3>Bala Bala</h3>
 +
                    <p>Bala BalaBala BalaBala BalaBala BalaBala BalaBala BalaBala BalaBala BalaBala BalaBala BalaBala BalaBala BalaBala BalaBala BalaBala BalaBala BalaBala BalaBala Bala</p>
 +
                </div>
 +
            </div><!--.testimonial_text--> 
 +
<div class="testimonial_text">
 +
<div class="col-sm-3">
 +
                    <img src="images/templatemo_member_04.jpg" class="img-responsive" alt="Chief Executive Officer" />
 +
                </div>
 +
                <div class="col-sm-9">
 +
                    <h2>Fei Jin2</h2>
 +
                    <h3>Bala Bala</h3>
 +
                    <p>Bala BalaBala BalaBala BalaBala BalaBala BalaBala BalaBala BalaBala BalaBala BalaBala BalaBala BalaBala BalaBala BalaBala BalaBala BalaBala BalaBala BalaBala Bala</p>
 +
                </div>
 +
            </div><!--.testimonial_text--> 
 +
</div><!--#testimonial_text_wap-->
 +
        <div class="col-xs-1 pre_next_wap" id="next_testimonial">
 +
            <a href="#"><span class="glyphicon glyphicon-chevron-right pre_next"></span></a>
 +
        </div>
 +
        <div class="clearfix testimonial_top_bottom_spacer"></div>
 +
    </div>
 +
</div>
-
<html>
+
<!--templatemo_about-->
 +
<div id="templatemo_events" class="container_wapper">
 +
    <div class="container-fluid">
 +
        <h1>Outreach</h1>
 +
        <div class="col-sm-10 col-sm-offset-1 col-md-6 col-md-offset-0">
 +
            <div class="event_box_wap event_animate_left">
 +
                <div class="event_box_img">
 +
                    <img src="images/humanpractice.jpg" class="img-responsive" alt="Web Design Trends" />
 +
                </div>
 +
                <div class="event_box_caption">
 +
                    <h1>Human Practice</h1>
 +
                    <p><span class="glyphicon glyphicon-map-marker"></span> Shanghai &nbsp;&nbsp; <span class="glyphicon glyphicon-time"></span> time</p>
 +
                    <p>The human practice part of Fudan University iGEM team includes setting up an association to insure a sustainable development, funding an innovation laboratory for students in biology school, holding a Bacteria Painting Competition (BPC) to rise a wide concern of synthetic biology, communicating with other iGEM teams, attending a Chinese iGEM teams’ conference.</p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
 +
<div class="col-sm-10 col-sm-offset-1 col-md-6 col-md-offset-0">
 +
            <div class="event_box_wap event_animate_left">
 +
                <div class="event_box_img">
 +
                    <img src="images/more.jpg" class="img-responsive" alt="Web Design Trends" />
 +
                </div>
 +
                <div class="event_box_caption">
 +
                    <h1>More</h1>
 +
                    <p><span class="glyphicon glyphicon-map-marker"></span> Shanghai &nbsp;&nbsp; <span class="glyphicon glyphicon-time"></span> time</p>
 +
                    <p>something something something something something something something something something something something something something something something something something </p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
       
 +
        <div class="clearfix"></div>
 +
       
 +
 +
        <div class="col-sm-10 col-sm-offset-1 col-md-6 col-md-offset-0">
 +
            <div class="event_box_wap event_animate_left">
 +
                <div class="event_box_img">
 +
                    <img src="images/saftey.jpg" class="img-responsive" alt="Web Design Trends" />
 +
                </div>
 +
                <div class="event_box_caption">
 +
                    <h1>Safety</h1>
 +
                    <p><span class="glyphicon glyphicon-map-marker"></span> Shanghai &nbsp;&nbsp; <span class="glyphicon glyphicon-time"></span> time</p>
 +
                    <p>Since the concern of Lab accident or biological contamination has been increased year by year, we attached special importance to the safety issue of our project. Here we present our efforts on safety assurance in 4 different ways, which are Lab Safety, Public Safety, Project Safety, and Suggestion on Safety.</p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
 +
<div class="col-sm-10 col-sm-offset-1 col-md-6 col-md-offset-0">
 +
            <div class="event_box_wap event_animate_left">
 +
                <div class="event_box_img">
 +
                    <img src="images/thanksto.jpg" class="img-responsive" alt="Web Design Trends" />
 +
                </div>
 +
                <div class="event_box_caption">
 +
                    <h1>Thanks to</h1>
 +
                    <p><span class="glyphicon glyphicon-map-marker"></span> Shanghai &nbsp;&nbsp; <span class="glyphicon glyphicon-time"></span> time</p>
 +
                    <p>Extra thanks to the following organization for their support for undertaking our Bacteria Painting Competition (BPC)</p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
 +
    </div>
 +
</div>
 +
<div id="templatemo_timeline" class="container_wapper">
 +
    <h1>Timeline</h1>
 +
    <div class="container-fluid">
 +
        <div class="time_line_wap">
 +
            <div class="time_line_caption">10 days ago</div>
 +
           
 +
<div class="time_line_paragraph">
 +
                <h1>Event</h1>
 +
                <p>
 +
                      <span class="glyphicon glyphicon-user"></span> <a href="#">Person</a> &nbsp;&nbsp;
 +
                      <span class="glyphicon glyphicon-bookmark"></span> <a href="#">Event</a>, <a href="#"></a> &nbsp;&nbsp;
 +
                      <span class="glyphicon glyphicon-edit"></span> <a href="#">3 comments</a>
 +
                </p>
 +
                <p>Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala .</p>
 +
            </div>
 +
        </div>
 +
        <div class="time_line_wap">
 +
            <div class="time_line_caption">2 weeks ago</div>
 +
            <div class="time_line_paragraph">
 +
                <h1>Event</h1>
 +
                <p>
 +
                      <span class="glyphicon glyphicon-user"></span> <a href="#">Person</a> &nbsp;&nbsp;
 +
                      <span class="glyphicon glyphicon-bookmark"></span> <a href="#">Event</a>, <a href="#"></a> &nbsp;&nbsp;
 +
                      <span class="glyphicon glyphicon-edit"></span> <a href="#">3 comments</a>
 +
                </p>
 +
                <p>Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala .</p>
 +
            </div>
 +
        </div>
 +
        <div class="time_line_wap">
 +
            <div class="time_line_caption">one month ago</div>
 +
            <div class="time_line_paragraph">
 +
                <h1>Event</h1>
 +
                <p>
 +
                      <span class="glyphicon glyphicon-user"></span> <a href="#">Person</a> &nbsp;&nbsp;
 +
                      <span class="glyphicon glyphicon-bookmark"></span> <a href="#">Event</a>, <a href="#"></a> &nbsp;&nbsp;
 +
                      <span class="glyphicon glyphicon-edit"></span> <a href="#">3 comments</a>
 +
                </p>
 +
                <p>Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala .</p>
 +
            </div>
 +
        </div>
 +
       
 +
    </div>
 +
</div>
 +
<div id="templatemo_contact" class="container_wapper">
 +
    <div class="container-fluid">
 +
        <h1>Contact</h1>
 +
        <div class="col-xs-12">
 +
        <br />
 +
        </div>
 +
        <div class="col-md-5 ">
 +
            <h2>For more information:</h2>
 +
<p>Cao Xuanye<br />
 +
Leader of 2014FudaniGEMage</p>
 +
            <p><strong>Email:</strong>12307110004@fudan.edu.cn<br /><strong>Phone:</strong> 86-13818791002<br /><strong>Website:</strong> www.igem.org<br /><strong>Address:</strong> 137Room, Liren Bio-hall, Fudan University, 220# Handan Road, Yangpu Area,
 +
Shanghai City. </p>
 +
         
-
<!--main content -->
+
        </div>
-
<table width="70%" align="center">
+
       
 +
    </div>
 +
</div>
 +
<div id="templatemo_footer">
 +
    <div>
 +
        <p>Copyright &copy; 2014 Fudan Igem <em>Zhu Liu<em></p>
 +
    </div>
 +
</div>
 +
<script src="js/jquery.min.js"></script>
 +
<script src="js/jquery-ui.min.js"></script>
 +
<script src="js/bootstrap.min.js"></script>
 +
<script src="js/jquery.singlePageNav.min.js"></script>
 +
<script src="js/unslider.min.js"></script>
-
 
+
<script src="js/templatemo_script.js"></script>
-
<!--welcome box -->
+
</body>
-
<tr>
+
</html>
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FF404B>
+
-
<h1 >WELCOME TO iGEM 2014! </h1>
+
-
<p>Your team has been approved and you are ready to start the iGEM season!
+
-
<br>On this page you can document your project, introduce your team members, document your progress <br> and share your iGEM experience with the rest of the world! </p>
+
-
<br>
+
-
<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:Fudan&action=edit"style="color:#FFFFFF"> Click here  to edit this page!</a> </p>
+
-
</td>
+
-
</tr>
+
-
 
+
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
-
<!-- end welcome box -->
+
-
<tr>
+
-
 
+
-
<!--navigation menu -->
+
-
<td align="center" colspan="3">
+
-
 
+
-
<table  width="100%">
+
-
<tr heigth="15px"></tr>
+
-
<tr heigth="75px">
+
-
 
+
-
 
+
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
-
<a href="https://2014.igem.org/Team:Fudan"style="color:#000000">Home </a> </td>
+
-
 
+
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
-
<a href="https://2014.igem.org/Team:Fudan/Team"style="color:#000000"> Team </a> </td>
+
-
 
+
-
<td style="border:1px solid black;" align="center"  height ="45px"  onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=Fudan"style="color:#000000"> Official Team Profile </a></td>
+
-
 
+
-
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
-
<a href="https://2014.igem.org/Team:Fudan/Project"style="color:#000000"> Project</a></td>
+
-
 
+
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
-
<a href="https://2014.igem.org/Team:Fudan/Parts"style="color:#000000"> Parts</a></td>
+
-
 
+
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
-
<a href="https://2014.igem.org/Team:Fudan/Modeling"style="color:#000000"> Modeling</a></td>
+
-
 
+
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
-
<a href="https://2014.igem.org/Team:Fudan/Notebook"style="color:#000000"> Notebook</a></td>
+
-
 
+
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
-
<a href="https://2014.igem.org/Team:Fudan/Safety"style=" color:#000000"> Safety </a></td>
+
-
 
+
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
-
<a href="https://2014.igem.org/Team:Fudan/Attributions"style="color:#000000"> Attributions </a></td>
+
-
 
+
-
 
+
-
<td align ="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
+
-
</tr>
+
-
</table>
+
-
 
+
-
<!--end navigation menu -->
+
-
</tr>
+
-
 
+
-
 
+
-
</tr>
+
-
+
-
 
+
-
 
+
-
 
+
-
 
+
-
</td>
+
-
 
+
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
-
 
+
-
 
+
-
<!--requirements section -->
+
-
<tr><td colspan="3"> <h3> Requirements </h3></td></tr>
+
-
<tr>
+
-
<td width="45%"  valign="top">
+
-
 
+
-
<p> Please be sure to keep these links, your audience will want to find your: </p>
+
-
 
+
-
<!-- Links to other team pages -->
+
-
<ul>
+
-
<li><a href="https://2014.igem.org/Team:Fudan">Home</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:Fudan/Team">Team</a> </li>
+
-
<li><a href="https://igem.org/Team.cgi?year=2013&team_name=Fudan">Official Team Profile</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:Fudan/Project">Project</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:Fudan/Parts">Parts</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:Fudan/Modeling">Modeling</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:Fudan/Notebook">Notebook</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:Fudan/Safety">Safety</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:Fudan/Attributions">Attributions</a> </li>
+
-
 
+
-
</ul>
+
-
 
+
-
</td>
+
-
 
+
-
<td > </td>
+
-
<td width="45%">
+
-
 
+
-
<p>There are a few wiki requirements teams must follow:</p>
+
-
<ul>
+
-
<li>All pages, images and files must be hosted on the <a href ="https://2014.igem.org/Special:Upload">  2014.igem.org server</a>. </li>
+
-
<li>All pages must be created under the team’s name space.</li>
+
-
<li>As part of your documentation, keep the links from the menu to the left. </li>
+
-
<li>Do not use flash in wiki code. </li>
+
-
<li>The <a href="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png"> iGEM logo </a> should be placed on the upper part of every page and should link to <a href="https://2014.igem.org/Main_Page">2014.igem.org</a>.</li>
+
-
</ul>
+
-
<p>Visit the <a href="https://2014.igem.org/Wiki_How-To"> Wiki How To page </a> for a complete list of requirements, tips and other useful information. </p>
+
-
 
+
-
</td>
+
-
</tr>
+
-
 
+
-
 
+
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1"> </tr>
+
-
 
+
-
 
+
-
<!--tips  -->
+
-
<tr><td colspan="3" > <h3> Tips  </h3></td></tr>
+
-
 
+
-
<tr>
+
-
<td width="45%" valign="top">
+
-
<p>We are currently working on providing teams with some easy to use design templates.
+
-
<br> In the meantime you can also view other team wikis for inspiration! Here are some very good examples</p>
+
-
 
+
-
<ul>
+
-
<li> <a href="https://2013.igem.org/Team:SDU-Denmark/"> 2013 SDU Denmark </a> </li>
+
-
<li> <a href="https://2013.igem.org/Team:SYSU-China">2013 SYSU China</a> </li>
+
-
<li> <a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG"> 2013 Shenxhen BGIG ATCG </a></li>
+
-
<li> <a href="https://2013.igem.org/Team:Colombia_Uniandes">2013 Colombia Unianades </a></li>
+
-
<li> <a href="https://2013.igem.org/Team:Lethbridge">2013 Lethbridge</a></li>
+
-
</ul>
+
-
 
+
-
<p>For a full wiki list, you can visit <a href="https://igem.org/Team_Wikis?year=2013">iGEM 2013 web sites </a> and <a href="https://igem.org/Team_Wikis?year=2012">iGEM 2012 web sites</a>  lists. </p>
+
-
</td>
+
-
 
+
-
<td> </td>
+
-
<td width="45%">
+
-
 
+
-
<p>This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started: </p>
+
-
 
+
-
<ul>
+
-
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
+
-
<li>Be clear about what you are doing and what you plan to do.</li>
+
-
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
+
-
<li>Make sure information is easy to find; nothing should be more than 3 clicks away.  </li>
+
-
<li>Avoid using very small fonts and low contrast colors; information should be easy to read.  </li>
+
-
<li>Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the <a href="">iGEM 2013 calendar</a> </li>
+
-
<li>Have lots of fun! </li>
+
-
</ul>
+
-
</br>
+
-
</td>
+
-
</tr>
+
-
</table>
+

Revision as of 18:40, 14 October 2014

<!DOCTYPE html> FD iGEM wiki

About Our Project

Design&Method

Tempor incididunt ut labore et dolore magna.

Result

Dolore magna aliqua. Ut enim ad minim veniam.

Improvement

Aliqua. Ut enim ad minim veniam, quis nostrud aliqua.

Modleing

Aliqua. Ut enim ad minim veniam, quis nostrud aliqua.

Judging

Aliqua. Ut enim ad minim veniam, quis nostrud aliqua.

About Our Team

Chief Executive Officer

Fei Jin

Bala Bala

Bala BalaBala BalaBala BalaBala BalaBala BalaBala BalaBala BalaBala BalaBala BalaBala BalaBala BalaBala BalaBala BalaBala BalaBala BalaBala BalaBala BalaBala Bala

Chief Executive Officer

Fei Jin2

Bala Bala

Bala BalaBala BalaBala BalaBala BalaBala BalaBala BalaBala BalaBala BalaBala BalaBala BalaBala BalaBala BalaBala BalaBala BalaBala BalaBala BalaBala BalaBala Bala

Outreach

Web Design Trends

Human Practice

Shanghai    time

The human practice part of Fudan University iGEM team includes setting up an association to insure a sustainable development, funding an innovation laboratory for students in biology school, holding a Bacteria Painting Competition (BPC) to rise a wide concern of synthetic biology, communicating with other iGEM teams, attending a Chinese iGEM teams’ conference.

Web Design Trends

More

Shanghai    time

something something something something something something something something something something something something something something something something something

Web Design Trends

Safety

Shanghai    time

Since the concern of Lab accident or biological contamination has been increased year by year, we attached special importance to the safety issue of our project. Here we present our efforts on safety assurance in 4 different ways, which are Lab Safety, Public Safety, Project Safety, and Suggestion on Safety.

Web Design Trends

Thanks to

Shanghai    time

Extra thanks to the following organization for their support for undertaking our Bacteria Painting Competition (BPC)

Timeline

10 days ago

Event

Person    Event,    3 comments

Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala .

2 weeks ago

Event

Person    Event,    3 comments

Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala .

one month ago

Event

Person    Event,    3 comments

Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala Bala .

Contact


For more information:

Cao Xuanye
Leader of 2014FudaniGEMage

Email:12307110004@fudan.edu.cn
Phone: 86-13818791002
Website: www.igem.org
Address: 137Room, Liren Bio-hall, Fudan University, 220# Handan Road, Yangpu Area, Shanghai City.