Difference between revisions of "Team:FAFU-CHINA/Meeting"

 
(41 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<html lang="zh">
+
<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns="http://www.w3.org/TR/REC-html40">
 
<head>
 
<head>
<meta charset="UTF-8">
+
<meta http-equiv=Content-Type  content="text/html; charset=gb2312" >
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+
<title>Modeling</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
+
<style type="text/css">
<title>侧边栏</title>
+
.firstHeading
<link rel="stylesheet" href="https://2015.igem.org/Template:Amoy/css/HomeCss?action=raw&amp;ctype=text/css" type="text/css" />
+
{
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/guge/css/normalize?action=raw&amp;ctype=text/css" />
+
  display:none;
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/guge/css/default?action=raw&amp;ctype=text/css" />
+
}
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:FAFU_CHINA/guge/css/styles?action=raw&amp;ctype=text/css" />
+
<!--[if IE]>
+
        <script type="text/javascript" src="https://2015.igem.org/Template:FAFU_CHINA/guge/js/html5shiv.min?action=raw&amp;ctype=text/javascript"></script>
+
<![endif]-->
+
</head>
+
<body>
+
<div class="com">
+
<div class="com__content">
+
<section class="com__section com__section--text">
+
        <div style="background-color:rgba(255,255,255,0.2);">
+
  <br>
+
             
+
  
<div id="Meeting"></div>
+
div#div1{
<center><div>Meeting</div></center>
+
    position:fixed;
<hr style="height:1px;border:none;border-top:1px solid #555555;" /> 
+
    top:0;
 +
    left:0;
 +
    bottom:0;
 +
    right:0;
 +
    z-index:-1;
 +
    overflow:auto;
 +
}
 +
div#div1 > img {
 +
    height:100%;
 +
    width:100%;
 +
    border:0;
 +
}       
  
<div>The team has a meeting once a week. We report progresses of our project and discusses about the assignment what we will do next week. Our teammates are passionate for discussions and everyone shares documents they have read and what they have learned. Teammates ask questions about the papers shared. It usually take a long time to discuss questions related to our iGEM project. This activity drives us to read more literature and learn more knowledge.</div>
+
div#cbg{
<div>The advisers not only attend our meetings to listen our reports about experiment progresses, but also provide suggestions on the project. They may share research trends in their lab as well. What’s more, sometimes they give a talk to introduce some experimentation which really light up our experiments.</div>
+
    top:5%;
<br>
+
    left:25%;
  <br>
+
    width: 50%;
  <br>
+
    position:relative;
<img src='https://static.igem.org/mediawiki/2015/b/b8/FAFU-CHINA_MT3.jpg'>
+
    background-color:rgba(255,255,255,0.4);
<img src='https://static.igem.org/mediawiki/2015/f/f9/FAFU-CHINA_MT2.jpg' style="margin-left:220px;margin-top:-50px;>
+
}
  
<img src='https://static.igem.org/mediawiki/2015/f/fc/FAFU-CHINA_MT1.jpg' >
+
div#headline{
  <br>
+
    text-align: center;
  <br>
+
    font-weight: bold;
  <br>  <br>
+
    font-size: 4vmin;
  <br>
+
}
  <br>
+
+
  
 +
div#sub{
 +
    left:0;
 +
    right:0;
 +
    z-index:-1;
 +
}
  
 +
div#sub > p{
 +
    left:5%;
 +
    right:5%;
 +
    width:90%;
 +
    position:relative;
 +
    text-align: left;
 +
    font-size: 2vmin;
 +
}
  
        </div>
+
div#sub > p > img{
</section>
+
    width:32.2%;
 +
    position:relative;
 +
}
  
<nav class="com__nav">
+
div#sub > p > span{
<ul class="com__nav-list">
+
    width:5%;
<li class="com__nav-item">
+
    position:relative;
<h1>外内容1</h1>
+
<a href="" class="com__nav-link">
+
<h1>里内容1</h1>
+
<span class="blue-line animate scaleInLeft delay-2"></span>
+
<span class="white-line animate scaleInLeft delay-4"></span>
+
<span class="white-line animate scaleInLeft delay-5"></span>
+
</a>
+
</li>
+
<li class="com__nav-item">
+
<h1>外内容2</h1>
+
<a href="" class="com__nav-link flex-row">
+
<h1>里内容2</h1>
+
<div class="com__section-half">
+
<span class="blue-line animate scaleInLeft delay-3"></span>
+
<span class="white-line animate scaleInLeft delay-4"></span>
+
</div>
+
<div class="com__section-half">
+
<span class="white-circle animate slideInRight delay-5"></span>
+
</div>
+
</a>
+
</li>
+
<li class="com__nav-item">
+
<h1>外内容3</h1>
+
<a href="" class="com__nav-link centered">
+
<h1>里内容3</h1>
+
<span class="blue-line animate scaleIn delay-3"></span>
+
<span class="white-circle animate scaleIn delay-5"></span>
+
</a>
+
</li>
+
<li class="com__nav-item">
+
<h1>外内容4</h1>
+
<a href="" class="com__nav-link">
+
<h1>里内容4</h1>
+
<span class="blue-line animate scaleInLeft delay-2"></span>
+
<span class="white-line animate scaleInLeft delay-4"></span>
+
<span class="white-line animate scaleInLeft delay-5"></span>
+
</a>
+
</li>
+
<li class="com__nav-item">
+
<h1>外内容5</h1>
+
<a href="" class="com__nav-link flex-row">
+
<h1>里内容5</h1>
+
<div class="com__section-half">
+
<span class="blue-line animate scaleInLeft delay-3"></span>
+
<span class="white-line animate scaleInLeft delay-4"></span>
+
</div>
+
<div class="com__section-half">
+
<span class="white-circle animate slideInRight delay-5"></span>
+
</div>
+
</a>
+
</li>
+
<li class="com__nav-item">
+
<h1>外内容6</h1>
+
<a href="" class="com__nav-link centered">
+
<h1>里内容6</h1>
+
<span class="blue-line animate scaleIn delay-3"></span>
+
<span class="white-circle animate scaleIn delay-5"></span>
+
</a>
+
</li>
+
<li class="com__nav-item">
+
<h1>外内容7</h1>
+
<a href="" class="com__nav-link">
+
<h1>里内容7</h1>
+
<span class="blue-line animate scaleInLeft delay-2"></span>
+
<span class="white-line animate scaleInLeft delay-4"></span>
+
<span class="white-line animate scaleInLeft delay-5"></span>
+
</a>
+
</li>
+
<li class="com__nav-item">
+
<h1>外内容8</h1>
+
<a href="" class="com__nav-link">
+
<h1>里内容8</h1>
+
<span class="blue-line animate scaleInLeft delay-2"></span>
+
<span class="white-line animate scaleInLeft delay-4"></span>
+
<span class="white-line animate scaleInLeft delay-5"></span>
+
</a>
+
</li>
+
<li class="com__nav-item">
+
<h1>外内容9</h1>
+
<a href="" class="com__nav-link">
+
<h1>里内容9</h1>
+
<span class="blue-line animate scaleInLeft delay-2"></span>
+
<span class="white-line animate scaleInLeft delay-4"></span>
+
<span class="white-line animate scaleInLeft delay-5"></span>
+
</a>
+
</li>
+
</ul>
+
</nav>
+
</div>
+
<style>
+
.com__section--text
+
{
+
  height:auto;
+
  overflow:auto;
+
}
+
.com
+
{
+
  background-image:url( https://static.igem.org/mediawiki/2015/3/36/Fafu_5.JPG);
+
  background-size:100%;
+
  overflow-y:auto;
+
}
+
.com__content
+
{
+
  background-image:none;
+
}
+
table
+
{
+
  background-color:rgba(0,0,0,0);
+
}
+
</style>
+
<script src="js/jquery-2.1.1.min.js" type="https://2015.igem.org/Template:FAFU_CHINA/guge/js/jquery-2-1-1-min?action=raw&amp;ctype=text/javascript"></script>
+
<script>
+
var link = $('.com__nav-link');
+
var linkParent = link.parent('li');
+
var section = $('.com__section');
+
var sectionContent = section.find('*');
+
var switchTab = function () {
+
var p = $(this).parent('li');
+
var i = p.index();
+
var s = section.eq(i);
+
var c = s.find('*');
+
section.removeClass('active');
+
sectionContent.removeAttr('style');
+
s.addClass('active');
+
c.css({
+
transform: 'none',
+
opacity: 1
+
});
+
linkParent.removeClass('active');
+
p.addClass('active');
+
return false;
+
};
+
link.on('click', switchTab);
+
function activeFirst() {
+
section.first().addClass('active');
+
section.first().find('*').css({
+
transform: 'none',
+
opacity: 1
+
});
+
linkParent.first().addClass('active');
+
}
+
activeFirst();
+
</script>
+
<style>
+
.firstHeading
+
{
+
  display:none;
+
 
}
 
}
 +
 
</style>
 
</style>
 +
</head>
 +
<body>
 +
<div id="div1"><img src="https://static.igem.org/mediawiki/2015/f/f9/Fafu_bg22.jpg"/></div>
 +
<div id="div1"><div id="cbg">
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<div id="headline">Meeting</div>
 +
<br>
 +
<br>
 +
 +
<div id="sub"><p><span style="display:-moz-inline-box; display:inline-block; width:25px;"></span>The team has a meeting once a week. We report progresses of our project and discusses about the assignment what we will do next week. Our teammates are passionate for discussions and everyone shares documents they have read and what they have learned. Teammates ask questions about the papers shared. It usually take a long time to discuss questions related to our iGEM project. This activity drives us to read more literature and learn more knowledge.</p></div>
 +
<div id="sub"><p><span style="display:-moz-inline-box; display:inline-block; width:25px;"></span>The advisers not only attend our meetings to listen our reports about experiment progresses, but also provide suggestions on the project. They may share research trends in their lab as well. What’s more, sometimes they give a talk to introduce some experimentation which really light up our experiments.</p></div><br>
 +
 +
<div id="sub"><p>
 +
    <img src="https://static.igem.org/mediawiki/2015/b/b8/FAFU-CHINA_MT3.jpg"/><span></span>
 +
    <img src="https://static.igem.org/mediawiki/2015/f/f9/FAFU-CHINA_MT2.jpg"/><span></span>
 +
    <img src="https://static.igem.org/mediawiki/2015/f/fc/FAFU-CHINA_MT1.jpg"/>
 +
</p></div>
 +
 +
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
 +
<div id="div1">
 +
<div style="height:100%; width:100%;"></div>
 +
</div>
 +
</div>
 +
<br>
 +
</div>
 
</body>
 
</body>
</html>
 

Latest revision as of 21:03, 18 September 2015

Modeling





Meeting


The team has a meeting once a week. We report progresses of our project and discusses about the assignment what we will do next week. Our teammates are passionate for discussions and everyone shares documents they have read and what they have learned. Teammates ask questions about the papers shared. It usually take a long time to discuss questions related to our iGEM project. This activity drives us to read more literature and learn more knowledge.

The advisers not only attend our meetings to listen our reports about experiment progresses, but also provide suggestions on the project. They may share research trends in their lab as well. What’s more, sometimes they give a talk to introduce some experimentation which really light up our experiments.