Line 115: | Line 115: | ||
− | + | /* igem祖传代码 */ | |
/**************************************************************************************************************************************************************************************************/ | /**************************************************************************************************************************************************************************************************/ | ||
/* DEFAULT WIKI SETTINGS */ | /* DEFAULT WIKI SETTINGS */ | ||
Line 565: | Line 565: | ||
/*my styles */ | /*my styles */ | ||
/************************************************/ | /************************************************/ | ||
+ | img{ | ||
+ | max-width:100%; | ||
+ | |||
+ | } | ||
.homepage_img{ | .homepage_img{ | ||
text-align: center; | text-align: center; | ||
Line 572: | Line 576: | ||
background-size:cover; | background-size:cover; | ||
} | } | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
.container{ | .container{ | ||
padding:0 30px 0 30px; | padding:0 30px 0 30px; | ||
Line 609: | Line 610: | ||
padding:0 0 20px 0; | padding:0 0 20px 0; | ||
} | } | ||
− | . | + | /* 顶栏固定 */ |
− | + | .topbar{ | |
− | + | position: fixed; | |
+ | top: 0px; | ||
+ | height: 51px; | ||
+ | width: 100%; | ||
+ | padding-top: 18px; | ||
+ | } | ||
+ | /* 下拉按钮样式 */ | ||
+ | .dropbkgd{ | ||
+ | height: 51px; | ||
+ | background-image: url(https://static.igem.org/mediawiki/2018/7/76/T--ZJUT-China--topbar.gif); | ||
+ | clear: both; | ||
+ | width: 100%; | ||
+ | } | ||
+ | .drop{ | ||
+ | color: transparent; | ||
+ | font-size: 20px; | ||
+ | line-height: 51px; | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
} | } | ||
− | . | + | .dropposition{ |
− | + | position: absolute; | |
− | + | left: 240px; | |
− | + | width: 100%; | |
− | + | height: 51px; | |
− | color: | + | } |
+ | .drop:hover{ | ||
+ | background-color: #BACD32; | ||
+ | color: white; | ||
+ | } | ||
+ | .drop a{ | ||
+ | color: transparent; | ||
+ | text-decoration: none; | ||
+ | display: inline-block; | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | } | ||
+ | .drop a:hover{ | ||
+ | color: white; | ||
+ | } | ||
+ | |||
+ | /* 容器 <div> - 需要定位下拉内容 */ | ||
+ | .dropdown1, | ||
+ | .dropdown2, | ||
+ | .dropdown3, | ||
+ | .dropdown4, | ||
+ | .dropdown5, | ||
+ | .dropdown6, | ||
+ | .dropdown7, | ||
+ | .dropdown8{ | ||
+ | position: relative; | ||
+ | display: inline-block; | ||
+ | float:left; | ||
text-align: center; | text-align: center; | ||
− | + | width: 8%; | |
+ | height: 100%; | ||
+ | } | ||
+ | .dropdown1 { | ||
+ | width: 7%; | ||
+ | } | ||
+ | .dropdown2{ | ||
+ | width: 7%; | ||
+ | left: 25px; | ||
+ | } | ||
+ | .dropdown3{ | ||
+ | width: 8%; | ||
+ | left: 40px; | ||
+ | } | ||
+ | .dropdown4{ | ||
+ | width:7%; | ||
+ | left:60px; | ||
+ | } | ||
+ | .dropdown5{ | ||
+ | width: 7%; | ||
+ | left:70px; | ||
+ | } | ||
+ | .dropdown6{ | ||
+ | width:15.2%; | ||
+ | left: 87px; | ||
+ | } | ||
+ | .dropdown7{ | ||
+ | width:12%; | ||
+ | left: 90px; | ||
+ | } | ||
+ | .dropdown8{ | ||
+ | width:12%; | ||
+ | left: 100px; | ||
+ | } | ||
+ | /* 下拉内容 (默认隐藏) */ | ||
+ | .dropdown-content { | ||
+ | display: none; | ||
+ | position: absolute; | ||
+ | color: #DACD32; | ||
+ | width: 180px; | ||
+ | box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); | ||
+ | float: left; | ||
+ | background-color: rgba(0,0,0,0.2); | ||
+ | } | ||
+ | .dropdown6 .dropdown-content{ | ||
+ | width:230.4px; | ||
} | } | ||
− | |||
+ | /* 下拉菜单的链接 */ | ||
+ | .dropdown-content a { | ||
+ | color: white; | ||
text-decoration: none; | text-decoration: none; | ||
− | + | display: block; | |
− | + | width: 100%; | |
− | + | height: 100%; | |
− | + | ||
− | + | ||
} | } | ||
+ | /* 鼠标移上去后修改下拉菜单链接颜色 */ | ||
+ | .dropdown-content a:hover {background-color: #7D7DFF} | ||
+ | |||
+ | /* 在鼠标移上去后显示下拉菜单 */ | ||
+ | .dropdown2:hover .dropdown-content { | ||
+ | display: block; | ||
+ | } | ||
+ | .dropdown3:hover .dropdown-content { | ||
+ | display: block; | ||
+ | } | ||
+ | .dropdown4:hover .dropdown-content { | ||
+ | display: block; | ||
+ | } | ||
+ | .dropdown5:hover .dropdown-content { | ||
+ | display: block; | ||
+ | } | ||
+ | .dropdown6:hover .dropdown-content { | ||
+ | display: block; | ||
+ | } | ||
+ | .dropdown7:hover .dropdown-content { | ||
+ | display: block; | ||
+ | } | ||
+ | .dropdown8:hover .dropdown-content { | ||
+ | display: block; | ||
+ | } | ||
.container .col-10 { | .container .col-10 { | ||
Line 650: | Line 766: | ||
/* styling for the titles h1, h2*/ | /* styling for the titles h1, h2*/ | ||
+ | .container .col-10 h1, .container .col-10 h2 { | ||
+ | border-bottom:0px; | ||
+ | font-family: 'Tempus Sans ITC',georgia !important; | ||
+ | padding: 10px 0px; | ||
+ | } | ||
.container .col-10 h1{ | .container .col-10 h1{ | ||
font-size: 38px!important; | font-size: 38px!important; | ||
padding: 20 20 20 20!important; | padding: 20 20 20 20!important; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
text-align: center; | text-align: center; | ||
− | + | color: #9ACD32; | |
+ | } | ||
+ | .container .col-10 h2 { | ||
+ | font-size: 30px!important; | ||
+ | color: #6495ED; | ||
+ | } | ||
+ | |||
+ | |||
/* styling for the titles h3, h3, h5, h6 */ | /* styling for the titles h3, h3, h5, h6 */ | ||
Line 685: | Line 807: | ||
weight: 600px; | weight: 600px; | ||
} | } | ||
+ | .side-bar .igem_2018_title_menu{ | ||
+ | position: fixed; | ||
+ | } | ||
+ | .note{ | ||
+ | font-size:15px; | ||
+ | color:#708090; | ||
+ | text-align: center; | ||
+ | } | ||
+ | .homeindex{ | ||
+ | width: 20%; | ||
+ | min-height: 1px; | ||
+ | float: left; | ||
+ | margin: 15px; | ||
+ | text-align: center; | ||
+ | padding-left: 25px; | ||
− | + | } | |
+ | .homeindex img{ | ||
+ | border-radius: 30px; | ||
+ | } | ||
+ | /* 底部 */ | ||
+ | .footer{ | ||
+ | background: #eee; | ||
+ | margin-top: 30px; | ||
+ | padding: 30px 0; | ||
+ | width: 100%; | ||
+ | } | ||
+ | .foottop{ | ||
+ | height: 230px; | ||
+ | width: 100%; | ||
+ | } | ||
+ | .footbottom{ | ||
+ | height:50px; | ||
+ | width: 100%; | ||
+ | } | ||
+ | .footbottom .note{ | ||
+ | padding-top: 40px; | ||
+ | } | ||
+ | .footmessage-left, | ||
+ | .footmessage-right, | ||
+ | .footmessage-middle { | ||
+ | width: 30%; | ||
+ | float: left; | ||
+ | height: 100%; | ||
+ | } | ||
+ | .footmessage-right, img{ | ||
+ | max-width: 100%; | ||
+ | max-height: 100%; | ||
+ | padding-top: 10px; | ||
+ | padding-left: 30px; | ||
+ | } | ||
+ | .footmessage-left img{ | ||
+ | padding-top: 22px; | ||
+ | padding-left: 30px; | ||
+ | max-width: 100%; | ||
+ | max-height: 100%; | ||
+ | } | ||
+ | .footmessage-right h3{ | ||
+ | font-size: 30px; | ||
+ | } | ||
+ | .footmessage-right p{ | ||
+ | font-size: 15px!important; | ||
+ | } | ||
</style> | </style> | ||
+ | |||
+ | |||
Line 700: | Line 885: | ||
</head> | </head> | ||
− | <div class=" | + | <!-- 导航栏 --> |
− | <div class=" | + | <div class="topbar"> |
− | + | <div class="dropbkgd"> | |
− | + | <div class="dropposition"> | |
− | + | <div class="dropdown1"> | |
− | <div class=" | + | <div class="drop"> |
− | + | ||
− | + | ||
− | + | ||
− | <div class=" | + | |
<a href="https://2018.igem.org/Team:ZJUT-China">Home</a> | <a href="https://2018.igem.org/Team:ZJUT-China">Home</a> | ||
</div> | </div> | ||
− | <div class=" | + | </div> |
− | <a href="https://2018.igem.org/Team:ZJUT-China/Team">Team</a> | + | <div class="dropdown2"> |
+ | <div class="drop"> | ||
+ | Team | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="https://2018.igem.org/Team:ZJUT-China/Team">Team Members</a> | ||
+ | <a href="https://2018.igem.org/Team:ZJUT-China/Attributions">Attributions</a> | ||
+ | <a href="https://2018.igem.org/Team:ZJUT-China/Collaborations">Collaborations</a> | ||
+ | </div> | ||
</div> | </div> | ||
− | <div class=" | + | </div> |
− | <a href="https://2018.igem.org/Team:ZJUT-China/Team"> | + | <div class="dropdown3"> |
+ | <div class="drop"> | ||
+ | Project | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="https://2018.igem.org/Team:ZJUT-China/Description" >Description</a> | ||
+ | <a href="https://2018.igem.org/Team:ZJUT-China/Design">Design</a> | ||
+ | <a href="https://2018.igem.org/Team:ZJUT-China/Results">Results</a> | ||
+ | </div> | ||
</div> | </div> | ||
− | <div class=" | + | </div> |
− | <a href="https://2018.igem.org/Team:ZJUT-China/Team"> | + | <div class="dropdown4"> |
+ | <div class="drop"> | ||
+ | Parts | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="https://2018.igem.org/Team:ZJUT-China/Parts">Overview</a> | ||
+ | <a href="https://2018.igem.org/Team:ZJUT-China/Basic_Part">Basic parts</a> | ||
+ | <a href="https://2018.igem.org/Team:ZJUT-China/Composite_Part">Composite parts</a> | ||
+ | <a href="https://2018.igem.org/Team:ZJUT-China/Part_Collection" >Part collection</a> | ||
+ | </div> | ||
</div> | </div> | ||
− | <div class=" | + | </div> |
− | <a href="https://2018.igem.org/Team:ZJUT-China/Safety">Safety</a> | + | <div class="dropdown5"> |
+ | <div class="drop"> | ||
+ | Lab | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="https://2018.igem.org/Team:ZJUT-China/Notebook">Notebook</a> | ||
+ | <a href="https://2018.igem.org/Team:ZJUT-China/Protocols2018">Protocols</a> | ||
+ | <a href="https://2018.igem.org/Team:ZJUT-China/Safety">Safety</a> | ||
+ | <a href="https://2018.igem.org/Team:ZJUT-China/InterLab" >Interlab</a> | ||
+ | </div> | ||
</div> | </div> | ||
− | <div class=" | + | </div> |
− | <a href="https://2018.igem.org/Team:ZJUT-China/ | + | <div class="dropdown6"> |
+ | <div class="drop"> | ||
+ | Human Practices | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="https://2018.igem.org/Team:ZJUT-China/Human_Practices">Integrated hp</a> | ||
+ | <a href="https://2018.igem.org/Team:ZJUT-China/PublicEngagement2018">Public Engagement</a> | ||
+ | <a href="https://2018.igem.org/Team:ZJUT-China/Public_Engagement8">Education</a> | ||
+ | <a href="https://2018.igem.org/Team:ZJUT-China/Collaboration2018">Collaboration</a> | ||
+ | </div> | ||
</div> | </div> | ||
− | <div class=" | + | </div> |
− | <a href="https://2018.igem.org/Team:ZJUT-China/ | + | <div class="dropdown7"> |
+ | <div class="drop"> | ||
+ | <a href="https://2018.igem.org/Team:ZJUT-China/Model"> Modelling</a> | ||
</div> | </div> | ||
− | <div class=" | + | </div> |
− | <a href="https://igem.org/ | + | <div class="dropdown8"> |
+ | <div class="drop"> | ||
+ | <a href="https://2018.igem.org/Team:ZJUT-China/Achievement2018"> Achievement</a> | ||
</div> | </div> | ||
+ | </div> | ||
+ | </div> | ||
</div> | </div> | ||
− | <div class=" | + | </div> |
− | <div class=" | + | <!-- 首页大图 --> |
− | <a href="https:// | + | <div class="homepage_img"> |
− | <a href="https:// | + | </div> |
− | + | <!-- 主体 --> | |
+ | <div class="container"> | ||
+ | <div class="col-10"> | ||
+ | <br> | ||
+ | <h1>Collaborations</h1> | ||
+ | <p>From March 31st to April 1st in 2018,five members of ZJUT-IGEM leaing by Mr. Sun communicated with the team of iGEM from Beijing Institute of Technology ,University of Chinese Academy of Sciences,Beijing Normal University and Peking University in turn.We prepared a lot for this visit which was our first time to pay and paid great attention to it.</p> | ||
+ | <hr> | ||
+ | <h1>Beijing Institute of Technology</h1> | ||
+ | <p>During the meeting,we exchanged our experience and discussed with each other pleasantly.Moreover both sides introduced the project of iGEM in previous years and conducted in-depth communication about selection, training, management and inheritance of the team.In addition,we also talked about the considerations of the participation in the United States and the process.of iGEM in 2018.</p> | ||
+ | <br> | ||
+ | <p>Accompanied by the captain of BIT-iGEM of 2017 named Anyi Li, our delegation visited the relevant laboratories attentively. In this process , a heated discussion on the laboratory's usage criteria,inspection of the instrument,maintenance of the instrument and training methods of laboratory skills was held </p> | ||
+ | <hr> | ||
+ | <h1>University of Chinese Academy of Sciences</h1> | ||
+ | <p>The captain of 2018 in the University of Chinese Academy of Sciences and the team members of 2017 exchanged experience cordially with us by the form of a salon. In this process, we were harvested with valuable suggestions about the direction of the topic selection, arrangement of the experiments , team relationship, etc. What's more,we established a good friendship with them..</p> | ||
+ | <hr> | ||
+ | <h1>Beijing Normal University</h1> | ||
+ | <p>First of all, our delegation visited the dedicated and independent laboratory with a small conference room belonging to iGEM in the School of Life Sciences and Biotechnology, Beijing Normal University. Our two sides conducted in-depth discussions on the history and the development of the team.</p> | ||
+ | <br> | ||
+ | <p>Then, the members of the iGEM team of Beijing Normal University and the team director named Xudong Zhu communicated about iGEM-related situation, common problems and coping methods with us.And Xudong Zh also gave us some valuable life experience. </p> | ||
+ | <br> | ||
+ | <p>Finally, our teacher Sun Dongchang had a deeper discussion with Dr.Zhu on project innovation,the train of team spirit, and the management model of the iGEM from college.</p> | ||
+ | <hr> | ||
+ | <h1>Peking University</h1> | ||
+ | <p>Leading by Cheng Li who is the director of Peking University's team of iGEM in 2018 and was the member of this team in 2016., we visited the campus of Peking University and the Lab belonging to the team of iGEM.During this time,we talked about how to improve the morale of our team, ensure the promotion of our project ,the way of guidance from instructors and the train of team member. From this communication, our delegation not only gained a lot of pertinent suggestions directly , but also inspired a lot of feelings and reflections indirectly.</p> | ||
+ | <hr> | ||
+ | <p>We were informed of the sound competition system and the unique team system of these colleges during this event and recognized the gaps in resources and capabilities with these outstanding universities in our country.However, this situation aroused our spirit to fight for a promising future. As long as we have a believing heart, we will be able to stand in the highest mountain though we don't have extraordinary talents.</p> | ||
+ | <br><br> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- 底部信息 --> | ||
+ | <div class="footer"> | ||
+ | <div class="foottop"> | ||
+ | <div class="footmessage-left"> | ||
+ | <a href="http://www.zjut.edu.cn/"><img src="https://static.igem.org/mediawiki/2018/4/4c/T--ZJUT-China--%E6%B5%99%E5%B7%A5%E5%A4%A7.jpg" width="348px" alt="工大首页"></a> | ||
+ | <a href="http://www.cbb.zjut.edu.cn/"><img src="https://static.igem.org/mediawiki/2018/e/e8/T--ZJUT-China--%E6%B5%99%E5%B7%A5%E5%A4%A7%E7%94%9F%E5%B7%A5%E5%AD%A6%E9%99%A2.jpg" alt="生工首页"></a> | ||
+ | </div> | ||
+ | <div class="footmessage-middle"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/b/be/T--ZJUT-China--%E5%85%AC%E4%BC%97%E5%8F%B7%E4%BA%8C%E7%BB%B4%E7%A0%81.jpg" alt="公众号二维码"> | ||
+ | </div> | ||
+ | <div class="footmessage-right"> | ||
+ | <h3>Contact</h3> | ||
+ | <br><br> | ||
+ | <p>College of Bioengineering | ||
+ | |||
+ | <br><br>Zhejiang University of Technology | ||
+ | |||
+ | <br><br>310000, Hangzhou | ||
+ | |||
+ | </p> | ||
</div> | </div> | ||
</div> | </div> | ||
− | <div class=" | + | <div class="footbottom"> |
− | + | <div class="note"> | |
− | + | Copyright © 2018 ZJUT-China | |
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
+ | </div> | ||
</div> | </div> |
Revision as of 05:56, 13 September 2018
Collaborations
From March 31st to April 1st in 2018,five members of ZJUT-IGEM leaing by Mr. Sun communicated with the team of iGEM from Beijing Institute of Technology ,University of Chinese Academy of Sciences,Beijing Normal University and Peking University in turn.We prepared a lot for this visit which was our first time to pay and paid great attention to it.
Beijing Institute of Technology
During the meeting,we exchanged our experience and discussed with each other pleasantly.Moreover both sides introduced the project of iGEM in previous years and conducted in-depth communication about selection, training, management and inheritance of the team.In addition,we also talked about the considerations of the participation in the United States and the process.of iGEM in 2018.
Accompanied by the captain of BIT-iGEM of 2017 named Anyi Li, our delegation visited the relevant laboratories attentively. In this process , a heated discussion on the laboratory's usage criteria,inspection of the instrument,maintenance of the instrument and training methods of laboratory skills was held
University of Chinese Academy of Sciences
The captain of 2018 in the University of Chinese Academy of Sciences and the team members of 2017 exchanged experience cordially with us by the form of a salon. In this process, we were harvested with valuable suggestions about the direction of the topic selection, arrangement of the experiments , team relationship, etc. What's more,we established a good friendship with them..
Beijing Normal University
First of all, our delegation visited the dedicated and independent laboratory with a small conference room belonging to iGEM in the School of Life Sciences and Biotechnology, Beijing Normal University. Our two sides conducted in-depth discussions on the history and the development of the team.
Then, the members of the iGEM team of Beijing Normal University and the team director named Xudong Zhu communicated about iGEM-related situation, common problems and coping methods with us.And Xudong Zh also gave us some valuable life experience.
Finally, our teacher Sun Dongchang had a deeper discussion with Dr.Zhu on project innovation,the train of team spirit, and the management model of the iGEM from college.
Peking University
Leading by Cheng Li who is the director of Peking University's team of iGEM in 2018 and was the member of this team in 2016., we visited the campus of Peking University and the Lab belonging to the team of iGEM.During this time,we talked about how to improve the morale of our team, ensure the promotion of our project ,the way of guidance from instructors and the train of team member. From this communication, our delegation not only gained a lot of pertinent suggestions directly , but also inspired a lot of feelings and reflections indirectly.
We were informed of the sound competition system and the unique team system of these colleges during this event and recognized the gaps in resources and capabilities with these outstanding universities in our country.However, this situation aroused our spirit to fight for a promising future. As long as we have a believing heart, we will be able to stand in the highest mountain though we don't have extraordinary talents.