Difference between revisions of "Team:BCU/Team"

(Prototype team page)
 
Line 1: Line 1:
 
{{BCU}}
 
{{BCU}}
−
<html>
 
  
−
<div class="column two_thirds_size" >
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
−
 
+
<html xmlns="http://www.w3.org/1999/xhtml">
−
<h1>Team</h1>
+
<head>
−
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
−
 
+
<title>无标题文档</title>
−
 
+
<style type="text/css">
−
<h3>What should this page contain?</h3>
+
<!--
−
<ul>
+
body {
−
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
margin-left: 0px;
−
<li>You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.</li>
+
margin-top: 0px;
−
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
margin-right: 0px;
−
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+
margin-bottom: 0px;
−
</ul>
+
background-color: #fdfdfd;
−
</div>
+
}
−
 
+
.title {
−
 
+
height: 150px;
−
 
+
width: 960px;
−
<div class="column third_size" >
+
margin-right: auto;
−
<div class="highlight decoration_A_full">
+
margin-left: auto;
−
<h3>Inspiration</h3>
+
border-top-width: 5px;
−
<p>You can look at what other teams did to get some inspiration! <br />
+
border-top-style: solid;
−
Here are a few examples:</p>
+
border-top-color: #969;
−
<ul>
+
border-right-color: #D6D6D6;
−
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">2014 METU Turkey </a></li>
+
border-bottom-color: #D6D6D6;
−
<li><a href="https://2014.igem.org/Team:Colombia/Members">2014 Colombia</a></li>
+
border-left-color: #D6D6D6;
−
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">2014 Stony Brook</a></li>
+
padding-top: 30px;
−
<li><a href="https://2014.igem.org/Team:OUC-China/Team">2014 OUC-China</a></li>
+
}
−
</ul>
+
.nav1 {
−
</div>
+
float: left;
−
</div>
+
height: 6px;
−
</html>
+
width: 399px;
 +
padding-top: 9px;
 +
padding-bottom: 24px;
 +
border-top-width: 2px;
 +
border-bottom-width: 1px;
 +
border-top-style: solid;
 +
border-bottom-style: solid;
 +
border-top-color: #ccc;
 +
border-bottom-color: #706F74;
 +
margin-top: 55px;
 +
padding-left: 18px;
 +
}
 +
.nav2 {
 +
float: left;
 +
height: 6px;
 +
width: 399px;
 +
border-top-style: solid;
 +
border-bottom-style: solid;
 +
border-top-color: #ccc;
 +
border-bottom-color: #706F74;
 +
border-top-width: 2px;
 +
border-bottom-width: 1px;
 +
padding-bottom: 24px;
 +
clip: rect(auto,30px,auto,auto);
 +
margin-top: 55px;
 +
padding-top: 9px;
 +
padding-left: 18px;
 +
}
 +
.logo{
 +
display: block;
 +
width: 125px;
 +
height: 125px;
 +
float: left;
 +
}
 +
a{text-decoration:none;}
 +
.nav1 span,.nav2 span,.nav1 span a,.nav2 span a{
 +
color: #969 !important;
 +
font-weight: bold;
 +
}
 +
<!--ContentBody part-->
 +
.contentBody{
 +
height: auto;
 +
width: 960px;
 +
margin-right: auto;
 +
margin-left: auto;
 +
}
 +
.contentPart{
 +
width: 24.9%;
 +
display: block;
 +
float: left;
 +
height: auto;
 +
border: 0px;
 +
text-align: center;
 +
min-height: 250px;
 +
}
 +
.imgPic{
 +
width: 150px;
 +
height: 150px;
 +
background: url('T--BCU--logo2.png');
 +
filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')"; 
 +
-webkit-background-size:100% 100%;
 +
-moz-background-size:100% 100%; 
 +
background-size:100% 100%; 
 +
margin-left: 45px;
 +
border: dotted 1px;
 +
border-radius:50%;
 +
-webkit-border-radius:50%;
 +
-moz-border-radius:50%;
 +
}
 +
.imgTitle{
 +
line-height: 30px;
 +
margin-top: 15px;
 +
margin-bottom: 15px;
 +
color: #C3C3C3;
 +
}
 +
.imgDesc{
 +
line-height: 30px;
 +
margin-bottom: 15px;
 +
color: #C3C3C3;
 +
}
 +
<!--Menu Part->
 +
.dropdown {
 +
position: relative;
 +
display: inline-block;
 +
}
 +
.dropdown span{
 +
width: 120px !important;
 +
}
 +
.dropdown-content {
 +
display: none;
 +
position: absolute;
 +
background-color: #f9f9f9;
 +
min-width: 192px;
 +
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 +
padding: 12px 0px;
 +
text-align: left !important;
 +
}
 +
.dropdown:hover .dropdown-content {
 +
width: 160px !important;
 +
display: block;
 +
}
 +
.dropdown-content p{
 +
margin-top: 0px !important;
 +
margin-bottom: 0px !important;
 +
padding-left: 16px;
 +
line-height: 35px !important;
 +
}
 +
.dropdown-content p:nth-child(2n){
 +
background:#EEEEEE !important;
 +
}
 +
.dropdown-content p:hover{
 +
background-color: black !important;
 +
}
 +
.dropdown-content p:hover a{
 +
color: white !important;
 +
}
 +
-->
 +
</style></head>
 +
<body>
 +
<div class="title">
 +
<div class="nav1">
 +
<div class="dropdown" style="min-width:50px !important;display: inline-block  !important;margin-left:10px;margin-right:10px; ">
 +
<span><a style="color: #1C2C77;" href="https://2018.igem.org/Team:BCU">HOME</a></span>
 +
</div>
 +
<div class="dropdown" style="min-width:50px !important;display: inline-block  !important;margin-left:30px;">
 +
<span>TEAM</span>
 +
<div class="dropdown-content">
 +
<p><a href="https://2018.igem.org/Team:BCU/Team">Team</a></p>
 +
<p><a href="https://2018.igem.org/Team:BCU/Collaborations">Collaborations</a></p>
 +
</div>
 +
</div>
 +
<div class="dropdown" style="min-width:50px !important;display: inline-block  !important;margin-left:30px;  ">
 +
<span>PROJECT</span>
 +
<div class="dropdown-content">
 +
<p><a href="https://2018.igem.org/Team:BCU/Description">Description</a></p>
 +
<p><a href="https://2018.igem.org/Team:BCU/Design">Design</a></p>
 +
<p><a href="https://2018.igem.org/Team:BCU/Experiments">Experiments</a></p>
 +
<p><a href="https://2018.igem.org/Team:BCU/Notebook">Notebook</a></p>
 +
<p><a href="https://2018.igem.org/Team:BCU/InterLab">InterLab</a></p>
 +
<p><a href="https://2018.igem.org/Team:BCU/Model">Model</a></p>
 +
<p><a href="https://2018.igem.org/Team:BCU/Results">Results</a></p>
 +
<p><a href="https://2018.igem.org/Team:BCU/Demonstrate">Demonstrate</a></p>
 +
<p><a href="https://2018.igem.org/Team:BCU/Improve">Improve</a></p>
 +
<p><a href="https://2018.igem.org/Team:BCU/Attributions">Attributions</a></p>
 +
</div>
 +
</div>
 +
<div class="dropdown" style="min-width:50px !important;display: inline-block  !important;margin-left:30px; ">
 +
<span>PARTS</span>
 +
<div class="dropdown-content">
 +
<p><a href="https://2018.igem.org/Team:BCU/Parts">Parts</a></p>
 +
<p><a href="https://2018.igem.org/Team:BCU/Basic_Part">Basic_Part</a></p>
 +
<p><a href="https://2018.igem.org/Team:BCU/Composite_Part">Composite_Part</a></p>
 +
<p><a href="https://2018.igem.org/Team:BCU/Part_Collection">Part_Collection</a></p>
 +
</div>
 +
</div>
 +
</div>
 +
<div class="logo"><span class="logo"><img src="T--BCU--logo2.png" style="width: 125px;height: 125px;" align="middle" /></span>  </div>
 +
<div class="nav2">
 +
<div class="dropdown" style="min-width:50px !important;display: inline-block  !important; ">
 +
<span><a style="color: #1C2C77;" href="https://2018.igem.org/Team:BCU/Safety">SAFETY</a></span>
 +
</div>
 +
<div class="dropdown" style="min-width:50px !important;display: inline-block  !important;margin-left:30px;">
 +
<span>HUMAN&nbsp;PARCTICES</span>
 +
<div class="dropdown-content">
 +
<p><a href="https://2018.igem.org/Team:BCU/Human_Practices">Human_Practices</a></p>
 +
<p><a href="https://2018.igem.org/Team:BCU/Public_Engagement">Public_Engagement</a></p>
 +
</div>
 +
</div>
 +
<div class="dropdown" style="min-width:50px !important;display: inline-block  !important;margin-left:30px; ">
 +
<span>AWRADS</span>
 +
<div class="dropdown-content">
 +
<p><a href="https://2018.igem.org/Team:BCU/Applied_Design">Applied_Design</a></p>
 +
<p><a href="https://2018.igem.org/Team:BCU/Entrepreneurship">Entrepreneurship</a></p>
 +
<p><a href="https://2018.igem.org/Team:BCU/Hardware">Hardware</a></p>
 +
<p><a href="https://2018.igem.org/Team:BCU/Measurement">Measurement</a></p>
 +
<p><a href="https://2018.igem.org/Team:BCU/Model">Model</a></p>
 +
<p><a href="https://2018.igem.org/Team:BCU/Plant">Plant</a></p>
 +
<p><a href="https://2018.igem.org/Team:BCU/Software">Software</a></p>
 +
</div>
 +
</div>
 +
</div>
 +
<div>
 +
<div class="contentBody">
 +
<p><img src="T--BCU--background.png"></p>
 +
<p>
 +
<div class="contentPart">
 +
<div class="imgPic"></div>
 +
<div class="imgTitle">Hello World</div>
 +
<div class="imgDesc">Hello NiHao ZhouJie Lun</div>
 +
</div>
 +
<div class="contentPart">
 +
<div class="imgPic"></div>
 +
<div class="imgTitle">Hello World</div>
 +
<div class="imgDesc">Hello NiHao ZhouJie Lun</div>
 +
</div>
 +
<div class="contentPart">
 +
<div class="imgPic"></div>
 +
<div class="imgTitle">Hello World</div>
 +
<div class="imgDesc">Hello NiHao ZhouJie Lun</div>
 +
</div>
 +
<div class="contentPart">
 +
<div class="imgPic"></div>
 +
<div class="imgTitle">Hello World</div>
 +
<div class="imgDesc">Hello NiHao ZhouJie Lun</div>
 +
</div>
 +
</p>
 +
<p><img src="T--BCU--background1.png"></p>
 +
</div>
 +
</body>
 +
</html>

Revision as of 14:42, 14 August 2018

HOME
TEAM
Team Members
Collaborations
PROJECT
Description
Design
Experiments
Notebook
InterLab
Model
Results
Demonstrate
Improve
Attributions
PARTS
Parts Overview
Basic Parts
Composite Parts
Part Collection
SAFETY
HUMAN PRACTICES
Human Practices
Education & Engagement
AWARDS
Applied Design
Entrepreneurship
Hardware
Measurement
Model
Plant
Software
JUDGING FORM ⇗

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 无标题文档

HOME
TEAM

Team

Collaborations

PROJECT

Description

Design

Experiments

Notebook

InterLab

Model

Results

Demonstrate

Improve

Attributions

PARTS

Parts

Basic_Part

Composite_Part

Part_Collection

SAFETY
HUMAN PARCTICES

Human_Practices

Public_Engagement

AWRADS

Applied_Design

Entrepreneurship

Hardware

Measurement

Model

Plant

Software

Hello World
Hello NiHao ZhouJie Lun
Hello World
Hello NiHao ZhouJie Lun
Hello World
Hello NiHao ZhouJie Lun
Hello World
Hello NiHao ZhouJie Lun