(Prototype team page) |
|||
Line 1: | Line 1: | ||
− | |||
<html> | <html> | ||
+ | <head> | ||
+ | <meta charset="utf-8" /> | ||
+ | <link rel="stylesheet" href="https://2018.igem.org/Team:SDU-CHINA/bootstrap337?action=raw&ctype=text/css"> | ||
+ | <link href="https://2018.igem.org/wiki/index.php?title=Template:SDU-China/slickcss190&action=raw&ctype=text/css" rel="stylesheet"> | ||
+ | <link href="https://2018.igem.org/wiki/index.php?title=Template:SDU-China/slickthemecss190&action=raw&ctype=text/css" rel="stylesheet"> | ||
+ | <script src="https://2018.igem.org/Team:SDU-China/jquery211?action=raw&ctype=text/javascript"></script> | ||
+ | <script src="https://2018.igem.org/Team:SDU-China/bootjs?action=raw&ctype=text/javascript"></script> | ||
+ | <script src="https://2018.igem.org/Team:SDU-China/jquery311?action=raw&ctype=text/javascript"></script> | ||
− | < | + | <style> |
− | + | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, | |
− | + | #sideMenu, #menubar, .logo_2018, .printfooter, .firstHeading,.visualClear { | |
− | + | display: none; | |
− | + | } | |
+ | #top-section { | ||
+ | border: 0 none; | ||
+ | height: 14px; | ||
+ | z-index: 100; | ||
+ | top: 0; | ||
+ | position: fixed; | ||
+ | width: 975px; | ||
+ | left: 50%; | ||
+ | margin-left: -487px; | ||
+ | } | ||
− | + | #globalWrapper, #content { | |
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | border: 0px; | ||
+ | background-color: transparent; | ||
+ | margin: 0px; | ||
+ | padding: 0px; | ||
+ | } | ||
+ | html, body, .wrapper { | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | background-color: transparent; | ||
+ | } | ||
− | |||
− | |||
− | + | #logo { | |
− | + | float: left; | |
− | + | position: relative; | |
+ | margin-left:1%; | ||
+ | display: block !important; | ||
+ | } | ||
+ | #logo img { width:150px;} /*???*/ | ||
− | + | #content{ | |
− | + | margin-top: -22px; | |
− | + | padding: 0px; | |
− | + | background-color: #E6E6F2; | |
− | + | width: 100%; | |
+ | height: 100%; | ||
+ | border: 0px; | ||
+ | } | ||
− | + | #header { | |
+ | background: linear-gradient(to right, #005AB5, #007500); | ||
+ | background: -webkit-linear-gradient(to right, #005AB5, #007500); | ||
+ | background: -moz-linear-gradient(to right, #005AB5, #007500); | ||
+ | background: -o-linear-gradient(to right, #005AB5, #007500); | ||
+ | float: left; | ||
+ | width: 100%; | ||
+ | padding: 2% 0%; | ||
+ | margin: 0 0px !important; | ||
+ | } | ||
− | + | #footer { | |
− | + | background: linear-gradient(to right, #005AB5, #007500); | |
− | + | background: -webkit-linear-gradient(to right, #005AB5, #007500); | |
− | + | background: -moz-linear-gradient(to right, #005AB5, #007500); | |
+ | background: -o-linear-gradient(to right, #005AB5, #007500); | ||
+ | float: left; | ||
+ | width: 100%; | ||
+ | padding: 7px 0; | ||
+ | margin: 0 0px !important; | ||
+ | } | ||
+ | #menu a { text-decoration: none; } | ||
+ | #menu a:link, a:visited, a:active { color: white; } | ||
+ | #menu a:hover { color: #c1d9ff; } | ||
+ | #menu { | ||
+ | float: right; | ||
+ | position: relative; | ||
+ | transform: translateY(-10%); | ||
+ | margin-right: 1%; | ||
+ | display: block !important; | ||
+ | } | ||
+ | #menu li { | ||
+ | float: left; | ||
+ | position: relative; | ||
+ | padding:2% 0%; | ||
+ | |||
+ | } | ||
+ | #menu li a { font: 18px sans-serif; font-weight: bolder; padding: 15px; } | ||
+ | #menu ul li ul { | ||
+ | background-color: #336666; | ||
+ | opacity: 0.8 ; | ||
+ | display: none; | ||
+ | position: absolute; | ||
+ | margin: 0; | ||
+ | padding: 10% 0; | ||
+ | font-weight: lighter !important; | ||
+ | } | ||
+ | #menu ul li ul li { font-size: 10px; padding: 5%; } | ||
+ | #menu li:hover ul, .menu li.over ul { display: block; } | ||
− | |||
− | |||
− | |||
− | + | #sponsors { | |
+ | text-align: center; | ||
+ | float: left; | ||
+ | margin-left: 15px; | ||
+ | margin-top: 2px; | ||
+ | } | ||
+ | #contact { | ||
+ | text-align: center; | ||
+ | float: right; | ||
+ | position: relative; | ||
+ | margin-right: 30px; | ||
+ | margin-top: 15px; | ||
+ | } | ||
+ | #contact a { text-decoration: none; } | ||
+ | #contact a:link, a:visited, a:active { color: white; } | ||
+ | #contact a:hover { color: #c1d9ff; } | ||
− | <div class=" | + | #section {clear: both; |
− | <p> | + | width:100%; |
− | + | margin-top:-20px; | |
+ | padding: 133px auto 0 auto; | ||
+ | overflow: hidden; | ||
+ | background-color:white !important;} | ||
+ | #main-title { | ||
+ | font-size: 45px; | ||
+ | color: #4b5ea4; | ||
+ | font-family: sans-serif; | ||
+ | text-align: center; | ||
+ | font-weight: lighter; | ||
+ | margin: 0; | ||
+ | padding: 30px 0px 0px 0px; | ||
+ | margin: 0px 67px 0px 65px; | ||
+ | } | ||
+ | .sublinks { text-align: center; } | ||
+ | .sublinks h2 { | ||
+ | display: inline-block; | ||
+ | margin: 20px 40px; | ||
+ | } | ||
+ | .sublinks a:link, .sublinks a:visited, .sublinks a:active, .p-top a:link, .p-top a:visited, .p-top a:active { color: #4b5ea4; font-family: sans-serif; font-weight: lighter; } | ||
+ | .sub-title { | ||
+ | font-family: sans-serif; | ||
+ | color: white; | ||
+ | text-align: center; | ||
+ | } | ||
+ | .conteudo { | ||
+ | width:100%; | ||
+ | max-width: 1800px; | ||
+ | background-color: white; | ||
+ | line-height: 1.5; | ||
+ | clear: both; | ||
+ | padding: 0px 100px 10px 100px; | ||
+ | } | ||
+ | .p-top { | ||
+ | color: #4b5ea4; | ||
+ | text-align: center; | ||
+ | margin-top: 5px; | ||
+ | font: 25px sans-serif; | ||
+ | transform: translateY(80%); | ||
+ | } | ||
+ | |||
+ | .panel-default > .panel-heading { | ||
+ | color: #333; | ||
+ | border-color: #ddd; | ||
+ | } | ||
+ | |||
+ | |||
+ | p.partone { | ||
+ | text-align: justify; | ||
+ | text-justify: inter-word; | ||
+ | |||
+ | } | ||
+ | p { | ||
+ | font-family: 'Open Sans', sans-serif; | ||
+ | font-weight: 400 !important; | ||
+ | font-size: 18px !important; | ||
+ | line-height: 1.5; | ||
+ | margin-bottom: 20px; | ||
+ | } | ||
+ | h4 { | ||
+ | font-family: 'Josefin Sans', sans-serif !important; | ||
+ | font-size: 30px !important; | ||
+ | } | ||
+ | .some-padding { | ||
+ | padding-top: 20px; | ||
+ | } | ||
+ | |||
+ | h4{ | ||
+ | display: inline-block; | ||
+ | display:-webkit-inline-block; /* Safari, Chrome, and Opera */ | ||
+ | display: -moz-inline-block;/* Firefox */ | ||
+ | display: -o-inline-block; | ||
+ | width: 700px; | ||
+ | } | ||
+ | h1{ | ||
+ | margin-bottom:0px !important; | ||
+ | } | ||
+ | *{margin: 0;padding: 0;} | ||
+ | |||
+ | #box div{ | ||
+ | position: relative; | ||
+ | display: block; | ||
+ | width: 600px; | ||
+ | height: 500px; | ||
+ | margin: 0 auto; | ||
+ | } | ||
+ | #box img{ | ||
+ | width: 600px; | ||
+ | height: 500px; | ||
+ | display: table-cell; | ||
+ | vertical-align: middle; | ||
+ | text-align: center; | ||
+ | |||
+ | } | ||
+ | |||
+ | ul li{ | ||
+ | list-style: none; | ||
+ | } | ||
+ | ol li{ | ||
+ | |||
+ | list-style-type:decimal; | ||
+ | |||
+ | list-style-position:inside ; | ||
+ | |||
+ | font-size: 15px; | ||
+ | |||
+ | } | ||
+ | ol{ | ||
+ | padding-left: 10px ; | ||
+ | padding-bottom: 40px; | ||
+ | } | ||
+ | |||
+ | .parttwo a{ | ||
+ | display: block; | ||
+ | text-align: center !important; | ||
+ | } | ||
+ | #header{ | ||
+ | width: 100%; | ||
+ | height:95px; /* header的高度一定要是固定值*/ | ||
+ | position:fixed; | ||
+ | top:0px; | ||
+ | left:0px; | ||
+ | clear:both; | ||
+ | z-index: 3; | ||
+ | |||
+ | } | ||
+ | #footer{ | ||
+ | width: 100%; | ||
+ | height:100px; /* footer的高度一定要是固定值*/ | ||
+ | position:absolute; | ||
+ | bottom:0px; | ||
+ | left:0px; | ||
+ | color: white; | ||
+ | } | ||
+ | .body{ | ||
+ | clear:both; | ||
+ | overflow: hidden; | ||
+ | padding-top: 95px; | ||
+ | padding-bottom: 100px; | ||
+ | /*保证footer是相对于container位置绝对定位*/ | ||
+ | position:relative; | ||
+ | bottom: -123px; | ||
+ | width:100%; | ||
+ | min-height:100%; | ||
+ | /*设置padding-bottom值大于等于footer的height值,以保证main的内容能够全部显示出来而不被footer遮盖;*/ | ||
+ | box-sizing: border-box; | ||
+ | -moz-box-sizing:border-box; /* Firefox */ | ||
+ | -webkit-box-sizing:border-box; /* Safari */ | ||
+ | } | ||
+ | |||
+ | .paragraphs{ | ||
+ | padding: 0 200px 0 200px; | ||
+ | font-family: sans-serif; | ||
+ | text-align: center; | ||
+ | } | ||
+ | .paragraphs img{ | ||
+ | position: relative; | ||
+ | display: inline-block; | ||
+ | margin: 10 auto; | ||
+ | } | ||
+ | |||
+ | .paragraphs a:visited { color:#5a3428;text-decoration: none;} | ||
+ | .paragraphs a:hover { color:#80ddbf;text-decoration: none;} | ||
+ | p.reference{ | ||
+ | font-size: 15px !important; | ||
+ | } | ||
+ | #tiao{ | ||
+ | margin:0 150px; | ||
+ | font-size: 20px !important | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | |||
+ | |||
+ | </head> | ||
+ | <body> | ||
+ | |||
+ | <div class="body"> | ||
+ | <div id="header"> | ||
+ | <!--LOGO LINK---> | ||
+ | <div id="logo"><a href="https://2018.igem.org/Team:SDU-CHINA"><img src="https://static.igem.org/mediawiki/2018/7/72/T--SDU-China--duihui.jpg" alt="LOGO" /></a></div> | ||
+ | <div id="menu"> | ||
+ | <ul> | ||
+ | <li> | ||
+ | <a href="#">PROJECT ▾</a> | ||
+ | <ul> | ||
+ | <!--links--> | ||
+ | <li><a href="https://2018.igem.org/Team:SDU-CHINA/Description">Description</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:SDU-CHINA/Design">Design</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:SDU-CHINA/Results">Results</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:SDU-CHINA/Demonstrate">Demonstrate</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#">WETLAB ▾</a> | ||
+ | <ul> | ||
+ | <!--links--> | ||
+ | <li><a href="#">Protocols</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:SDU-CHINA/Notebook">Notebook</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:SDU-CHINA/Safety">Safety</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#">DRYLAB ▾</a> | ||
+ | <ul> | ||
+ | <!--links--> | ||
+ | <li><a href="https://2018.igem.org/Team:SDU-CHINA/Model">Model</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:SDU-CHINA/Hardware">Hardware</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#">TEAM ▾</a> | ||
+ | <ul> | ||
+ | <!--links--> | ||
+ | <li><a href="https://2018.igem.org/Team:SDU-CHINA/Team">Members</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:SDU-CHINA/Attributions">Attributoins</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:SDU-CHINA/Collaborations">Collaborations</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <!--links--> | ||
+ | <li><a href="https://2018.igem.org/Team:SDU-CHINA/InterLab">INTERLAB</a></li> | ||
+ | <li><a href="#">PARTS ▾</a> | ||
+ | <ul> | ||
+ | <!--links--> | ||
+ | <li><a href="https://2018.igem.org/Team:SDU-CHINA/Parts">Parts</a></li> | ||
+ | |||
+ | <li><a href="https://2018.igem.org/Team:SDU-CHINA/Improve">Improve</a></li> | ||
+ | |||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2018.igem.org/Team:SDU-CHINA/Human_Practices">HUMAN PRACTICES ▾</a> | ||
+ | <ul> | ||
+ | <!--links--> | ||
+ | <li><a href="https://2018.igem.org/Team:SDU-CHINA/Human_Practices#Silver">Silver</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:SDU-CHINA/Human_Practices#integrated">Gold & Integrated</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:SDU-CHINA/Public_Engagement">Engagement</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="conteudo"> | ||
+ | <h1 id="main-title">Collaborations</h1> | ||
+ | |||
+ | <div class="paragraphs"> | ||
+ | <p>As a new team in iGEM, we participate in 2018’ s iGEM competition with enthusiasm to synthetic biology. In this season, we received a great amount of guidance and assistance from many experienced teams and mentors, and we learnt a lot from them. At the same time, we hold collaborations with many teams in experiment, modeling and human practice. </p> | ||
+ | <p><b>1. With OUC-China</b> | ||
+ | This year, it is our first time to participate in iGEM competition. OUC-China is an experienced team that has been participating in iGEM competition for 8 years. They give us huge support. At the beginning, they explained the process of the iGEM competition to us in detail and remind us some important deadlines. For the project, they gave us some pertinent suggestions. For human practice activities, during the summer vacation, they invited us to hold a summer camp. We are very glad to collaborate with them and explained to the campers how to make insect specimens. Apart from that, we also help them in return. We help them test the performance of miniToe, proving that their system has the same trend under our experimental conditions. <br> | ||
+ | https://2018.igem.org/Team:OUC-China/Collaborations | ||
</p> | </p> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/a/a7/T--SDU-China--OUC.jpg" alt=""> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/8/83/T--SDU-China--OUC2.jpg" alt=""> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/0/06/T--SDU-China--OUC3.jpg" alt=""> | ||
+ | <p><b>2. With BIT:</b> | ||
+ | This year, we were happy to cooperate with BIT-China, we collaborate with each other in many aspects. Firstly, they did us a great favour in founding this new team. Secondly, we met each other and discussed about our project design in June. We explained the project idea and design to each other and we also discussed about doing modelling and hardware equipment. We offered some advice on modelling and they showed us some tips of making hardware in return. Besides, they showed us the labs around. Apart from this meeting, we shared the Interlab data with each other and analysed whether the consequence was proper together. We were truly thankful to be guided and cooperate with such a lovely team! <br> | ||
+ | https://2018.igem.org/Team:BIT/Collaborations</p> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/a/ae/T--SDU-China--BIT1.jpg" alt=""> | ||
+ | <p>We developed friendship with many teams through iGEM and we really appreciate this opportunity!</p> | ||
+ | |||
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
+ | <div id="footer"> | ||
+ | <div id="sponsors"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/a/ab/T--SDU-CHINA--Sponsors0.svg" alt="SPONSORS" usemap="#Map-Sponsors" /> | ||
+ | <map name="Map-Sponsors" class="Map-Sponsors"> | ||
+ | <area title="SDU" href="http://www.lifesci.sdu.edu.cn/" shape="rect" coords="0,0,247,60" /> | ||
+ | <area title="MATHWOAR" href="https://www.mathworks.com/" shape="rect" coords="247,0,440,60" /> | ||
+ | <area title="KLAB" href="http://www.mbtech.sdu.edu.cn/" shape="rect" coords="440,0,715,60" /> | ||
+ | </map> | ||
+ | </div> | ||
+ | <div id="contact"> | ||
+ | <div><a href="mailto:sdubioigem@163.com">mailto:sdubioigem@163.com</a></div> | ||
+ | <div><a href="https://www.instagram.com/sdubiochina_2018/">www.instagram.com/sdubiochina_2018/</a></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </body> | ||
</html> | </html> |
Revision as of 06:32, 11 October 2018
Collaborations
As a new team in iGEM, we participate in 2018’ s iGEM competition with enthusiasm to synthetic biology. In this season, we received a great amount of guidance and assistance from many experienced teams and mentors, and we learnt a lot from them. At the same time, we hold collaborations with many teams in experiment, modeling and human practice.
1. With OUC-China
This year, it is our first time to participate in iGEM competition. OUC-China is an experienced team that has been participating in iGEM competition for 8 years. They give us huge support. At the beginning, they explained the process of the iGEM competition to us in detail and remind us some important deadlines. For the project, they gave us some pertinent suggestions. For human practice activities, during the summer vacation, they invited us to hold a summer camp. We are very glad to collaborate with them and explained to the campers how to make insect specimens. Apart from that, we also help them in return. We help them test the performance of miniToe, proving that their system has the same trend under our experimental conditions.
https://2018.igem.org/Team:OUC-China/Collaborations
2. With BIT:
This year, we were happy to cooperate with BIT-China, we collaborate with each other in many aspects. Firstly, they did us a great favour in founding this new team. Secondly, we met each other and discussed about our project design in June. We explained the project idea and design to each other and we also discussed about doing modelling and hardware equipment. We offered some advice on modelling and they showed us some tips of making hardware in return. Besides, they showed us the labs around. Apart from this meeting, we shared the Interlab data with each other and analysed whether the consequence was proper together. We were truly thankful to be guided and cooperate with such a lovely team!
https://2018.igem.org/Team:BIT/Collaborations
We developed friendship with many teams through iGEM and we really appreciate this opportunity!