Difference between revisions of "Team:XJTLU-CHINA/Team"

 
(28 intermediate revisions by the same user not shown)
Line 2: Line 2:
 
<html>
 
<html>
  
−
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
+
<style>
−
    <link rel="stylesheet" type="text/css" href="css/animate.css">
+
        :root{
−
    <link rel="stylesheet" type="text/css" href="css/homepage.css">
+
            --main-bg-color: #ff7675;
−
    <link rel="stylesheet" type="text/css" href="css/magic.min.css">
+
        }
−
    <link rel="stylesheet" type="text/css" href="css/homePageMo.css" media="screen and (min-width:814px)">
+
        *,
−
    <link rel="stylesheet" type="text/css" href="css/hover-min.css">
+
        *::after,
−
    <script type="text/javascript" src="javascript/jquery-3.3.1.js"></script>
+
        *::before{
 +
            box-sizing: border-box;
 +
        }
 +
        html{
 +
            font-size: .625em;
 +
            font-size: calc(1em * .625);
 +
            background: #f4f4f4;
 +
            -ms-text-size-adjust: 100%;
 +
            -webkit-text-size-adjust: 100%;
 +
        }
 +
        body{
 +
            -webkit-font-smoothing: antialiased;
 +
            -moz-osx-font-smoothing: grayscale;
 +
            margin: 0;
 +
            padding: 0;
 +
            font: normal 300 1.4em / 1.2 'Open-sans', helvetica, sans-serif;
 +
            color: #111;
 +
        }
 +
        a{
 +
            text-decoration: none;
 +
            color: #111;
 +
            cursor: pointer;
 +
        }
 +
        ol,
 +
        ul{
 +
            list-style: none;
 +
            margin: 0;
 +
            padding: 0;
 +
        }
 +
        img{
 +
            max-width: 100%;
 +
        }
 +
        b,
 +
        strong{
 +
            font-weight: 600;
 +
        }
 +
        hr{
 +
            background: #111;
 +
            box-shadow: none;
 +
            border: none;
 +
            height: 1px;
 +
            width: 100%;
 +
            margin: 10px 0;
 +
        }
 +
        ::selection{
 +
            background: var(--main-bg-color);
 +
            color: #fff;
 +
        }
 +
        ::-moz-selection{
 +
            background: var(--main-bg-color);
 +
            color: #fff;
 +
        }
  
−
    <style>
+
        .container{
−
:root{
+
            width: 100%;
−
  --main-bg-color: #ff7675;
+
            max-width: 980px;
−
}
+
            margin: 0 auto;
−
*,
+
            padding: 0 10px;
−
*::after,
+
        }
−
*::before{
+
        .wrapper{
−
  box-sizing: border-box;
+
            padding: 40px 0;
−
}
+
        }
−
html{
+
        .card{
−
  font-size: .625em;
+
            background: #fff;
−
  font-size: calc(1em * .625);
+
            border-radius: 6px;
−
  background: #f4f4f4;
+
            box-shadow: 0px 2px 6px rgba(0, 0, 0, .1);
−
  -ms-text-size-adjust: 100%;
+
            display: flex;
−
  -webkit-text-size-adjust: 100%;
+
            flex-direction: column;
−
}
+
            transition: box-shadow .2s ease-in-out;
−
body{
+
        }
−
  -webkit-font-smoothing: antialiased;
+
        .card__picture{
−
  -moz-osx-font-smoothing: grayscale;
+
            display: block;
−
  margin: 0;
+
            width: 100%;
−
  padding: 0;
+
            height: auto;
−
  font: normal 300 1.4em / 1.2 'Open-sans', helvetica, sans-serif;
+
            border-top-left-radius: 6px;
−
  color: #111;
+
            border-top-right-radius: 6px;
−
}
+
        }
−
a{
+
        .card-infos{
−
  text-decoration: none;
+
            padding: 20px;
−
  color: #111;
+
            background: #fff;
−
  cursor: pointer;
+
            border-bottom-left-radius: 6px;
−
}
+
            border-bottom-right-radius: 6px;
−
ol,
+
        }
−
ul{
+
        .card__title{
−
  list-style: none;
+
            font-family: 'Hind';
−
  margin: 0;
+
            font-size: 1.8rem;
−
  padding: 0;
+
            font-weight: 600;
−
}
+
            line-height: 1.4;
−
img{
+
            margin: 0 0 10px;
−
  max-width: 100%;
+
        }
−
}
+
        .card__text{
−
b,
+
            font-size: 1.4rem;
−
strong{
+
            font-weight: 300;
−
  font-weight: 600;
+
            margin: 0;
−
}
+
            color: #86888A;
−
hr{
+
        }
−
  background: #111;
+
        .card__text--high{
−
  box-shadow: none;
+
            font-weight: 600;
−
  border: none;
+
        }
−
  height: 1px;
+
−
  width: 100%;
+
−
  margin: 10px 0;
+
−
}
+
−
::selection{
+
−
  background: var(--main-bg-color);
+
−
  color: #fff;
+
−
}
+
−
::-moz-selection{
+
−
  background: var(--main-bg-color);
+
−
  color: #fff;
+
−
}
+
  
−
.container{
+
        .header{
−
  width: 100%;
+
            background: var(--main-bg-color);
−
  max-width: 980px;
+
            height: 160px;
−
  margin: 0 auto;
+
            display: flex;
−
  padding: 0 10px;
+
        }
−
}
+
        .header__title{
−
.wrapper{
+
            margin: auto;
−
  padding: 40px 0;
+
            font-weight: 300;
−
}
+
            font-size: 3.2rem;
−
.card{
+
            color: #fff;
−
  background: #fff;
+
        }
−
  border-radius: 6px;
+
        .header__title--high{
−
  box-shadow: 0px 2px 6px rgba(0, 0, 0, .1);
+
            font-weight: 600;
−
  display: flex;
+
        }
−
  flex-direction: column;
+
−
  transition: box-shadow .2s ease-in-out;
+
−
}
+
−
.card__picture{
+
−
  display: block;
+
−
  width: 100%;
+
−
  height: auto;
+
−
  border-top-left-radius: 6px;
+
−
  border-top-right-radius: 6px;
+
−
}
+
−
.card-infos{
+
−
  padding: 20px;
+
−
  background: #fff;
+
−
  border-bottom-left-radius: 6px;
+
−
  border-bottom-right-radius: 6px;
+
−
}
+
−
.card__title{
+
−
  font-family: 'Hind';
+
−
  font-size: 1.8rem;
+
−
  font-weight: 600;
+
−
  line-height: 1.4;
+
−
  margin: 0 0 10px;
+
−
}
+
−
.card__text{
+
−
  font-size: 1.4rem;
+
−
  font-weight: 300;
+
−
  margin: 0;
+
−
  color: #86888A;
+
−
}
+
−
.card__text--high{
+
−
  font-weight: 600;
+
−
}
+
  
−
.header{
+
        .sortable__nav{
−
  background: var(--main-bg-color);
+
            display: flex;
−
  height: 160px;
+
            justify-content: center;
−
  display: flex;
+
            margin-bottom: 20px;
−
}
+
        }
−
.header__title{
+
        .nav__link{
−
  margin: auto;
+
            padding: 0 20px 4px;
−
  font-weight: 300;
+
            color: #fff;
−
  font-size: 3.2rem;
+
            font-size: 1.4rem;
−
  color: #fff;
+
            font-weight: 300;
−
}
+
            display: block;
−
.header__title--high{
+
            border-bottom: 2px solid transparent;
−
  font-weight: 600;
+
        }
−
}
+
        .nav__link.is-active{
 +
            border-color: var(--main-bg-color);
 +
        }
  
−
.sortable__nav{
+
        .footer__list.list{
−
  display: flex;
+
            display: flex;
−
  justify-content: center;
+
            justify-content: space-between;
−
  margin-bottom: 20px;
+
            align-items: center;
−
}
+
        }
−
.nav__link{
+
        .list__item.item{
−
  padding: 0 20px 4px;
+
            display: flex;
−
  color: #fff;
+
        }
−
  font-size: 1.4rem;
+
        .item__link.link{
−
  font-weight: 300;
+
            margin: 0;
−
  display: block;
+
        }
−
  border-bottom: 2px solid transparent;
+
        .item__link.link:not(:first-child){
−
}
+
            margin-left: 20px;
−
.nav__link.is-active{
+
        }
−
  border-color: var(--main-bg-color);
+
        .link__icon{
−
}
+
            height: 2rem;
 +
            width: 2rem;
 +
        }
  
−
.footer__list.list{
 
−
  display: flex;
 
−
  justify-content: space-between;
 
−
  align-items: center;
 
−
}
 
−
.list__item.item{
 
−
  display: flex;
 
−
}
 
−
.item__link.link{
 
−
  margin: 0;
 
−
}
 
−
.item__link.link:not(:first-child){
 
−
  margin-left: 20px;
 
−
}
 
−
.link__icon{
 
−
  height: 2rem;
 
−
  width: 2rem;
 
−
}
 
−
    </style>
 
−
    <style>
 
−
.sjs-default{position:relative;padding:0;margin:0;opacity:0;transition:height .2s ease-out,opacity .2s ease-out .2s}[data-sjsel]{opacity:0;position:absolute;top:0;left:0;transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out;transition:transform .2s ease-out,-webkit-transform .2s ease-out}
 
 
     </style>
 
     </style>
 +
   
  
−
<script>
 
−
  "use strict";var _extends=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(t[i]=n[i])}return t},_createClass=function(){function i(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}return function(t,e,n){return e&&i(t.prototype,e),n&&i(t,n),t}}();function _toConsumableArray(t){if(Array.isArray(t)){for(var e=0,n=Array(t.length);e<t.length;e++)n[e]=t[e];return n}return Array.from(t)}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}var Sortable=function(){function d(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:{},e=t.parent,n=t.links,i=void 0===n?document.querySelectorAll("[data-sjslink]"):n,s=t.active,a=void 0===s?"is-active":s,r=t.margin,o=void 0===r?20:r,l=t.responsive,u=void 0===l?{980:{columns:3},480:{columns:2},0:{columns:1}}:l,c=t.fadeDuration,h=void 0===c?{in:300,out:0}:c;_classCallCheck(this,d),this.parent=e,this.links=Array.from(i),this.active=a,this.margin=o,this.responsive=u,this.fadeDuration=h,this.elements=Array.from(this.parent.children),this.activeElements=this.elements,this.columns=1,this.dataLink="all",this.winWidth=window.innerWidth,this.init()}return _createClass(d,[{key:"orderelements",value:function(){var r=this,t=this.parent,e=this.activeElements,o=this.columns,l=this.blocWidth,u=(this.responsive,this.margin),n=e.reduce(function(t,e,n){var i=r._sumArrHeight(t,o),s=n%o*(l+u),a=0<=n-o?i[n%o]+u*Math.floor(n/o):0;return e.style.transform="translate3d("+s+"px, "+a+"px, 0)",t.push(e.offsetHeight),t},[]),i=this._sumArrHeight(n,o),s=Math.max.apply(Math,_toConsumableArray(i))+u*(Math.floor(e.length/o)-1);t.style.height=s+"px"}},{key:"handleFilterClick",value:function(t,e){var n=this;t.preventDefault();var i=this.links,s=this.active;e.dataset.sjslink!==this.dataLink&&(this.dataLink=e.dataset.sjslink,i.forEach(function(t){t.isEqualNode(e)?t.classList.add(s):t.classList.remove(s)}),this._filterElements(function(){n.orderelements()}))}},{key:"resize",value:function(){var t=this;window.addEventListener("resize",function(){clearTimeout(window.sortableResize),window.sortableResize=setTimeout(function(){t.winWidth=window.innerWidth,t._setBlocWidth(function(){t.orderelements()})},500)})}},{key:"init",value:function(){var n=this,t=this.parent,e=this.links,i=this.active;e.forEach(function(e,t){0===t&&(e.classList.add(i),n.dataLink=e.dataset.sjslink),e.addEventListener("click",function(t){n.handleFilterClick(t,e)})}),this._setBlocWidth(),window.addEventListener("load",function(){n._filterElements(function(){n.orderelements()}),t.style.opacity=1}),this.resize()}},{key:"_setBlocWidth",value:function(t){var e=this.parent,n=this.elements,i=this.margin,s=this.responsive,a=this.columns=this._columnsCount(s).columns,r=this.blocWidth=(e.clientWidth-i*(a-1))/a;n.forEach(function(t){t.style.width=r+"px"}),t&&t()}},{key:"_filterElements",value:function(t){var e=this,n=this.elements,i=this.dataLink,s=this.fadeDuration;this.activeElements=n.filter(function(t){return"all"===i?(e._fadeIn(t,s.in),!0):t.dataset.sjsel!==i?(e._fadeOut(t,s.out),!1):(e._fadeIn(t,s.in),!0)}),t&&t()}},{key:"_sumArrHeight",value:function(t,s){return t.reduce(function(t,e,n){var i=n%s;return t[i]||(t[i]=0),t[i]=t[i]+e,t},[])}},{key:"_columnsCount",value:function(t){var n=this.winWidth;return Object.entries(t).reduce(function(t,e){return n>e[0]&&e[0]>=Math.max(t.width)?{width:e[0],columns:e[1].columns}:t},{width:0,columns:4})}},{key:"_fadeIn",value:function(e){var t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:300,n=arguments[2],i=parseFloat(window.getComputedStyle(e,null).getPropertyValue("opacity")),s=16/t;e.style.display="block",requestAnimationFrame(function t(){(i+=s)<=1?(e.style.opacity=i,requestAnimationFrame(t)):(e.style.opacity=1,n&&n())})}},{key:"_fadeOut",value:function(e){var t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:300,n=arguments[2],i=parseFloat(window.getComputedStyle(e,null).getPropertyValue("opacity")),s=t?16/t:1;requestAnimationFrame(function t(){0<=(i-=s)?(e.style.opacity=i,requestAnimationFrame(t)):(e.style.opacity=0,e.style.display="none",n&&n())})}}]),d}();HTMLElement.prototype.sortablejs=HTMLElement.prototype.sortablejs||function(t){return new Sortable(_extends({parent:this},t))};
 
−
</script>
 
  
−
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
 
−
    <link rel="stylesheet" type="text/css" href="css/homepage.css">
 
−
    <link rel="stylesheet" type="text/css" href="imgcss/style1.css" />
 
−
    <script src="imgjs/modernizr-custom.js"></script>
 
 
</head>
 
</head>
 
<body style="padding: 0px; background-color: rgb(84,146,197);">
 
<body style="padding: 0px; background-color: rgb(84,146,197);">
 
     <div class="container-fluid">
 
     <div class="container-fluid">
 
          
 
          
−
 
 
     </div>
 
     </div>
−
     <div class="container-fluid" style="width: 100%; height: 600px; margin-top: 35px; background-color: rgba(43,43,43,0.57)">
+
     <div class="container-fluid" style="padding: 0px; margin-top: 35px">
−
         <h1 style="color: rgba(67,67,67,0.71); text-align: center; margin-top: 250px">
+
         <img src="https://static.igem.org/mediawiki/2018/b/b8/T--XJTLU-CHINA--hezhao.png" style="width: 100%">
−
            此处还缺一张合照
+
−
        </h1>
+
 
     </div>
 
     </div>
  
−
    <div class="container-fluid" style="background-color: white; padding-bottom: 50px" id="learnMore">
 
−
        <main class="sortable">
 
−
            <div class="container">
 
−
                <div class="wrapper">
 
−
                    <ul class="sortable__nav nav" style="margin-bottom: 20px">
 
−
                        <li>
 
−
                            <a data-sjslink="all" class="nav__link" style="color: black; background-color: white">
 
−
                                ALL
 
−
                            </a>
 
−
                        </li>
 
−
                        <li>
 
−
                            <a data-sjslink="bf" class="nav__link" style="color: black; background-color: white">
 
−
                                BACKUP FORCE
 
−
                            </a>
 
−
                        </li>
 
−
                        <li>
 
−
                            <a data-sjslink="ehp" class="nav__link" style="color: black; background-color: white">
 
−
                                EXPERIMENT & HUMAN PRACTICES
 
−
                            </a>
 
−
                        </li>
 
−
                        <li>
 
−
                            <a data-sjslink="wm" class="nav__link" style="color: black; background-color: white">
 
−
                                WIKI WEBPAGE & MODELING
 
−
                            </a>
 
−
                        </li>
 
  
  
−
                    </ul>
 
−
                    <div id="sortable" class="sjs-default">
 
−
                        <div data-sjsel="ehp">
 
−
                            <div class="card">
 
  
−
                                    <img class="card__picture" src="./images/fang.hao.hui.png" alt="">
 
−
                                    <div class="card-infos">
 
−
                                        <h2 class="card__title">Haohui Fang</h2>
 
−
                                        <p class="card__text" style="font-weight: normal">
 
−
                                            Major: Year 2 Biological Sciences<br>
 
−
                                            Interests: Socializing, watching sports games, participating pubic activities, exchanging insights on a specific topic.<br>
 
−
                                            Motto: Always seeking the unknown, keeping daily refreshed, accepting new challenges. Finally back to the unpretentious, reaching internal resonance.
 
−
                                        </p>
 
−
                                    </div>
 
  
−
                            </div>
 
−
                        </div>
 
−
                        <div data-sjsel="wm">
 
−
                            <div class="card">
 
  
−
                                    <img class="card__picture" src="./images/wu.mian.jpg" alt="">
 
−
                                    <div class="card-infos">
 
−
                                        <h2 class="card__title">Mian Wu</h2>
 
−
                                        <p class="card__text" style="font-weight: normal">
 
−
                                            Major: Applied Mathemantics.<br>
 
−
                                            Interests: R&B, play go game.<br>
 
−
                                            Motto: Complex is better than complicated.<br>
 
−
                                            Though the math rely on calculation, but why not give the task to computer programs.
 
−
                                        </p>
 
−
                                    </div>
 
  
−
                            </div>
+
    <div class="container-fluid" style="background-color: white; padding-bottom: 50px" id="learnMore">
−
                        </div>
+
−
                        <div data-sjsel="bf">
+
−
                            <div class="card">
+
  
−
                                    <img class="card__picture" src="./images/han.guo.xia.png" alt="">
+
        <p style="text-align: center; margin-top: 50px; font-size: 25px">OUR MEMBER & BACKUP FORCE</p>
−
                                    <div class="card-infos">
+
−
                                        <h2 class="card__title">Dr. Guoxia Han</h2>
+
−
                                        <p class="card__text" style="font-weight: normal">
+
−
                                            Position：Associate Professor of Department of Biological Sciences.<br>
+
−
                                        </p>
+
−
                                    </div>
+
  
−
                            </div>
+
        <div class="row" style="margin-top: 50px; margin-bottom: 50px">
−
                        </div>
+
            <div class="col-xs-1"></div>
 +
            <div class="col-xs-10">
  
−
                        <div data-sjsel="bf">
 
−
                            <div class="card">
 
−
 
−
                                <img class="card__picture" src="./images/David.png" alt="">
 
−
                                <div class="card-infos">
 
−
                                    <h2 class="card__title">Dr. David, Sung Kay, Chiu</h2>
 
−
                                    <p class="card__text" style="font-weight: normal">
 
−
                                        Position: Associate Professor of Department of Biological Sciences.
 
−
                                    </p>
 
−
                                </div>
 
  
 +
                <div class="row">
 +
                    <div class="col-xs-3">
 +
                        <div style="box-shadow: 0px 0px 4px rgba(0,0,0,0.47); height: 500px; border-radius: 5px">
 +
                            <img src="https://static.igem.org/mediawiki/2018/c/c6/T--XJTLU-CHINA--fanghaohui.png" style="border-top-left-radius: 5px; border-top-right-radius: 5px; width: 100%">
 +
                            <div style="margin-left: 10px; margin-top: 10px; margin-right: 10px;">
 +
                                <h2 class="card__title">Haohui Fang</h2>
 +
                                <p style="font-size: 15px">
 +
                                    Major: Year 2 Biological Sciences<br>
 +
                                    Interests: Socializing, watching sports games, participating pubic activities, exchanging insights on a specific topic.<br>
 +
                                    Motto: Always seeking the unknown, keeping daily refreshed, accepting new challenges. Finally back to the unpretentious, reaching internal resonance.
 +
                                </p>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
−
 
+
                    </div>
−
                        <div data-sjsel="ehp">
+
                    <div class="col-xs-3">
−
                            <div class="card">
+
                        <div style="box-shadow: 0px 0px 4px rgba(0,0,0,0.47); height: 500px; border-radius: 5px">
−
 
+
                            <img src="https://static.igem.org/mediawiki/2018/a/a6/T--XJTLU-CHINA--wumian.png" style="border-top-left-radius: 5px; border-top-right-radius: 5px; width: 100%">
−
                                    <img class="card__picture" src="./images/zhen_di.png" alt="">
+
                            <div style="margin-left: 10px; margin-top: 10px; margin-right: 10px;">
−
                                    <div class="card-infos">
+
                                <h2 class="card__title">Mian Wu</h2>
−
                                        <h2 class="card__title">Di Zhen</h2>
+
                                <p style="font-size: 15px">
−
                                        <p class="card__text" style="font-weight: normal">
+
                                    Major: Applied Mathemantics.<br>
−
                                            Major: Year 1/Bioinformatics.<br>
+
                                    Interests: R&B, play go game.<br>
−
                                            Interests: Love biology and programming, two amazing things in the world. Also, Playing the piano.<br>
+
                                    Motto: Complex is better than complicated.<br>
−
                                            Motto: No challenge, no change.
+
                                     Though the math rely on calculation, but why not give the task to computer programs.
−
                                        </p>
+
                                </p>
−
                                     </div>
+
−
 
+
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
−
                        <div data-sjsel="wm">
+
                    </div>
−
                            <div class="card">
+
                    <div class="col-xs-3">
−
 
+
                        <div style="box-shadow: 0px 0px 4px rgba(0,0,0,0.47); height: 500px; border-radius: 5px">
−
                                    <img class="card__picture" src="./images/shiHanFu.png" alt="">
+
                            <img src="https://static.igem.org/mediawiki/2018/f/ff/T--XJTLU-CHINA--hanguoxia.png" style="border-top-left-radius: 5px; border-top-right-radius: 5px; width: 100%">
−
                                    <div class="card-infos">
+
                            <div style="margin-left: 10px; margin-top: 10px; margin-right: 10px;">
−
                                        <h2 class="card__title">Hanfu Shi</h2>
+
                                <h2 class="card__title">Dr. Guoxia Han</h2>
−
                                        <p class="card__text" style="font-weight: normal">
+
                                <p style="font-size: 15px">
−
                                            Major: Year 2 Bioinformatics.<br>
+
                                    Position：Associate Professor of Department of Biological Sciences.<br>
−
                                            Interest: Comics.<br>
+
                                </p>
−
                                            Motto: There's no such thing as miracles, only the inevitable, and the accidental – and what we do.<br>
+
−
                                            I am the bone of my sword. Steel is my body and fire is my blood.
+
−
                                            I have created over a thousand blades. Unknown to Death. Nor known to life.
+
−
                                            Yet, those hands will never hold anything.
+
−
                                            So as I pray.
+
−
                                            Unlimited blade works.
+
−
                                        </p>
+
−
                                    </div>
+
−
 
+
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
 +
                    </div>
 +
                    <div class="col-xs-3">
 +
                        <div style="box-shadow: 0px 0px 4px rgba(0,0,0,0.47); height: 500px; border-radius: 5px">
 +
                            <img src="https://static.igem.org/mediawiki/2018/5/5a/T--XJTLU-CHINA--david.png" style="border-top-left-radius: 5px; border-top-right-radius: 5px; width: 100%">
 +
                            <div style="margin-left: 10px; margin-top: 10px; margin-right: 10px;">
 +
                                <h2 class="card__title">Dr. David, Sung Kay, Chiu</h2>
 +
                                <p style="font-size: 15px">
 +
                                    Position: Associate Professor of Department of Biological Sciences.
 +
                                </p>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </div>
  
−
                        <div data-sjsel="ehp">
 
−
                            <div class="card">
 
  
−
                                    <img class="card__picture" src="./images/hanPuWang.png" alt="">
 
−
                                    <div class="card-infos">
 
−
                                        <h2 class="card__title">Hanpu Wang</h2>
 
−
                                        <p class="card__text" style="font-weight: normal">
 
−
                                            Major: Year 1 Biological Sciences<br>
 
−
                                            Interests: love biology and doing research, especially finding out unknown molecular mechanisms inside cells.
 
−
                                            By the way, I like arts, all kinds of—drawing, poems & music. I am always curious. I am always inconstant. I love to make changes through my gradual comprehension of the word.
 
−
                                        </p>
 
−
                                    </div>
 
  
 +
 +
                <div class="row" style="margin-top: 30px">
 +
                    <div class="col-xs-3">
 +
                        <div style="box-shadow: 0px 0px 4px rgba(0,0,0,0.47); height: 500px; border-radius: 5px">
 +
                            <img src="https://static.igem.org/mediawiki/2018/c/c5/T--XJTLU-CHINA--zhendi.png" style="border-top-left-radius: 5px; border-top-right-radius: 5px; width: 100%">
 +
                            <div style="margin-left: 10px; margin-top: 10px; margin-right: 10px;">
 +
                                <h2 class="card__title">Di Zhen</h2>
 +
                                <p style="font-size: 15px">
 +
                                    Major: Year 1/Bioinformatics.<br>
 +
                                    Interests: Love biology and programming, two amazing things in the world. Also, Playing the piano.<br>
 +
                                    Motto: No challenge, no change.
 +
                                </p>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
−
                        <div data-sjsel="wm">
+
                    </div>
−
                            <div class="card">
+
                    <div class="col-xs-3">
−
 
+
                        <div style="box-shadow: 0px 0px 4px rgba(0,0,0,0.47); height: 500px; border-radius: 5px">
−
                                    <img class="card__picture" src="./images/niQinYu.png" alt="">
+
                            <img src="https://static.igem.org/mediawiki/2018/d/d6/T--XJTLU-CHINA--shihanfu.png" style="border-top-left-radius: 5px; border-top-right-radius: 5px; width: 100%">
−
                                    <div class="card-infos">
+
                            <div style="margin-left: 10px; margin-top: 10px; margin-right: 10px;">
−
                                        <h2 class="card__title">Qinyu Ni</h2>
+
                                <h2 class="card__title">Hanfu Shi</h2>
−
                                        <p class="card__text" style="font-weight: normal">
+
                                <p style="font-size: 15px">
−
                                            Major: Year 1 Bioinformatics<br>
+
                                    Major: Year 2 Bioinformatics.<br>
−
                                            Interests: rock music, classical literature and delicacy.<br>
+
                                    Interest: Comics.<br>
−
                                            Motto: Carpe diem. viva la vida.
+
                                </p>
−
                                        </p>
+
−
                                    </div>
+
−
 
+
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
−
                        <div data-sjsel="bf">
+
                    </div>
−
                            <div class="card">
+
                    <div class="col-xs-3">
−
 
+
                        <div style="box-shadow: 0px 0px 4px rgba(0,0,0,0.47); height: 500px; border-radius: 5px">
−
                                    <img class="card__picture" src="./images/DechangXu.png" alt="">
+
                            <img src="https://static.igem.org/mediawiki/2018/c/ca/T--XJTLU-CHINA--wanghanpu.png" style="border-top-left-radius: 5px; border-top-right-radius: 5px; width: 100%">
−
                                    <div class="card-infos">
+
                            <div style="margin-left: 10px; margin-top: 10px; margin-right: 10px;">
−
                                        <h2 class="card__title">Prof. Dechang Xu</h2>
+
                                <h2 class="card__title">Hanpu Wang</h2>
−
                                        <p class="card__text" style="font-weight: normal">
+
                                <p style="font-size: 15px">
−
                                            Director of Research Office, XJTLU.<br>
+
                                    Major: Year 1 Biological Sciences<br>
−
                                            Deputy director of International Technology Transfer Centre.
+
                                    Interests: love biology and doing research, especially finding out unknown molecular mechanisms inside cells.
−
                                        </p>
+
                                     I like arts, all kinds of poems & music. I am always curious.
−
                                     </div>
+
                                 </p>
−
                                 </a>
+
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
−
                        <div data-sjsel="ehp">
+
                    </div>
−
                            <div class="card">
+
                    <div class="col-xs-3">
−
 
+
                        <div style="box-shadow: 0px 0px 4px rgba(0,0,0,0.47); height: 500px; border-radius: 5px">
−
                                    <img class="card__picture" src="./images/haoPingCheng.png" alt="">
+
                            <img src="https://static.igem.org/mediawiki/2018/f/f7/T--XJTLU-CHINA--niqinyu.png" style="border-top-left-radius: 5px; border-top-right-radius: 5px; width: 100%">
−
                                    <div class="card-infos">
+
                            <div style="margin-left: 10px; margin-top: 10px; margin-right: 10px;">
−
                                        <h2 class="card__title">Haoping Cheng</h2>
+
                                <h2 class="card__title">Qinyu Ni</h2>
−
                                        <p class="card__text" style="font-weight: normal">
+
                                <p style="font-size: 15px">
−
                                            Major: Year 2, Biological Sciences.<br>
+
                                    Major: Year 1 Bioinformatics<br>
−
                                            Interests: Games and Traveling.<br>
+
                                    Interests: rock music, classical literature and delicacy.<br>
−
                                            Motto: Be happy for this moment. This moment is your life.
+
                                    Motto: Carpe diem. viva la vida.
−
                                        </p>
+
                                </p>
−
                                    </div>
+
−
                                </a>
+
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
−
                        <div data-sjsel="wm">
+
                    </div>
−
                            <div class="card">
+
                </div>
−
 
+
−
                                    <img class="card__picture" src="./images/haha.jpeg" alt="">
+
−
                                    <div class="card-infos">
+
−
                                        <h2 class="card__title">Zeyu Yang</h2>
+
−
                                        <p class="card__text" style="font-weight: normal">
+
−
                                            Major: Year 2, Information and Computing Science.<br>
+
−
                                        </p>
+
−
                                    </div>
+
  
 +
                <div class="row" style="margin-top: 30px">
 +
                    <div class="col-xs-3">
 +
                        <div style="box-shadow: 0px 0px 4px rgba(0,0,0,0.47); height: 500px; border-radius: 5px">
 +
                            <img src="https://static.igem.org/mediawiki/2018/0/0a/T--XJTLU-CHINA--xudechang.png" style="border-top-left-radius: 5px; border-top-right-radius: 5px; width: 100%">
 +
                            <div style="margin-left: 10px; margin-top: 10px; margin-right: 10px;">
 +
                                <h2 class="card__title">Prof. Dechang Xu</h2>
 +
                                <p style="font-size: 15px">
 +
                                    Director of Research Office, XJTLU.<br>
 +
                                    Deputy director of International Technology Transfer Centre.
 +
                                </p>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
−
                        <div data-sjsel="bf">
+
                    </div>
−
                            <div class="card">
+
                    <div class="col-xs-3">
−
 
+
                        <div style="box-shadow: 0px 0px 4px rgba(0,0,0,0.47); height: 500px; border-radius: 5px">
−
                                    <img class="card__picture" src="./images/yunPengZhong.png" alt="">
+
                            <img src="https://static.igem.org/mediawiki/2018/7/7f/T--XJTLU-CHINA--haopingcheng.png" style="border-top-left-radius: 5px; border-top-right-radius: 5px; width: 100%">
−
                                    <div class="card-infos">
+
                            <div style="margin-left: 10px; margin-top: 10px; margin-right: 10px;">
−
                                        <h2 class="card__title">Mr. Yunpeng Zhong</h2>
+
                                <h2 class="card__title">Haoping Cheng</h2>
−
                                        <p class="card__text" style="font-weight: normal">
+
                                <p style="font-size: 15px">
−
 
+
                                    Major: Year 2, Biological Sciences.<br>
−
                                        </p>
+
                                    Interests: Games and Traveling.<br>
−
                                     </div>
+
                                     Motto: Be happy for this moment. This moment is your life.
−
 
+
                                </p>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
−
                        <div data-sjsel="bf">
+
                    </div>
−
                            <div class="card">
+
                    <div class="col-xs-3">
−
 
+
                        <div style="box-shadow: 0px 0px 4px rgba(0,0,0,0.47); height: 500px; border-radius: 5px">
−
                                    <img class="card__picture" src="./images/yiJingGong.png" alt="">
+
                            <img src="https://static.igem.org/mediawiki/2018/b/be/T--XJTLU-CHINA--wuxuxuan.png" style="border-top-left-radius: 5px; border-top-right-radius: 5px; width: 100%">
−
                                    <div class="card-infos">
+
                            <div style="margin-left: 10px; margin-top: 10px; margin-right: 10px;">
−
                                        <h2 class="card__title">Yijing Gong</h2>
+
                                <h2 class="card__title">Yuxuan Wu</h2>
−
                                        <p class="card__text" style="font-weight: normal">
+
                                <p style="font-size: 15px">
−
 
+
                                    Major: Year 1 Bioinformatics.<br>
−
                                        </p>
+
                                    Interests: Reading novels; Watching movies; Daydreaming.<br>
−
                                     </div>
+
                                     Motto: Real change can only come from within.
−
 
+
                                </p>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
−
                        <div data-sjsel="ehp">
+
                    </div>
−
                            <div class="card">
+
                    <div class="col-xs-3">
−
 
+
                        <div style="box-shadow: 0px 0px 4px rgba(0,0,0,0.47); height: 500px; border-radius: 5px">
−
                                    <img class="card__picture" src="./images/junLiangLin.png" alt="">
+
                            <img src="https://static.igem.org/mediawiki/2018/c/c6/T--XJTLU-CHINA--yangzeyu.png" style="border-top-left-radius: 5px; border-top-right-radius: 5px; width: 100%">
−
                                    <div class="card-infos">
+
                            <div style="margin-left: 10px; margin-top: 10px; margin-right: 10px;">
−
                                        <h2 class="card__title">Junliang Lin</h2>
+
                                <h2 class="card__title">Zeyu Yang</h2>
−
                                        <p class="card__text" style="font-weight: normal">
+
                                <p style="font-size: 15px">
−
                                            Major: Year 2 Biological Sciences.<br>
+
                                    Major: Year 2, Information and Computing Science.<br>
−
                                            Interests: Biomedical and human remodeling.<br>
+
                                </p>
−
                                            Motto: ”God's in his heaven, all's right with the world.”
+
−
                                        </p>
+
−
                                    </div>
+
−
 
+
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
−
                        <div data-sjsel="ehp">
+
                    </div>
−
                            <div class="card">
+
                </div>
  
−
                                    <img class="card__picture" src="./images/liuHuaChen.png" alt="">
+
                <div class="row" style="margin-top: 30px">
−
                                    <div class="card-infos">
+
                    <div class="col-xs-3">
−
                                        <h2 class="card__title">Liuhua Chen</h2>
+
                        <div style="box-shadow: 0px 0px 4px rgba(0,0,0,0.47); height: 500px; border-radius: 5px">
−
                                        <p class="card__text" style="font-weight: normal">
+
                            <img src="https://static.igem.org/mediawiki/2018/4/40/T--XJTLU-CHINA--zhongyunpeng.png" style="border-top-left-radius: 5px; border-top-right-radius: 5px; width: 100%">
−
                                            Major: 2nd year Biology.<br>
+
                            <div style="margin-left: 10px; margin-top: 10px; margin-right: 10px;">
−
                                            Interest: Cooking and Baking.<br>
+
                                <h2 class="card__title">Mr. Yunpeng Zhong</h2>
−
                                            Motto: Every step counts.
+
                                <p style="font-size: 15px">
−
                                        </p>
+
−
                                    </div>
+
  
 +
                                </p>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
−
                        <div data-sjsel="ehp">
+
                    </div>
−
                            <div class="card">
+
                    <div class="col-xs-3">
−
 
+
                        <div style="box-shadow: 0px 0px 4px rgba(0,0,0,0.47); height: 500px; border-radius: 5px">
−
                                    <img class="card__picture" src="./images/pengChai.png" alt="">
+
                            <img src="https://static.igem.org/mediawiki/2018/a/a6/T--XJTLU-CHINA--gongyijing.png" style="border-top-left-radius: 5px; border-top-right-radius: 5px; width: 100%">
−
                                    <div class="card-infos">
+
                            <div style="margin-left: 10px; margin-top: 10px; margin-right: 10px;">
−
                                        <h2 class="card__title">Peng Chai</h2>
+
                                <h2 class="card__title">Yijing Gong</h2>
−
                                        <p class="card__text" style="font-weight: normal">
+
−
                                            Major: Year two student Biological Sciences.<br>
+
−
                                            Interests: Explore the world and enjoy my life.<br>
+
−
                                            Motto: How time flies, be with someone interesting.<br>
+
−
                                        </p>
+
−
                                    </div>
+
  
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
−
                        <div data-sjsel="ehp">
+
                    </div>
−
                            <div class="card">
+
                    <div class="col-xs-3">
−
                                <img class="card__picture" src="./images/miaoYanLi.png" alt="">
+
                        <div style="box-shadow: 0px 0px 4px rgba(0,0,0,0.47); height: 500px; border-radius: 5px">
−
                                <div class="card-infos">
+
                            <img src="https://static.igem.org/mediawiki/2018/a/a8/T--XJTLU-CHINA--junlianglin.png" style="border-top-left-radius: 5px; border-top-right-radius: 5px; width: 100%">
−
                                    <h2 class="card__title">Miaoyan.Li</h2>
+
                            <div style="margin-left: 10px; margin-top: 10px; margin-right: 10px;">
−
                                    <p class="card__text" style="font-weight: normal">
+
                                <h2 class="card__title">Junliang Lin</h2>
−
                                        Major: Year two Biological Sciences.<br>
+
                                <p style="font-size: 15px">
−
                                        Interest: Piano.<br>
+
                                    Major: Year 2 Biological Sciences.<br>
−
                                        Motto: You are filled with determination.
+
                                    Interests: Biomedical and human remodeling.<br>
−
                                    </p>
+
                                    Motto: ”God's in his heaven, all's right with the world.”
−
                                </div>
+
                                </p>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
−
                        <div data-sjsel="bf">
+
                    </div>
−
                            <div class="card">
+
                    <div class="col-xs-3">
−
                                <img class="card__picture" src="./images/ziXinRong.png" alt="">
+
                        <div style="box-shadow: 0px 0px 4px rgba(0,0,0,0.47); height: 500px; border-radius: 5px">
−
                                <div class="card-infos">
+
                            <img src="https://static.igem.org/mediawiki/2018/b/b8/T--XJTLU-CHINA--chenliuhua.png" style="border-top-left-radius: 5px; border-top-right-radius: 5px; width: 100%">
−
                                    <h2 class="card__title">Zixin Rong</h2>
+
                            <div style="margin-left: 10px; margin-top: 10px; margin-right: 10px;">
−
                                    <p class="card__text" style="font-weight: normal">
+
                                <h2 class="card__title">Liuhua Chen</h2>
−
                                     </p>
+
                                <p style="font-size: 15px">
−
                                 </div>
+
                                     Major: 2nd year Biology.<br>
 +
                                    Interest: Cooking and Baking.<br>
 +
                                    Motto: Every step counts.
 +
                                 </p>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
 +
                    </div>
 +
                </div>
  
−
                        <div data-sjsel="ehp">
+
                <div class="row" style="margin-top: 30px">
−
                            <div class="card">
+
                    <div class="col-xs-3">
−
                                <img class="card__picture" src="./images/siHongYu.png" alt="">
+
                        <div style="box-shadow: 0px 0px 4px rgba(0,0,0,0.47); height: 500px; border-radius: 5px">
−
                                <div class="card-infos">
+
                            <img src="https://static.igem.org/mediawiki/2018/9/90/T--XJTLU-CHINA--chaipeng.png" style="border-top-left-radius: 5px; border-top-right-radius: 5px; width: 100%">
−
                                    <h2 class="card__title">Sihong Yu</h2>
+
                            <div style="margin-left: 10px; margin-top: 10px; margin-right: 10px;">
−
                                    <p class="card__text" style="font-weight: normal">
+
                                <h2 class="card__title">Peng Chai</h2>
−
                                        Major: Year 3 Biological Sciences.<br>
+
                                <p style="font-size: 15px">
−
                                        Interests: Running and music.
+
                                    Major: Year two student Biological Sciences.<br>
−
                                     </p>
+
                                    Interests: Explore the world and enjoy my life.<br>
−
                                 </div>
+
                                     Motto: How time flies, be with someone interesting.<br>
 +
                                 </p>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
 +
                    </div>
 +
                    <div class="col-xs-3">
 +
                        <div style="box-shadow: 0px 0px 4px rgba(0,0,0,0.47); height: 500px; border-radius: 5px">
 +
                            <img src="./images/miaoYanLi.png" style="border-top-left-radius: 5px; border-top-right-radius: 5px; width: 100%">
 +
                            <div style="margin-left: 10px; margin-top: 10px; margin-right: 10px;">
 +
                                <h2 class="card__title">Miaoyan.Li</h2>
 +
                                Major: Year two Biological Sciences.<br>
 +
                                Interest: Piano.<br>
 +
                                Motto: You are filled with determination.
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                    <div class="col-xs-3">
 +
                        <div style="box-shadow: 0px 0px 4px rgba(0,0,0,0.47); height: 500px; border-radius: 5px">
 +
                            <img src="./images/ziXinRong.png" style="border-top-left-radius: 5px; border-top-right-radius: 5px; width: 100%">
 +
                            <div style="margin-left: 10px; margin-top: 10px; margin-right: 10px;">
 +
                                <h2 class="card__title">Zixin Rong</h2>
 +
                                <p style="font-size: 15px">
  
−
                        <div data-sjsel="ehp">
+
                                 </p>
−
                            <div class="card">
+
−
                                 <img class="card__picture" src="./images/shiYuLiu.png" alt="">
+
−
                                <div class="card-infos">
+
−
                                    <h2 class="card__title">Shiyu Liu</h2>
+
−
                                    <p class="card__text" style="font-weight: normal">
+
−
                                        Major: Year 2 Biological Sciences.<br>
+
−
                                        Interest: Bird photographing.<br>
+
−
                                        I think that biology is a path for human to understand their connection with every other thing exists, and revere them as we recognize how little we know about ourselves.
+
−
                                    </p>
+
−
                                </div>
+
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
 +
                    </div>
 +
                    <div class="col-xs-3">
 +
                        <div style="box-shadow: 0px 0px 4px rgba(0,0,0,0.47); height: 500px; border-radius: 5px">
 +
                            <img src="./images/siHongYu.png" style="border-top-left-radius: 5px; border-top-right-radius: 5px; width: 100%">
 +
                            <div style="margin-left: 10px; margin-top: 10px; margin-right: 10px;">
 +
                                <h2 class="card__title">Sihong Yu</h2>
 +
                                <p style="font-size: 15px">
 +
                                    Major: Year 3 Biological Sciences.<br>
 +
                                    Interests: Running and music.
 +
                                </p>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </div>
  
−
                        <div data-sjsel="ehp">
+
                <div class="row" style="margin-top: 30px">
−
                            <div class="card">
+
                    <div class="col-xs-3">
−
                                <img class="card__picture" src="./images/xiaoHanZhang.png" alt="">
+
                        <div style="box-shadow: 0px 0px 4px rgba(0,0,0,0.47); height: 500px; border-radius: 5px">
−
                                <div class="card-infos">
+
                            <img src="./images/shiYuLiu.png" style="border-top-left-radius: 5px; border-top-right-radius: 5px; width: 100%">
−
                                    <h2 class="card__title">Xiaohan Zhang</h2>
+
                            <div style="margin-left: 10px; margin-top: 10px; margin-right: 10px;">
−
                                    <p class="card__text" style="font-weight: normal">
+
                                <h2 class="card__title">Shiyu Liu</h2>
−
                                        Year: 2 Major: Applied Chemistry.<br>
+
                                <p style="font-size: 15px">
−
                                        Interests: Psychology and travel enthusiast.<br>
+
                                    Major: Year 2 Biological Sciences.<br>
−
                                        Motto: My motto is "Light the lamp for the world".Termed as "little naturist" by my teammate, Synthetic biology and iGEM means a new continent for me, and take charge of external relations officer and human practice coordinator, iGEM is the best occasion to discover and explore the possibility of myself.
+
                                    Interest: Bird photographing.<br>
−
                                    </p>
+
                                    I think that biology is a path for human to understand their connection with every other thing exists, and revere them as we recognize how little we know about ourselves.
−
                                </div>
+
                                </p>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
−
                        <div data-sjsel="ehp">
+
                    </div>
−
                            <div class="card">
+
                    <div class="col-xs-3">
−
                                <img class="card__picture" src="./images/xuXuanWu.png" alt="">
+
                        <div style="box-shadow: 0px 0px 4px rgba(0,0,0,0.47); height: 500px; border-radius: 5px">
−
                                <div class="card-infos">
+
                            <img src="./images/xiaoHanZhang.png" style="border-top-left-radius: 5px; border-top-right-radius: 5px; width: 100%">
−
                                    <h2 class="card__title">Yuxuan Wu</h2>
+
                            <div style="margin-left: 10px; margin-top: 10px; margin-right: 10px;">
−
                                    <p class="card__text">
+
                                <h2 class="card__title">Xiaohan Zhang</h2>
−
                                        Major: Year 1 Bioinformatics.<br>
+
                            <p>
−
                                        Interests: Reading novels; Watching movies; Daydreaming.<br>
+
                                Year: 2 Major: Applied Chemistry.<br>
−
                                        Motto: Real change can only come from within.
+
                                Interests: Psychology and travel enthusiast.<br>
−
                                    </p>
+
 
−
                                </div>
+
                                </p>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 +
                   
 +
 
                 </div>
 
                 </div>
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 
             </div>
 
             </div>
−
         </main>
+
            <div class="col-xs-1"></div>
 +
         </div>
  
−
        <script type="text/javascript">
 
−
            document.querySelector('#sortable').sortablejs()
 
−
        </script>
 
 
     </div>
 
     </div>
  
Line 556: Line 506:
 
         <div class="container-fluid" style="margin-top: 50px">
 
         <div class="container-fluid" style="margin-top: 50px">
 
             <div class="row" style="padding: 0px 100px">
 
             <div class="row" style="padding: 0px 100px">
−
                 <div class="col-md-4" style="padding:0 5%;">
+
                 <div class="col-md-4" style="padding-left:5%; padding-right:5%;">
−
                    <div style="height: 100%">
+
                <div style="height: 100%">
−
                        <img style="margin-top: 50px; width: 100%" src="https://static.igem.org/mediawiki/2018/3/3a/T--XJTLU-CHINA--qide.png">
+
                    <img style="margin-top: 50px; width: 100%" src="https://static.igem.org/mediawiki/2018/3/3a/T--XJTLU-CHINA--qide.png">
−
                        <img style="margin-top: 70px; width: 100%" src="https://static.igem.org/mediawiki/2018/3/3d/T--XJTLU-CHINA--NEB_logo.png">
+
                    <img style="margin-top: 70px; width: 100%" src="https://static.igem.org/mediawiki/2018/3/3d/T--XJTLU-CHINA--NEB_logo.png">
−
                    </div>
+
 
                 </div>
 
                 </div>
−
                <div class="col-md-4" style="padding:0 5%;">
+
            </div>
−
                    <div style="height: 100%">
+
            <div class="col-md-4" style="padding:0 5%;">
−
                        <img src="https://static.igem.org/mediawiki/2018/b/b9/T--XJTLU-CHINA--genscript.png" style="width: 100%">
+
                <div style="height: 100%">
−
                        <img style="margin-top: 30px; width: 100%" src="https://static.igem.org/mediawiki/2018/0/02/T--XJTLU-CHINA--xjtlubio.png">
+
                    <img src="https://static.igem.org/mediawiki/2018/b/b9/T--XJTLU-CHINA--genscript.png" style="width: 100%">
−
                    </div>
+
                    <img style="margin-top: 30px; width: 100%" src="https://static.igem.org/mediawiki/2018/0/02/T--XJTLU-CHINA--xjtlubio.png">
 
                 </div>
 
                 </div>
−
                <div class="col-md-4" style="padding:0 5%;">
+
            </div>
−
                    <div>
+
            <div class="col-md-4" style="padding:0 5%;">
−
                        <img style="margin-top: 60px; width: 100%" src="https://static.igem.org/mediawiki/2018/3/36/T--XJTLU-CHINA--math.png">
+
                <div>
−
                        <img style="margin-top: 100px; width: 100%" src="https://static.igem.org/mediawiki/2018/0/0a/T--XJTLU-CHINA--Synbio.png">
+
                    <img style="margin-top: 60px; width: 100%" src="https://static.igem.org/mediawiki/2018/3/36/T--XJTLU-CHINA--math.png">
−
                    </div>
+
                    <img style="margin-top: 100px; width: 100%" src="https://static.igem.org/mediawiki/2018/0/0a/T--XJTLU-CHINA--Synbio.png">
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 +
 
         </div>
 
         </div>
 
     </div>
 
     </div>
Line 583: Line 533:
 
             <div class="col-md-4">
 
             <div class="col-md-4">
 
                 <div>
 
                 <div>
−
                     <p style="font-size: 26px; color: white;">Location</p>
+
                     <p style="font-size: 26px; font-family:'Open-Sans-L'; color: white;">Location</p>
 
                 </div>
 
                 </div>
 
                 <div>
 
                 <div>
−
                     <p style="line-height: 15px; font-size: 16px; color: white;">Rm 363, Science Building</p>
+
                     <p style="line-height: 15px; font-size: 16px;font-family:'Lato-Light'; color: white;">Rm 363, Science Building</p>
−
                     <p style="line-height: 15px; font-size: 16px; color: white;">Xi'an Jiaotong-Liverpool University</p>
+
                     <p style="line-height: 15px; font-size: 16px;font-family:'Lato-Light'; color: white;">Xi'an Jiaotong-Liverpool University</p>
−
                     <p style="line-height: 15px; font-size: 16px; color: white;">111 Ren'ai Road, Suzhou, China</p>
+
                     <p style="line-height: 15px; font-size: 16px;font-family:'Lato-Light'; color: white;">111 Ren'ai Road, Suzhou, China</p>
−
                     <p style="line-height: 16px; font-size: 16px; color: white;">215123</p>
+
                     <p style="line-height: 16px; font-size: 16px;font-family:'Lato-Light'; color: white;">215123</p>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
             <div class="col-md-4">
 
             <div class="col-md-4">
 
                 <div>
 
                 <div>
−
                     <p style="font-size: 26px; color: white;">Social</p>
+
                     <p style="font-size: 26px; font-family:'Open-Sans-L'; color: white;">Social</p>
 
                 </div>
 
                 </div>
 
                 <div>
 
                 <div>
−
                     <p style="line-height: 15px; font-size: 16px; color: white;">FB</p>
+
                     <p style="line-height: 15px; font-size: 16px;font-family:'Lato-Light'; color: white;">FB</p>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
             <div class="col-md-3">
 
             <div class="col-md-3">
 
                 <div>
 
                 <div>
−
                     <p style="font-size: 26px; color: white;">Get in touch</p>
+
                     <p style="font-size: 26px; font-family:'Open-Sans-L'; color: white;">Get in touch</p>
 
                 </div>
 
                 </div>
 
                 <div>
 
                 <div>
−
                     <p style="line-height: 15px; font-size: 16px; color: white;">igem@xjtlu.edu.cn</p>
+
                     <p style="line-height: 15px; font-size: 16px;font-family:'Lato-Light'; color: white;">igem@xjtlu.edu.cn</p>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
 
     </div>
 
     </div>
 +
 +
   
  
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 03:44, 18 October 2018

OUR MEMBER & BACKUP FORCE

Haohui Fang

Major: Year 2 Biological Sciences
Interests: Socializing, watching sports games, participating pubic activities, exchanging insights on a specific topic.
Motto: Always seeking the unknown, keeping daily refreshed, accepting new challenges. Finally back to the unpretentious, reaching internal resonance.

Mian Wu

Major: Applied Mathemantics.
Interests: R&B, play go game.
Motto: Complex is better than complicated.
Though the math rely on calculation, but why not give the task to computer programs.

Dr. Guoxia Han

Position：Associate Professor of Department of Biological Sciences.

Dr. David, Sung Kay, Chiu

Position: Associate Professor of Department of Biological Sciences.

Di Zhen

Major: Year 1/Bioinformatics.
Interests: Love biology and programming, two amazing things in the world. Also, Playing the piano.
Motto: No challenge, no change.

Hanfu Shi

Major: Year 2 Bioinformatics.
Interest: Comics.

Hanpu Wang

Major: Year 1 Biological Sciences
Interests: love biology and doing research, especially finding out unknown molecular mechanisms inside cells. I like arts, all kinds of poems & music. I am always curious.

Qinyu Ni

Major: Year 1 Bioinformatics
Interests: rock music, classical literature and delicacy.
Motto: Carpe diem. viva la vida.

Prof. Dechang Xu

Director of Research Office, XJTLU.
Deputy director of International Technology Transfer Centre.

Haoping Cheng

Major: Year 2, Biological Sciences.
Interests: Games and Traveling.
Motto: Be happy for this moment. This moment is your life.

Yuxuan Wu

Major: Year 1 Bioinformatics.
Interests: Reading novels; Watching movies; Daydreaming.
Motto: Real change can only come from within.

Zeyu Yang

Major: Year 2, Information and Computing Science.

Mr. Yunpeng Zhong

Yijing Gong

Junliang Lin

Major: Year 2 Biological Sciences.
Interests: Biomedical and human remodeling.
Motto: ”God's in his heaven, all's right with the world.”

Liuhua Chen

Major: 2nd year Biology.
Interest: Cooking and Baking.
Motto: Every step counts.

Peng Chai

Major: Year two student Biological Sciences.
Interests: Explore the world and enjoy my life.
Motto: How time flies, be with someone interesting.

Miaoyan.Li

Major: Year two Biological Sciences.
Interest: Piano.
Motto: You are filled with determination.

Zixin Rong

Sihong Yu

Major: Year 3 Biological Sciences.
Interests: Running and music.

Shiyu Liu

Major: Year 2 Biological Sciences.
Interest: Bird photographing.
I think that biology is a path for human to understand their connection with every other thing exists, and revere them as we recognize how little we know about ourselves.

Xiaohan Zhang

Year: 2 Major: Applied Chemistry.
Interests: Psychology and travel enthusiast.

Collaborators and Supporters

Location

Rm 363, Science Building

Xi'an Jiaotong-Liverpool University

111 Ren'ai Road, Suzhou, China

215123

Social

FB

Get in touch

igem@xjtlu.edu.cn