View source for Team:Hong Kong HKU/Practices

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="generator" content="MediaWiki 1.16.5" />
		<link rel="canonical" href="/Http://2014hs.igem.org/Team:UCL_Academy" />
		<link rel="alternate" type="application/x-wiki" title="Edit" href="/wiki/index.php?title=Http://2014hs.igem.org/Team:UCL_Academy&amp;action=edit" />
		<link rel="edit" title="Edit" href="/wiki/index.php?title=Http://2014hs.igem.org/Team:UCL_Academy&amp;action=edit" />
		<link rel="shortcut icon" href="/favicon.ico" />
		<link rel="search" type="application/opensearchdescription+xml" href="/wiki/opensearch_desc.php" title="2014.igem.org (en)" />
		<link title="Creative Commons" type="application/rdf+xml" href="/wiki/index.php?title=Http://2014hs.igem.org/Team:UCL_Academy&amp;action=creativecommons" rel="meta" />
		<link rel="copyright" href="http://creativecommons.org/licenses/by/3.0/" />
		<link rel="alternate" type="application/atom+xml" title="2014.igem.org Atom feed" href="/wiki/index.php?title=Special:RecentChanges&amp;feed=atom" />		<title>Http://2014hs.igem.org/Team:UCL Academy - 2014.igem.org</title>
		<style type="text/css" media="screen, projection">/*<![CDATA[*/
			@import "/wiki/skins/common/shared.css?270";
			@import "/wiki/skins/igem/main.css?270";
		/*]]>*/</style>
		<link rel="stylesheet" type="text/css" media="print" href="/wiki/skins/common/commonPrint.css?270" />
		<!--[if lt IE 5.5000]><style type="text/css">@import "/wiki/skins/igem/IE50Fixes.css?270";</style><![endif]-->
		<!--[if IE 5.5000]><style type="text/css">@import "/wiki/skins/igem/IE55Fixes.css?270";</style><![endif]-->
		<!--[if IE 6]><style type="text/css">@import "/wiki/skins/igem/IE60Fixes.css?270";</style><![endif]-->
		<!--[if IE 7]><style type="text/css">@import "/wiki/skins/igem/IE70Fixes.css?270";</style><![endif]-->
		<!--[if lt IE 7]><script type="text/javascript" src="/wiki/skins/common/IEFixes.js?270"></script>
		<meta http-equiv="imagetoolbar" content="no" /><![endif]-->
		
		<script>
			var skin="igem",
			stylepath="/wiki/skins",
			wgUrlProtocols="http\\:\\/\\/|https\\:\\/\\/|ftp\\:\\/\\/|irc\\:\\/\\/|gopher\\:\\/\\/|telnet\\:\\/\\/|nntp\\:\\/\\/|worldwind\\:\\/\\/|mailto\\:|news\\:|svn\\:\\/\\/",
			wgArticlePath="/$1",
			wgScriptPath="/wiki",
			wgScriptExtension=".php",
			wgScript="/wiki/index.php",
			wgVariantArticlePath=false,
			wgActionPaths={},
			wgServer="https://2014.igem.org",
			wgCanonicalNamespace="",
			wgCanonicalSpecialPageName=false,
			wgNamespaceNumber=0,
			wgPageName="Http://2014hs.igem.org/Team:UCL_Academy",
			wgTitle="Http://2014hs.igem.org/Team:UCL Academy",
			wgAction="view",
			wgArticleId=3299,
			wgIsArticle=true,
			wgUserName="H1354414",
			wgUserGroups=["*", "user", "autoconfirmed"],
			wgUserLanguage="en",
			wgContentLanguage="en",
			wgBreakFrames=false,
			wgCurRevisionId=298098,
			wgVersion="1.16.5",
			wgEnableAPI=true,
			wgEnableWriteAPI=true,
			wgSeparatorTransformTable=["", ""],
			wgDigitTransformTable=["", ""],
			wgMainPageTitle="Main Page",
			wgFormattedNamespaces={"-2": "Media", "-1": "Special", "0": "", "1": "Talk", "2": "User", "3": "User talk", "4": "2014.igem.org", "5": "2014.igem.org talk", "6": "File", "7": "File talk", "8": "MediaWiki", "9": "MediaWiki talk", "10": "Template", "11": "Template talk", "12": "Help", "13": "Help talk", "14": "Category", "15": "Category talk"},
			wgNamespaceIds={"media": -2, "special": -1, "": 0, "talk": 1, "user": 2, "user_talk": 3, "2014.igem.org": 4, "2014.igem.org_talk": 5, "file": 6, "file_talk": 7, "mediawiki": 8, "mediawiki_talk": 9, "template": 10, "template_talk": 11, "help": 12, "help_talk": 13, "category": 14, "category_talk": 15, "image": 6, "image_talk": 7},
			wgSiteName="2014.igem.org",
			wgCategories=[],
			wgMWSuggestTemplate="https://2014.igem.org/wiki/api.php?action=opensearch\x26search={searchTerms}\x26namespace={namespaces}\x26suggest",
			wgDBname="2014_igem_org",
			wgSearchNamespaces=[0],
			wgMWSuggestMessages=["with suggestions", "no suggestions"],
			wgRestrictionEdit=[],
			wgRestrictionMove=[],
			wgAjaxWatch={"watchMsg": "Watch", "unwatchMsg": "Unwatch", "watchingMsg": "Watching...", "unwatchingMsg": "Unwatching...", "tooltip-ca-watchMsg": "Add this page to your watchlist", "tooltip-ca-unwatchMsg": "Remove this page from your watchlist"};
		</script>                
		
		<script type="text/javascript" src="/wiki/skins/common/wikibits.js?270"><!-- wikibits js --></script>
		<!-- Head Scripts -->
		<script src="/wiki/skins/common/ajax.js?270"></script>
		<script src="/wiki/skins/common/ajaxwatch.js?270"></script>
		<script src="/wiki/skins/common/mwsuggest.js?270"></script>
		<script type="text/javascript" src="/wiki/index.php?title=-&amp;action=raw&amp;smaxage=0&amp;gen=js&amp;useskin=igem"><!-- site js --></script>
	
		<!-- jQuery Javascript -->
		<script type='text/javascript'         src ='/common/jquery-latest.min.js'></script>
		<script type='text/javascript'         src ='/common/tablesorter/jquery.tablesorter.min.js'></script>
        <link rel='stylesheet' type='text/css' href='/common/tablesorter/themes/groupparts/style.css' />
        <link rel='stylesheet' type='text/css' href='/common/table_styles.css' />
        <link rel='stylesheet' type='text/css' href='/forum/forum_styles.css' />
		<script type='text/javascript'         src ='/forum/forum_scripts.js'></script>
	</head>
	
	<style type="text/css">		
	
		
	#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/

	.firstHeading {
		width: 975px; 
		margin: 0px auto;
		padding-top: 100px;
		margin-bottom: 20px;
		font-family: Georgia, Times, "Times New Roman", serif; 
	}

	h2
	{ 
		font-family: 'Avant Garde', Avantgarde, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
                font-weight: 400;
                letter-spacing: 1px;
	}

        h3 
        {
	        font-family: 'Avant Garde', Avantgarde, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
	        font-size: 170%;
	        font-style: normal;
	        font-variant: normal;
	        font-weight: 400;
	        line-height: 100px;
                letter-spacing: 1px;
         }

        h4 
        {
	        font-family: 'Avant Garde', Avantgarde, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
	        font-size: 120%;
	        font-style: normal;
	        font-variant: normal;
	        font-weight: 500;
	        line-height: 70px;
                letter-spacing: 1px;
         }

        h1 
        {
	        color: #1ce3b6;
	        font-family: 'Avant Garde', Avantgarde, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
	        font-size: 130%;
	        font-style: normal;
	        font-variant: normal;
	        font-weight: 500;
	        line-height: 45px;
	        text-align: left;
                letter-spacing: 1px;
         }

        p 
        {
	        color: #000000;
                font-family: 'Avant Garde', Avantgarde, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
	        font-size: 12px;
	        font-style: normal;
	        font-variant: normal;
	        font-weight: 400;
	        line-height: 30px;
                text-align: left;
                margin:20px;
                text-indent: 20px; 
                text-align: justify;
                text-justify:inter-ideograph
         }

        h6 
        {
	        color: #000000;
                font-family: 'Avant Garde', Avantgarde, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
	        font-size: 9px;
	        font-style: normal;
	        font-variant: normal;
	        font-weight: 400;
	        line-height: 23px;
                text-align: left;
                margin:10px; 
         }

        h5
        {
         
        	font-size:18px;
        	color: #ffffff; 
        	font-family: Tahoma, Verdana, Segoe, sans-serif; 
        	font-weight:700;
        	text-shadow:2px 2px 6px #1e1e1e;
                padding: 30px
        }

     


	#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
		background-color: #383838;
		border: 0 none;
		height: 14px;
		z-index: 100;
		top: 0;
		position: fixed;
		width: 975px; 
		left: 50%; 
		margin-left: -487px;
	}

	#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
		background-color: #383838;
		height: 14px;
		display: block;
		z-index: 10;
		position: fixed;
		width: 100%;
		top: 0;
	}

	#menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/
		color: #727272; 
		text-decoration: none; 
		background-color: transparent;
	}

	body { 
		background-color: #fff;
	}

	#globalWrapper, #content { /*-- changes default wiki settings --*/
		width: 100%; 
		height: 100%;
		border: 0px;
		background-color: transparent;
		margin: 0px;
		padding: 0px;
	}

	html, body, .wrapper { /*-- changes default wiki settings --*/
		width: 100%; 
		height: 100%; 
		background-color: transparent; 	
	}

	#contentcontainer { /*-- creates container for all content on page --*/
		font-family: Arial, Helvetica, sans-serif; 
		font-weight: normal; 
		font-size: 14px; 
		color: #414141;
		width: 60%; 
		margin-left: 20%; 
		margin-right: 20%; 
		background-color: transparent; 
		margin-top: 0px; 
	}

	.sidemenu, .sidemenu li { 
		list-style-type: none; 
		list-style-image: none; 
		font-family: verdana; 
		text-decoration: none; 
		color:#000; 
		font-size: 14px;
	}

	.sidemenu li {display: block;}

	.sidemenu a {
		text-decoration:none; 
		color: #000;
		display: block; 
		width: 180px; 
		height: 100%; 
		padding: 3px 5px; 
		transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-webkit-transition: .25s ease-in-out;
	} 

	.sidemenu a.greyout { color: #909090; }

	.sidemenu a:hover {
		color:#666; 
		background-color: #d9f5aa;
	}

	.sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;}
	.sub-sidemenu a {color: #666;}

	div.underconst
	{
	padding:10px;
	border-radius:5px;
	background-color:pink;
	text-align:center;
	}

	a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}

	.contentpara {margin-bottom: 30px;}

	span.email{font-family: monospace; font-weight: normal;}

	fieldset {border: 1px solid #337f53;}

	.greyout {color: #A0A0A0;}
	.highlightme {background-color: #FFFF00;}

	#alertContainer { margin-bottom: 10px; width: 936px;}
	#annContainer {margin-left: 8px;}
	#newsContainer {border: 1px solid #ccc;}

	.newsTitle {
		display: block; 
		color: #414141;
		font-size: 25px;  
		font-family: Georgia, Times, "Times New Roman", serif;
		padding: 10px 15px 5px 10px; 
		border-bottom: 1px solid #ccc; 
		margin-bottom: 0px; 
	}

	.newsItem {
		border-bottom: 1px solid #ccc; 
		display: block; 
		padding: 5px 15px 0px 10px; 
		margin-bottom: 0px; 
	}

	.newsItem h3 {
		width: auto; 
		display: inline; 
		font-size: 14px; 
		font-family: Arial, Helvetica, sans-serif; 
		padding: 0px; 
		margin: 0px;
	}

	.newsItem img {
		float: right; 
		clear: right; 
		width: 80px; 
		padding-left: 15px;
		display: inline-block; 
	}

	.newsItem .newsDate {
		font-style: italic; 
		font-size: 14px; 
		display: inline-block; 
		color: #999; 
		float: right; 
		padding: 0px 0px 10px 15px;
	}

	.newsItem p, .newsItem ul, .newsItem li {
		padding: 0px; 
		margin-left: 20px; 
		font-size: 12px; 
		line-height: 1.2;
	}

	.newsItem p {margin-top: 10px;}

	.annItem {
		border: 2px solid #414141; 
		display: block; 
		padding: 0px 15px 10px 10px; 
		margin-bottom: 18px; 
		position: relative; 
		height: 160px; 
		vertical-align: middle;
	}

	.annItem .annCentered {
		display: table-cell; 
		vertical-align: middle; 
		height: 160px;
	}

	.annCentered h3 {
		padding: 0px;
		display: block; 
		margin-left: auto; 
		margin-right: auto; 
		text-align: center;
	}

	.annItem ul, .annItem li {padding: 0px; margin: 0px;}
	.annItem li {list-style: none; margin: 5px}	
		
	#main_menu
	{
		width: 100%;
		height: 60px;
		background-color: rgba(255,255,255,0.5);
		text-align: center;
		word-spacing: 35px;
		z-index:100;
		position:fixed;
                margin-top: -21px;
	}	
	
	#main_menu a
	{
		color: #4960A7;
		font-size: 140%;
                letter-spacing: 3px;
		border: 0px;
		text-align: center;
		font-weight:500;
                font-family: 'Avant Garde', Avantgarde, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif; 
	}
	
	#main_menu a:hover
	{
		color: #32A9F1;
	}
	
	
	#main_menu_nav
	{
		margin-top: 23px;
	}
	
	#main_img
	{
		width: 100%;
		text-align:center;
		margin-top: -21px;
	}
	
		#button_img
	{
		width: 460px;
		height:460px;
		text-align:center;
		margin-top: 80px;
	}
	.title
	{
		color: #1ce3b6; <!--字的顏色-->
		text-align: center; <!--置中-->
		font-size: 500%; <!--字體大小-->
		font-family: 'Avant Garde', Avantgarde, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;  <!--字體字型-->
		font-weight: 200; <!--字體粗細，400為正常大小，700為bold-->
	}
	
	.description
	{
		text-indent: 30px;
		text-align: left;
	}
	
	</style>
	
	
	<header id = "main_menu">
		<nav id = "main_menu_nav">
			<a href = "https://2015.igem.org/Team:Hong_Kong_HKU">HOME</a>
			<a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Team">TEAM</a>
			<a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Project">PROJECT</a>
			<a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Parts">PARTS</a>
			<a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Modeling">MODELING</a>
                              <a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Notebook">NOTEBOOK</a>
			<a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Attributions">ATTRIBUTIONS</a>
			<a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Practices">HUMANPRACTICES</a>
			<a href = "https://2015.igem.org/Team:Hong_Kong_HKU/Safety">SAFETY</a>
		</nav>
	</header>
	
	<!--<script>
                $('a.menu').click(function(){
    $('a.menu').removeClass("active");
    $(this).addClass("active");
});
        </script>-->
	
	
	<body class="mediawiki  ltr ns-0 ns-subject page-Team_Hong_Kong_HKU">
		<div id="globalWrapper">
			<div id="content">
				
					<!-- start content -->
						<style>
							#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
							
						</style>

						<!--  here ends the section that changes the default wiki template to a white full width background -->


						<!-- beginning of your page -->

						<!-- First block of content -->
						<table  width="970px"  cellspacing="0" height="460px" align="center">
							<tr>
								<td width="460px" align="center" >

									<!-- 主頁的圖片,上傳後把網址放在src""內-->
								<a href="https://2015.igem.org/Team:Hong_Kong_HKU/School_Visits">
									<img id = "button_img" src = "https://static.igem.org/mediawiki/2015/9/99/School_visit_button_opacity_hku.jpeg" onmouseover="this.src='https://static.igem.org/mediawiki/2015/c/cc/School_visit_button_hku.jpeg'" onmouseout="this.src='https://static.igem.org/mediawiki/2015/9/99/School_visit_button_opacity_hku.jpeg'"/>
								</a>

								</td>
								<td width="460px" align="center" >

									<!-- 主頁的圖片,上傳後把網址放在src""內-->
								<a href="https://2015.igem.org/Team:Hong_Kong_HKU/One_Day_Workshop">
									<img id = "button_img" src = "https://static.igem.org/mediawiki/2015/9/92/One_day_workshop_button_opacity_hku.jpeg" onmouseover="this.src='https://static.igem.org/mediawiki/2015/a/a1/One_day_workshop_button_hku.jpeg'" onmouseout="this.src='https://static.igem.org/mediawiki/2015/9/92/One_day_workshop_button_opacity_hku.jpeg'"/>
									
								</a>

								</td>
							</tr>
						</table>

						<h5 align="center"> Click in to view our outreach activities!</h5>
						<!-- end of first block -->
                                                <div id="contentcontainer">
						<!--  Block of content 1 -->


												<!-- Content goes here -->
<table width="100%"  cellspacing="0" height="50px" border = "0"> </table>
												
												<h3 class= "title" align = "center">HUMAN PRACTICE</p> <!--藍綠色標題-->
													<h4> Introduction</h4>
                                                                                 
									
													<p>Human Practice is, as mentioned in the iGEM official webpage, a crucial element in the project that requires students to question about the relationship between our livelihood and synthetic biology. This year, the Hong Kong_HKU Team would like to pay its focus on education and ethical issues regarding to the synthetic biological technology, which are frequently discussed in Hong Kong nowadays. Therefore, the team held a series of events, including School Visits, One-Day Workshop, and Brochures delivery in summer to share more knowledge with the general public about this topic.</p>

							

<table width="100%"  cellspacing="0" height="50px" border = "0"> </table>
													<p>For more photos of our events, please join our Facebook page: <a href = "https://www.facebook.com/igemhku2015?ref=ts&fref=ts">HKU igem 2015 team</a> </p>









<table width="100%"  cellspacing="0" height="200px" border = "0"> </table>
						


				</div>
			</div>
		</div>
	</body>
</html>