Difference between revisions of "Team:SIAT-SCIE/Home"

Line 8: Line 8:
 
         margin-bottom: -5px;
 
         margin-bottom: -5px;
 
     }
 
     }
−
    .bdimg img{
+
 
−
        height: 400px;
+
     .titlecomic {
−
        width: 500px;
+
         width: 1263px;
−
        padding: 80px;
+
−
        border: black dashed 5px;
+
−
        margin-right:0px;
+
−
    }
+
−
     .bdwr {
+
−
        border: dotted black;
+
−
         width: 300px;
+
−
        padding: 80px;
+
−
        float: left;
+
−
    }
+
−
    #bdp4 {
+
−
        float: left;
+
−
       
+
 
     }
 
     }
  
−
     # bdp2 {
+
     #_footer p {
−
         float:left;
+
         text-align: center;
 
     }
 
     }
−
    .bdwl {
 
−
        border: dotted black;
 
−
        width: 300px;
 
−
        padding: 80px;
 
−
    }
 
−
    .block {
 
−
        margin-bottom:100px;
 
−
        border-bottom:black solid 5px;
 
−
    }
 
−
    #_footer{
 
−
        text-align:center;
 
−
    }
 
 
</style>
 
</style>
−
    <div id="body">
+
<div id="body">
−
        <div id="comics">
+
    <div id="comics">
−
            <p>
+
        <p>
−
                <img src="https://static.igem.org/mediawiki/2017/0/05/Team-SIAT-SCIE.jpeg" alt="titlecomic" class="titlecomic" />
+
            <img src="https://static.igem.org/mediawiki/2017/0/05/Team-SIAT-SCIE.jpeg" alt="titlecomic" class="titlecomic  />
−
                <!--also not sure if the image should be the back ground or the seperate one-->
+
            <!--also not sure if the image should be the back ground or the seperate one-->
−
            </p>
+
        </p>
−
        </div>
+
    </div>
−
        <div id="basic_description">
+
    <div id="basic_description">
−
            <div id="bd1" class="block">
+
        <p>
−
                <div class="bdwr">
+
             <img src="https://static.igem.org/mediawiki/2017/c/cd/SIAT-SCIE%EF%BC%9Aproject%E2%80%94%E2%80%94testing.jpg" alt="discription" />
−
                    <!--basic description writting right-->
+
        </p>
−
                    <p>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
+
    </div>
−
                </div>
+
    <div id="_footer">
−
                <div class="bdimg"  id=" bdp1"><!--basic description picture 1-->
+
         <p>@2017 IGEM  SIAT-SCIE  All right reserved</p>
−
                    <p><img src="https://static.igem.org/mediawiki/2017/2/2b/SIAT-SCIE_sample.png" alt="basic_discription1"/></p>
+
        <p>Our Wechat Official Accounts: SIATxSCIE</p>
−
               
+
−
                </div>
+
−
 
+
−
               
+
−
              
+
−
            </div>
+
−
            <div id="bd2" class="block">
+
−
               
+
−
                <div class="bdimg" id=" bdp2">
+
−
                    <p><img src="https://static.igem.org/mediawiki/2017/2/2b/SIAT-SCIE_sample.png" alt="basic_discription2" /></p>
+
−
                </div>
+
−
                <div class="bdwl">
+
−
                    <p>yyyyyyyyyy</p>
+
−
                </div>
+
−
            </div>
+
−
            <div id="bd3" class="block">
+
−
                <div class="bdwr">
+
−
                    <p>zzzzzzzzzzzzzzzzzzzzzzzzz</p>
+
−
                </div>
+
−
                <div class="bdimg" id=" bdp3">
+
−
                    <p><img src="https://static.igem.org/mediawiki/2017/2/2b/SIAT-SCIE_sample.png" alt="basic_discription3"  /></p>
+
−
                </div>
+
−
               
+
−
            </div>
+
−
            <div id="bd4" class=" block">
+
−
               
+
−
                <div  id=" bdp4">
+
−
                    <p>35353</p>
+
−
                </div>
+
−
                <div class="bdwl">
+
−
                    <p>kkkkkkkk</p>
+
−
                </div>
+
−
            </div>
+
−
         </div>
+
−
        <div id="_footer">
+
−
            <p>@2017 IGEM  SIAT-SCIE  All right reserved</p>
+
−
            <p>Our Wechat Official Accounts: SIATxSCIE</p>
+
−
        </div>
+
 
     </div>
 
     </div>
 +
</div>
 
</html>
 
</html>

Revision as of 14:15, 2 August 2017

titlecomic

discription

@2017 IGEM SIAT-SCIE All right reserved

Our Wechat Official Accounts: SIATxSCIE