Difference between revisions of "Team:SZU-China/HP/Gold Integrated"

Line 80: Line 80:
 
                     <a href="#">PRACTICE</a>
 
                     <a href="#">PRACTICE</a>
 
                     <span class="caret"></span>
 
                     <span class="caret"></span>
                     <ul class="sub-nav">
+
                     <ul class="sub-nav" style="top:-5px">
 
                         <li><a href="https://2017.igem.org/Team:SZU-China/HP/Gold_Integrated">INTEGRATED HP</a></li>
 
                         <li><a href="https://2017.igem.org/Team:SZU-China/HP/Gold_Integrated">INTEGRATED HP</a></li>
 
                         <li><a href="https://2017.igem.org/Team:SZU-China/HP/Silver">SILVER HP</a></li>
 
                         <li><a href="https://2017.igem.org/Team:SZU-China/HP/Silver">SILVER HP</a></li>
Line 91: Line 91:
 
                     <a href="#">EXPERIMENT</a>
 
                     <a href="#">EXPERIMENT</a>
 
                     <span class="caret"></span>
 
                     <span class="caret"></span>
                     <ul class="sub-nav">
+
                     <ul class="sub-nav" style="top:-5px">
 
                         <li><a href="https://2017.igem.org/Team:SZU-China/Procedure">PROCEDURE</a></li>
 
                         <li><a href="https://2017.igem.org/Team:SZU-China/Procedure">PROCEDURE</a></li>
 
                         <li><a href="https://2017.igem.org/Team:SZU-China/Results">RESULTS</a></li>
 
                         <li><a href="https://2017.igem.org/Team:SZU-China/Results">RESULTS</a></li>
Line 102: Line 102:
 
                     <a href="#">PROJECT</a>
 
                     <a href="#">PROJECT</a>
 
                     <span class="caret"></span>
 
                     <span class="caret"></span>
                     <ul class="sub-nav">
+
                     <ul class="sub-nav" style="top:-5px">
 
                         <li><a href="https://2017.igem.org/Team:SZU-China/Description">DESCRIPTION</a></li>
 
                         <li><a href="https://2017.igem.org/Team:SZU-China/Description">DESCRIPTION</a></li>
  
Line 115: Line 115:
 
                     <a href="#">ACHIEVEMENT</a>
 
                     <a href="#">ACHIEVEMENT</a>
 
                     <span class="caret"></span>
 
                     <span class="caret"></span>
                     <ul class="sub-nav">
+
                     <ul class="sub-nav" style="top:-5px">
 
                         <li><a href="https://2017.igem.org/Team:SZU-China/Achievement">MEDAL</a></li>
 
                         <li><a href="https://2017.igem.org/Team:SZU-China/Achievement">MEDAL</a></li>
 
                         <li><a href="https://2017.igem.org/Team:SZU-China/Parts">PARTS</a></li>
 
                         <li><a href="https://2017.igem.org/Team:SZU-China/Parts">PARTS</a></li>
 
                     </ul>
 
                     </ul>
 
                 </li>
 
                 </li>
                                               
 
               
 
 
 
 
             </ul>
 
             </ul>
 
         </div>
 
         </div>
 +
        <div>
 +
        <a href="https://2017.igem.org/Team:SZU-China"><img src="https://static.igem.org/mediawiki/2017/1/17/T--SZU-China--team-logo.png" style="height: 36px;width: auto;padding-top: 12px;padding-left:10px;"></a>
 +
        </div>
 
     </div>
 
     </div>
  
Line 137: Line 136:
 
             <h1 style="font-weight: bold; text-align: center;">What have we done?</h1>
 
             <h1 style="font-weight: bold; text-align: center;">What have we done?</h1>
 
             <div style="text-align:center;width:70%;margin:0 auto;padding-top:25px">
 
             <div style="text-align:center;width:70%;margin:0 auto;padding-top:25px">
                 This year, Team SZU-China has explored the feasibility, efficiency and application of our self-healing concrete. On the way, we have visited the ...
+
                 This year, Team SZU-China has explored the feasibility, efficiency and application of our self-healing concrete. On the way, we have visited
                </div>
+
            </div>
+
        </div>
+
 
+
    <div style="position: relative;top: 200px;">
+
        <div class="container">
+
            <div class="flow_img">
+
                <div class="column">
+
                    <div class="img_item" id="1">
+
                        <div class="title_cover">
+
                            <span>Bubble RUN</span>
+
                        </div>
+
                        <img src="https://static.igem.org/mediawiki/2017/c/c7/T--SZU-China--running2.jpg" alt="">
+
                    </div>
+
                    <div class="img_item">
+
                        <div class="title_cover">
+
                            <span>Interview the engineer</span>
+
                        </div>
+
                        <img src="https://static.igem.org/mediawiki/2017/2/2f/T--SZU-China--meeting9.jpg" alt="">
+
                    </div>
+
                </div>
+
                <div class="column">
+
                    <div class="img_item">
+
                        <div class="title_cover">
+
                            <span>Southern China Regional Meeting</span>
+
                        </div>
+
                        <img src="https://static.igem.org/mediawiki/2017/0/0a/T--SZU-China--southchina6.jpg" alt="">
+
                    </div>
+
                    <div class="img_item">
+
                        <div class="title_cover">
+
                            <span>Investigating the HongKong-Zhuhai-Macau Bridge</span>
+
                        </div>
+
                        <img src="https://static.igem.org/mediawiki/2017/e/e5/T--SZU-China--bridge1.jpg" alt="">
+
                    </div>
+
                    <div class="img_item">
+
                        <div class="title_cover">
+
                            <span>Conference of China iGEMer Community</span>
+
                        </div>
+
                        <img src="https://static.igem.org/mediawiki/2017/9/95/T--SZU-China--CCIC16.jpg" alt="">
+
                    </div>
+
                </div>
+
                <div class="column">
+
                    <div class="img_item">
+
                        <div class="title_cover">
+
                            <span>Bubble RUN</span>
+
                        </div>
+
                        <img src="https://static.igem.org/mediawiki/2017/2/24/T--SZU-China--running3.jpg" alt="">
+
                    </div>
+
                    <div class="img_item">
+
                        <div class="title_cover">
+
                            <span>Biosafty Workshop</span>
+
                        </div>
+
                        <img src="https://static.igem.org/mediawiki/2017/2/24/T--SZU-China--workshop5.jpg" alt="">
+
                    </div>
+
                </div>
+
 
+
            </div>
+
        </div>
+
        <div class="text_img backgrounded">
+
            <div class="container">
+
                <div class="img text_left_img_right">
+
                    <img src="https://static.igem.org/mediawiki/2017/d/de/T--SZU-China--hpgold1.jpg" alt="">
+
                </div>
+
                <div class="text text_left_img_right">
+
                    <h1>Lorem Ipsum</h1>
+
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+
                </div>
+
            </div>
+
        </div>
+
        <div class="text_img">
+
            <div class="container">
+
                <div class="img">
+
                    <img src="https://static.igem.org/mediawiki/2017/d/de/T--SZU-China--hpgold1.jpg" alt="">
+
                </div>
+
                <div class="text">
+
                    <h1>Lorem Ipsum</h1>
+
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+
                </div>
+
            </div>
+
        </div>
+
        <div class="text_img backgrounded">
+
            <div class="container">
+
                <div class="img text_left_img_right">
+
                    <img src="https://static.igem.org/mediawiki/2017/d/de/T--SZU-China--hpgold1.jpg" alt="">
+
                </div>
+
                <div class="text text_left_img_right">
+
                    <h1>Lorem Ipsum</h1>
+
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+
                </div>
+
            </div>
+
        </div>
+
        <div class="text_img">
+
            <div class="container">
+
                <div class="img">
+
                    <img src="https://static.igem.org/mediawiki/2017/d/de/T--SZU-China--hpgold1.jpg" alt="">
+
                </div>
+
                <div class="text">
+
                    <h1>Lorem Ipsum</h1>
+
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+
                </div>
+
            </div>
+
        </div>
+
 
+
    </div>
+
 
+
 
+
 
+
 
+
    <div class="arrow-div">
+
        <a id="top" href="#" title="Back to top">
+
            <img src="https://static.igem.org/mediawiki/2017/f/f6/T--SZU-China--arrow.png" class="arrow-img">
+
        </a>
+
    </div>
+
    <br /><br /><br /><br />
+
    <div class="footer" style="position:absolute;padding-bottom:0">
+
        <div class="sponsor">
+
            <img src="https://static.igem.org/mediawiki/2017/0/08/2017SZUChina-sponsor1.jpg" class="sponsor-img">
+
            <img src="https://static.igem.org/mediawiki/2017/d/d4/2017SZUChina-sponsor2.jpg" class="sponsor-img">
+
            <img src="https://static.igem.org/mediawiki/2017/d/d5/2017SZUChina-sponsor3.jpg" class="sponsor-img">
+
            <img src="https://static.igem.org/mediawiki/2017/1/1e/2017SZUChina-sponsor4.jpg" class="sponsor-img">
+
            <img src="https://static.igem.org/mediawiki/2017/a/a3/2017SZUChina-sponsor5.jpg" class="sponsor-img">
+
        </div>
+
        <div class="footer-info">
+
            <address style="color:#888">3688 Nanhai Ave, ShenZhen, GuangDong Province, China</address>
+
            <span class="copyright">Copyright © 2017.<a href="https://2017.igem.org/Team:SZU-China" class="mainpage">SZU-China</a> iGEM</span>
+
        </div>
+
    </div>
+
 
+
 
+
</body>
+
 
+
 
+
 
+
 
+
</html>
+

Revision as of 14:41, 30 October 2017

What have we done?

This year, Team SZU-China has explored the feasibility, efficiency and application of our self-healing concrete. On the way, we have visited