(Prototype team page) |
|||
(19 intermediate revisions by 5 users not shown) | |||
Line 1: | Line 1: | ||
− | |||
<html> | <html> | ||
− | < | + | <head> |
− | < | + | <style> |
− | + | #sideMenu,#top_title{ | |
− | + | display:none; | |
− | + | } | |
− | + | #content{ | |
+ | width:100%;margin:0px;padding:0px; | ||
+ | background:#FFF; | ||
+ | } | ||
+ | </style> | ||
− | < | + | <body> |
+ | <meta charset="utf-8"> | ||
+ | <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
+ | <!-- 上述3个meta标签*必须*放在最前面, 任何其他内容都*必须*跟随其后! --> | ||
− | < | + | <title>Dsign - Minimal portfolio Bootstrap template</title> |
− | < | + | <link rel="stylesheet" href="https://2017.igem.org/Template:BIT/bootstrap/min/CSS?action=raw&ctype=text/css"/> |
− | < | + | <link rel="stylesheet" href="https://2017.igem.org/Template:BIT/flexslider/CSS?action=raw&ctype=text/css"/> |
− | < | + | <link rel="stylesheet" href="https://2017.igem.org/Template:BIT/jquery.fancybox/CSS?action=raw&ctype=text/css"/> |
− | </ | + | <link rel="stylesheet" href="https://2017.igem.org/Template:BIT/main/CSS?action=raw&ctype=text/css"/> |
+ | <link rel="stylesheet" href="https://2017.igem.org/Template:BIT/responsive/CSS?action=raw&ctype=text/css"/> | ||
+ | <link rel="stylesheet" href="https://2017.igem.org/Template:BIT/animate/min/CSS?action=raw&ctype=text/css"/> | ||
+ | <link rel="stylesheet" href="css/font-icon.css"> | ||
+ | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"> | ||
− | < | + | |
+ | <!-- Animate.css --> | ||
+ | <link rel="stylesheet" href="https://2017.igem.org/Template:BIT/animate/CSS?action=raw&ctype=text/css"/> | ||
+ | <!-- Icomoon Icon Fonts--> | ||
+ | <link rel="stylesheet" href="https://2017.igem.org/Template:BIT/font-icon/CSS?action=raw&ctype=text/css"/> | ||
+ | <!-- Bootstrap --> | ||
+ | <link rel="stylesheet" href="https://2017.igem.org/Template:BIT/bootstrap/CSS?action=raw&ctype=text/css"/> | ||
+ | <!-- Flexslider --> | ||
+ | <link rel="stylesheet" href="https://2017.igem.org/Template:BIT/flexslider/CSS?action=raw&ctype=text/css"/> | ||
− | < | + | <!-- Theme style --> |
− | + | <link rel="stylesheet" href="https://2017.igem.org/Template:BIT/style/CSS?action=raw&ctype=text/css"/> | |
− | + | ||
− | + | ||
− | + | ||
− | + | </head> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </ | + | |
+ | <body> | ||
+ | <!-- header section --> | ||
+ | |||
+ | <div class="fh5co-loader"></div> | ||
+ | |||
+ | <div id="page"> | ||
+ | <nav class="fh5co-nav" role="navigation"> | ||
+ | <div class="top-menu"> | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="col-xs-2"> | ||
+ | <div id="fh5co-logo"><a href="../index.html">BIT<span>.</span></a></div> | ||
+ | </div> | ||
+ | <div class="col-xs-10 text-right menu-1"> | ||
+ | <ul> | ||
+ | |||
+ | |||
+ | <li class="has-dropdown"> | ||
+ | <a>Project</a> | ||
+ | <ul class="dropdown"> | ||
+ | <li><a href="https://2017.igem.org/Team:BIT/Design">Design</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:BIT/Demonstrate">Demonstrate</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:BIT/Model">Model</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="has-dropdown"> | ||
+ | <a href="https://2017.igem.org/Team:BIT/achievement">Achievement</a> | ||
+ | <ul class="dropdown"> | ||
+ | <li><a href="https://2017.igem.org/Team:BIT/Medal">Medal</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:BIT/Prize">Prize</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:BIT/Parts">Part</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:BIT/Safety">Safety Form</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li class="has-dropdown"> | ||
+ | <a href="https://2017.igem.org/Team:BIT/HP"style="color:#1b8fac">Practice</a> | ||
+ | <ul class="dropdown"> | ||
+ | <li><a href="https://2017.igem.org/Team:BIT/HP/Silver">Silver</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:BIT/HP/Gold_Integrated">Gold</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:BIT/Engagement"> Engagement</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:BIT/Entrepreneurship">Entreperneurship</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="has-dropdown"> | ||
+ | <a href="https://2017.igem.org/Team:BIT/Notebook">Notebook</a> | ||
+ | <ul class="dropdown"> | ||
+ | <li><a href="https://2017.igem.org/Team:BIT/Gallery">Gallery</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:BIT/Track">Track</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:BIT/nb">Journal</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:BIT/Protocol">Protocol</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="has-dropdown"> | ||
+ | <a href="https://2017.igem.org/Team:BIT/Team">Team</a> | ||
+ | <ul class="dropdown"> | ||
+ | <li><a href="https://2017.igem.org/Team:BIT/Collaborations">Collaborations</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:BIT/Team/Member">Member</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:BIT/Attributions">Attributions</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="btn-cta"><a href="https://2017.igem.org/Team:BIT"><span>Home</span></a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </nav> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-4"> | ||
+ | <div class="fh5co-portfolio animate-box"> | ||
+ | <a href="#"> | ||
+ | <div class="portfolio-entry" style="background-image: url(https://static.igem.org/mediawiki/2017/0/0c/BIT_Silver1.png);"></div> | ||
+ | <div class="portfolio-text"> | ||
+ | <h3>Questionnaires towards public</h3> | ||
+ | <ul class="stuff"> | ||
+ | <li><i class="icon-heart2"></i><font color="#6B6B6B">Time:2017.4-10.25<br> <small>Place:Online</small></font></li> | ||
+ | <li><i class="icon-eye2"></i></li> | ||
+ | <li><i class="icon-download3"></i><font color="#6B6B6B" size="2" style="text-align: left">There are 338 in total filled the survey and we had a basic understanding of people’s view towards our project.</font></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-md-4"> | ||
+ | <div class="fh5co-portfolio animate-box"> | ||
+ | <a href="#"> | ||
+ | <div class="portfolio-entry" style="background-image: url(https://static.igem.org/mediawiki/2017/d/d8/BIT_Silver2.png);"></div> | ||
+ | <div class="portfolio-text"> | ||
+ | <h3>Lab open day </h3> | ||
+ | <ul class="stuff"> | ||
+ | <li><i class="icon-heart2"></i><font color="#6B6B6B">Time:2017.8.8<br> <small> | ||
+ | Place: Beijing Institute of Technology</small></font></li> | ||
+ | <li><i class="icon-eye2"></i></li> | ||
+ | <li><i class="icon-download3"></i><font color="#6B6B6B" size="2" style="text-align: left">Team members introduced some basic instruments to some high school students</font></li><!-- Yongbo:手动调整过颜色, 此处模板的代码可能会与未来代码产生冲突, 显色加深了一些,并且改为向左对齐;还原的话吧font里面的东西都删掉,只留size2就好了 --> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
− | <div class=" | + | <div class="col-md-4"> |
− | < | + | <div class="fh5co-portfolio animate-box"> |
− | < | + | <a href="#"> |
− | </div> | + | <div class="portfolio-entry" style="background-image: url(https://static.igem.org/mediawiki/2017/1/1e/BIT_Silver3.png);"></div> |
+ | <div class="portfolio-text"> | ||
+ | <h3>Interviews in the museum</h3> | ||
+ | <ul class="stuff"> | ||
+ | <li><i class="icon-heart2"></i><font color="#6B6B6B" size="3"style="text-align: left">Time:2017.8.20<br> Place:China Science & Technology Museum</font></li> | ||
+ | <li><i class="icon-eye2"></i></li> | ||
+ | <li><i class="icon-download3"></i><font color="#6B6B6B" size="2" style="text-align: left">Randomly interviewed a few visitors in the hall, we asked about their views towards JACOB and self-health care.</font></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-md-4"> | ||
+ | <div class="fh5co-portfolio animate-box"> | ||
+ | <a href="#"> | ||
+ | <div class="portfolio-entry" style="background-image: url(https://static.igem.org/mediawiki/2017/4/4f/BIT_Silver4.png);"></div> | ||
+ | <div class="portfolio-text"> | ||
+ | <h3>Bio-chip and Synbio Introduction</h3> | ||
+ | <ul class="stuff"> | ||
+ | <li><i class="icon-heart2"></i>Time:2017.8.20<br> <font size=3>Place:China Science & Technology Museum</font></li> | ||
+ | <li><i class="icon-eye2"></i></li> | ||
+ | <li><i class="icon-download3"></i><font size=2>The team members had a conversation with Professor Chen Zhizhou</font></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-md-4"> | ||
+ | <div class="fh5co-portfolio animate-box"> | ||
+ | <a href="#"> | ||
+ | <div class="portfolio-entry" style="background-image: url(https://static.igem.org/mediawiki/2017/8/8c/BIT_Silver5.png);"></div> | ||
+ | <div class="portfolio-text"> | ||
+ | <h3>Great talking with experts</h3> | ||
+ | <ul class="stuff"> | ||
+ | <li><i class="icon-heart2"></i>Time:2017.9.6<br> <small>Place:Beijing NYMPHAVN Enterprise</small></li> | ||
+ | <li><i class="icon-eye2"></i></li> | ||
+ | <li><i class="icon-download3"></i><font size=2>The team members had a conversation with Professor Chen Zhizhou.</font></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-md-4"> | ||
+ | <div class="fh5co-portfolio animate-box"> | ||
+ | <a href="#"> | ||
+ | <div class="portfolio-entry" style="background-image: url(https://static.igem.org/mediawiki/2017/5/59/BIT_Silver6.png);"></div> | ||
+ | <div class="portfolio-text"> | ||
+ | <h3>Interviews inside campus</h3> | ||
+ | <ul class="stuff"> | ||
+ | <li><i class="icon-heart2"></i>Time:2017.9.7<br> <small>Place::BIT university hospital</small></li> | ||
+ | <li><i class="icon-eye2"></i></li> | ||
+ | <li><i class="icon-download3"></i><font size=2>The team members interviewed students, faculty and retired man who were mostly pedestrians.</font></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="row"> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | <div class="col-md-4"> | ||
+ | <div class="fh5co-portfolio animate-box"> | ||
+ | <a href="#"> | ||
+ | <div class="portfolio-entry" style="background-image: url(https://static.igem.org/mediawiki/2017/8/82/BIT_Silver7.png);"></div> | ||
+ | <div class="portfolio-text"> | ||
+ | <h3>Bio-chip enterprise exploring</h3> | ||
+ | <ul class="stuff"> | ||
+ | <li><i class="icon-heart2"></i>Time:2017.9.11<br> <small> | ||
+ | Place:CapitalBio Corporation</small></li> | ||
+ | <li><i class="icon-eye2"></i></li> | ||
+ | <li><i class="icon-download3"></i><font size=2>The team members mainly asked the prime cost and product promotion for micro-fluidic chip </font></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-md-4"> | ||
+ | <div class="fh5co-portfolio animate-box"> | ||
+ | <a href="#"> | ||
+ | <div class="portfolio-entry" style="background-image: url(https://static.igem.org/mediawiki/2017/e/ee/BIT_Silver77.png);"></div> | ||
+ | <div class="portfolio-text"> | ||
+ | <h3>Education session in our campus</h3> | ||
+ | <ul class="stuff"> | ||
+ | <li><i class="icon-heart2"></i>Time:2017.9.12<br> <small> | ||
+ | Place: Beijing Institute of Technology</small></li> | ||
+ | <li><i class="icon-eye2"></i></li> | ||
+ | <li><i class="icon-download3"></i><font size=2>The team gave a introduction speech of synthetic biology and iGEM. </font></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-md-4"> | ||
+ | <div class="fh5co-portfolio animate-box"> | ||
+ | <a href="#"> | ||
+ | <div class="portfolio-entry" style="background-image: url(https://static.igem.org/mediawiki/2017/e/e6/BIT_Silver9.png);"></div> | ||
+ | <div class="portfolio-text"> | ||
+ | <h3>Industrialization Talking</h3> | ||
+ | <ul class="stuff"> | ||
+ | <li><i class="icon-heart2"></i>Time:2017.9.23<br> <small> | ||
+ | Place:Beijing,Bluepha Co.Ltd.</small></li> | ||
+ | <li><i class="icon-eye2"></i></li> | ||
+ | <li><i class="icon-download3"></i><font size=2>Team members gained a lot of experience on industrialization of project </font></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-md-4"> | ||
+ | <div class="fh5co-portfolio animate-box"> | ||
+ | <a href="#"> | ||
+ | <div class="portfolio-entry" style="background-image: url(https://static.igem.org/mediawiki/2017/a/ac/EDUCATION2.JPG);"></div> | ||
+ | <div class="portfolio-text"> | ||
+ | <h3>Speech in middle school</h3> | ||
+ | <ul class="stuff"> | ||
+ | <li><i class="icon-heart2"></i>Time:2017.9.29<br> <small>Place:Liangxiang Hope middle school</small></li> | ||
+ | <li><i class="icon-eye2"></i></li> | ||
+ | <li><i class="icon-download3"></i><font size=2>The class started with interesting questions and answers,we also taught some basic knowledge of Synbio. | ||
+ | </font></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-md-4"> | ||
+ | <div class="fh5co-portfolio animate-box"> | ||
+ | <a href="#"> | ||
+ | <div class="portfolio-entry" style="background-image: url(https://static.igem.org/mediawiki/2017/1/1e/BIT_Silver11_%282%29.png);"></div> | ||
+ | <div class="portfolio-text"> | ||
+ | <h3>Hospital investigation</h3> | ||
+ | <ul class="stuff"> | ||
+ | <li><i class="icon-heart2"></i>Time:2017.10.20<br> <small> | ||
+ | Place: Beijing,309 hospital</small></li> | ||
+ | <li><i class="icon-eye2"></i></li> | ||
+ | <li><i class="icon-download3"></i><font size=2>We have a conversation for more professional knowledge of early detection. </font></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-md-4"> | ||
+ | <div class="fh5co-portfolio animate-box"> | ||
+ | <a href="#"> | ||
+ | <div class="portfolio-entry" style="background-image: url(https://static.igem.org/mediawiki/2017/0/0b/BIT_Silver12.png);"></div> | ||
+ | <div class="portfolio-text"> | ||
+ | <h3>Speech in high school</h3> | ||
+ | <ul class="stuff"> | ||
+ | <li><i class="icon-heart2"></i>Time:2017.10.25<br> <small>High School Affiliated to BIT</small></i> | ||
+ | <li><i class="icon-download3"></i><font size=2>The team BIT went to high school and gave a speech about usage of synthetic biology and iGEM </font></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div id="fh5co-started"> | ||
+ | <div class="overlay"></div> | ||
+ | <div class="container"> | ||
+ | <div class="row animate-box"> | ||
+ | <div class="col-md-8 col-md-offset-2 text-center fh5co-heading"> | ||
+ | <h2>Contact Us!</h2> | ||
+ | <p><center>Please keep reading if you want to contact us.</center></p> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <footer id="fh5co-footer" role="contentinfo"> | ||
+ | <div class="container"> | ||
+ | <div class="row row-pb-md"> | ||
+ | <div class="col-md-4 fh5co-widget"> | ||
+ | <h4>BIT</h4> | ||
+ | <p>It's an excellent Team with thoughtful persons full of funs to the academic</p> | ||
+ | </div> | ||
+ | <div class="col-md-2 col-md-push-1 fh5co-widget"> | ||
+ | <h4>Links</h4> | ||
+ | <ul class="fh5co-footer-links"> | ||
+ | <li><a href="https://2017.igem.org/Team:BIT">Home</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:BIT/Team">Team</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:BIT/achievement">Achievement</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:BIT/Notebook">Notebook</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-md-4 col-md-push-1 fh5co-widget"> | ||
+ | <h4>Contact Information</h4> | ||
+ | <ul class="fh5co-footer-links"> | ||
+ | <li><a href="">Beijing Institute of Technology No.5 Yard,Zhong Guan Cun South Street Haidian District, Beijing, CHINA</li> | ||
+ | <li><a href="">Wechat:iGEM_BIT</a></li> | ||
+ | <li><a href="">igem_bit@outlook.com</a></li> | ||
+ | <li><a href="">Facebook:iGEM_BIT</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="row copyright"> </div> | ||
+ | </div> | ||
+ | </footer> | ||
+ | </div> | ||
+ | <div class="gototop js-top"> <a href="#" class="js-gotop"><i class="icon-arrow-up22"></i></a> </div> | ||
+ | <!-- JS FILES --> | ||
+ | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js?action=raw&ctype=text/jacascript"></script> | ||
+ | <script src="https://2017.igem.org/Template:BIT/bootstrap/min/Javascript"></script> | ||
+ | <script src="https://2017.igem.org/Template:BIT/jquery/flexslider-min/Javascript"></script> | ||
+ | <script src="https://2017.igem.org/Template:BIT/jquery.easing/1/3/Javascript?action=raw&ctype=text/javascript"></script> | ||
+ | <!-- Bootstrap --> | ||
+ | <script src="https://2017.igem.org/Template:BIT/bootstrap/Javascript?action=raw&ctype=text/javascript"></script> | ||
+ | <!-- Waypoints --> | ||
+ | <script src="https://2017.igem.org/Template:BIT/jquery/waypoints/min/Javascript?action=raw&ctype=text/javascript"></script> | ||
+ | <!-- Flexslider --> | ||
+ | <script src="https://2017.igem.org/Template:BIT/jquery/flexslider-min/Javascript?action=raw&ctype=text/javascript"></script> | ||
+ | <!-- Main --> | ||
+ | <script src="https://2017.igem.org/Template:BIT/main/Javascript?action=raw&ctype=text/javascript"></script> | ||
+ | </body> | ||
</html> | </html> |
Latest revision as of 03:08, 2 November 2017