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

 
(35 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/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;
+
            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 52: 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 62: Line 115:
 
<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 139:
 
                     </ul>
 
                     </ul>
 
                 </li>
 
                 </li>
−
             
+
 
  
 
                 <li>
 
                 <li>
Line 96: Line 149:
 
                         <li><a href="https://2017.igem.org/Team:SZU-China/Demonstrate">DEMONSTRATE</a></li>
 
                         <li><a href="https://2017.igem.org/Team:SZU-China/Demonstrate">DEMONSTRATE</a></li>
 
                         <li><a href="https://2017.igem.org/Team:SZU-China/Protocol">PROTOCOL</a></li>
 
                         <li><a href="https://2017.igem.org/Team:SZU-China/Protocol">PROTOCOL</a></li>
 +
                        <li><a href="https://2017.igem.org/Team:SZU-China/Notebook">NOTEBOOK</a></li>
  
 
                     </ul>
 
                     </ul>
Line 111: Line 165:
 
                 </li>
 
                 </li>
  
−
               
+
 
 
                 <li>
 
                 <li>
 
                     <a href="#">ACHIEVEMENT</a>
 
                     <a href="#">ACHIEVEMENT</a>
Line 122: Line 176:
 
             </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: 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 style="position: relative;top: 60px;">
+
 
−
        <img src="https://static.igem.org/mediawiki/2017/e/ea/T--SZU-China--hpbanner1.jpg" width="100%">
+
                    </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
+
                 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: 70%;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: 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.&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>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <div class="text_img" style="padding-bottom:5.5em;height:650px">
 +
            <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;">Exploring the feasibility of application for real world</span>
 +
                </div>
 +
                <div class="text">
 +
                    <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>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 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.&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 class="text_img">
 +
            <div class="container">
 +
                <div class="img">
 +
                    <img src="https://static.igem.org/mediawiki/2017/6/68/T--SZU-China--corridor-logo.png" 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 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 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>

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