|
|
| Line 1: |
Line 1: |
| - | {{:Team:CityU_HK/Template}}
| |
| - | {{:Team:CityU HK/Template/CSS}}
| |
| | | | |
| - | <html>
| |
| - | <html lang="en">
| |
| - |
| |
| - | <head>
| |
| - |
| |
| - | <style>
| |
| - | h1 {
| |
| - | text-align: center;
| |
| - | font-weight: 800;
| |
| - | color: #555555;
| |
| - | }
| |
| - |
| |
| - | p {
| |
| - | text-align: center;
| |
| - | font-weight: 100;
| |
| - | color:#555555;
| |
| - | }
| |
| - |
| |
| - | .jumbotron {
| |
| - | background-image: url('https://static.igem.org/mediawiki/2014/1/15/CityUHK_HumanPractice_jumbotron.JPG');
| |
| - | background-size: 1300px 790px;
| |
| - | height: 790px;
| |
| - | position: relative;
| |
| - | top: -40px;
| |
| - | }
| |
| - |
| |
| - | .jumbotron h1 {
| |
| - | color: #fff;
| |
| - | font-weight: 400;
| |
| - | font-family: 'Raleway', sans-serif;
| |
| - | font-size: 8em;
| |
| - | margin:0;
| |
| - | }
| |
| - |
| |
| - | .jumbotron p {
| |
| - | color: #fff;
| |
| - | font-weight: 200;
| |
| - | font-family: 'Raleway', sans-serif;
| |
| - | font-size: 1.7em;
| |
| - | width: 800px;
| |
| - | text-align: left;
| |
| - | margin:0;
| |
| - | position: relative;
| |
| - | left: 50px;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | </style>
| |
| - | </head>
| |
| - |
| |
| - | <body>
| |
| - | <div class="jumbotron">
| |
| - | <div class="container">
| |
| - | <h1>Human Practice</h1>
| |
| - | <p>We educated secondary school kids about synthetic biology and the safety issues. We also conducted a survey on public understanding on synthetic biology.</p>
| |
| - | </div>
| |
| - | </div>
| |
| - |
| |
| - | <div class="container">
| |
| - | <div class="row">
| |
| - | <div class="col-md-12" id="presentation">
| |
| - | <h1> What we have done</h1>
| |
| - | <p>This part is under construction.</p>
| |
| - | <div id="gallery">
| |
| - | <div class="container">
| |
| - | <img src=""/>
| |
| - | <div class="description">Cas is introducing synthetic biology to the students.</div>
| |
| - | </div>
| |
| - | </div>
| |
| - | <div class="col-md-12" id="survey">
| |
| - | <h1> Survey </h1>
| |
| - | <p> This part is under construction.</p>
| |
| - | </div>
| |
| - | </div> <!--end of row-->
| |
| - | </div> <!-- end of container-->
| |
| - |
| |
| - | <!--==================== footer ===========================-->
| |
| - | <div id="footer" class="row">
| |
| - | <div class="col-md-7">
| |
| - | <h4>Sponsors</h3>
| |
| - | <a href="http://www.cityu.edu.hk/" target="_blank"><img src="https://static.igem.org/mediawiki/2014/9/9c/CityU_HK_citylogo.png" width="95"></a>
| |
| - | <a href="http://www6.cityu.edu.hk/bhdbapp/deptweb/index.html" target="_blank"><img src="https://static.igem.org/mediawiki/2014/9/98/CityU_HK_bchlogo.png" width="80"></a>
| |
| - | </div> <!-- end of col-md-7-->
| |
| - | <div class="col-md-5">
| |
| - | <h4>Stay connected!</h4>
| |
| - | <p>email: <a href="#">cityuhk.igem@gmail.com</a></p>
| |
| - | <a href="#"><img src="https://s3.amazonaws.com/sbweb/images/icon-facebook-grey-150x150.png" width="50" height="48"></a>
| |
| - | <a href="#"><img src="http://ibo2014.org/wordpress/wp-content/themes/ibo2014/img/navbar/twitter_icon.png" width="49" height="51"></a>
| |
| - | <a href="#"><img src="http://3.bp.blogspot.com/-zNUyQIVgA8Q/Ue8USlgr8II/AAAAAAAAl1w/6ZCWqhS59Ts/s1600/youtube.png" width="52" height="50"></a>
| |
| - | </div> <!--end of col-md-5-->
| |
| - | </div> <!-- end of #footer -->
| |
| - |
| |
| - | </body>
| |
| - | </html>
| |
"
