Team:Fudan

From 2014.igem.org

(Difference between revisions)
(Blanked the page)
Line 1: Line 1:
-
<!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>
 
-
 
-
<!--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>
 
-
         
 
-
 
-
        </div>
 
-
       
 
-
    </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>
 
-
</body>
 
-
</html>
 

Revision as of 18:44, 14 October 2014