Difference between revisions of "Team:NUDT CHINA/Team"

Line 3: Line 3:
 
<meta name=”viewport” content=”width=device-width, initial-scale=0.9″ />
 
<meta name=”viewport” content=”width=device-width, initial-scale=0.9″ />
 
<link href="https://2018.igem.org/Template:NUDT_CHINA/CSS?action=raw&ctype=text/css" rel="stylesheet"/>
 
<link href="https://2018.igem.org/Template:NUDT_CHINA/CSS?action=raw&ctype=text/css" rel="stylesheet"/>
 +
<link href="https://2018.igem.org/Template:NUDT_CHINA/myCSS?action=raw&ctype=text/css" rel="stylesheet"/>
  
−
<style>
 
−
#content {
 
−
    padding: 0px;
 
−
    margin: 0px;
 
−
    width: 100%;
 
−
}
 
−
 
−
/* Sections Header
 
−
--------------------------------*/
 
−
.section-header h3 {
 
−
  font-size: 32px;
 
−
  color: #111;
 
−
  text-transform: uppercase;
 
−
  text-align: center;
 
−
  font-weight: 700;
 
−
  position: relative;
 
−
  padding-bottom: 15px;
 
−
}
 
−
 
−
.section-header h3::before {
 
−
  content: '';
 
−
  position: absolute;
 
−
  display: block;
 
−
  width: 120px;
 
−
  height: 1px;
 
−
  background: #ddd;
 
−
  bottom: 1px;
 
−
  left: calc(50% - 60px);
 
−
}
 
−
 
−
.section-header h3::after {
 
−
  content: '';
 
−
  position: absolute;
 
−
  display: block;
 
−
  width: 40px;
 
−
  height: 3px;
 
−
  background: #18d26e;
 
−
  bottom: 0;
 
−
  left: calc(50% - 20px);
 
−
}
 
−
 
−
.section-header p {
 
−
  text-align: center;
 
−
  padding-bottom: 30px;
 
−
  color: #333;
 
−
}
 
−
 
−
/* Back to top button */
 
−
.back-to-top {
 
−
  position: fixed;
 
−
  background: #18d26e;
 
−
  background-repeat: no-repeat;
 
−
  background-size: contain;
 
−
  color: #fff;
 
−
  display: inline-block;
 
−
  width: 60px;
 
−
  height: 60px;
 
−
  text-align: center;
 
−
  line-height: 1;
 
−
  font-size: 16px;
 
−
  border-radius: 50%;
 
−
  right: 30px;
 
−
  bottom: 30px;
 
−
  transition: background 0.5s;
 
−
  z-index: 500;
 
−
}
 
−
 
−
.back-to-top i {
 
−
  padding-top: 12px;
 
−
  color: #fff;
 
−
}
 
−
 
−
@media (max-width: 768px) {
 
−
  .back-to-top {
 
−
    bottom: 30px;
 
−
  }
 
−
}
 
−
/* Team Section
 
−
--------------------------------*/
 
−
.team {
 
−
  background: #fff;
 
−
  padding: 60px 0;
 
−
}
 
−
 
−
.team .member {
 
−
  text-align: center;
 
−
  margin-bottom: 20px;
 
−
  background: #fff;
 
−
  position: relative;
 
−
}
 
−
 
−
.team .member .member-info {
 
−
  visibility: hidden;
 
−
  display: flex;
 
−
  justify-content: center;
 
−
  align-items: center;
 
−
  position: absolute;
 
−
  bottom: 0;
 
−
  top: 0;
 
−
  left: 0;
 
−
  right: 0;
 
−
  transition: 0.2s;
 
−
  color: #ffffff;
 
−
}
 
−
 
−
.team .member:hover .member-info {
 
−
  background: rgba(0, 0, 0, 0.1);
 
−
  visibility: visible;
 
−
  transition: 0.4s;
 
−
  color: #ffffff;
 
−
}
 
−
 
−
.team .member h4 {
 
−
  font-weight: 700;
 
−
  margin-bottom: 2px;
 
−
  font-size: 18px;
 
−
  color: #fff;
 
−
}
 
−
</style>
 
 
<div class="container">
 
<div class="container">
 
<div class="row clearfix">
 
<div class="row clearfix">

Revision as of 05:05, 1 July 2018

Inductors

300x200

Team member

something about him

Team member

something about him Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.

300x200

Team member

something about him

Team member

something about him Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.

300x200

Team member

something about him

Team member

something about him Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.

300x200

Team member

something about him

Team member

something about him Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.

Students

300x200

Team member

something about him

Team member

something about him Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.

300x200

Team member

something about him

Team member

something about him Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.

300x200

Team member

something about him

Team member

something about him Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.

300x200

Team member

something about him

Team member

something about him Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.