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

Line 160: Line 160:
  
 
     </style>
 
     </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>
+
−
    <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>
+
  
 
</head>
 
</head>
−
<body style="padding: 0px; background-color: rgb(84,146,197);">
+
<body style="padding: 0px; background-color: transparent">
 
     <div class="container-fluid">
 
     <div class="container-fluid">
−
          
+
         <nav class="navbar navbar-default navbar-fixed-top" style="box-shadow: 1px 2px 4px rgba(43,43,43,0.5); margin-bottom: 0px">
 +
            <div class="container-fluid">
 +
                <!-- Brand and toggle get grouped for better mobile display -->
 +
                <div class="navbar-header">
 +
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
 +
                        <span class="sr-only">Toggle navigation</span>
 +
                        <span class="icon-bar"></span>
 +
                        <span class="icon-bar"></span>
 +
                        <span class="icon-bar"></span>
 +
                    </button>
 +
                    <a class="navbar-brand" href="#">
 +
                        <div style="width: 100px">
 +
                            <img src="images/brand.png">
 +
                        </div>
 +
                    </a>
 +
                </div>
  
−
    </div>
+
                <!-- Collect the nav links, forms, and other content for toggling -->
−
    <div class="container-fluid" style="width: 100%; height: 600px; margin-top: 35px; background-color: rgba(43,43,43,0.57)">
+
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
−
        <h1 style="color: rgba(67,67,67,0.71); text-align: center; margin-top: 250px">
+
                    <ul class="nav navbar-nav">
−
            此处还缺一张合照
+
                        <li style="margin-left: 100px"><a href="homePage.html">Home</a></li>
−
        </h1>
+
                        <li class="dropdown">
−
    </div>
+
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Project <span class="caret"></span></a>
−
 
+
                            <ul class="dropdown-menu">
−
    <div class="container-fluid" style="background-color: white; padding-bottom: 50px" id="learnMore">
+
                                <li><a href="exosome_biogenesis.html">Exosome Biogenesis</a></li>
−
        <main class="sortable">
+
                                <li><a href="RNA%20Packaging.html">RNA Packaging</a></li>
−
            <div class="container">
+
                                <li><a href="RNA%20Stabilization.html">RNA Stabilization</a></li>
−
                <div class="wrapper">
+
                                <li><a href="TargetingAndDelivery.html">Targeting and Delivery</a></li>
−
                    <ul class="sortable__nav nav" style="margin-bottom: 20px">
+
                                <li><a href="Results.html">Results</a></li>
−
                        <li>
+
                             </ul>
−
                            <a data-sjslink="all" class="nav__link" style="color: black; background-color: white">
+
−
                                ALL
+
−
                             </a>
+
 
                         </li>
 
                         </li>
−
                         <li>
+
                         <li class="dropdown">
−
                             <a data-sjslink="bf" class="nav__link" style="color: black; background-color: white">
+
                             <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Modelling <span class="caret"></span></a>
−
                                 BACKUP FORCE
+
                            <ul class="dropdown-menu">
−
                            </a>
+
                                 <li><a href="Modeling.html">Our Model</a></li>
 +
                                <li><a href="Modelling%202.html">Pharmacokinetic model</a></li>
 +
                                <li><a href="Modelling3.html">Drug delivery simulation</a></li>
 +
                                <li><a href="Modelling1.html">Functional exosome production system</a></li>
 +
                            </ul>
 
                         </li>
 
                         </li>
−
                         <li>
+
                         <li class="dropdown">
−
                             <a data-sjslink="ehp" class="nav__link" style="color: black; background-color: white">
+
                             <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Human Practice<span class="caret"></span></a>
−
                                 EXPERIMENT & HUMAN PRACTICES
+
                            <ul class="dropdown-menu">
−
                            </a>
+
                                 <li><a href="HP_Silver.html">silver</a></li>
 +
                                <li><a href="HP_Gold.html">gold</a></li>
 +
                                <li><a href="Education.html">education</a></li>
 +
                                <li><a href="Collaboration.html">collaboration</a></li>
 +
                                <li><a href="SurveyAndPolicy.html">survy and policy</a></li>
 +
                            </ul>
 
                         </li>
 
                         </li>
−
                         <li>
+
                         <li class="dropdown">
−
                             <a data-sjslink="wm" class="nav__link" style="color: black; background-color: white">
+
                             <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Notebook <span class="caret"></span></a>
−
                                 WIKI WEBPAGE & MODELING
+
                            <ul class="dropdown-menu">
−
                            </a>
+
                                 <li><a href="Lab%20Book.html">Lab Book</a></li>
 +
                                <li><a href="protocals.html">Protocols</a></li>
 +
                            </ul>
 
                         </li>
 
                         </li>
−
 
+
                        <li class="dropdown">
−
 
+
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Team <span class="caret"></span></a>
 +
                            <ul class="dropdown-menu">
 +
                                <li><a href="Members.html">Members</a></li>
 +
                                <li><a href="Attributions.html">Attribution</a></li>
 +
                                <li><a href="Collaboration.html">Collaboration</a></li>
 +
                            </ul>
 +
                        </li>
 +
                        <li><a href="Safety.html">Safety</a></li>
 +
                        <li><a href="Interlab.html">InterLab</a></li>
 
                     </ul>
 
                     </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><!-- /.navbar-collapse -->
−
                                    <div class="card-infos">
+
            </div><!-- /.container-fluid -->
−
                                        <h2 class="card__title">Haohui Fang</h2>
+
        </nav>
−
                                        <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>
+
    <div class="container-fluid" style="padding: 0px; margin-top: 35px">
−
                        <div data-sjsel="wm">
+
        <img src="images/hezhao.png">
−
                            <div class="card">
+
    </div>
  
−
                                    <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>
 
−
                        <div data-sjsel="bf">
 
−
                            <div class="card">
 
  
−
                                    <img class="card__picture" src="./images/han.guo.xia.png" alt="">
 
−
                                    <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>
 
  
−
                        <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>
+
    <div class="container-fluid" style="background-color: white; padding-bottom: 50px" id="learnMore">
−
                        </div>
+
  
−
                        <div data-sjsel="ehp">
+
        <p style="text-align: center; margin-top: 50px; font-size: 25px">OUR MEMBER & BACKUP FORCE</p>
−
                            <div class="card">
+
  
−
                                    <img class="card__picture" src="./images/zhen_di.png" alt="">
+
        <div class="row" style="margin-top: 50px; margin-bottom: 50px">
−
                                    <div class="card-infos">
+
            <div class="col-xs-1"></div>
−
                                        <h2 class="card__title">Di Zhen</h2>
+
            <div class="col-xs-10">
−
                                        <p class="card__text" style="font-weight: normal">
+
−
                                            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 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="./images/fang.hao.hui.png" style="border-top-left-radius: 5px; border-top-right-radius: 5px; width: 100%">
 +
                            <div style="margin-left: 10px; margin-top: 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 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="./images/wu.mian.jpg" 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">
−
                                        <h2 class="card__title">Hanfu Shi</h2>
+
                                <h2 class="card__title">Mian Wu</h2>
−
                                        <p class="card__text" style="font-weight: normal">
+
                                <p style="font-size: 15px">
−
                                            Major: Year 2 Bioinformatics.<br>
+
                                    Major: Applied Mathemantics.<br>
−
                                            Interest: Comics.<br>
+
                                    Interests: R&B, play go game.<br>
−
                                            Motto: There's no such thing as miracles, only the inevitable, and the accidental – and what we do.<br>
+
                                    Motto: Complex is better than complicated.<br>
−
                                            I am the bone of my sword. Steel is my body and fire is my blood.
+
                                    Though the math rely on calculation, but why not give the task to computer programs.
−
                                            I have created over a thousand blades. Unknown to Death. Nor known to life.
+
                                </p>
−
                                            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="./images/han.guo.xia.png" style="border-top-left-radius: 5px; border-top-right-radius: 5px; width: 100%">
 +
                            <div style="margin-left: 10px; margin-top: 10px">
 +
                                <h2 class="card__title">Dr. Guoxia Han</h2>
 +
                                <p style="font-size: 15px">
 +
                                    Position：Associate Professor of Department of Biological Sciences.<br>
 +
                                </p>
 +
                            </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/David.png" style="border-top-left-radius: 5px; border-top-right-radius: 5px; width: 100%">
 +
                            <div style="margin-left: 10px; margin-top: 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="./images/zhen_di.png" style="border-top-left-radius: 5px; border-top-right-radius: 5px; width: 100%">
 +
                            <div style="margin-left: 10px; margin-top: 10px">
 +
                                <h2 class="card__title">Haohui Fang</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="./images/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">
−
                                        <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="./images/hanPuWang.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">
−
                                        <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. I love to make changes through my gradual comprehension of the word.
−
                                     </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="./images/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">
−
                                        <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="./images/DechangXu.png" style="border-top-left-radius: 5px; border-top-right-radius: 5px; width: 100%">
 +
                            <div style="margin-left: 10px; margin-top: 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="./images/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">
−
                                        <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="./images/hanPuWang.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">
−
                                        <h2 class="card__title">Yijing Gong</h2>
+
                                <h2 class="card__title">Hanpu Wang</h2>
−
                                        <p class="card__text" style="font-weight: normal">
+
                                <p style="font-size: 15px">
−
 
+
                                    Major: Year 1 Biological Sciences<br>
−
                                        </p>
+
                                     Interests: love biology and doing research, especially finding out unknown molecular mechanisms inside cells.
−
                                     </div>
+
                                    I like arts, all kinds of poems & music. I am always curious. I love to make changes through my gradual comprehension of the word.
−
 
+
                                </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="./images/me.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">
−
                                        <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="./images/yunPengZhong.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">
−
                                            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="./images/yiJingGong.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">
−
                                        <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="./images/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">
−
                                    <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="./images/liuHuaChen.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">
−
                                    <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="./images/pengChai.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">
−
                                    <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">
 +
                                <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">
 +
                                <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">
 +
                                <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">
−
                                    <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">
−
                                    <p class="card__text">
+
                                <h2 class="card__title">Xiaohan Zhang</h2>
−
                                        Major: Year 1 Bioinformatics.<br>
+
                                Year: 2 Major: Applied Chemistry.<br>
−
                                        Interests: Reading novels; Watching movies; Daydreaming.<br>
+
                                Interests: Psychology and travel enthusiast.<br>
−
                                        Motto: Real change can only come from within.
+
 
−
                                    </p>
+
                                </p>
−
                                </div>
+
 
                             </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/xuXuanWu.png" style="border-top-left-radius: 5px; border-top-right-radius: 5px; width: 100%">
 +
                            <div style="margin-left: 10px; margin-top: 10px">
 +
                                <h2 class="card__title">Yuxuan Wu</h2>
 +
                                <p style="font-size: 15px">
 +
                                    Major: Year 1 Bioinformatics.<br>
 +
                                    Interests: Reading novels; Watching movies; Daydreaming.<br>
 +
                                    Motto: Real change can only come from within.
 +
                                </p>
 +
                            </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 544: Line 590:
 
         <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 571: Line 617:
 
             <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>

Revision as of 02:14, 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.

Haohui Fang

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. I love to make changes through my gradual comprehension of the word.

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.

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. I love to make changes through my gradual comprehension of the word.

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.

Yuxuan Wu

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

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