Difference between revisions of "Team:Fudan-CHINA"

Line 5: Line 5:
 
 
 
<!--page-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
<!--page-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
<img id="bgPc" src="https://wallpapers.wallhaven.cc/wallpapers/full/wallhaven-643151.jpg"/>
+
<img id="bgPc" src="https://static.igem.org/mediawiki/2018/0/0a/T--Fudan-CHINA--bgimgDNA1.jpg"/>
 
<style>
 
<style>
 
#bgPc{
 
#bgPc{
Line 11: Line 11:
 
top:0;
 
top:0;
 
z-index: -100;
 
z-index: -100;
-webkit-filter: brightness(0.8);
+
-webkit-filter: brightness(0.6);
filter: brightness(0.8);
+
filter: brightness(0.6);
 
}
 
}
 
</style>
 
</style>
Line 101: Line 101:
  
 
</script>
 
</script>
 +
 +
 +
 +
<link rel="stylesheet" type="text/css"
 +
href="https://2018.igem.org/wiki/index.php?title=Template:Fudan-CHINA/moreMenu&action=raw&ctype=text/css">
 +
<div class="trade-content">
 +
            <div class="trade-title">
 +
                <div class="theDivTitle">LEARN MORE</div>
 +
            </div>
 +
            <div class="trade-black">
 +
                <div class="trade-box">
 +
                    <div class="trade-box-list">
 +
                        <div class="trade-box-item item01">
 +
                            <a href="#">
 +
                                <div class="item-logo">
 +
                                    <i class="fa fa-cogs"></i>
 +
                                </div>
 +
                                <div class="item-title">Project</div>
 +
                                <div class="item-text">
 +
                                    Project
 +
                                </div>
 +
                            </a>
 +
                        </div>
 +
                        <div class="trade-box-item item02">
 +
                            <a href="#">
 +
                                <div class="item-logo">
 +
                                    <i class="fa fa-area-chart"></i>
 +
                                </div>
 +
                                <div class="item-title">Modeling</div>
 +
                                <div class="item-text">
 +
                                    Modeling
 +
                                </div>
 +
                            </a>
 +
                        </div>
 +
                        <div class="trade-box-item item03">
 +
                            <a href="#">
 +
                                <div class="item-logo">
 +
                                  <i class="fa fa-h-square"></i>
 +
                                </div>
 +
                                <div class="item-title">Human Practice</div>
 +
                                <div class="item-text">
 +
                                    Human Practice
 +
                                </div>
 +
                            </a>
 +
                        </div>
 +
                        <div class="trade-box-item item04">
 +
                            <a href="#">
 +
                                <div class="item-logo">
 +
                                    <i class="fa fa-lightbulb-o"></i>
 +
                                </div>
 +
                                <div class="item-title">Awards</div>
 +
                                <div class="item-text">
 +
                                    Awards
 +
                                </div>
 +
                            </a>
 +
                        </div>
 +
                        <div class="trade-box-item item05">
 +
                            <a href="#">
 +
                                <div class="item-logo">
 +
                                  <i class="fa fa-group"></i>
 +
                                </div>
 +
                                <div class="item-title">Team</div>
 +
                                <div class="item-text">
 +
                                    Team
 +
                                </div>
 +
                            </a>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
 +
<style>
 +
.theDivTitle{
 +
color: rgba(51,51,51,1);
 +
font-family: Arial,Helvetica;
 +
font-weight: 900;
 +
font-size: 2.5vw;
 +
padding:0;
 +
margin: 0;
 +
}
 +
</style>
 
 
 
 
Line 130: Line 212:
 
overflow: hidden;
 
overflow: hidden;
 
text-align: center;
 
text-align: center;
padding:2vw 0;
+
padding:5vw 0 4vw 0;
 
background-color: white;
 
background-color: white;
 
}
 
}
Line 154: Line 236:
 
function scsl(){
 
function scsl(){
 
slideInTop($("#spImg1"),$("#spImg1"),0);
 
slideInTop($("#spImg1"),$("#spImg1"),0);
slideInTop($("#spImg2"),$("#spImg1"),300);
+
slideInTop($("#spImg2"),$("#spImg1"),0);
slideInTop($("#spImg3"),$("#spImg1"),600);
+
slideInTop($("#spImg3"),$("#spImg1"),0);
 
slideInTop($("#spImg4"),$("#spImg4"),0);
 
slideInTop($("#spImg4"),$("#spImg4"),0);
slideInTop($("#spImg5"),$("#spImg4"),300);
+
slideInTop($("#spImg5"),$("#spImg4"),0);
slideInTop($("#spImg6"),$("#spImg4"),600);
+
slideInTop($("#spImg6"),$("#spImg4"),0);
 
};
 
};
 
</script>
 
</script>
Line 266: Line 348:
 
</script>
 
</script>
 
 
 
+
 
 
+
+
 
<!---------------------------------------------------------------------------------------------------------------------------------------------------->
 
<!---------------------------------------------------------------------------------------------------------------------------------------------------->
 
 

Revision as of 10:11, 28 September 2018

S T E P
Synthetic Transducer Engineering Platform

  Address



G604, School of Life Sciences, Fudan University
2005 Songhu Road, Yangpu, Shanghai, China