(48 intermediate revisions by the same user not shown) | |||
Line 6: | Line 6: | ||
<!--[if IE]><meta http-equiv="x-ua-compatible" content="IE=9" /><![endif]--> | <!--[if IE]><meta http-equiv="x-ua-compatible" content="IE=9" /><![endif]--> | ||
<meta name="viewport" content="width=device-width, initial-scale=1"> | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
− | <title> | + | <title>igem_gold</title> |
<meta name="description" content="BIT WIKI"> | <meta name="description" content="BIT WIKI"> | ||
<meta name="author" content="miko"> | <meta name="author" content="miko"> | ||
Line 33: | Line 33: | ||
width: auto; | width: auto; | ||
padding:0; | padding:0; | ||
− | margin-top:- | + | margin-top:-160px; |
margin-left:0; | margin-left:0; | ||
margin-right:0; | margin-right:0; | ||
border:none; | border:none; | ||
− | + | } | |
+ | .color1{ | ||
+ | background-color:#c91f77 | ||
+ | } | ||
+ | .style1 {color: #c91f77} | ||
+ | #sideMenu{ | ||
+ | display:none | ||
} | } | ||
</style> | </style> | ||
Line 51: | Line 57: | ||
<body> | <body> | ||
− | <!-- | + | <!-- 左拉菜单 |
================================================== --> | ================================================== --> | ||
<div class="navmenu navmenu-default navmenu-fixed-left offcanvas"> <!--- Off Canvas Side Menu --> | <div class="navmenu navmenu-default navmenu-fixed-left offcanvas"> <!--- Off Canvas Side Menu --> | ||
Line 59: | Line 65: | ||
<div class="add-margin"></div> | <div class="add-margin"></div> | ||
<ul class="nav navmenu-nav"> <!--- Menu --> | <ul class="nav navmenu-nav"> <!--- Menu --> | ||
− | <li><a href=" | + | <li><a href="https://2016.igem.org/Team:BIT"><span class="style1">Home</span></a></li> |
− | <li><a href=" | + | <li><a href="https://2016.igem.org/Team:BIT/Biology">Project</a></li> |
− | <li><a href=" | + | <li><a href="https://2016.igem.org/Team:BIT/Human_Practices" >Practice</a></li> |
− | <li><a href=" | + | <li><a href="https://2016.igem.org/Team:BIT/Judging_Form" >Judging</a></li> |
− | <li><a href=" | + | <li><a href="https://2016.igem.org/Team:BIT/Parts_Submission">Parts</a></li> |
+ | <li><a href="https://2016.igem.org/Team:BIT/HP/Silver">Achievement</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:BIT/Introduction">Team</a></li> | ||
</ul><!--- End Menu --> | </ul><!--- End Menu --> | ||
</div> <!--- End Off Canvas Side Menu --> | </div> <!--- End Off Canvas Side Menu --> | ||
− | <!-- | + | <!-- 主页 --> |
<div id="home"> | <div id="home"> | ||
<div class="container text-center"> | <div class="container text-center"> | ||
Line 89: | Line 97: | ||
</div> | </div> | ||
− | <!-- | + | <!-- Project --> |
<div id="meet-us"> | <div id="meet-us"> | ||
<div class="container"> | <div class="container"> | ||
Line 95: | Line 103: | ||
<div class="col-md-8 col-md-offset-2"> | <div class="col-md-8 col-md-offset-2"> | ||
<div class="section-title"> | <div class="section-title"> | ||
− | <h2> | + | <h2>PROJECT</h2> |
<center><hr width="72%" align="center" color="#c91f77" size=1;></hr></center> | <center><hr width="72%" align="center" color="#c91f77" size=1;></hr></center> | ||
</div> | </div> | ||
− | <center><p style="text-align:center"> | + | <center><p style="text-align:center">Our project is a real-time inspection system for breast cancer detection, which can make that process more convenient and rapid though without the professional operation.</p></center> |
<a href="#services" class="down-btn page-scroll"> | <a href="#services" class="down-btn page-scroll"> | ||
<span class="fa fa-angle-down"></span> | <span class="fa fa-angle-down"></span> | ||
Line 111: | Line 119: | ||
<div class="overlay"> | <div class="overlay"> | ||
<div class="container"> | <div class="container"> | ||
− | |||
− | |||
− | |||
</div> | </div> | ||
</div> | </div> | ||
Line 124: | Line 129: | ||
<div class="col-md-8 col-md-offset-2"> | <div class="col-md-8 col-md-offset-2"> | ||
<div class="section-title"> | <div class="section-title"> | ||
− | <h2> | + | <h2>HARD&SOFTWARE</h2> |
<center><hr width="72%" align="center" color="#c91f77" size=1;></hr></center> | <center><hr width="72%" align="center" color="#c91f77" size=1;></hr></center> | ||
</div> | </div> | ||
− | |||
</div> | </div> | ||
</div> | </div> | ||
Line 136: | Line 140: | ||
<div class="col-md-4 col-sm-4"> | <div class="col-md-4 col-sm-4"> | ||
<div class="service"> | <div class="service"> | ||
− | <span class="fa fa- | + | <span class="fa fa-tablet fa-3x"></span> |
− | <h4> | + | <h4>SOFTWARE</h4> |
− | <p style="text-align:center"> | + | <p style="text-align:center">Mr. Doctor is an Android medical application based on JAVA and Android XML language. It can gather data from raspberry-pi through Bluetooth serial port, and then make analysis. Finally, it will show intuitive data with several graphs and charts. What's more, it has a connection with the health application comes with phone. Obviously, it is a well-rounded and powerful family-used medical application. </p> |
</div> | </div> | ||
</div> | </div> | ||
Line 144: | Line 148: | ||
<div class="col-md-4 col-sm-4"> | <div class="col-md-4 col-sm-4"> | ||
<div class="service"> | <div class="service"> | ||
− | <span class="fa fa- | + | <span class="fa fa-inbox fa-3x"></span> |
− | <h4> | + | <h4>HARDWARE</h4> |
− | <p style="text-align:center"> | + | <p style="text-align:center">Our hardware is an open source hardware solution for pre-cancer detection in non-laboratory environments, such as community hospitals. Engineering bacteria’s cultivation and detection were integrated in one machine, low cost and convenient operation make it has good potential for promotion.<br><br><br></p> |
</div> | </div> | ||
</div> | </div> | ||
Line 152: | Line 156: | ||
<div class="col-md-4 col-sm-4"> | <div class="col-md-4 col-sm-4"> | ||
<div class="service"> | <div class="service"> | ||
− | <span class="fa fa- | + | <span class="fa fa-github-alt fa-3x"></span> |
− | <h4> | + | <h4>GAME</h4> |
− | <p style="text-align:center"> | + | <p style="text-align:center">The goal of making this game is embedding science into game, to expand the accepting crowd of scientific knowledge. This game is a 2D horizontal board scroll category casual games. Each level of the game contains the method of a specific disease environmental problem, and different levels have different story backgrounds and ways of playing, which make the game become more interesting to play. </p> |
</div> | </div> | ||
</div> | </div> | ||
Line 167: | Line 171: | ||
<div id="cta"> | <div id="cta"> | ||
<div class="container text-center"> | <div class="container text-center"> | ||
− | <a href=" | + | <a href="https://2016.igem.org/Team:BIT/Project" class="btn go-to-btn">Check our project</a> |
</div> | </div> | ||
</div> | </div> | ||
Line 177: | Line 181: | ||
<div class="col-md-8 col-md-offset-2"> | <div class="col-md-8 col-md-offset-2"> | ||
<div class="section-title"> | <div class="section-title"> | ||
− | <h2> | + | <h2>Practice</h2> |
<center><hr width="72%" align="center" color="#c91f77" size=1;></hr></center> | <center><hr width="72%" align="center" color="#c91f77" size=1;></hr></center> | ||
</div> | </div> | ||
− | |||
</div> | </div> | ||
</div> | </div> | ||
Line 190: | Line 193: | ||
<div class="portfolio-item"> | <div class="portfolio-item"> | ||
<div class="hover-bg"> | <div class="hover-bg"> | ||
− | <a href="#"> | + | <a href="#https://2016.igem.org/Team:BIT/Human_Practices"> |
<div class="hover-text"> | <div class="hover-text"> | ||
− | <h5> | + | <h5>2016.10.12</h5> |
− | <p class="lead" style="text-align:center"> | + | <p class="lead" style="text-align:center">Hospital of No.309</p> |
<div class="hline"></div> | <div class="hline"></div> | ||
</div> | </div> | ||
− | <img src=" | + | <img src="https://static.igem.org/mediawiki/2016/7/76/BIT_Figure_Practice_photo_3.jpg" class="img-responsive" alt="..."> |
</a> | </a> | ||
</div> | </div> | ||
Line 204: | Line 207: | ||
<div class="portfolio-item"> | <div class="portfolio-item"> | ||
<div class="hover-bg"> | <div class="hover-bg"> | ||
− | <a href="#"> | + | <a href="#https://2016.igem.org/Team:BIT/Human_Practices"> |
<div class="hover-text"> | <div class="hover-text"> | ||
− | <h5> | + | <h5>2016.9.22</h5> |
− | <p style="text-align:center" class="lead"> | + | <p style="text-align:center" class="lead">Promotion of Project</p> |
<div class="hline"></div> | <div class="hline"></div> | ||
</div> | </div> | ||
− | <img src=" | + | <img src="https://static.igem.org/mediawiki/2016/9/95/BIT_Figure_Practice_photo_4.jpg" class="img-responsive" alt="..."> |
</a> | </a> | ||
</div> | </div> | ||
Line 218: | Line 221: | ||
<div class="portfolio-item"> | <div class="portfolio-item"> | ||
<div class="hover-bg"> | <div class="hover-bg"> | ||
− | <a href="#"> | + | <a href="#https://2016.igem.org/Team:BIT/Human_Practices"> |
<div class="hover-text"> | <div class="hover-text"> | ||
− | <h5> | + | <h5>2016.8.7</h5> |
− | <p style="text-align:center" class="lead"> | + | <p style="text-align:center" class="lead">iGEM Asia-Pacific Conference</p> |
<div class="hline"></div> | <div class="hline"></div> | ||
</div> | </div> | ||
</a> | </a> | ||
− | <img src=" | + | <img src="https://static.igem.org/mediawiki/2016/c/c8/BIT_Figure_Practice_Photo_2.jpg" class="img-responsive" alt="..."> |
</div> | </div> | ||
</div> | </div> | ||
Line 232: | Line 235: | ||
<div class="portfolio-item"> | <div class="portfolio-item"> | ||
<div class="hover-bg"> | <div class="hover-bg"> | ||
− | <a href="#"> | + | <a href="#https://2016.igem.org/Team:BIT/Human_Practices"> |
<div class="hover-text"> | <div class="hover-text"> | ||
− | <h5> | + | <h5>2016.9.3</h5> |
− | <p style="text-align:center" class="lead"> | + | <p style="text-align:center" class="lead">CCIC</p> |
<div class="hline"></div> | <div class="hline"></div> | ||
</div> | </div> | ||
</a> | </a> | ||
− | <img src=" | + | <img src="https://static.igem.org/mediawiki/2016/7/7c/BIT_Figure_Practice_photo_1.jpg" class="img-responsive" alt="..."> |
</div> | </div> | ||
</div> | </div> | ||
Line 247: | Line 250: | ||
<div class="space"></div> | <div class="space"></div> | ||
<div class="text-center"> | <div class="text-center"> | ||
− | <a href="#" class="btn read-more-btn">Check more</a> | + | <a href="#https://2016.igem.org/Team:BIT/Human_Practices" class="btn read-more-btn">Check more</a> |
<br> | <br> | ||
<a href="#about-us" class="down-btn page-scroll"><span class="fa fa-angle-down"></span></a> | <a href="#about-us" class="down-btn page-scroll"><span class="fa fa-angle-down"></span></a> | ||
Line 263: | Line 266: | ||
<ul class="clients"> | <ul class="clients"> | ||
− | <li><a href=" | + | <li><a href="https://2016.igem.org/Team:BIT/Introduction"><img src="https://static.igem.org/mediawiki/2016/5/54/BIT_igemlogo.png" height="180px" width="180px" alt="..."></a></li> |
− | <li><a href=" | + | <li><a href="https://2016.igem.org/Team:BIT/Introduction"><img src="https://static.igem.org/mediawiki/2016/f/f4/BIT_teamlogo.png" height="180px" width="180px" class="img-responsive" alt="..."></a></li> |
− | <li><a href=" | + | <li><a href="https://2016.igem.org/Team:BIT/Introduction"><img src="https://static.igem.org/mediawiki/2016/a/ab/BIT_BITlogo.png" height="180px" width="180px" class="img-responsive" alt="..."></a></li> |
</ul> | </ul> | ||
+ | |||
</div> | </div> | ||
</div> | </div> | ||
Line 280: | Line 284: | ||
<center><hr width="72%" align="center" color="#c91f77" size=1;></hr></center> | <center><hr width="72%" align="center" color="#c91f77" size=1;></hr></center> | ||
</div> | </div> | ||
− | <p style="text-align:center"> | + | <p style="text-align:center">iGEM_BIT is an iGEM team aims to make undergraduates have an all-round development, and we underline the comprehensive quality and ability of scientific research as the core of our team. </p> |
</div> | </div> | ||
</div> | </div> | ||
Line 289: | Line 293: | ||
<div class="col-md-4 col-sm-4"> | <div class="col-md-4 col-sm-4"> | ||
<div class="team"> | <div class="team"> | ||
− | <img src=" | + | <img src="https://static.igem.org/mediawiki/2016/e/e7/BIT_HOME_YW.jpg" class="img-responsive img-circle" alt="..."> |
<br> | <br> | ||
− | <h4>Yang | + | <h4>Yang Wei</h4> |
<p style="text-align:center" class="small">Team leader</p> | <p style="text-align:center" class="small">Team leader</p> | ||
− | <center><hr width="70%" | + | <center><hr width="70%" align="center" color="#c91f77" size=1;></hr></center> |
</div> | </div> | ||
</div> | </div> | ||
− | |||
<div class="col-md-4 col-sm-4"> | <div class="col-md-4 col-sm-4"> | ||
<div class="team"> | <div class="team"> | ||
− | <img src=" | + | <img src="https://static.igem.org/mediawiki/2016/a/ae/BIT_HOME_YYZ.jpg" class="img-responsive img-circle" alt="..."> |
<br> | <br> | ||
− | <h4> | + | <h4>Yang Yuanzhan</h4> |
− | <p style="text-align:center" class="small"> | + | <p style="text-align:center" class="small">Team leader</p> |
<center><hr width="70%" align="center" color="#c91f77" size=1;></hr></center> | <center><hr width="70%" align="center" color="#c91f77" size=1;></hr></center> | ||
</div> | </div> | ||
Line 309: | Line 312: | ||
<div class="col-md-4 col-sm-4"> | <div class="col-md-4 col-sm-4"> | ||
<div class="team"> | <div class="team"> | ||
− | <img src=" | + | <img src="https://static.igem.org/mediawiki/2016/6/65/BIT_HOME_LKJ.jpg" class="img-responsive img-circle" alt="..."> |
<br> | <br> | ||
− | <h4> | + | <h4>Lee Kunjie</h4> |
− | <p style="text-align:center" class="small"> | + | <p style="text-align:center" class="small">Team leader</p> |
<center><hr width="70%" align="center" color="#c91f77" size=1;></hr></center> | <center><hr width="70%" align="center" color="#c91f77" size=1;></hr></center> | ||
</div> | </div> | ||
Line 323: | Line 326: | ||
<div class="team hire"> | <div class="team hire"> | ||
<h4>Know more</h4> | <h4>Know more</h4> | ||
− | <center><hr width="70%" | + | <center><hr width="70%" align="center" color="#c91f77" size=1;></hr></center> |
<div class="space"></div> | <div class="space"></div> | ||
− | <a href=" | + | <a href="https://2016.igem.org/Team:BIT/Introduction"> |
<span class="fa fa-paper-plane-o fa-2x"></span> | <span class="fa fa-paper-plane-o fa-2x"></span> | ||
</a> | </a> | ||
Line 352: | Line 355: | ||
<div id="testimonial" class="owl-carousel owl-theme"> | <div id="testimonial" class="owl-carousel owl-theme"> | ||
<div class="item"> | <div class="item"> | ||
− | <h3> | + | <h3>Cheer up,BIT!</h3> |
<br> | <br> | ||
− | <h6> | + | <h6>Miko</h6> |
</div> | </div> | ||
<div class="item"> | <div class="item"> | ||
− | <h3> | + | <h3>Here we go,Boston,iGEM! </h3> |
<br> | <br> | ||
− | <h6> | + | <h6>Lee</h6> |
</div> | </div> | ||
<div class="item"> | <div class="item"> | ||
− | <h3> | + | <h3>Welcome to BIT!Team BIT is waiting for you!</h3> |
<br> | <br> | ||
− | <h6> | + | <h6>Denny</h6> |
</div> | </div> | ||
</div> | </div> | ||
Line 446: | Line 449: | ||
$(function(){ | $(function(){ | ||
$("#head-title").typed({ | $("#head-title").typed({ | ||
− | strings: ["Alarm of Breast Cancer", "Based on Detection of miRNA-155/21 | + | strings: ["Alarm of Breast Cancer", "Based on Detection of miRNA-155/21"], |
typeSpeed: 100, | typeSpeed: 100, | ||
loop: true, | loop: true, |
Latest revision as of 02:55, 20 October 2016
HARD&SOFTWARE
SOFTWARE
Mr. Doctor is an Android medical application based on JAVA and Android XML language. It can gather data from raspberry-pi through Bluetooth serial port, and then make analysis. Finally, it will show intuitive data with several graphs and charts. What's more, it has a connection with the health application comes with phone. Obviously, it is a well-rounded and powerful family-used medical application.
HARDWARE
Our hardware is an open source hardware solution for pre-cancer detection in non-laboratory environments, such as community hospitals. Engineering bacteria’s cultivation and detection were integrated in one machine, low cost and convenient operation make it has good potential for promotion.
GAME
The goal of making this game is embedding science into game, to expand the accepting crowd of scientific knowledge. This game is a 2D horizontal board scroll category casual games. Each level of the game contains the method of a specific disease environmental problem, and different levels have different story backgrounds and ways of playing, which make the game become more interesting to play.
Practice
Contact Us
Beijing Institute of Technology,
No. 5 South Zhong Guan Cun Street,
Haidian Beijing 100081, P. R. China
Twitter : @igem_BIT
Sina Weibo : @igem_BIT
Website : http://www.bit.edu.cn