Difference between revisions of "Team:SUIS Shanghai"

 
(9 intermediate revisions by the same user not shown)
Line 3: Line 3:
 
<html>
 
<html>
  
<style>
+
    <!-- ################################################################################ -->
 +
    <!-- 内容  开始 -->
  
     /* ################################################################################ */
+
     <div class="content">
    /*底部版权信息  开始  */
+
  
    #homefooterdiv {
+
         <!-- 背景图片 -->
        position: absolute;
+
         <img src="https://static.igem.org/mediawiki/2019/f/f4/T--SUIS_Shanghai--home_background.jpeg" class="bg" />
         z-index: 98;
+
         width: 100%;
+
        top: 1660px;
+
    }
+
  
    #homefooterdiv:before {
+
         <div>
         content: '';
+
            <!--花-->
        width: 100%;
+
            <div class="flower">
        height: 10px;
+
                <img src="https://static.igem.org/mediawiki/2019/5/5b/T--SUIS_Shanghai--home_flower.png" />
        background-color: #2F2F7F;
+
            </div>
        position: absolute;
+
    }
+
  
    div#footer1 {
+
            <!--月亮-->
        height: 180px;
+
            <div class="moon">
        width: 100%;
+
                <img src="https://static.igem.org/mediawiki/2019/1/18/T--SUIS_Shanghai--home_moon.png" />
        /*border: 5px #2F2F7F solid;*/
+
            </div>
        border-width: 5px 0 0 0;
+
        </div>
        background-color: #182647;
+
    }
+
  
    #footer1mid {
+
         <!--鱼-->
         width: 1200px;
+
         <div class="fish">
         margin: auto;
+
            <img src="https://static.igem.org/mediawiki/2019/9/90/T--SUIS_Shanghai--home_fish.png" />
    }
+
        </div>
  
    img#whitelogo {
+
         <!--鱼最上层div控制hover属性-->
         width: 150px;
+
         <div class="fish_hover1"></div>
         float: left;
+
         <div class="fish_hover2"></div>
         margin-top: 65px;
+
         <div class="fish_hover3"></div>
         cursor: pointer;
+
    }
+
  
    #foormidword {
+
         <!--鱼骨头-->
        color: white;
+
         <div class="fish_bone" style="display: none">
        hieght: 100%;
+
            <img src="https://static.igem.org/mediawiki/2019/f/f6/T--SUIS_Shanghai--home_fishbone.png" />
         font-size: 17px;
+
         padding: 10px 77px;
+
        float: left;
+
        margin-left: 244px;
+
        margin-top: 75px;
+
    }
+
  
    #foorrightdiv {
+
            <div>
        float: right;
+
                <a href="https://2019.igem.org/Team:SUIS_Shanghai/Team" class="fish_bone1">TEAM</a>
        color: white;
+
                <a href="https://2019.igem.org/Team:SUIS_Shanghai/Description" class="fish_bone2">PROJECT</a>
        margin-top: 62px;
+
                <a href="https://2019.igem.org/Team:SUIS_Shanghai/Parts" class="fish_bone3">PARTS</a>
    }
+
                <a href="https://2019.igem.org/Team:SUIS_Shanghai/Safety" class="fish_bone4">SAFETY</a>
 +
                <a href="https://2019.igem.org/Team:SUIS_Shanghai/Human_Practices" class="fish_bone5">PRACTISE</a>
 +
                <a href="https://2019.igem.org/Team:SUIS_Shanghai/Applied_Design" class="fish_bone6">AWARDS</a>
 +
                <a href="https://igem.org/2018_Judging_Form?team=SUIS_Shanghai" class="fish_bone7">JUDGING<br/>&nbsp;&nbsp;&nbsp;&nbsp;FORM</a>
 +
            </div>
  
    #foorrightdiv p {
+
         </div>
         text-align: right;
+
        font-size: 15px;
+
        line-height: 25px;
+
    }
+
  
    #footer2 {
+
        <!--尾巴-->
         width: 100%;
+
         <div class="tail">
         background-color: #121D33;
+
            <img src="https://static.igem.org/mediawiki/2019/3/31/T--SUIS_Shanghai--home_tail_right.png" />
         height: 40px;
+
         </div>
         text-align: center;
+
 
         color: white;
+
        <!--文字-->
        font-size: 13px;
+
         <div class="title">
         padding-top: 12px;
+
            <img src="https://static.igem.org/mediawiki/2019/b/bc/T--SUIS_Shanghai--home_title.png" />
     }
+
         </div>
 +
 
 +
        <!--水波-->
 +
         <div class="wave">
 +
            <div class="wave_back">
 +
                <img src="https://static.igem.org/mediawiki/2019/0/0c/T--SUIS_Shanghai--home_backwave.png" />
 +
            </div>
 +
            <div class="wave_mid">
 +
                <img src="https://static.igem.org/mediawiki/2019/b/b5/T--SUIS_Shanghai--home_midwave.png" />
 +
 
 +
            </div>
 +
            <div class="wave_front">
 +
                <img src="https://static.igem.org/mediawiki/2019/8/8e/T--SUIS_Shanghai--home_frontwave.png" />
 +
            </div>
 +
        </div>
 +
 
 +
         <!--描述简介-->
 +
        <div class="description">
 +
            <img src="https://static.igem.org/mediawiki/2019/archive/5/5f/20191021053754%21T--SUIS_Shanghai--home_description.png" />
 +
        </div>
 +
 
 +
 
 +
        <!-- 水花 -->
 +
        <div class="spray spray1"></div>
 +
        <div class="spray spray2"></div>
 +
        <div class="spray spray3"></div>
 +
        <div class="spray spray4"></div>
 +
        <div class="spray spray5"></div>
 +
        <div class="spray spray6"></div>
 +
        <div class="spray spray7"></div>
 +
        <div class="spray spray8"></div>
 +
        <div class="spray spray9"></div>
 +
        <div class="spray spray10"></div>
 +
        <div class="spray spray11"></div>
 +
        <div class="spray spray12"></div>
 +
        <div class="spray spray13"></div>
 +
        <div class="spray spray14"></div>
 +
        <div class="spray spray15"></div>
 +
        <div class="spray spray16"></div>
 +
        <div class="spray spray17"></div>
 +
        <div class="spray spray18"></div>
 +
        <div class="spray spray19"></div>
 +
        <div class="spray spray20"></div>
 +
        <div class="spray spray21"></div>
 +
        <div class="spray spray22"></div>
 +
        <div class="spray spray23"></div>
 +
 
 +
     </div>
 +
 
 +
 
 +
    <!-- 内容  结束 -->
 +
    <!-- ################################################################################ -->
  
    /*底部版权信息  结束  */
 
    /* ################################################################################ */
 
  
  
</style>
 
  
  
Line 85: Line 117:
 
     <!-- 底部版权信息  开始 -->
 
     <!-- 底部版权信息  开始 -->
  
     <div id="homefooterdiv">
+
     <div id="homefooterdiv_home">
 
         <div id="footer1">
 
         <div id="footer1">
 
             <div id="footer1mid">
 
             <div id="footer1mid">
                 <img src="images/home_footerlogo.png" id="whitelogo">
+
                 <a class="mlink" href="https://2019.igem.org/Team:SUIS_Shanghai"><img src="https://static.igem.org/mediawiki/2019/e/ee/T--SUIS_Shanghai--home_footerlogo.png" id="whitelogo"></a>
 
                 <div id="foormidword">IGEM &nbsp; | &nbsp; WANYUAN &nbsp; | &nbsp; SUIS</div>
 
                 <div id="foormidword">IGEM &nbsp; | &nbsp; WANYUAN &nbsp; | &nbsp; SUIS</div>
 
                 <div id="foorrightdiv">
 
                 <div id="foorrightdiv">
Line 99: Line 131:
 
         <div id="footer2">Copyright © 2019 Shanghai United International School. All Rights Reserved.</div>
 
         <div id="footer2">Copyright © 2019 Shanghai United International School. All Rights Reserved.</div>
 
     </div>
 
     </div>
 +
  
 
     <!-- 底部版权信息  结束 -->
 
     <!-- 底部版权信息  结束 -->
Line 105: Line 138:
  
  
 
</body>
 
 
</html>
 
</html>

Latest revision as of 19:55, 21 October 2019

IGEM   |   WANYUAN   |   SUIS

Website: wanyuan.suis.com.cn

Mail Box: suisigem@outlook.com

No.509, Pingji Rd, Minhang District, Shanghai

Copyright © 2019 Shanghai United International School. All Rights Reserved.