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

 
(39 intermediate revisions by 3 users not shown)
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/main/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/flow/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 25: 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;
+
            color: #4B97A5;
−
             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: 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 53: Line 100:
 
             });
 
             });
  
−
             $(".b-hp1").click(function () {
+
             $("a.alink").hover(function () {
−
                 $('.hp1').toggle(1);
+
                 $(this).css("background", "#4B97A5");
 +
                $(this).css("color", "#FFF");
 +
            }, function () {
 +
                $(this).css("background", "");
 +
                $(this).css("color", "#4B97A5");
 
             });
 
             });
 +
 
         });
 
         });
 
     </script>
 
     </script>
Line 63: Line 115:
 
<body style="background:#FFF;">
 
<body style="background:#FFF;">
  
−
     <div class="navbar" style="top:-7px;position:absolute;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>
 
                     <span class="caret"></span>
 
                     <span class="caret"></span>
−
                     <ul class="sub-nav">
+
                     <ul class="sub-nav" style="top:-5px">
−
                         <li><a href="#">PEOPLE</a></li>
+
                         <li><a href="https://2017.igem.org/Team:SZU-China/Team">MEMBERS</a></li>
−
                         <li><a href="#">COLLABARATIONS</a></li>
+
                         <li><a href="https://2017.igem.org/Team:SZU-China/Collaborations">COLLABORATIONS</a></li>
−
                         <li><a href="#">ATTRIBUTION</a></li>
+
                         <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="#">GOLD HP</a></li>
+
                         <li><a href="https://2017.igem.org/Team:SZU-China/HP/Gold_Integrated">INTEGRATED HP</a></li>
−
                         <li><a href="#">SILVER HP</a></li>
+
                         <li><a href="https://2017.igem.org/Team:SZU-China/HP/Silver">SILVER HP</a></li>
−
                         <li><a href="#">INTEGRATED HP</a></li>
+
                         <li><a href="https://2017.igem.org/Team:SZU-China/Engagement">ENGAGEMENT</a></li>
−
                        <li><a href="#">ENGAGEMENT</a></li>
+
 
                     </ul>
 
                     </ul>
 
                 </li>
 
                 </li>
−
                <li><a href="#">OUTEACH</a></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="#">PROCEDURE</a></li>
+
                         <li><a href="https://2017.igem.org/Team:SZU-China/Procedure">PROCEDURE</a></li>
−
                         <li><a href="#">RESULTS</a></li>
+
                         <li><a href="https://2017.igem.org/Team:SZU-China/Results">RESULTS</a></li>
−
                         <li><a href="#">NOTEBOOK</a></li>
+
                         <li><a href="https://2017.igem.org/Team:SZU-China/Demonstrate">DEMONSTRATE</a></li>
−
                         <li><a href="#">PROTOCOL</a></li>
+
                         <li><a href="https://2017.igem.org/Team:SZU-China/Protocol">PROTOCOL</a></li>
−
                         <li><a href="#">PARTS</a></li>
+
                         <li><a href="https://2017.igem.org/Team:SZU-China/Notebook">NOTEBOOK</a></li>
 +
 
 
                     </ul>
 
                     </ul>
 
                 </li>
 
                 </li>
Line 100: 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="#">DESCRIPTION</a></li>
+
                         <li><a href="https://2017.igem.org/Team:SZU-China/Description">DESCRIPTION</a></li>
−
                         <li><a href="#">DESIGN</a></li>
+
 
−
                         <li><a href="#">PROOF</a></li>
+
                         <li><a href="https://2017.igem.org/Team:SZU-China/Design">DESIGN</a></li>
−
                         <li><a href="#">SAFTY</a></li>
+
                         <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="#">AWARD</a></li>
+
                         <li><a href="https://2017.igem.org/Team:SZU-China/Achievement">MEDAL</a></li>
−
                         <li><a href="#">MEDAL</a></li>
+
                         <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: 60px;">
+
     <div style="position: relative;top: 120px;background-color:white;padding-bottom:50px">
−
         <img src="https://static.igem.org/mediawiki/2017/e/ea/T--SZU-China--hpbanner1.jpg" width="100%">
+
         <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>
  
 
     <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: 500; text-align: center;color: #4B97A5;font-size:25px">What have we done?</h1>
−
             <div style="text-align:center;width:70%;margin:0 auto;padding-top:25px">
+
             <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 ...
 
                 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>
 +
    </div>
  
 
     <div style="position: relative;top: 200px;">
 
     <div style="position: relative;top: 200px;">
Line 144: Line 216:
 
                     <div class="img_item">
 
                     <div class="img_item">
 
                         <div class="title_cover">
 
                         <div class="title_cover">
−
                             <span>Interview the engineer</span>
+
                             <span>Introduce our project to the villager</span>
 
                         </div>
 
                         </div>
−
                         <img src="https://static.igem.org/mediawiki/2017/2/2f/T--SZU-China--meeting9.jpg" alt="">
+
                         <img src="https://static.igem.org/mediawiki/2017/4/4b/T--SZU-China--cs2.jpg
 +
                            " alt="">
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
Line 152: Line 225:
 
                     <div class="img_item">
 
                     <div class="img_item">
 
                         <div class="title_cover">
 
                         <div class="title_cover">
−
                             <span>Southern China Regional Meeting</span>
+
                             <span>Visit the local community</span>
 
                         </div>
 
                         </div>
−
                         <img src="https://static.igem.org/mediawiki/2017/0/0a/T--SZU-China--southchina6.jpg" alt="">
+
                         <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">
Line 172: Line 245:
 
                     <div class="img_item">
 
                     <div class="img_item">
 
                         <div class="title_cover">
 
                         <div class="title_cover">
−
                             <span>Bubble RUN</span>
+
                             <span>Local Village Culture</span>
 
                         </div>
 
                         </div>
−
                         <img src="https://static.igem.org/mediawiki/2017/2/24/T--SZU-China--running3.jpg" alt="">
+
                         <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">
Line 180: Line 253:
 
                             <span>Biosafty Workshop</span>
 
                             <span>Biosafty Workshop</span>
 
                         </div>
 
                         </div>
−
                         <img src="https://static.igem.org/mediawiki/2017/2/24/T--SZU-China--workshop5.jpg" alt="">
+
                         <img src="https://static.igem.org/mediawiki/2017/4/41/T--SZU-China--workshop4.jpg" alt="">
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
Line 189: 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/d/de/T--SZU-China--hpgold1.jpg" alt="">
+
                     <img src="https://static.igem.org/mediawiki/2017/2/24/T--SZU-China--workshop5.jpg" alt="" style="width: 70%;height: auto;">
 +
                </div>
 +
                <div class="part-tittle">
 +
                    <span style="font-size: 24px;color: #4B97A5;">ABOUT SAFETY CONCERNS</span>
 
                 </div>
 
                 </div>
−
                 <div class="text text_left_img_right">
+
                 <div class="text text_left_img_right" style="height: 210px;">
−
                     <h1>Lorem Ipsum</h1>
+
                     <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.&nbsp;&nbsp;&nbsp;<a style="color: #4B97A5;" class="alink-lg alink" href="https://2017.igem.org/Team:SZU-China/HP/Silver#safty">learn more</a></p>
−
                    <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>
 
         </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/d/de/T--SZU-China--hpgold1.jpg" alt="">
+
                     <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">
−
                     <h1>Lorem Ipsum</h1>
+
                     <p>1.Interviews with professors from College of Civil Engineering.&nbsp;&nbsp;&nbsp;<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>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>
+
                     <p>2.Investigate the longest Bridge in the world.&nbsp;&nbsp;&nbsp;<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.&nbsp;&nbsp;&nbsp;<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 211: 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/d/de/T--SZU-China--hpgold1.jpg" alt="">
+
                     <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="text text_left_img_right">
+
                 <div class="part-tittle">
−
                     <h1>Lorem Ipsum</h1>
+
                     <span style="font-size: 24px;color: #4B97A5;">REGIONAL TEAM CONFERENCE</span>
−
                     <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 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.&nbsp;&nbsp;&nbsp;<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 222: Line 305:
 
             <div class="container">
 
             <div class="container">
 
                 <div class="img">
 
                 <div class="img">
−
                     <img src="https://static.igem.org/mediawiki/2017/d/de/T--SZU-China--hpgold1.jpg" alt="">
+
                     <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="text">
+
                 <div class="part-tittle">
−
                     <h1>Lorem Ipsum</h1>
+
                     <span style="font-size: 24px;color: #4B97A5;">CREATE A COMMUNITY PLATFORM ONLINE</span>
−
                     <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 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;.&nbsp;&nbsp;&nbsp;" 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 240: Line 324:
 
             <img src="https://static.igem.org/mediawiki/2017/f/f6/T--SZU-China--arrow.png" class="arrow-img">
 
             <img src="https://static.igem.org/mediawiki/2017/f/f6/T--SZU-China--arrow.png" class="arrow-img">
 
         </a>
 
         </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>
 
     </div>
  
  
 
</body>
 
</body>
−
 
−
 
  
  
 
</html>
 
</html>

Latest revision as of 02:22, 2 November 2017

INTEGRATED HUMAN PRACTICE

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



Exploring the feasibility of application for real world

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




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