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

Line 8: Line 8:
 
         margin-bottom: -5px;
 
         margin-bottom: -5px;
 
     }
 
     }
−
 
+
    .bdimg img{
−
     .titlecomic {
+
        height: 400px;
−
         width: 1263px;
+
        width: 500px;
 +
        padding: 80px;
 +
        border: black dashed 5px;
 +
        margin-right:0px;
 +
    }
 +
     .bdwr {
 +
        border: dotted black;
 +
         width: 300px;
 +
        padding: 80px;
 +
        float: left;
 +
    }
 +
    #bdp4 {
 +
        float: left;
 +
       
 
     }
 
     }
  
−
     #_footer p {
+
     # bdp2 {
−
         text-align: center;
+
         float:left;
 
     }
 
     }
 +
    .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">
−
        <p>
+
            <div id="bd1" class="block">
−
             <img src="https://static.igem.org/mediawiki/2017/c/cd/SIAT-SCIE%EF%BC%9Aproject%E2%80%94%E2%80%94testing.jpg" alt="discription" />
+
                <div class="bdwr">
−
        </p>
+
                    <!--basic description writting right-->
−
    </div>
+
                    <p>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
−
    <div id="_footer">
+
                </div>
−
         <p>@2017 IGEM  SIAT-SCIE  All right reserved</p>
+
                <div class="bdimg"  id=" bdp1"><!--basic description picture 1-->
−
        <p>Our Wechat Official Accounts: SIATxSCIE</p>
+
                    <p><img src="https://static.igem.org/mediawiki/2017/2/2b/SIAT-SCIE_sample.png" alt="basic_discription1"/></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:13, 2 August 2017

titlecomic

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

basic_discription1

basic_discription2

yyyyyyyyyy

zzzzzzzzzzzzzzzzzzzzzzzzz

basic_discription3

35353

kkkkkkkk

@2017 IGEM SIAT-SCIE All right reserved

Our Wechat Official Accounts: SIATxSCIE