|
|
Line 675: |
Line 675: |
| </script> | | </script> |
| | | |
− |
| + | |
− | <!--TEMPLATE:contact-->
| + | |
− |
| + | |
− | <div id="contactUs">
| + | |
− | <img width="8%">
| + | |
− | <div class="cuCol" id="cuCol1" style="width: 17%;">
| + | |
− | <h1 class="cuH1"><i class="fa fa-link"></i> Useful Links</h1>
| + | |
− | <hr width="50%">
| + | |
− | <br/>
| + | |
− | <div class="cuContent">
| + | |
− | <a target="_blank" href="https://2018.igem.org/Main_Page"><i class="fa fa-caret-right"></i> iGEM Main Page</a>
| + | |
− | <br/>
| + | |
− | <a target="_blank" href="https://2018.igem.org/Main_Page"><i class="fa fa-caret-right"></i> iGEM Special Pages</a>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <img width="5%">
| + | |
− | <div class="cuCol" id="cuCol2" style="width: 17%;">
| + | |
− | <h1 class="cuH1"><i class="fa fa-envelope-o"></i> Email</h1>
| + | |
− | <hr width="50%">
| + | |
− | <br/>
| + | |
− | <div class="cuContent">
| + | |
− | <a href="mailto:igem@fudan.edu.cn"><i class="fa fa-caret-right"></i> igem@fudan.edu.cn</a>
| + | |
− | <br/>
| + | |
− | <a href="mailto:kfjin16@fudan.edu.cn"><i class="fa fa-caret-right"></i> kfjin16@fudan.edu.cn</a>
| + | |
− |
| + | |
− | <br/>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <img width="5%">
| + | |
− | <div class="cuCol" id="cuCol3" style="width: 30%;">
| + | |
− | <h1 class="cuH1"><i class="fa fa-paper-plane"></i> Address</h1>
| + | |
− | <hr width="50%">
| + | |
− | <br/>
| + | |
− | <div class="cuContent">
| + | |
− | G604, School of Life Sciences, Fudan University<br/>
| + | |
− | 2005 Songhu Road, Yangpu, Shanghai, China
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <img id="cuTeamImg" src="https://static.igem.org/mediawiki/2018/f/fc/T--Fudan-CHINA--teamBadgeWhite.png"/>
| + | |
− | </div>
| + | |
− |
| + | |
− | <style>
| + | |
− | #contactUs{
| + | |
− | width: 100%;
| + | |
− | background: rgba(25,25,25,1);
| + | |
− | overflow: hidden;
| + | |
− | margin: 0;
| + | |
− | padding:1.5% 0 3% 0;
| + | |
− | text-align: left;
| + | |
− | position: relative;
| + | |
− | z-index: 1;
| + | |
− | }
| + | |
− | .cuCol{
| + | |
− | display: inline-block;
| + | |
− | position: relative;
| + | |
− | left:20px;
| + | |
− | opacity: 0;
| + | |
− | color: rgba(168,168,168,1.00);
| + | |
− | text-align: left;
| + | |
− | vertical-align: top;
| + | |
− | }
| + | |
− | h1.cuH1{
| + | |
− | color: white;
| + | |
− | font-size: 1.4vw;
| + | |
− | font-style: normal;
| + | |
− | }
| + | |
− | .cuContent{
| + | |
− | font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
| + | |
− | font-size: 1.25vw;
| + | |
− | line-height: 1.6vw;
| + | |
− | }
| + | |
− | #contactUs a{
| + | |
− | color: rgba(168,168,168,1.00);
| + | |
− | text-decoration: none;
| + | |
− | }
| + | |
− | #contactUs a:hover{
| + | |
− | text-decoration: none;
| + | |
− | color:rgba(0,189,234,1);
| + | |
− | }
| + | |
− | #contactUs a:visited{
| + | |
− | text-decoration: none;
| + | |
− | }
| + | |
− | #contactUs a:active{
| + | |
− | text-decoration: none;
| + | |
− | }
| + | |
− | #contactUs br{
| + | |
− | line-height: 1vw;
| + | |
− | }
| + | |
− | #cuTeamImg{
| + | |
− | position: absolute;
| + | |
− | top:1vw;
| + | |
− | right:4vw;
| + | |
− | width: 10vw;
| + | |
− | opacity: 0.2;
| + | |
− | }
| + | |
− | </style>
| + | |
− | <script>
| + | |
− | slideInLeft($("#cuCol1"),$("#contactUs"),0);
| + | |
− | slideInLeft($("#cuCol2"),$("#contactUs"),150);
| + | |
− | slideInLeft($("#cuCol3"),$("#contactUs"),300);
| + | |
− | $(window).scroll(function(){
| + | |
− | slideInLeft($("#cuCol1"),$("#contactUs"),0);
| + | |
− | slideInLeft($("#cuCol2"),$("#contactUs"),150);
| + | |
− | slideInLeft($("#cuCol3"),$("#contactUs"),300);
| + | |
− | });
| + | |
− | | + | |
− |
| + | |
− | </script>
| + | |
− |
| + | |
− | <p>
| + | |
− |
| + | |
− | <!--end--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
| + | |
− |
| + | |
− |
| + | |
− |
| + | |
| </html> | | </html> |
| + | {{Fudan-CHINA/ContactUs}} |