1.Interviews with professors from College of Civil Engineering. learn more
2.Investigate the longest Bridge in the world. learn more
3.Research and questionnaire on buildings in the village. learn more
(40 intermediate revisions by 3 users not shown) | |||
Line 16: | Line 16: | ||
<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/flow1/CSS?action=raw&ctype=text/css"> | |
− | <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:SZU-China/ | + | |
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:SZU-China/sub/CSS?action=raw&ctype=text/css"> | <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:SZU-China/sub/CSS?action=raw&ctype=text/css"> | ||
Line 24: | Line 23: | ||
<style type="text/css"> | <style type="text/css"> | ||
− | . | + | a { |
− | + | text-decoration: none; | |
− | + | color: #4B97A5; | |
− | font-size: | + | } |
− | font-weight: | + | |
+ | .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: 2px solid #4B97A5; | ||
text-transform: uppercase; | text-transform: uppercase; | ||
+ | text-align: center; | ||
+ | margin: 8px 2px; | ||
+ | border-radius: 15px; | ||
+ | } | ||
+ | |||
+ | p { | ||
+ | font-size: 16px !important; | ||
+ | font-weight: 200; | ||
+ | } | ||
+ | |||
+ | section { | ||
+ | position: relative; | ||
+ | padding: 96px 0px; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | |||
+ | .color-primary { | ||
+ | color: rgb(75, 151, 165) !important; | ||
+ | } | ||
+ | |||
+ | .uppercase { | ||
+ | font-weight: 400; | ||
+ | text-transform: uppercase; | ||
+ | } | ||
+ | |||
+ | .container { | ||
+ | position: relative; | ||
+ | padding-right: 15px; | ||
+ | padding-left: 15px; | ||
+ | margin-right: auto; | ||
+ | margin-left: auto; | ||
+ | } | ||
+ | |||
+ | .row { | ||
+ | margin-right: -15px; | ||
+ | margin-left: -15px; | ||
} | } | ||
</style> | </style> | ||
Line 52: | Line 100: | ||
}); | }); | ||
− | $(". | + | $("a.alink").hover(function () { |
− | $( | + | $(this).css("background", "#4B97A5"); |
+ | $(this).css("color", "#FFF"); | ||
+ | }, function () { | ||
+ | $(this).css("background", ""); | ||
+ | $(this).css("color", "#4B97A5"); | ||
}); | }); | ||
+ | |||
}); | }); | ||
</script> | </script> | ||
Line 62: | Line 115: | ||
<body style="background:#FFF;"> | <body style="background:#FFF;"> | ||
− | <div class="navbar" style="top: | + | <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> | ||
<span class="caret"></span> | <span class="caret"></span> | ||
− | <ul class="sub-nav"> | + | <ul class="sub-nav" style="top:-5px"> |
− | <li><a href=" | + | <li><a href="https://2017.igem.org/Team:SZU-China/Team">MEMBERS</a></li> |
− | <li><a href=" | + | <li><a href="https://2017.igem.org/Team:SZU-China/Collaborations">COLLABORATIONS</a></li> |
− | <li><a href=" | + | <li><a href="https://2017.igem.org/Team:SZU-China/Attributions">ATTRIBUTION</a></li> |
</ul> | </ul> | ||
</li> | </li> | ||
+ | |||
+ | |||
<li> | <li> | ||
<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=" | + | <li><a href="https://2017.igem.org/Team:SZU-China/HP/Gold_Integrated">INTEGRATED HP</a></li> |
− | <li><a href=" | + | <li><a href="https://2017.igem.org/Team:SZU-China/HP/Silver">SILVER HP</a></li> |
− | <li><a href=" | + | <li><a href="https://2017.igem.org/Team:SZU-China/Engagement">ENGAGEMENT</a></li> |
− | + | ||
</ul> | </ul> | ||
</li> | </li> | ||
− | + | ||
+ | |||
<li> | <li> | ||
<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=" | + | <li><a href="https://2017.igem.org/Team:SZU-China/Procedure">PROCEDURE</a></li> |
− | <li><a href=" | + | <li><a href="https://2017.igem.org/Team:SZU-China/Results">RESULTS</a></li> |
− | <li><a href=" | + | <li><a href="https://2017.igem.org/Team:SZU-China/Demonstrate">DEMONSTRATE</a></li> |
− | <li><a href=" | + | <li><a href="https://2017.igem.org/Team:SZU-China/Protocol">PROTOCOL</a></li> |
− | <li><a href=" | + | <li><a href="https://2017.igem.org/Team:SZU-China/Notebook">NOTEBOOK</a></li> |
+ | |||
</ul> | </ul> | ||
</li> | </li> | ||
Line 99: | Line 156: | ||
<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=" | + | <li><a href="https://2017.igem.org/Team:SZU-China/Description">DESCRIPTION</a></li> |
− | <li><a href=" | + | |
− | <li><a href=" | + | <li><a href="https://2017.igem.org/Team:SZU-China/Design">DESIGN</a></li> |
− | <li><a href=" | + | <li><a href="https://2017.igem.org/Team:SZU-China/Model">MODEL</a></li> |
+ | <li><a href="https://2017.igem.org/Team:SZU-China/Safety">SAFTY</a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
+ | |||
+ | |||
<li> | <li> | ||
<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=" | + | <li><a href="https://2017.igem.org/Team:SZU-China/Achievement">MEDAL</a></li> |
− | <li><a href=" | + | <li><a href="https://2017.igem.org/Team:SZU-China/Parts">PARTS</a></li> |
</ul> | </ul> | ||
</li> | </li> | ||
</ul> | </ul> | ||
+ | </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> | </div> | ||
− | <div style="position: relative;top: | + | <div style="position: relative;top: 120px;background-color:white;padding-bottom:50px"> |
− | < | + | <section id="overview" style="padding:96px 0;background-color:white;"> |
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="col-sm-12"> | ||
+ | <h3 class="uppercase color-primary mb40 " style="margin-bottom: 40px;font-size:50px"><center>INTEGRATED HUMAN PRACTICE</center> </h3> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </section> | ||
+ | </div> | ||
+ | |||
+ | <div style="position:relative;top:120px;"> | ||
+ | <div class="column" style="position:relative;padding:30px 30px 0"> | ||
+ | <h1 style="font-weight: 500; text-align: center;color: #4B97A5;font-size:25px">What have we done?</h1> | ||
+ | <div style="text-align:center;width:60%;margin:0 auto;padding-top:25px;font-size:15px;font-size:17px"> | ||
+ | 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> | ||
− | <div style="position: relative;top: | + | <div style="position: relative;top: 200px;"> |
<div class="container"> | <div class="container"> | ||
<div class="flow_img"> | <div class="flow_img"> | ||
Line 128: | Line 210: | ||
<div class="img_item" id="1"> | <div class="img_item" id="1"> | ||
<div class="title_cover"> | <div class="title_cover"> | ||
− | <span> | + | <span>Bubble RUN</span> |
</div> | </div> | ||
<img src="https://static.igem.org/mediawiki/2017/c/c7/T--SZU-China--running2.jpg" alt=""> | <img src="https://static.igem.org/mediawiki/2017/c/c7/T--SZU-China--running2.jpg" alt=""> | ||
Line 134: | Line 216: | ||
<div class="img_item"> | <div class="img_item"> | ||
<div class="title_cover"> | <div class="title_cover"> | ||
− | <span> | + | <span>Introduce our project to the villager</span> |
</div> | </div> | ||
− | <img src="https://static.igem.org/mediawiki/2017/ | + | <img src="https://static.igem.org/mediawiki/2017/4/4b/T--SZU-China--cs2.jpg |
+ | " alt=""> | ||
</div> | </div> | ||
</div> | </div> | ||
Line 142: | Line 225: | ||
<div class="img_item"> | <div class="img_item"> | ||
<div class="title_cover"> | <div class="title_cover"> | ||
− | <span> | + | <span>Visit the local community</span> |
</div> | </div> | ||
− | <img src="https://static.igem.org/mediawiki/2017/0/ | + | <img src="https://static.igem.org/mediawiki/2017/0/07/T--SZU-China--cs8.jpg" alt=""> |
</div> | </div> | ||
<div class="img_item"> | <div class="img_item"> | ||
<div class="title_cover"> | <div class="title_cover"> | ||
− | <span> | + | <span>Investigating the HongKong-Zhuhai-Macau Bridge</span> |
</div> | </div> | ||
<img src="https://static.igem.org/mediawiki/2017/e/e5/T--SZU-China--bridge1.jpg" alt=""> | <img src="https://static.igem.org/mediawiki/2017/e/e5/T--SZU-China--bridge1.jpg" alt=""> | ||
Line 154: | Line 237: | ||
<div class="img_item"> | <div class="img_item"> | ||
<div class="title_cover"> | <div class="title_cover"> | ||
− | <span> | + | <span>Conference of China iGEMer Community</span> |
</div> | </div> | ||
<img src="https://static.igem.org/mediawiki/2017/9/95/T--SZU-China--CCIC16.jpg" alt=""> | <img src="https://static.igem.org/mediawiki/2017/9/95/T--SZU-China--CCIC16.jpg" alt=""> | ||
Line 162: | Line 245: | ||
<div class="img_item"> | <div class="img_item"> | ||
<div class="title_cover"> | <div class="title_cover"> | ||
− | <span> | + | <span>Local Village Culture</span> |
</div> | </div> | ||
− | <img src="https://static.igem.org/mediawiki/2017/ | + | <img src="https://static.igem.org/mediawiki/2017/b/bd/T--SZU-China--cs10.jpg" alt=""> |
</div> | </div> | ||
<div class="img_item"> | <div class="img_item"> | ||
<div class="title_cover"> | <div class="title_cover"> | ||
− | <span> | + | <span>Biosafty Workshop</span> |
</div> | </div> | ||
− | <img src="https://static.igem.org/mediawiki/2017/ | + | <img src="https://static.igem.org/mediawiki/2017/4/41/T--SZU-China--workshop4.jpg" alt=""> |
</div> | </div> | ||
</div> | </div> | ||
− | + | ||
</div> | </div> | ||
</div> | </div> | ||
Line 179: | Line 262: | ||
<div class="container"> | <div class="container"> | ||
<div class="img text_left_img_right"> | <div class="img text_left_img_right"> | ||
− | <img src="https://static.igem.org/mediawiki/2017/ | + | <img src="https://static.igem.org/mediawiki/2017/2/24/T--SZU-China--workshop5.jpg" alt="" style="width: 70%;height: auto;"> |
</div> | </div> | ||
− | <div class=" | + | <div class="part-tittle"> |
− | < | + | <span style="font-size: 24px;color: #4B97A5;">ABOUT SAFETY CONCERNS</span> |
− | <p> | + | </div> |
+ | <div class="text text_left_img_right" style="height: 210px;"> | ||
+ | <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 style="color: #4B97A5;" class="alink-lg alink" href="https://2017.igem.org/Team:SZU-China/HP/Silver#safty">learn more</a></p> | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
− | <div class="text_img"> | + | <div class="text_img" style="padding-bottom:5.5em;height:650px"> |
<div class="container"> | <div class="container"> | ||
<div class="img"> | <div class="img"> | ||
− | <img src="https://static.igem.org/mediawiki/2017/ | + | <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;">Exploring the feasibility of application for real world</span> | ||
</div> | </div> | ||
<div class="text"> | <div class="text"> | ||
− | < | + | <p>1.Interviews with professors from College of Civil Engineering. <a style="color: #4B97A5;" class="alink-lg alink" href="https://2017.igem.org/Team:SZU-China/HP/Silver#Professor">learn more</a></p><br><br><br> |
− | <p> | + | <p>2.Investigate the longest Bridge in the world. <a style="color: #4B97A5;" 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 style="color: #4B97A5;" 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> | ||
Line 201: | Line 292: | ||
<div class="container"> | <div class="container"> | ||
<div class="img text_left_img_right"> | <div class="img text_left_img_right"> | ||
− | <img src="https://static.igem.org/mediawiki/2017/ | + | <img src="https://static.igem.org/mediawiki/2017/0/0a/T--SZU-China--southchina6.jpg" alt="" style="width: 80%;height: auto;"> |
</div> | </div> | ||
− | <div class=" | + | <div class="part-tittle"> |
− | < | + | <span style="font-size: 24px;color: #4B97A5;">REGIONAL TEAM CONFERENCE</span> |
− | <p> | + | </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 style="color: #4B97A5;" class="alink-lg alink" href="https://2017.igem.org/Team:SZU-China/HP/Silver#South-China">learn more</a></p> | ||
</div> | </div> | ||
</div> | </div> | ||
Line 212: | Line 305: | ||
<div class="container"> | <div class="container"> | ||
<div class="img"> | <div class="img"> | ||
− | <img src="https://static.igem.org/mediawiki/2017/ | + | <img src="https://static.igem.org/mediawiki/2017/6/68/T--SZU-China--corridor-logo.png" alt="" style="width: 50%;height: auto;"> |
</div> | </div> | ||
− | <div class=" | + | <div class="part-tittle"> |
− | < | + | <span style="font-size: 24px;color: #4B97A5;">CREATE A COMMUNITY PLATFORM ONLINE</span> |
− | <p> | + | </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 style="color: #4B97A5;. " class="alink-lg alink" href="https://2017.igem.org/Team:SZU-China/HP/Silver#Corridor">learn more</a></p> | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
− | |||
</div> | </div> | ||
− | + | ||
Line 231: | Line 325: | ||
</a> | </a> | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</body> | </body> | ||
− | |||
− | |||
</html> | </html> |
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
1.Interviews with professors from College of Civil Engineering. learn more
2.Investigate the longest Bridge in the world. learn more
3.Research and questionnaire on buildings in the village. learn more
We managed to held the first iGEM Southern China Regional Meeting in our school. Nine teams Participated in the event. learn more
We have constructed a new community online for all the iGEMers to share ideas and communicate---CORRIDOR learn more