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

Line 13: Line 13:
 
             background: #FFF;
 
             background: #FFF;
 
         }
 
         }
−
       
 
 
     </style>
 
     </style>
  
 
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
−
     <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:SZU-China/flow/CSS?action=raw&amp;ctype=text/css">
+
     <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:SZU-China/flow1/CSS?action=raw&amp;ctype=text/css">
 
     <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:SZU-China/sub/CSS?action=raw&amp;ctype=text/css">
 
     <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:SZU-China/sub/CSS?action=raw&amp;ctype=text/css">
  
Line 24: Line 23:
  
 
     <style type="text/css">
 
     <style type="text/css">
−
         .btn {
+
         a {
−
            font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
+
text-decoration: none;
−
             border: 2px solid #47b475;
+
}
−
             font-size: 18px;
+
 
−
             font-weight: 700;
+
.alink-lg{
 +
    line-height: 18px;
 +
    min-width: 100px;
 +
}
 +
 
 +
        .alink {
 +
             display: inline-block;
 +
             font-size: 12px;
 +
             font-weight: 600;
 +
            color: #4B97A5;
 +
            padding: 8px 0px;
 +
            letter-spacing: 0px;
 +
            border: 1px solid #4B97A5;
 
             text-transform: uppercase;
 
             text-transform: uppercase;
 +
            text-align: center;
 +
            margin: 8px 2px;
 +
            border-radius: 15px;
 
         }
 
         }
 +
 +
 
     </style>
 
     </style>
  
Line 52: Line 68:
 
             });
 
             });
  
−
             $(".b-hp1").click(function () {
+
             $("a.alink").hover(function () {
−
                $('.hp1').toggle(1);
+
            $(this).css("background", "#4B97A5");
 +
            $(this).css("color", "#FFFFFF");
 +
            }, function () {
 +
            $(this).css("background", "");
 +
            $(this).css("color", "#4B97A5");
 
             });
 
             });
 +
 
         });
 
         });
 
     </script>
 
     </script>
Line 62: Line 83:
 
<body style="background:#FFF;">
 
<body style="background:#FFF;">
  
−
  <div class="navbar" style="top:5px;position:fixed;z-index:5">
+
    <div class="navbar" style="top:5px;position:fixed;z-index:5">
 
         <div class="navbar-nav">
 
         <div class="navbar-nav">
 
             <ul id="nav-list-ul" class="nav-list">
 
             <ul id="nav-list-ul" class="nav-list">
−
               
+
 
 
                 <li>
 
                 <li>
 
                     <a href="#">TEAM</a>
 
                     <a href="#">TEAM</a>
Line 86: Line 107:
 
                     </ul>
 
                     </ul>
 
                 </li>
 
                 </li>
−
             
+
 
  
 
                 <li>
 
                 <li>
Line 111: Line 132:
 
                 </li>
 
                 </li>
  
−
               
+
 
 
                 <li>
 
                 <li>
 
                     <a href="#">ACHIEVEMENT</a>
 
                     <a href="#">ACHIEVEMENT</a>
Line 122: Line 143:
 
             </ul>
 
             </ul>
 
         </div>
 
         </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>
+
            <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>
 
     </div>
  
−
 
+
     <div style="position: relative;top: 50px;">
−
     <div style="position: relative;top: 60px;">
+
         <img src="img/humanpractice-banner.jpg" width="100%">
−
         <img src="https://static.igem.org/mediawiki/2017/e/ea/T--SZU-China--hpbanner1.jpg" width="100%">
+
 
     </div>
 
     </div>
  
 
     <div style="position:relative;top:120px;">
 
     <div style="position:relative;top:120px;">
 
         <div class="column" style="position:relative;padding:30px 30px 0">
 
         <div class="column" style="position:relative;padding:30px 30px 0">
−
             <h1 style="font-weight: bold; text-align: center;">What have we done?</h1>
+
             <h1 style="font-weight: bold; text-align: center;color: #4B97A5;">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
+
                 This year, Team SZU-China has explored the feasibility, efficiency and application of our self-healing concrete. On the way, we have visited the ...
 +
                </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>Introduce our project to the villager</span>
 +
                        </div>
 +
                        <img src="https://static.igem.org/mediawiki/2017/4/4b/T--SZU-China--cs2.jpg
 +
                            " alt="">
 +
                    </div>
 +
                </div>
 +
                <div class="column">
 +
                    <div class="img_item">
 +
                        <div class="title_cover">
 +
                            <span>Visit the local community</span>
 +
                        </div>
 +
                        <img src="https://static.igem.org/mediawiki/2017/0/07/T--SZU-China--cs8.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>Local Village Culture</span>
 +
                        </div>
 +
                        <img src="https://static.igem.org/mediawiki/2017/b/bd/T--SZU-China--cs10.jpg" alt="">
 +
                    </div>
 +
                    <div class="img_item">
 +
                        <div class="title_cover">
 +
                            <span>Biosafty Workshop</span>
 +
                        </div>
 +
                        <img src="https://static.igem.org/mediawiki/2017/4/41/T--SZU-China--workshop4.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/2/24/T--SZU-China--workshop5.jpg" alt="" style="width: 80%;height: auto;">
 +
                </div>
 +
                <div class="part-tittle">
 +
<span style="font-size: 24px;color: #4B97A5;">ABOUT SAFETY CONCERNS</span>
 +
</div>
 +
                <div class="text text_left_img_right" style="height: 200px;">
 +
                    <p>To fully condsider the application of our "self-repairing concrete" in the real world, we came to attend the workshop attend the synthetic Biology Regulation Workshop in HKUST.<a class="alink-lg alink" href="https://2017.igem.org/Team:SZU-China/HP/Silver#safty">learn more</a></p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <div class="text_img" style="padding-bottom:5.5em">
 +
            <div class="container">
 +
                <div class="img">
 +
                    <img src="https://static.igem.org/mediawiki/2017/2/2f/T--SZU-China--meeting9.jpg" alt="" style="width: 60%;height: auto;"/><br/>
 +
                    <img src="https://static.igem.org/mediawiki/2017/e/e5/T--SZU-China--bridge1.jpg" alt="" style="width: 60%;height: auto;"><br>
 +
                    <img src="https://static.igem.org/mediawiki/2017/5/5c/T--SZU-China--cs6.jpg" alt="" style="width: 60%;height: auto;">
 +
                </div>
 +
                <div class="part-tittle">
 +
<span style="font-size: 24px;color: #4B97A5;">APPLICATION FOR REAL WORLD</span>
 +
</div>
 +
                <div class="text">
 +
                    <p>1.Interviews with professors from College of Civil Engineering.<a class="alink-lg alink" href="https://2017.igem.org/Team:SZU-China/HP/Silver#Professor">learn more</a></p><br><br><br>
 +
                    <p>2.Invesitigate the longest Bridge in the world.<a class="alink-lg alink" href="https://2017.igem.org/Team:SZU-China/HP/Silver#Professor">learn more</a></p><br><br><br>
 +
                    <p>3.Research and questionnaire on buildings in the village.<a class="alink-lg alink" href="https://2017.igem.org/Team:SZU-China/HP/Silver#Professor">learn more</a></p><br><br><br>
 +
                </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/0/0a/T--SZU-China--southchina6.jpg" alt="" style="width: 80%;height: auto;">
 +
                </div>
 +
                <div class="part-tittle">
 +
<span style="font-size: 24px;color: #4B97A5;">REGIONAL TEAM CONFERENCE</span>
 +
</div>
 +
                <div class="text text_left_img_right" style="height: 200px;">
 +
                    <p>We managed to held the first iGEM Southern China Regional Meeting in our school. Nine teams Participated in the event.<a class="alink-lg alink" href="https://2017.igem.org/Team:SZU-China/HP/Silver#South-China">learn more</a></p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <div class="text_img">
 +
            <div class="container">
 +
                <div class="img">
 +
                    <img src="img/ex-1.jpg" alt="" style="width: 50%;height: auto;">
 +
                </div>
 +
                <div class="part-tittle">
 +
                    <span style="font-size: 24px;color: #4B97A5;">CREATE A COMMUNITY PLATFORM ONLINE</span>
 +
                </div>
 +
                <div class="text" style="height: 200px;">
 +
                    <p>We have constructed a new community online for all the iGEMers to share ideas and communicate---<strong style="font-size:15px">CORRIDOR </strong><a class="alink-lg alink" href="https://2017.igem.org/Team:SZU-China/HP/Silver#Corridor">learn more</a></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>
 +
 
 +
 
 +
</body>
 +
 
 +
 
 +
</html>

Revision as of 16:25, 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 the ...
Bubble RUN
Introduce our project to the villager
Visit the local community
Investigating the HongKong-Zhuhai-Macau Bridge
Conference of China iGEMer Community
Local Village Culture
Biosafty Workshop
ABOUT SAFETY CONCERNS

To fully condsider the application of our "self-repairing concrete" in the real world, we came to attend the workshop attend the synthetic Biology Regulation Workshop in HKUST.learn more



APPLICATION FOR REAL WORLD

1.Interviews with professors from College of Civil Engineering.learn more




2.Invesitigate the longest Bridge in the world.learn more




3.Research and questionnaire on buildings in the village.learn more




REGIONAL TEAM CONFERENCE

We managed to held the first iGEM Southern China Regional Meeting in our school. Nine teams Participated in the event.learn more

CREATE A COMMUNITY PLATFORM ONLINE

We have constructed a new community online for all the iGEMers to share ideas and communicate---CORRIDOR learn more