Difference between revisions of "Team:NJU-China/Team"

Line 137: Line 137:
 
.effect-2 .social-touch{background-color: #1fb554; float: left; left: 0; bottom: 0px; overflow: hidden; padding: 5px 0; width: 100%; transition: 0.4s;}
 
.effect-2 .social-touch{background-color: #1fb554; float: left; left: 0; bottom: 0px; overflow: hidden; padding: 5px 0; width: 100%; transition: 0.4s;}
 
.effect-2:hover .member-image{height: 120px; transition: 0.4s;}
 
.effect-2:hover .member-image{height: 120px; transition: 0.4s;}
/*= effect-2 css end =*/
+
 
/*= effect-9 css =*/
+
.effect-9{max-height: 350px; min-height: 350px; overflow: hidden;  perspective: 800px;color: black;}
+
.effect-9 h3{line-height: 15px;}
+
.effect-9 h5{padding-bottom:-10px;padding-top:0px;}
+
.effect-9 .member-image{position: absolute; bottom: -85px; height: 100%; transition: 0.4s; z-index: 1;}
+
.effect-9 .member-image img{transition: 0.4s; height: 100%;}
+
.effect-9 .more-info{height: 240px; transition: 0.4s; overflow: hidden; position: relative; background-color: none;padding:20px;}
+
.effect-9:hover .member-image{transform: translateY(100%); transition: 0.4s;}
+
/*= effect-9 css end =*/
+
 
</style>
 
</style>
 
        
 
        
Line 339: Line 330:
 
</h2>
 
</h2>
 
<div style="text-align: center">
 
<div style="text-align: center">
                 <div class="revealator-zoomin revealator-delay1" style="display: inline-block;width:400px;height:450px;margin-right:50px;bottom: -200px;">
+
                 <div class="revealator-zoomin revealator-delay1" style="display: inline-block;width:400px;height:450px;margin-right:50px;">
                     <div class="single-member effect-2">
+
                     <div class="single-member effect-2" style="max-height: 450px; min-height: 450px;">
 
            <div class="member-image">
 
            <div class="member-image">
 
                <img src="https://static.igem.org/mediawiki/2017/6/6f/NJU_China_iGEM_2017_Team_Member.jpg" alt="Member">
 
                <img src="https://static.igem.org/mediawiki/2017/6/6f/NJU_China_iGEM_2017_Team_Member.jpg" alt="Member">
Line 356: Line 347:
 
            </div>
 
            </div>
 
                 </div>
 
                 </div>
                 <div class="revealator-zoomin revealator-delay2" style="display: inline-block;width:400px;height:450px;border-bottom: -120px;">
+
                 <div class="revealator-zoomin revealator-delay2" style="display: inline-block;width:400px;height:450px;">
                     <div class="single-member effect-2">
+
                     <div class="single-member effect-2" style="max-height: 450px; min-height: 450px;">
 
            <div class="member-image">
 
            <div class="member-image">
 
                <img src="https://static.igem.org/mediawiki/2017/6/6f/NJU_China_iGEM_2017_Team_Member.jpg" alt="Member">
 
                <img src="https://static.igem.org/mediawiki/2017/6/6f/NJU_China_iGEM_2017_Team_Member.jpg" alt="Member">

Revision as of 07:53, 15 October 2017

TEAM

TEAM

PI

Member

Sophia

ShowGilr

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Member

Sophia

ShowGilr

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Team Members

Member

Sophia

ShowGilr

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Member

Sophia

ShowGilr

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Member

Sophia

ShowGilr

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Member

Sophia

ShowGilr

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Member

Sophia

ShowGilr

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Member

Sophia

ShowGilr

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Member

Sophia

ShowGilr

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Member

Sophia

ShowGilr

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

ATTRIBUTIONS

READ MORE

COLLABORATION

READ MORE