Difference between revisions of "Team:SJTU-BioX-Shanghai/Team"

Line 42: Line 42:
 
         .introbox {
 
         .introbox {
 
             padding: 3rem;
 
             padding: 3rem;
 +
            width: 80%;
 
         }
 
         }
 
          
 
          
 
         .introbox .name {
 
         .introbox .name {
−
             padding: 0.5rem 0 1rem 0;
+
             padding: 0.5rem 0 0.1rem 0;
−
             font-size: 130%;
+
             font-size: 140%;
 
             font-weight: 500;
 
             font-weight: 500;
 +
            color: #E0E0E0;
 +
        }
 +
       
 +
        .introbox .identi {
 +
            padding: 0 0 1rem 0;
 +
            color: #E0E0E0;
 +
        }
 +
       
 +
        .introbox .identi p {
 +
            padding: 0 0 0.2rem 0;
 +
            font-size: 90%;
 
         }
 
         }
 
          
 
          
Line 53: Line 65:
 
             font-family: 'Raleway';
 
             font-family: 'Raleway';
 
             color: #D0D0D0;
 
             color: #D0D0D0;
 +
        }
 +
       
 +
        .flex-r {
 +
            display: flex;
 +
            justify-content: flex-start;
 +
            align-items: center;
 +
        }
 +
       
 +
        .flex-l {
 +
            display: flex;
 +
            justify-content: flex-end;
 +
            align-items: center;
 
         }
 
         }
 
          
 
          
Line 65: Line 89:
 
             .introbox p {
 
             .introbox p {
 
                 font-size: 100%;
 
                 font-size: 100%;
 +
            }
 +
        }
 +
       
 +
        .self-intro img {
 +
            width: 100%;
 +
        }
 +
       
 +
        .row {
 +
            margin: 0 0 0 0;
 +
        }
 +
       
 +
        @media screen and (min-width: 992px) {
 +
            .introbox.lef {
 +
                text-align: right;
 +
            }
 +
        }
 +
       
 +
        @media screen and (max-width: 992px) {
 +
            .flex-r {
 +
                display: flex;
 +
                justify-content: center;
 +
            }
 +
            .flex-l {
 +
                display: flex;
 +
                justify-content: center;
 +
            }
 +
        }
 +
       
 +
        @media screen and (max-width: 992px) {
 +
            .introbox {
 +
                padding: 3rem;
 +
                width: 100%;
 
             }
 
             }
 
         }
 
         }
Line 138: Line 194:
 
                     <img src="https://static.igem.org/mediawiki/2017/7/7e/T--SJTU-BioX-Shanghai--zb.jpeg" class="img-fluid">
 
                     <img src="https://static.igem.org/mediawiki/2017/7/7e/T--SJTU-BioX-Shanghai--zb.jpeg" class="img-fluid">
 
                 </div>
 
                 </div>
−
                 <div class="col-12 col-lg-6 flex-center flex-column">
+
                 <div class="col-12 col-lg-6 flex-r">
 
                     <div class="introbox">
 
                     <div class="introbox">
−
                         <p class="name"> Bozitao Zhong </p>
+
                         <p class="name">Bozitao Zhong </p>
−
                         <p> The team leader of our team I am a sophomore major in bioinformatics.</p>
+
                        <div class="identi">
−
                         <p> I like biology, and iGEM let get intense interaction with the lab work. After complete to organize a program, I think my dream can soon come true. </p>
+
                            <p>Sophomore, major in bioinformatics</p>
 +
                            <p>School of Life Science and Biotechnology</p>
 +
                        </div>
 +
                         <p>The team leader of our team.</p>
 +
                         <p>I like biology, and iGEM let get intense interaction with the lab work. </p>
 +
                        <p>After complete to organize a program, I think my dream can soon come true. </p>
 
                         <p>And my interesting lines: </p>
 
                         <p>And my interesting lines: </p>
−
                         <p> I've seen things people wouldn't believe. </p>
+
                         <p>I've seen things people wouldn't believe. </p>
−
                         <p> Attack groups on fire under the inert environment. </p>
+
                         <p>Attack groups on fire under the inert environment. </p>
−
                         <p> I watched x-rays glitter in the dark near the lattice defect. </p>
+
                         <p>I watched x-rays glitter in the dark near the lattice defect. </p>
−
                         <p> All those...moments will be lost...in time. </p>
+
                         <p>All those...moments will be lost...in time. </p>
−
                         <p> Like aromaticity in the ring. </p>
+
                         <p>Like aromaticity in the ring. </p>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
             <div class="row">
 
             <div class="row">
−
                 <div class="col-12 col-md-6 order-2 order-md-1">
+
                 <div class="col-12 col-lg-6 order-2 order-lg-1 flex-l">
 +
                    <div class="introbox lef">
 +
                        <p class="name">Zhuoyang Chen</p>
 +
                        <div class="identi">
 +
                            <p>Senoir, major in bioengineering</p>
 +
                            <p>School of Life Science and Biotechnology</p>
 +
                        </div>
  
 +
                        <p>I possess the knowledge of many subjects like digital circuit and computer science. </p>
 +
                        <p>I am good at analyzing data and phenomenon and know a little about machine manipulation. I am a slow walker, but I never walk back.</p>
 +
 +
                    </div>
 
                 </div>
 
                 </div>
−
                 <div class="col-12 col-md-6 order-1 order-md-2">
+
                 <div class="col-12 col-lg-6 order-1 order-lg-2">
 
                     <img src="https://static.igem.org/mediawiki/2017/d/d0/T--SJTU-BioX-Shanghai--dy.jpeg" class="img-fluid">
 
                     <img src="https://static.igem.org/mediawiki/2017/d/d0/T--SJTU-BioX-Shanghai--dy.jpeg" class="img-fluid">
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
             <div class="row">
 
             <div class="row">
−
                 <div class="col-12 col-md-6">
+
                 <div class="col-12 col-lg-6">
 
                     <img src="https://static.igem.org/mediawiki/2017/8/80/T--SJTU-BioX-Shanghai--bz.jpeg" class="img-fluid">
 
                     <img src="https://static.igem.org/mediawiki/2017/8/80/T--SJTU-BioX-Shanghai--bz.jpeg" class="img-fluid">
 
                 </div>
 
                 </div>
−
                 <div class="col-12 col-md-6">
+
                 <div class="col-12 col-lg-6 flex-r">
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
             <div class="row">
 
             <div class="row">
−
                 <div class="col-12 col-md-6 order-2 order-md-1">
+
                 <div class="col-12 col-lg-6 order-2 order-lg-1 flex-l">
 
                 </div>
 
                 </div>
−
                 <div class="col-12 col-md-6 order-1 order-md-2">
+
                 <div class="col-12 col-lg-6 order-1 order-lg-2">
 
                     <img src="https://static.igem.org/mediawiki/2017/1/18/T--SJTU-BioX-Shanghai--gg.jpeg" class="img-fluid">
 
                     <img src="https://static.igem.org/mediawiki/2017/1/18/T--SJTU-BioX-Shanghai--gg.jpeg" class="img-fluid">
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
             <div class="row">
 
             <div class="row">
−
                 <div class="col-12 col-md-6">
+
                 <div class="col-12 col-lg-6">
 
                     <img src="https://static.igem.org/mediawiki/2017/3/37/T--SJTU-BioX-Shanghai--gc.jpeg" class="img-fluid">
 
                     <img src="https://static.igem.org/mediawiki/2017/3/37/T--SJTU-BioX-Shanghai--gc.jpeg" class="img-fluid">
 
                 </div>
 
                 </div>
−
                 <div class="col-12 col-md-6">
+
                 <div class="col-12 col-lg-6 flex-r">
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
             <div class="row">
 
             <div class="row">
−
                 <div class="col-12 col-md-6 order-2 order-md-1">
+
                 <div class="col-12 col-lg-6 order-2 order-lg-1 flex-l">
 
                 </div>
 
                 </div>
−
                 <div class="col-12 col-md-6 order-1 order-md-2">
+
                 <div class="col-12 col-lg-6 order-1 order-lg-2">
 
                     <img src="https://static.igem.org/mediawiki/2017/0/06/T--SJTU-BioX-Shanghai--lxq.jpeg" class="img-fluid">
 
                     <img src="https://static.igem.org/mediawiki/2017/0/06/T--SJTU-BioX-Shanghai--lxq.jpeg" class="img-fluid">
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
             <div class="row">
 
             <div class="row">
−
                 <div class="col-12 col-md-6">
+
                 <div class="col-12 col-lg-6">
 
                     <img src="https://static.igem.org/mediawiki/2017/5/53/T--SJTU-BioX-Shanghai--pzs.jpeg" class="img-fluid">
 
                     <img src="https://static.igem.org/mediawiki/2017/5/53/T--SJTU-BioX-Shanghai--pzs.jpeg" class="img-fluid">
 
                 </div>
 
                 </div>
−
                 <div class="col-12 col-md-6">
+
                 <div class="col-12 col-lg-6 flex-r">
 
                 </div>
 
                 </div>
  
 
             </div>
 
             </div>
 
             <div class="row">
 
             <div class="row">
−
                 <div class="col-12 col-md-6 order-2 order-md-1">
+
                 <div class="col-12 col-lg-6 order-2 order-lg-1 flex-l">
  
 
                 </div>
 
                 </div>
−
                 <div class="col-12 col-md-6 order-1 order-md-2">
+
                 <div class="col-12 col-lg-6 order-1 order-lg-2">
 
                     <img src="https://static.igem.org/mediawiki/2017/7/77/T--SJTU-BioX-Shanghai--src.jpeg" class="img-fluid">
 
                     <img src="https://static.igem.org/mediawiki/2017/7/77/T--SJTU-BioX-Shanghai--src.jpeg" class="img-fluid">
 
                 </div>
 
                 </div>
Line 206: Line 277:
 
             </div>
 
             </div>
 
             <div class="row">
 
             <div class="row">
−
                 <div class="col-12 col-md-6">
+
                 <div class="col-12 col-lg-6">
 
                     <img src="https://static.igem.org/mediawiki/2017/8/8a/T--SJTU-BioX-Shanghai--wzj.jpeg" class="img-fluid">
 
                     <img src="https://static.igem.org/mediawiki/2017/8/8a/T--SJTU-BioX-Shanghai--wzj.jpeg" class="img-fluid">
  
  
 
                 </div>
 
                 </div>
−
                 <div class="col-12 col-md-6">
+
                 <div class="col-12 col-lg-6 flex-r">
 
                 </div>
 
                 </div>
  
 
             </div>
 
             </div>
 
             <div class="row">
 
             <div class="row">
−
                 <div class="col-12 col-md-6 order-2 order-md-1">
+
                 <div class="col-12 col-lg-6 order-2 order-lg-1 flex-l">
  
 
                 </div>
 
                 </div>
−
                 <div class="col-12 col-md-6 order-1 order-md-2">
+
                 <div class="col-12 col-lg-6 order-1 order-lg-2">
 
                     <img src="https://static.igem.org/mediawiki/2017/3/30/T--SJTU-BioX-Shanghai--wcw.jpeg" class="img-fluid">
 
                     <img src="https://static.igem.org/mediawiki/2017/3/30/T--SJTU-BioX-Shanghai--wcw.jpeg" class="img-fluid">
 
                 </div>
 
                 </div>
Line 225: Line 296:
 
             </div>
 
             </div>
 
             <div class="row">
 
             <div class="row">
−
                 <div class="col-12 col-md-6">
+
                 <div class="col-12 col-lg-6">
 
                     <img src="https://static.igem.org/mediawiki/2017/e/e4/T--SJTU-BioX-Shanghai--yy.jpeg" class="img-fluid">
 
                     <img src="https://static.igem.org/mediawiki/2017/e/e4/T--SJTU-BioX-Shanghai--yy.jpeg" class="img-fluid">
 
                 </div>
 
                 </div>
−
                 <div class="col-12 col-md-6">
+
                 <div class="col-12 col-lg-6 flex-r">
  
 
                 </div>
 
                 </div>
Line 234: Line 305:
 
             </div>
 
             </div>
 
             <div class="row">
 
             <div class="row">
−
                 <div class="col-12 col-md-6 order-2 order-md-1">
+
                 <div class="col-12 col-lg-6 order-2 order-lg-1 flex-l">
  
 
                 </div>
 
                 </div>
−
                 <div class="col-12 col-md-6 order-1 order-md-2">
+
                 <div class="col-12 col-lg-6 order-1 order-lg-2">
  
 
                     <img src="https://static.igem.org/mediawiki/2017/7/7b/T--SJTU-BioX-Shanghai--zhj.jpeg" class="img-fluid">
 
                     <img src="https://static.igem.org/mediawiki/2017/7/7b/T--SJTU-BioX-Shanghai--zhj.jpeg" class="img-fluid">

Revision as of 15:07, 31 October 2017

Members

Bozitao Zhong

Sophomore, major in bioinformatics

School of Life Science and Biotechnology

The team leader of our team.

I like biology, and iGEM let get intense interaction with the lab work.

After complete to organize a program, I think my dream can soon come true.

And my interesting lines:

I've seen things people wouldn't believe.

Attack groups on fire under the inert environment.

I watched x-rays glitter in the dark near the lattice defect.

All those...moments will be lost...in time.

Like aromaticity in the ring.

Zhuoyang Chen

Senoir, major in bioengineering

School of Life Science and Biotechnology

I possess the knowledge of many subjects like digital circuit and computer science.

I am good at analyzing data and phenomenon and know a little about machine manipulation. I am a slow walker, but I never walk back.

Practice
Collaborations
Team
Attributions