Meetups/August HZAU-China

From 2014.igem.org

(Difference between revisions)
 
(78 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
<head>
+
<head>
-
<title>Home</title>
+
<style>
-
<div class="bg">
+
#p-logo {
-
<div class="container">
+
    display: none;
-
<div class="header">
+
}
-
  <div class="logo"></div>
+
#search-controls {
-
<div class="contact-order"></div>
+
     display: none;
-
<div class="clearfix"> </div>
+
-
</div>
+
-
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
+
-
+
-
<!---- start-smoth-scrolling---->
+
-
+
-
+
-
<script type="text/javascript">
+
-
jQuery(document).ready(function($) {
+
-
$(".scroll").click(function(event){
+
-
event.preventDefault();
+
-
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
+
-
});
+
-
});
+
-
</script>
+
-
<!---- start-smoth-scrolling---->
+
-
<!-- Custom Theme files -->
+
-
+
-
  <!-- Custom Theme files -->
+
-
<meta name="viewport" content="width=device-width, initial-scale=1">
+
-
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
+
-
</script>
+
-
<!----webfonts---->
+
-
<link href='http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700,400italic' rel='stylesheet' type='text/css'>
+
-
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,800,300,700' rel='stylesheet' type='text/css'>
+
-
<!----//webfonts---->
+
-
<!----start-top-nav-script---->
+
-
<script>
+
-
$(function() {
+
-
var pull = $('#pull');
+
-
menu = $('nav ul');
+
-
menuHeight = menu.height();
+
-
$(pull).on('click', function(e) {
+
-
e.preventDefault();
+
-
menu.slideToggle();
+
-
});
+
-
$(window).resize(function(){
+
-
        var w = $(window).width();
+
-
        if(w > 320 && menu.is(':hidden')) {
+
-
        menu.removeAttr('style');
+
-
        }
+
-
    });
+
-
});
+
-
</script>
+
-
<!----//End-top-nav-script---->
+
-
</head>
+
-
<body>
+
-
<!-----start-container---->
+
-
        <style>
+
-
    html, body{
+
-
  font-family: 'Ubuntu', sans-serif;
+
-
     font-size: 100%;
+
-
    background-color: #FFF;
+
}
}
-
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/
 
-
 
.firstHeading {
.firstHeading {
-
width: 975px;
+
    display: none;
-
margin: 0px auto;
+
-
padding-top: 100px;
+
-
margin-bottom: 20px;
+
-
font-family: Georgia, Times, "Times New Roman", serif;  
+
}
}
-
 
+
#catlinks {
-
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}
+
    display: none;
-
 
+
-
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
+
-
background-color: #383838;
+
-
border: 0 none;
+
-
height: 14px;
+
-
z-index: 100;
+
-
top: 0;
+
-
position: fixed;
+
-
width: 975px;
+
-
left: 50%;
+
-
margin-left: -487px;
+
}
}
-
 
+
#footer-box {
-
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
+
    display: none;
-
background-color: #383838;
+
-
height: 14px;
+
-
display: block;
+
-
z-index: 10;
+
-
position: fixed;
+
-
width: 100%;
+
-
top: 0;
+
}
}
-
 
+
#contentSub{
-
#menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/
+
    display: none;
-
color: #727272;
+
-
text-decoration: none;
+
-
background-color: transparent;
+
}
}
-
 
+
#contentSub {
-
body {  
+
    display: none;
-
background-color: #fff;
+
}
}
-
 
+
/***hiding***/
-
#globalWrapper, #content { /*-- changes default wiki settings --*/
+
body {
-
width: 100%;
+
    margin:0;
-
height: 100%;
+
    padding:0;
-
border: 0px;
+
    color:#;
-
background-color: transparent;
+
-
margin: 0px;
+
-
padding: 0px;
+
}
}
-
 
+
#top-section {
-
html, body, .wrapper { /*-- changes default wiki settings --*/
+
    height: 18px;
-
width: 100%;  
+
    background:url(https://static.igem.org/mediawiki/2013/8/84/Px.png) transparent repeat;
-
height: 100%;
+
    width: 100%;
-
background-color: transparent;
+
    border:0px;
}
}
-
 
+
#menubar {
-
#contentcontainer { /*-- creates container for all content on page --*/
+
    top: -7px;
-
font-family: Arial, Helvetica, sans-serif;  
+
    font-family: Helvetica, Arial, Sans-serif;
-
font-weight: normal;
+
    font-size: 14px;
-
font-size: 14px;
+
-
color: #414141;
+
-
width: 960px;
+
-
margin-left: auto;
+
-
margin-right: auto;
+
-
background-color: #transparent;
+
-
margin-top: 0px;  
+
}
}
-
 
+
.left-menu,.left-menu a {
-
.sidemenu, .sidemenu li {  
+
    color: white;
-
list-style-type: none;  
+
    left: 0;
-
list-style-image: none;  
+
    text-align: left;
-
font-family: verdana;  
+
    text-transform: capitalize;
-
text-decoration: none;
+
-
color:#000;
+
-
font-size: 14px;
+
}
}
-
 
+
.right-menu,.right-menu a {
-
.sidemenu li {display: block;}
+
    color: white;
-
 
+
    right: 0;
-
.sidemenu a {
+
    text-align: right;
-
text-decoration:none;
+
-
color: #000;
+
-
display: block;
+
-
width: 180px;
+
-
height: 100%;
+
-
padding: 3px 5px;
+
-
transition: .25s ease-in-out;
+
-
-moz-transition: .25s ease-in-out;
+
-
-webkit-transition: .25s ease-in-out;
+
-
}
+
-
 
+
-
.sidemenu a.greyout { color: #909090; }
+
-
 
+
-
.sidemenu a:hover {
+
-
color:#666;  
+
-
background-color: #d9f5aa;
+
}
}
-
 
+
.right-menu:hover, .left-menu:hover {
-
.sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;}
+
    background-color: transparent;
-
.sub-sidemenu a {color: #666;}
+
-
 
+
-
div.underconst
+
-
{
+
-
padding:10px;
+
-
border-radius:5px;
+
-
background-color:pink;
+
-
text-align:center;
+
}
}
-
 
+
.right-menu:hover a {
-
a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}
+
    color: white;
-
 
+
-
.contentpara {margin-bottom: 30px;}
+
-
 
+
-
span.email{font-family: monospace; font-weight: normal;}
+
-
 
+
-
fieldset {border: 1px solid #337f53;}
+
-
 
+
-
.greyout {color: #A0A0A0;}
+
-
.highlightme {background-color: #FFFF00;}
+
-
 
+
-
#alertContainer {border: 2px solid red; margin-bottom: 10px; width: 936px;}
+
-
#annContainer {margin-left: 8px;}
+
-
#newsContainer {border: 1px solid #ccc;}
+
-
 
+
-
.newsTitle {
+
-
display: block;
+
-
color: #414141;
+
-
font-size: 25px; 
+
-
        font-family: Georgia, Times, "Times New Roman", serif;
+
-
padding: 10px 15px 5px 10px;
+
-
border-bottom: 1px solid #ccc;
+
-
margin-bottom: 0px;  
+
}
}
-
 
+
.right-menu li a, .left-menu li a {
-
.newsItem {
+
    background-color: transparent;
-
border-bottom: 1px solid #ccc;  
+
    color: white;
-
display: block;  
+
    padding:0,15px,0,0;
-
padding: 5px 15px 0px 10px;  
+
    margin:0;
-
margin-bottom: 0px;  
+
}
}
-
 
+
.right-menu li a:hover {
-
.newsItem h3 {
+
    color: white;
-
width: auto;  
+
    text-decoration:underline;
-
display: inline;
+
-
font-size: 14px;
+
-
font-family: Arial, Helvetica, sans-serif;
+
-
padding: 0px;
+
-
margin: 0px;
+
}
}
-
 
+
.right-menu li a:visited {
-
.newsItem img {
+
    color: white;
-
float: right;
+
-
clear: right;
+
-
width: 80px;
+
-
padding-left: 15px;
+
-
display: inline-block;  
+
}
}
-
 
+
.new {
-
.newsItem .newsDate {
+
    color:white;
-
font-style: italic;
+
-
font-size: 14px;
+
-
display: inline-block;
+
-
color: #999;
+
-
float: right;
+
-
padding: 0px 0px 10px 15px;
+
}
}
-
 
+
a, a:visited {
-
.newsItem p, .newsItem ul, .newsItem li {
+
    color: white;
-
padding: 0px;
+
    text-decoration: none;
-
margin-left: 20px;
+
-
font-size: 12px;  
+
-
line-height: 1.2;
+
}
}
-
 
+
a:hover {
-
.newsItem p {margin-top: 10px;}
+
    color: white;
-
 
+
    text-decoration: underline;
-
.annItem {
+
-
border: 2px solid #49b677;
+
-
display: block;
+
-
padding: 0px 15px 10px 10px;
+
-
margin-bottom: 18px;
+
-
position: relative;
+
-
height: 160px;  
+
-
vertical-align: middle;
+
}
}
-
 
+
#content{
-
.annItem .annCentered {
+
        background: #fff;
-
display: table-cell;  
+
        padding: 0;
-
vertical-align: middle;  
+
border: 0px;
-
height: 160px;
+
        width:auto;
}
}
 +
/***top section***/
 +
</style>
-
.annCentered h3 {
 
-
padding: 0px;
 
-
display: block;
 
-
margin-left: auto;
 
-
margin-right: auto;
 
-
text-align: center;
 
-
}
 
-
.annItem ul, .annItem li {padding: 0px; margin: 0px;}
+
<style>
-
.annItem li {list-style: none; margin: 5px}
+
#navigation-background{
-
 
+
    height:400px;
-
 
+
    background: url("https://static.igem.org/mediawiki/2014/3/3c/%E7%BD%91%E7%AB%99%E9%A6%96%E9%A1%B5-%E6%94%B9%E5%B0%8F.jpg");
-
 
+
    background-size: cover;
-
 
+
-
body a{
+
-
transition:0.5s all;
+
-
-webkit-transition:0.5s all;
+
-
-moz-transition:0.5s all;
+
-
-o-transition:0.5s all;
+
-
-ms-transition:0.5s all;
+
}
}
-
/*-----start-header----*/
+
#nav{
-
.header{
+
    width: 80%;
-
position: relative;
+
    margin: auto;
-
padding: 2em 0;
+
    padding-top:340px;
 +
    height: 36px;
 +
    z-index: 1000;
}
}
-
.bg{
+
#nav a{
-
background: url(https://static.igem.org/mediawiki/2014/9/98/Bg.jpg) no-repeat 0px 0px;
+
    display: block;
-
min-height: 809px;
+
    width: 20%;
-
background-size: 100% 100%;
+
    height: 36px;
 +
    line-height: 36px;
 +
    float: left;
 +
    border-bottom: 4px solid #fff;
 +
    text-align: center;
 +
    text-decoration: none;
 +
    color: #fff;
 +
    font-size: 25px;
 +
    font-family: Georgia,Times,"Times New Roman",serif;
 +
    z-index: 1000;
}
}
-
.contact-no{
+
#nav a:first-child{
-
float: left;
+
    border-radius: 0 0 0 8px;
 +
    z-index: 1000;
}
}
-
.contact-no span{
+
#nav a:last-child{
-
font-size: 1.5em;
+
    border-radius: 0 0 8px 0;
-
color: #9DA0B2;
+
    z-index: 1000;
-
font-weight: 500;
+
-
margin-top: 1.2em;
+
-
display: block;
+
-
text-transform: uppercase;
+
}
}
-
.contact-order{
+
#nav a:hover{
-
float:right;
+
    border-bottom: 4px solid #F9F900;
 +
    color: #F9F900;
 +
    z-index: 1000;
}
}
-
.contact-order a{
+
#nav a:first-child:hover{
-
font-size: 1.3em;
+
    border-bottom: 4px solid #F9F900;
-
color: #9DA0B2;
+
    border-radius: 0 0 0 8px;
-
font-weight: 500;
+
    z-index: 1000;
-
margin-top: 1.5em;
+
-
display: block;
+
-
text-transform: uppercase;
+
-
border-bottom: 2.5px dashed;
+
}
}
-
.contact-order a:hover{
+
#nav a:last-child:hover{
-
text-decoration:none;
+
    border-bottom: 4px solid #F9F900;
-
color:#44C1F3;
+
    z-index: 1000;
}
}
-
.logo{
+
/***navigation***/
-
position:absolute;
+
</style>
-
left: 45%;
+
 
 +
<style>
 +
#contentcontain{
 +
    width: 975px;
 +
    font-family: Arial,Helvetica,sans-serif;
 +
    font-weight: normal;
 +
    font-size: 16px;
 +
    color: #414141;
 +
    margin:0 auto;
}
}
-
/*----navbar-nav----*/
+
#Co-partners{
-
.top-nav ul li a{
+
    width:975px;
-
color: #FFF;
+
    hight:110px;
-
padding: 0.1em 2.7em;
+
-
font-size: 1.1em;
+
-
font-weight: 500;
+
-
text-transform: uppercase;
+
}
}
-
.top-nav ul li.active a{
+
#Co-partners0{
-
background: url(../images/active-ico.png) no-repeat 50% 100%;
+
    width:300px;
 +
    padding-left: 5px;
 +
    float: left;
}
}
-
.top-nav ul li a:hover{
+
#Co-partners1{
-
color:#44C1F3;
+
    width:275px;
 +
    margin-left: 32px;
 +
    float: left;
}
}
-
.logo a{
+
#Co-partners2{
-
display:block;
+
    width:300px;
 +
    margin-top: 13px;
 +
    float: left;
}
}
-
/* top-nav */
+
#Co-partners3{
-
.top-nav:before,
+
    width:975px;
-
.top-nav:after {
+
     float: left;
-
     content: " ";
+
     padding-bottom: 0.5em;
-
     display: table;
+
}
}
-
.top-nav:after {
+
#Supporter{
-
     clear: both;
+
     width:975px;
 +
    height:90px;
}
}
-
nav {
+
#Supporter0{
-
position: relative;
+
    width:400px;
-
top: 615px;
+
    padding-left: 125px;
 +
    float: left;
}
}
-
nav ul {
+
#Supporter1{
-
padding: 0;
+
    width:275px;
 +
    padding-left: 50px;
 +
    float: left;
}
}
-
nav li {
+
#Supporter2{
-
display: inline;
+
    width:975px;
-
float: left;
+
    float: left;
-
position:relative;
+
    padding-bottom: 0.5em;
}
}
-
nav a {
+
#footer {
-
color: #fff;
+
    height: 112px;
-
display: inline-block;
+
    background:url("https://static.igem.org/mediawiki/2014/7/73/%E7%BD%91%E7%AB%99xxx2.jpg");
-
text-align: center;
+
    background-size: cover;
-
text-decoration: none;
+
-
line-height: 40px;
+
}
}
-
nav a:hover{
+
h1, h2, h3, h4, h5 {
-
text-decoration:none;
+
    font-family: Georgia,Times,"Times New Roman",serif;
-
color:#00A2C1;
+
}
}
-
nav a#pull {
+
h1, h2, h3, h4, h5, h6 {
-
display: none;
+
    font-size: 150%;
}
}
-
/*Styles for screen 600px and lower*/
+
h1, h2, h3, h4, h5, h6 {
-
@media screen and (max-width: 768px) {
+
    color: #000;
-
nav {
+
    background: none repeat scroll 0% 0% transparent;
-
  height: auto;
+
    font-weight: normal;
-
  }
+
    margin: 0px;
-
  nav ul {
+
    padding-top: 0.5em;
-
  width: 100%;
+
    padding-bottom: 0.1em;
-
  display: block;
+
    border-bottom: none;
-
  height: auto;
+
-
  }
+
-
  nav li {
+
-
  width: 100%;
+
-
  position: relative;
+
-
  }
+
-
  nav li a {
+
-
border-bottom: 1px solid #eee;
+
-
}
+
-
  nav a {
+
-
  text-align: left;
+
-
  width: 100%;
+
-
  text-indent: 25px;
+
-
  }
+
}
}
-
/*Styles for screen 515px and lower*/
+
p {
-
@media only screen and (max-width : 768px) {
+
    margin: 0px;
-
nav {
+
    line-height: 1.6;
-
border-bottom: 0;
+
    text-rendering: optimizelegibility;
-
}
+
    padding-left:0.5em;
-
nav ul {
+
-
display: none;
+
-
height: auto;
+
-
margin:0;
+
-
background: #fff;
+
-
}
+
-
nav a#pull {
+
-
display: block;
+
-
position: relative;
+
-
color: #F26D7D;
+
-
text-align: right;
+
-
position: absolute;
+
-
/*--top:35px;--*/
+
-
}
+
-
nav a#pull:after {
+
-
content:"";
+
-
background: url('nav-icon.png') no-repeat;
+
-
width: 30px;
+
-
height: 30px;
+
-
display: inline-block;
+
-
position: absolute;
+
-
right: 15px;
+
-
top: 10px;
+
-
}
+
-
nav a#pull img{
+
-
margin-right:2%;
+
-
padding-top: 65px;
+
-
}
+
-
.top-nav ul li a {
+
-
color: #2C3E50;
+
-
padding: 0em 0;
+
-
}
+
}
}
-
/*Smartphone*/
+
.underline-s {
-
@media only screen and (max-width : 320px) {
+
    width: 100%;
-
nav li {
+
    height: 4px;
-
display: block;
+
    background-color: #ABABAB;
-
float: none;
+
    margin-bottom: 15px;
-
width: 100%;
+
-
}
+
-
nav li a {
+
-
border-bottom: 1px solid #576979;
+
-
}
+
}
}
-
/*----start-about----*/
+
ul {
-
.about{
+
    list-style-type: square;
-
padding:5em 0;
+
    list-style-image: url('bullet.gif');
 +
    line-height: 1.6;
}
}
-
.about-left p{
+
li {
-
font-size: 3.5em;
+
    margin-left: 1.5em;
-
text-transform: uppercase;
+
-
font-weight: 100;
+
-
color: #000000;
+
-
width: 76%;
+
}
}
-
.about-left p span{
+
</style>  
-
color:#00AAEF;
+
</head>
-
}
+
<body>
-
.about-left p label{
+
-
font-weight:500;
+
-
}
+
-
.about-right h3,.about-right span{
+
-
font-weight: 400;
+
-
color: #000;
+
-
font-size: 1.2em;
+
-
}
+
-
.about-right span{
+
-
margin-top:1em;
+
-
display:block;
+
-
}
+
-
.about-right p,.about-right li{
+
-
color: #222222;
+
-
font-size: 0.9em;
+
-
font-weight: 500;
+
-
line-height: 1.8em;
+
-
font-family: 'Open Sans', sans-serif;
+
-
}
+
-
/*-----start-gallery---*/
+
-
.gallery{
+
-
background:#EEEEEE;
+
-
padding:3em 0;
+
-
}
+
-
.head h3{
+
-
color: #000000;
+
-
font-size: 3em;
+
-
text-transform: uppercase;
+
-
font-weight: 300;
+
-
width: 17.3%;
+
-
margin: 0 auto;
+
-
}
+
-
.head span{
+
-
width: 189px;
+
-
height: 13px;
+
-
display: block;
+
-
background: url(../images/head-border.png) no-repeat 0px 0px;
+
-
margin-top: 0.15em;
+
-
}
+
-
/* Self Clearing Goodness */
+
-
/* Strip
+
-
/*-----------------------------------------------------------------------------------*/
+
-
.b-link-stripe{
+
-
position:relative;
+
-
display:inline-block;
+
-
vertical-align:top;
+
-
font-weight: 300;
+
-
overflow:hidden;
+
-
width: 100%;
+
-
}
+
-
.b-link-stripe .b-wrapper{
+
-
position:absolute;
+
-
width:100%;
+
-
height:100%;
+
-
top:0;
+
-
left:0;
+
-
text-align:center;
+
-
color:#ffffff;
+
-
overflow:hidden;
+
-
}
+
-
.b-link-stripe .b-line{
+
-
position:absolute;
+
-
top:0;
+
-
bottom:0;
+
-
width:20%;
+
-
background:rgba(75, 202, 255, 0.85);
+
-
transition:all 0.5s linear;
+
-
-moz-transition:all 0.5s linear;
+
-
-ms-transition:all 0.5s linear;
+
-
-o-transition:all 0.5s linear;
+
-
-webkit-transition:all 0.5s linear;
+
-
opacity:0;
+
-
visibility:hidden; /* lt-ie9 */
+
-
}
+
-
/* lt-ie9 */
+
-
.b-link-stripe:hover .b-line{
+
-
visibility:visible;
+
-
}
+
-
.b-link-stripe .b-line1{
+
-
left:0;
+
-
}
+
-
.b-link-stripe .b-line2{
+
-
left:20%;
+
-
transition-delay:0.1s !important;
+
-
-moz-transition-delay:0.1s !important;
+
-
-ms-transition-delay:0.1s !important;
+
-
-o-transition-delay:0.1s !important;
+
-
-webkit-transition-delay:0.1s !important;
+
-
}
+
-
.b-link-stripe .b-line3{
+
-
left:40%;
+
-
transition-delay:0.2s !important;
+
-
-moz-transition-delay:0.2s !important;
+
-
-ms-transition-delay:0.2s !important;
+
-
-o-transition-delay:0.2s !important;
+
-
-webkit-transition-delay:0.2s !important;
+
-
}
+
-
.b-link-stripe .b-line4{
+
-
left:60%;
+
-
transition-delay:0.3s !important;
+
-
-moz-transition-delay:0.3s !important;
+
-
-ms-transition-delay:0.3s !important;
+
-
-o-transition-delay:0.3s !important;
+
-
-webkit-transition-delay:0.3s !important;
+
-
}
+
-
.b-link-stripe .b-line5{
+
-
left:80%;
+
-
transition-delay:0.4s !important;
+
-
-moz-transition-delay:0.4s !important;
+
-
-ms-transition-delay:0.4s !important;
+
-
-o-transition-delay:0.4s !important;
+
-
-webkit-transition-delay:0.4s !important;
+
-
}
+
-
.b-link-stripe:hover .b-line{
+
-
opacity:1;
+
-
}
+
-
/*-----------------------------------------------------------------------------------*/
+
-
/* Animation effects
+
-
/*-----------------------------------------------------------------------------------*/
+
-
.b-animate-go{
+
-
text-decoration:none;
+
-
}
+
-
.b-animate{
+
-
transition: all 0.5s;
+
-
-moz-transition: all 0.5s;
+
-
-ms-transition: all 0.5s;
+
-
-o-transition: all 0.5s;
+
-
-webkit-transition: all 0.5s;
+
-
visibility: hidden;
+
-
font-size:1.1em;
+
-
font-weight:700;
+
-
}
+
-
.b-animate img{
+
-
margin-top: 4%;
+
-
display: -webkit-inline-box;
+
-
}
+
-
.b-animate span{
+
-
display:block;
+
-
font-size: 2em;
+
-
text-transform: uppercase;
+
-
padding-top: 2.3em;
+
-
display: block;
+
-
font-weight: 500;
+
-
}
+
-
.b-animate button{
+
-
background: #000;
+
-
padding: 0.9em 1.8em;
+
-
color: #00AAEF;
+
-
text-transform: uppercase;
+
-
font-size: 0.875em;
+
-
border: none;
+
-
border-radius: 0.3em;
+
-
margin: 0.8em auto;
+
-
transition: 0.5s all;
+
-
-webkit-transition: 0.5s all;
+
-
-moz-transition: 0.5s all;
+
-
-ms-transition: 0.5s all;
+
-
-o-transition: 0.5s all;
+
-
outline: none;
+
-
}
+
-
.b-animate button:hover{
+
-
background:#3B3B43;
+
-
color:#fff;
+
-
}
+
-
.b-animate label{
+
-
display:block;
+
-
font-size:0.875em;
+
-
margin-top:0.5em;
+
-
transition:0.5s all;
+
-
-webkit-transition:0.5s all;
+
-
-moz-transition:0.5s all;
+
-
-ms-transition:0.5s all;
+
-
-o-transition:0.5s all;
+
-
}
+
-
.b-animate label:hover{
+
-
color:#000;
+
-
cursor:pointer;
+
-
}
+
-
/* lt-ie9 */
+
-
.b-animate-go:hover .b-animate{
+
-
visibility:visible;
+
-
}
+
-
.b-from-left{
+
-
position: relative;
+
-
left: -100%;
+
-
background: rgba(0, 170, 239, 0.63);
+
-
background-size: 100% 100%;
+
-
top: 0px;
+
-
margin: 0;
+
-
min-height: 307px;
+
-
}
+
-
.b-animate-go:hover .b-from-left{
+
-
left:0;
+
-
}
+
-
h3.m_4{
+
-
float:left;
+
-
}
+
-
/*--default--*/
+
-
.default{
+
-
background:#515f67;
+
-
padding:6% 0;
+
-
}
+
-
p.m_7{
+
-
color: #FFF;
+
-
font-size:15px;
+
-
line-height: 1.8em;
+
-
margin:5% 0;
+
-
}
+
-
h3.m_21 {
+
-
color: #FFF;
+
-
font-size: 2em;
+
-
font-family: 'Open Sans', sans-serif;
+
-
text-transform: uppercase;
+
-
}
+
-
.m_22 {
+
-
position: relative;
+
-
margin-bottom: 10%;
+
-
}
+
-
.m_8 {
+
-
position: relative;
+
-
margin-bottom: 10%;
+
-
}
+
-
span.default_line {
+
-
width: 50px;
+
-
display: block;
+
-
border-bottom: 2px solid #FFF;
+
-
position: absolute;
+
-
bottom:0px;
+
-
}
+
-
.button a{
+
-
color:#29353C;
+
-
font-size:0.85em;
+
-
text-transform: uppercase;
+
-
font-weight:bold;
+
-
text-decoration: none;
+
-
cursor: pointer;
+
-
padding: 12px 35px 9px 35px;
+
-
display: inline-block;
+
-
outline: none;
+
-
-webkit-transition: all 0.3s;
+
-
-moz-transition: all 0.3s;
+
-
transition: all 0.3s;
+
-
border:2px solid #29353C;
+
-
}
+
-
.button a:hover {
+
-
background:#fff;
+
-
border:2px solid #fff;
+
-
color:#00B3FD;
+
-
}
+
-
.more-portfolio-grids{
+
-
text-align: center;
+
-
background: #35353F;
+
-
padding: 3em 0;
+
-
}
+
-
.more-portfolio-grids a{
+
-
color: #FFF;
+
-
border: 2px solid #FFF;
+
-
padding: 0.8em 2em;
+
-
text-transform: uppercase;
+
-
font-size: 1.1em;
+
-
border-radius: 0.5em;
+
-
-webkit-border-radius: 0.5em;
+
-
-moz-border-radius: 0.5em;
+
-
-o-border-radius: 0.5em;
+
-
-ms-border-radius: 0.5em;
+
-
}
+
-
.more-portfolio-grids a:hover{
+
-
color:#000;
+
-
border-color:#000;
+
-
text-decoration:none;
+
-
}
+
-
/*----*/
+
-
/*-----start-gallery----*/
+
-
.gallery-grids{
+
-
padding:3em 0 0 0;
+
-
}
+
-
.port-pic{
+
-
width:100%;
+
-
}
+
-
.place{
+
-
color: #000;
+
-
font-weight: 500;
+
-
padding: 0.5em 1em;
+
-
}
+
-
.place a{
+
-
color:#00AAEF;
+
-
}
+
-
.place a:hover{
+
-
text-decoration:none;
+
-
color:#222;
+
-
}
+
-
.view-gallery-btn{
+
-
background: #00AAEF;
+
-
color: #FFF;
+
-
font-family: 'Open Sans', sans-serif;
+
-
text-transform: uppercase;
+
-
padding: 0.875em 0em;
+
-
width: 15%;
+
-
display: block;
+
-
margin: 0 auto;
+
-
text-align: center;
+
-
}
+
-
.view-gallery-btn:hover{
+
-
background:#000;
+
-
color:#fff;
+
-
text-decoration:none;
+
-
}
+
-
/*----start-consulation-----*/
+
-
.consulation{
+
-
padding:3em 0;
+
-
}
+
-
.c-head h3 {
+
-
width: 28.3%;
+
-
}
+
-
.c-head span{
+
-
margin-left: 1.3em;
+
-
}
+
-
.consulation-left h4{
+
-
font-size: 2em;
+
-
color: #000;
+
-
font-weight: 400;
+
-
width: 60%;
+
-
line-height: 1.5em;
+
-
}
+
-
.consulation-left p{
+
-
color: #222;
+
-
font-family: 'Open Sans', sans-serif;
+
-
line-height: 1.8em;
+
-
font-size: 0.9em;
+
-
width: 65%;
+
-
}
+
-
/*-----*/
+
-
.consulation-right input[type="text"]{
+
-
background:#EEEEEE;
+
-
color:#696969;
+
-
text-align:center;
+
-
width:100%;
+
-
padding:1em;
+
-
margin:10px 0;
+
-
border:1px solid #EEEEEE;
+
-
font-family: 'Open Sans', sans-serif;
+
-
font-weight:600;
+
-
-webkit-appearance: none;
+
-
transition: border-color 0.3s;
+
-
-o-transition: border-color 0.3s;
+
-
-ms-transition: border-color 0.3s;
+
-
-moz-transition: border-color 0.3s;
+
-
-webkit-transition: border-color 0.3s;
+
-
text-transform:uppercase;
+
-
outline:none;
+
-
}
+
-
.consulation-right input[type="text"]:hover,.consulation-right input[type="text"]:focus{
+
-
border-color:#00AAEF;
+
-
}
+
-
.consulation-right input[type="submit"]{
+
-
background: #00AAEF;
+
-
color: #FFF;
+
-
border: 1px solid #00AAEF;
+
-
font-family: 'Open Sans', sans-serif;
+
-
text-transform: uppercase;
+
-
width: 100%;
+
-
padding: 1em;
+
-
margin: 10px 0;
+
-
transition:0.5s all;
+
-
-webkit-transition:0.5s all;
+
-
-moz-transition:0.5s all;
+
-
-o-transition:0.5s all;
+
-
-ms-transition:0.5s all;
+
-
}
+
-
.consulation-right input[type="submit"]:hover{
+
-
background:#000000;
+
-
border: 1px solid #000;
+
-
}
+
-
.consulation-grids{
+
-
padding:4em 0 0 0;
+
-
}
+
-
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
+
-
/*----start-Testimonials-----*/
+
-
.testmonials{
+
-
background:#EEEEEE;
+
-
padding:3em 0;
+
-
}
+
-
.testmonial-grid h5{
+
-
margin:0.5em 0 0 0;
+
-
}
+
-
.t-pic{
+
-
border-radius:30em;
+
-
-webkit-border-radius:30em;
+
-
-moz-border-radius:30em;
+
-
-o-border-radius:30em;
+
-
-ms-border-radius:30em;
+
-
}
+
-
.testmonial-grid h5 a{
+
-
color: #222;
+
-
font-size: 1.8em;
+
-
}
+
-
.testmonial-grid h5 a:hover{
+
-
text-decoration:none;
+
-
color:#00AAEF;
+
-
}
+
-
.testmonial-grid span{
+
-
color:#696973;
+
-
font-style:italic;
+
-
font-family: 'Open Sans', sans-serif;
+
-
}
+
-
.testmonial-grid p{
+
-
color: #000;
+
-
width: 80%;
+
-
margin: 0.5em auto;
+
-
font-family: 'Open Sans', sans-serif;
+
-
}
+
-
.testmonials-grids{
+
-
padding-top:4em;
+
-
}
+
-
/*----- start-contact----*/
+
-
.contact{
+
-
padding:3em 0;
+
-
}
+
-
.contact-left a,.contact-left p,.contact-left p label{
+
-
color:#000;
+
-
font-size:1.5em;
+
-
display: block;
+
-
}
+
-
.contact-left a:hover{
+
-
color:#00AAEF;
+
-
text-decoration:none;
+
-
}
+
-
.contact-left p label{
+
-
display: block;
+
-
font-weight: normal;
+
-
font-size: 1em;
+
-
}
+
-
.contact-right input[type="text"],.contact-right textarea{
+
-
background:#EEEEEE;
+
-
color:#696969;
+
-
text-align:center;
+
-
width:100%;
+
-
padding:1em;
+
-
margin:10px 0;
+
-
border:1px solid #EEEEEE;
+
-
font-family: 'Open Sans', sans-serif;
+
-
font-weight:600;
+
-
-webkit-appearance: none;
+
-
transition: border-color 0.3s;
+
-
-o-transition: border-color 0.3s;
+
-
-ms-transition: border-color 0.3s;
+
-
-moz-transition: border-color 0.3s;
+
-
-webkit-transition: border-color 0.3s;
+
-
text-transform:uppercase;
+
-
outline:none;
+
-
}
+
-
.contact-right input[type="text"]:hover,.contact-right input[type="text"]:focus,.contact-right textarea:hover,.contact-right textarea:focus{
+
-
border-color:#00AAEF;
+
-
}
+
-
.contact-right input[type="submit"]{
+
-
background: #00AAEF;
+
-
color: #FFF;
+
-
border: 1px solid #00AAEF;
+
-
font-family: 'Open Sans', sans-serif;
+
-
text-transform: uppercase;
+
-
width: 100%;
+
-
padding: 1em;
+
-
margin: 10px 0;
+
-
transition:0.5s all;
+
-
-webkit-transition:0.5s all;
+
-
-moz-transition:0.5s all;
+
-
-o-transition:0.5s all;
+
-
-ms-transition:0.5s all;
+
-
}
+
-
.contact-right input[type="submit"]:hover{
+
-
background:#000000;
+
-
border: 1px solid #000;
+
-
}
+
-
.contact-right textarea{
+
-
min-height:150px;
+
-
resize:none;
+
-
}
+
-
.contact-grids{
+
-
padding-top:3em;
+
-
}
+
-
/*------start-contact----*/
+
-
.footer{
+
-
background: url(../images/footer-bg.jpg) no-repeat 0px 0px;
+
-
min-height: 500px;
+
-
background-size: cover;
+
-
}
+
-
.footer a img{
+
-
margin-top: 18%;
+
-
}
+
-
.copy-right{
+
-
color: #FFF;
+
-
font-family: 'Open Sans', sans-serif;
+
-
text-transform: uppercase;
+
-
margin-top: 15%;
+
-
font-weight: 600;
+
-
}
+
-
.copy-right a{
+
-
color:#000;
+
-
}
+
-
.copy-right a:hover{
+
-
color:#00AAEF;
+
-
text-decoration:none;
+
-
}
+
-
#toTop {
+
-
display: none;
+
-
text-decoration: none;
+
-
position: fixed;
+
-
bottom: 26px;
+
-
right: 3%;
+
-
overflow: hidden;
+
-
width: 40px;
+
-
height: 40px;
+
-
border: none;
+
-
text-indent: 100%;
+
-
background: url("../images/to-top1.png") no-repeat 0px 0px;
+
-
border-radius: 30em;
+
-
}
+
-
#toTopHover {
+
-
width: 40px;
+
-
height: 40px;
+
-
display: block;
+
-
overflow: hidden;
+
-
float: right;
+
-
opacity: 0;
+
-
-moz-opacity: 0;
+
-
filter: alpha(opacity=0);
+
-
}
+
-
/*--responsive design--*/
+
-
@media (max-width:1366px){
+
-
.top-nav ul li a {
+
-
padding: 0.1em 1.9em;
+
-
}
+
-
}
+
-
@media (max-width:1024px){
+
-
.top-nav ul li a {
+
-
padding: 0.1em 1.8em;
+
-
font-size:1em;
+
-
}
+
-
.bg {
+
-
    min-height: 600px;
+
-
}
+
-
nav {
+
-
top:410px;
+
-
}
+
-
.about-left p {
+
-
font-size:3em;
+
-
}
+
-
.head h3 {
+
-
font-size:2em;
+
-
}
+
-
.head span {
+
-
background-size:65%;
+
-
}
+
-
.footer {
+
-
min-height: 400px;
+
-
}
+
-
.copy-right {
+
-
margin-top: 15%;
+
-
}
+
-
}
+
-
@media (max-width:800px){
+
-
.bg {
+
-
    min-height: 500px;
+
-
}
+
-
nav {
+
-
top:310px;
+
-
}
+
-
.top-nav ul li a {
+
-
padding: 0.1em 1.5em;
+
-
font-size: 0.85em;
+
-
}
+
-
.about-left p {
+
-
font-size: 2em;
+
-
}
+
-
.testmonials-grids {
+
-
padding-top: 2em;
+
-
}
+
-
.contact-grids {
+
-
padding-top: 1em;
+
-
}
+
-
.footer {
+
-
min-height: 300px;
+
-
}
+
-
.consulation-grids {
+
-
padding: 1em 0 0 0;
+
-
}
+
-
.head span {
+
-
background-size: 50%;
+
-
}
+
-
.testmonial-grid {
+
-
margin-bottom: 30px;
+
-
}
+
-
.contact-left p, .contact-left p label {
+
-
font-size: 1em;
+
-
font-weight: 500;
+
-
}
+
-
.contact-left a, .contact-left p, .contact-left p label {
+
-
font-size: 1em;
+
-
font-weight: 500;
+
-
}
+
-
}
+
-
@media (max-width:768px){
+
-
.bg {
+
-
    min-height:400px;
+
-
}
+
-
nav {
+
-
top: -127px;
+
-
}
+
-
.top-nav ul li a {
+
-
padding: 0.1em 1.5em;
+
-
font-size: 0.85em;
+
-
}
+
-
.about-left p {
+
-
font-size: 2em;
+
-
}
+
-
.testmonials-grids {
+
-
padding-top: 2em;
+
-
}
+
-
.contact-grids {
+
-
padding-top: 1em;
+
-
}
+
-
.footer {
+
-
min-height: 300px;
+
-
}
+
-
.consulation-grids {
+
-
padding: 1em 0 0 0;
+
-
}
+
-
.contact-order {
+
-
display: none;
+
-
}
+
-
}
+
-
@media (max-width:480px){
+
-
.contact-no span {
+
-
font-size: 1em;
+
-
margin-top: 0.2em;
+
-
}
+
-
.logo {
+
-
left: 41%;
+
-
top: 17px;
+
-
}
+
-
nav {
+
-
top: -70px;
+
-
}
+
-
.bg {
+
-
  min-height: 250px;
+
-
}
+
-
.about {
+
-
padding: 2em 0;
+
-
}
+
-
.about-left p {
+
-
font-size:1.5em;
+
-
font-weight:400;
+
-
width:100%;
+
-
}
+
-
.consulation-left h4 {
+
-
font-size: 1.4em;
+
-
width:100%;
+
-
}
+
-
.head h3 {
+
-
width: 30.3%;
+
-
}
+
-
.gallery-grids {
+
-
padding: 1em 0 0 0;
+
-
}
+
-
.view-gallery-btn {
+
-
padding: 0.75em;
+
-
width: 32%;
+
-
}
+
-
.head h3 {
+
-
font-size: 1.5em;
+
-
font-weight: 400;
+
-
}
+
-
.head span {
+
-
background-size: 50%;
+
-
}
+
-
.b-animate span {
+
-
font-size: 1.5em;
+
-
}
+
-
.footer {
+
-
min-height: 200px;
+
-
}
+
-
.consulation-left p {
+
-
line-height: 1.5em;
+
-
font-size: 0.8125em;
+
-
width: 100%;
+
-
}
+
-
.consulation-right input[type="text"], .consulation-right input[type="submit"], .contact-right input[type="text"], .contact-right textarea {
+
-
padding: 0.7em;
+
-
font-size:0.85em;
+
-
}
+
-
.testmonials-grids {
+
-
padding-top: 1em;
+
-
}
+
-
nav a#pull img {
+
-
padding-top:40px;
+
-
}
+
-
nav {
+
-
top: -98px;
+
-
}
+
-
.contact-no {
+
-
margin-top: 10px;
+
-
}
+
-
}
+
-
@media (max-width:320px){
+
-
  .contact-no {
+
-
display: none;
+
-
}
+
-
.logo {
+
-
left: 27%;
+
-
top: 14px;
+
-
}
+
-
nav {
+
-
top: -64px;
+
-
}
+
-
.bg {
+
-
min-height: 200px;
+
-
}
+
-
.about-left p {
+
-
font-size: 1.2em;
+
-
}
+
-
.about-right h3, .about-right span {
+
-
font-weight: 600;
+
-
font-size: 0.95em;
+
-
margin: 10px 0;
+
-
}
+
-
.head h3 {
+
-
width: 55.3%;
+
-
}
+
-
.view-gallery-btn {
+
-
padding: 0.6em;
+
-
width: 40%;
+
-
font-size: 0.8125em;
+
-
}
+
-
.consulation-left h4 {
+
-
font-size: 1em;
+
-
width: 100%;
+
-
font-weight: 500;
+
-
}
+
-
.consulation-grids {
+
-
padding: 0;
+
-
}
+
-
.b-animate span {
+
-
font-size: 1em;
+
-
}
+
-
.b-animate button {
+
-
padding: 0.5em 1em;
+
-
font-size: 0.8125em;
+
-
}
+
-
}
+
-
    </style>
+
-
+
-
<!----start-top-nav---->
+
-
<nav class="top-nav">
+
-
<ul class="top-nav">
+
-
<li class="active"><a href="#home" class="scroll">Home</a></li>
+
-
<li class="page-scroll"><a href="#about" class="scroll">Teams</a></li>
+
-
<li class="page-scroll"><a href="#gal" class="scroll">Schedule</a></li>
+
-
<li class="page-scroll"><a href="#con" class="scroll">Sponsors</a></li>
+
-
<li class="page-scroll"><a href="#test" class="scroll">Join us</a></li>
+
-
<li class="page-scroll"><a href="#contact" class="scroll">Contact</a></li>
+
-
</ul>
+
-
<a href="#" id="pull"><img src="images/nav-icon.png" title="menu" /></a>
+
-
</nav>
+
-
</div>
+
-
</div> 
+
-
    <div id="contentcontainer">
+
-
<div style="width:975px;">
+
-
<h2 id="" align="center">THE CENTRAL CHINA iGEMERS’ MEETUP</h2>
+
<div id="navigation-background">
-
<hr style="FILTER: alpha(opacity=100,finishopacity=0,style=3)" width="100%" color=#987cb9 size=3 />
+
<div id="nav">
 +
    <a href="https://2014.igem.org/Meetups/August_HZAU-China">HOME</a>
 +
    <a href="https://2014.igem.org/Meetups/August_HZAU-China/news"><i>NEWS!</i></a>
 +
    <a href="https://2014.igem.org/Meetups/August_HZAU-China/travel">TRAVEL</a>
 +
    <a href="https://2014.igem.org/Meetups/August_HZAU-China/download">DOWNLOAD</a>
 +
    <a href="https://2014.igem.org/Meetups/August_HZAU-China/note">NOTE</a>
 +
</div>
 +
</div>
-
<p>Hi, we are the HZAU-China team and we are glad to invite you to join the central china iGEMers’ meetup<b> during 23rd to 24th Aug.2014</b>, which is supported by Central China iGEMers’ Consortium(CCiC) and will be held at<b> Huazhong Agricultural University, Wuhan</b>. This meeting is more than just for fun. In order to discuss the iGEM at all aspects, We will talk about two topic：<b>team project</b> and<b> team building</b> and We invited<b> Zhang haoqian, Liu yang</b>, two accomplished former leaders, to share their experience.</p>
+
<div id="contentcontain">
-
<p><a href="">Team HZAU-China</a></p>
+
    <br>
-
<p>Date: 23th Aug. 2014</p>
+
    <h1 align="center"><b>Deadline of application: 23:59 July 10th</b></h1>
-
<p>Huazhong Agricultural University, Wuhan University, Huazhong University of Science and Technology</p>
+
   
 +
    <h2>When and where</h2>
 +
    <div class="underline-s"></div>
 +
    <p><a href="https://2014.igem.org/Team:HZAU-China"><b>Team: HZAU-China</b></a></p>
 +
    <p>August 23rd -24th, 2014</p>
 +
    <p>Huazhong Agricultural University, Wuhan</p>
 +
    <br>
 +
   
 +
    <h2>Who</h2>
 +
    <div class="underline-s"></div>
 +
    <ul>
 +
      <li>AHUT_China</li>
 +
      <li>BNU-China</li>
 +
      <li>CAU_China</li>
 +
      <li>HUST-China</li>
 +
      <li>HZAU-China</li>
 +
      <li>Jilin_China</li>
 +
      <li>LZU-China</li>
 +
      <li>NJU-QIBEBT</li>
 +
      <li>NUDT_CHINA</li>
 +
      <li>OUC-China</li>
 +
      <li>Peking</li>
 +
      <li>SCAU-China</li>
 +
      <li>SCUT</li>
 +
      <li>WHU-China</li>
 +
      <li>WHU-Pharm</li>
 +
    </ul>
 +
    <br>
-
<h2 id="">Highlights</h2>
+
    <h2 id="">THE CENTRAL CHINA iGEMERS' MEETUP</h2>
-
<hr style="FILTER: alpha(opacity=100,finishopacity=0,style=3)" width="100%" color=#987cb9 size=3 />
+
    <div class="underline-s"></div>
-
<p>Our discussion will mainly revolve around two topics, our projects at hand and team management. We have invited Zhang Haoqian and Liu yang, the accomplished former leader of PKU and OUC, as well as several other experienced former leaders to share their experience and thoughts with us, and give their suggestions</p>
+
    <p>Greetings! Welcome to Huazhong Agricultural University for the Central China iGEMers’ Meetup. Our meetup will be held on 23rd and 24th August, 2014, supported by the Central China iGEMers’ Consortium(CCiC). More than just for fun, we hope to look at iGEM from as many aspects as possible, and the two main topics we will focus on are: 1.Team project; 2.Team building. We have invited Zhang Haoqian of PKU and Liu Yang of OUC, two accomplished former iGEM leaders, as well as several other experienced former leaders to share their experiences with us and give their suggestions.</p>
-
 
+
-
 
+
-
<h2 id="">Meetup</h2>
+
-
<hr style="FILTER: alpha(opacity=100,finishopacity=0,style=3)" width="100%" color=#987cb9 size=3 />
+
-
<i align="center">Central China iGEMers’ Meetup</i>
+
-
<p><b>Purpose:</b>The conference aims to help teams improve performance in the 2014 iGEM competition, arouse awareness of intra-
+
-
regional collaboration so as to enhance better communication among iGEM teams in China by establishing the <a href="">Central China 
+
-
iGEMers’ Consortium(CCiC).</a></p>
+
<br>
<br>
-
<p><b>Date:</b>23th Aug. 2014<p>
 
-
<p><b>Location:</b>Center for International Academic Exchanges, Huazhong Agricultural University, Wuhan, China<p>
 
-
<b>Schedule(under update):</b>
 
-
<ul>
 
-
  <li>09:00-09:15 am &nbsp&nbsp Opening Ceremony (15min)</li>
 
-
  <li>09:15-10:15 am &nbsp&nbsp Addresses by <a href=""><u>Team Supervisors</u></a> (2×30min)</li>
 
-
  <li>10:15-11:05 am &nbsp&nbsp Address by <a href=""><u>Honorable Guest 1</u></a> (50min)</li>
 
-
  <li>11:05-11:55 pm &nbsp&nbsp Address by <a href=""><u>Honorable Guest 2</u></a> (50min)</li>
 
-
  <li>11:55-14:30 pm &nbsp&nbsp Lunch and free Discussion (2hour 30min)</li>
 
-
  <li>14:30-15:30 pm &nbsp&nbsp Organized Discussion topic1</li>
 
-
  <li>15:30-15:50 pm &nbsp&nbsp Tea Break</li>
 
-
  <li>15:50-16:50 pm &nbsp&nbsp Organized Discussion Topic 2</li>
 
-
  <li>16:50-17:00 pm Closing Ceremony, Anouncing the Establishment of Central China iGEMers’ Consortium(CCiC)</li>
 
-
</ul>
 
-
<br>
 
-
<p><b>Date:</b>24th Aug. 2014<p>
 
-
<p><b>Location:</b>Center for International Academic Exchanges, Huazhong Agricultural University, Wuhan, China<p>
 
-
<b>Schedule(under update):</b>
 
-
<ul>
 
-
  <li>09:00-10:00 am &nbsp&nbsp Presentation </li>
 
-
  <li>14:30-16:00 am &nbsp&nbsp Closing Ceremony</li>
 
-
</ul>
+
    <h2>What is CCiC</h2>
 +
    <div class="underline-s"></div>
 +
    <p>'CCiC', or the Central China iGEMers' Consortium, is an institution that has existed long before it's name. The iGEM teams of WHU, HUST and HZAU have had a tradition of close collaboration, visiting each other every few weeks or so, discussing problems and helping each other.</p>
<br>
<br>
-
<h2 id="">Who we are—the CCiC</h2>
+
    <h2>Contact us:</h2>
-
<hr style="FILTER: alpha(opacity=100,finishopacity=0,style=3)" width="100%" color=#987cb9 size=3 />
+
    <div class="underline-s"></div>
-
<b>What is CCiC?</b>
+
    <p><b>CCiC E-mail:</b>igem_ccic@163.com<p>
-
<p>'CCiC', or the Central China iGEMers' Consortium, is an institution that has existed long before it's name. The iGEM teams of <a
+
    <p><b>CCiC Communication Group:</b>143819574(QQ)    <b>Central iGEM Meet-up Group:</b>111910092(QQ)</p>
-
 
+
    <p><b>Contact person:</b>Tian liu</p>
-
href="">WHU</a>, <a href="">HUST</a> and <a href="">HZAU</a> have a tradition of close collaboration, visiting each other every few
+
    <p><b>Mobile:</b> +86 15623002846      <b>E-mail:</b>hzautianliu@gmail.com      <b>QQ:</b>617741669</p>
-
 
+
    <p><b>Contact person:</b>Lu Huifang</p>
-
weeks or so, discussing problems, having lunch together. It’s only natural if a title is given to the contents;-)</p>
+
    <p><b>Mobile:</b> +86 13720134615      <b>E-mail:</b>249426013@qq.com      <b>QQ:</b>249426013</p>
-
<p>From a geographic point of view, the majority of iGEM teams are distributed in the eastern and northern China, especially the more
+
-
 
+
-
developed coastal cities, with fewer into the inland. The old teams lead, while new teams in the central and western China are
+
-
 
+
-
emerging. It all coincides with the distribution of economy in China, and we believe that the trend of new teams emerging especially
+
-
 
+
-
in central China would contribute to the “Rise of Central China Plan” conducted by our government.</p>
+
-
<p>China as well as the whole world is in need of a new economy that would benefit greatly from the development of biotechnology,
+
-
 
+
-
with synthetic biology in the frontier. Inter and intra-regional co-operations are part of this process. CCiC, as are other regional
+
-
 
+
-
collaborations, knows its limitations. While intra-regional cooperation is a convenient start that may generate group effects, it’s
+
-
 
+
-
inter-regional cooperation that’s the ultimate goal of communication which will prove to be more rewarding. CCiC is a start though;
+
-
 
+
-
it came into being because we were enjoying ourselves, but more than that it has a mission--- to arouse awareness of closer regional
+
-
 
+
-
collaboration among iGEM teams. We sincerely hope that more teams can see the benefits of such collaboration, and it is our wish that
+
-
 
+
-
even if CCiC one day disappears, it will only disappear into something  even closer to its true purposes.</p>
+
<br>
<br>
-
<h2 id="">Who You Are</h2>
+
    <div id="Co-partners">
-
<hr style="FILTER: alpha(opacity=100,finishopacity=0,style=3)" width="100%" color=#987cb9 size=3 />
+
    <div id="Co-partners3"><h2>Co-partners</h2><div class="underline-s"></div></div>
-
<p>We welcome anyone who is interested in discussions about the details of projects as well as the role synthetic biology may play in
+
    <div id="Co-partners0"><img src="https://static.igem.org/mediawiki/2014/1/1d/Hzau_logo.png" width="305px"></div>
-
a larger scope. Ours is named “Central China”, but just as said in the CCiC page, inter-regional exchanges are also greatly
+
    <div id="Co-partners1"><img src="https://static.igem.org/mediawiki/2014/7/75/WHU_logo.png" width="265px"></div>
-
welcomed! Practice or experience, we are ever eager to learn more-- from you, and about you!</p>
+
    <div id="Co-partners2"><img src="https://static.igem.org/mediawiki/2014/3/34/HUST_logo.png" width="350px"></div>
-
<b>Welcome to the First Central China iGEMers’ Meetup!</b>
+
    </div>
-
<br><br>
+
   
-
 
+
    <div id="Supporter">
-
<h2 id="">What we’ve done</h2>
+
    <div id="Supporter2"><h2>Supporter</h2><div class="underline-s"></div></div>
-
<hr style="FILTER: alpha(opacity=100,finishopacity=0,style=3)" width="100%" color=#987cb9 size=3 />
+
    <div id="Supporter0"><img src="https://static.igem.org/mediawiki/2014/f/fe/Sky_logo.png" width="400px"></div>
-
<p>We will put photos, videos, documents and the conclusion of our discussions on this page after the meet up! ^^</p>
+
    <div id="Supporter1"><img src="https://static.igem.org/mediawiki/2014/4/44/CB.png" width="254px"></div>
-
<br>
+
    </div>
-
 
+
    <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
-
<h2 id="">Supporter</h2>
+
</div>
-
<hr style="FILTER: alpha(opacity=100,finishopacity=0,style=3)" width="100%" color=#987cb9 size=3 />
+
</div>
-
 
+
<div id="footer">
-
<br>
+
    <h2></h2>
-
 
+
-
<h2 id="">Co-partners</h2>
+
-
<hr style="FILTER: alpha(opacity=100,finishopacity=0,style=3)" width="100%" color=#987cb9 size=3 />
+
-
 
+
-
<br>
+
-
 
+
-
</div>
+
</div>
</div>
-
<!-----start-about---->
+
</body>
</html>
</html>

Latest revision as of 08:38, 10 August 2014


Deadline of application: 23:59 July 10th

When and where

Team: HZAU-China

August 23rd -24th, 2014

Huazhong Agricultural University, Wuhan


Who

  • AHUT_China
  • BNU-China
  • CAU_China
  • HUST-China
  • HZAU-China
  • Jilin_China
  • LZU-China
  • NJU-QIBEBT
  • NUDT_CHINA
  • OUC-China
  • Peking
  • SCAU-China
  • SCUT
  • WHU-China
  • WHU-Pharm

THE CENTRAL CHINA iGEMERS' MEETUP

Greetings! Welcome to Huazhong Agricultural University for the Central China iGEMers’ Meetup. Our meetup will be held on 23rd and 24th August, 2014, supported by the Central China iGEMers’ Consortium(CCiC). More than just for fun, we hope to look at iGEM from as many aspects as possible, and the two main topics we will focus on are: 1.Team project; 2.Team building. We have invited Zhang Haoqian of PKU and Liu Yang of OUC, two accomplished former iGEM leaders, as well as several other experienced former leaders to share their experiences with us and give their suggestions.


What is CCiC

'CCiC', or the Central China iGEMers' Consortium, is an institution that has existed long before it's name. The iGEM teams of WHU, HUST and HZAU have had a tradition of close collaboration, visiting each other every few weeks or so, discussing problems and helping each other.


Contact us:

CCiC E-mail:igem_ccic@163.com

CCiC Communication Group:143819574(QQ) Central iGEM Meet-up Group:111910092(QQ)

Contact person:Tian liu

Mobile: +86 15623002846 E-mail:hzautianliu@gmail.com QQ:617741669

Contact person:Lu Huifang

Mobile: +86 13720134615 E-mail:249426013@qq.com QQ:249426013


Co-partners

Supporter
















Retrieved from "http://2014.igem.org/Meetups/August_HZAU-China"