Nurulaisyah (Talk | contribs) |
|||
(5 intermediate revisions by 2 users not shown) | |||
Line 98: | Line 98: | ||
-webkit-animation: fadeEffect 1s; | -webkit-animation: fadeEffect 1s; | ||
animation: fadeEffect 1s; | animation: fadeEffect 1s; | ||
+ | } | ||
+ | .imgCenter{ | ||
+ | display: black; | ||
+ | margin: auto; | ||
+ | margin-top: 25px; | ||
+ | margin-bottom: 25px; | ||
} | } | ||
Line 113: | Line 119: | ||
</style><!-- header section --> | </style><!-- header section --> | ||
<header> | <header> | ||
+ | {{:Template:UI-Indonesia/wiki_reset}} | ||
+ | {{:Template:UI-Indonesia/css/wiki_default_settings}} | ||
+ | {{:Template:UI-Indonesia/css/menu_bar}} | ||
+ | |||
+ | <!DOCTYPE html> | ||
+ | <html> | ||
+ | <head> | ||
+ | <title>Home - Hi,Vax! UI iGEM Team 2016</title> | ||
+ | </head> | ||
+ | <body> | ||
+ | <meta charset="UTF-8"> | ||
+ | <meta content="width=device-width, initial-scale=1.0" name="viewport"> | ||
+ | <meta content="Hi,Vax! Wiki - UI iGEM Team 2016 Project" name="description"> | ||
+ | <meta content="Arief Purnama Muharram (UI iGEM Team 2016 - Faculty of Medicine Universitas Indonesia)" name="author"> | ||
+ | <link href="https://2016.igem.org/Template:UI-Indonesia/prototype01/style_css?action=raw&ctype=text/css" rel="stylesheet" type="text/css"> | ||
+ | <link href="https://2016.igem.org/Template:UI-Indonesia/prototype01/bootstrap_min_css?action=raw&ctype=text/css" rel="stylesheet" type="text/css"> | ||
+ | <!-- the wiki settings in the section immediately below are from UC San Diego 2015 --> | ||
+ | <style type="text/css"> | ||
+ | /* WIKI SETTINGS*/ | ||
+ | |||
+ | /* Hide first heading */ | ||
+ | .firstHeading { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*-- Remove borders, float content left and remove padding/margin */ | ||
+ | #globalWrapper, #content{ | ||
+ | background-color: transparent; | ||
+ | border: none; | ||
+ | float: center; | ||
+ | width: 101%; | ||
+ | margin-left: -3px; | ||
+ | margin-top: -35px; | ||
+ | padding: auto; | ||
+ | } | ||
+ | |||
+ | /*left align Black Menu Bar */ | ||
+ | #top_menu_inside { | ||
+ | margin-left: 0px; | ||
+ | } | ||
+ | .centerImage | ||
+ | { | ||
+ | text-align:center; | ||
+ | display:block; | ||
+ | } | ||
+ | .wraptocenter { | ||
+ | display: table-cell; | ||
+ | text-align: center; | ||
+ | vertical-align: middle; | ||
+ | width: 200px; | ||
+ | height: 200px; | ||
+ | background-color: #999; | ||
+ | } | ||
+ | .wraptocenter * { | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | |||
+ | <!-- TAB STYLE --> | ||
+ | |||
+ | ul.tab { | ||
+ | list-style-type: none; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | overflow: hidden; | ||
+ | border: 1px solid #ccc; | ||
+ | background-color: #f1f1f1; | ||
+ | } | ||
+ | |||
+ | /* Float the list items side by side */ | ||
+ | ul.tab li {float: left;} | ||
+ | |||
+ | /* Style the links inside the list items */ | ||
+ | ul.tab li a { | ||
+ | display: inline-block; | ||
+ | color: black; | ||
+ | text-align: center; | ||
+ | padding: 14px 16px; | ||
+ | text-decoration: none; | ||
+ | transition: 0.3s; | ||
+ | font-size: 17px; | ||
+ | } | ||
+ | |||
+ | /* Change background color of links on hover */ | ||
+ | ul.tab li a:hover { | ||
+ | background-color: #ddd; | ||
+ | } | ||
+ | |||
+ | /* Create an active/current tablink class */ | ||
+ | ul.tab li a:focus, .active { | ||
+ | background-color: #ccc; | ||
+ | } | ||
+ | |||
+ | /* Style the tab content */ | ||
+ | .tabcontent { | ||
+ | display: none; | ||
+ | padding: 6px 12px; | ||
+ | -webkit-animation: fadeEffect 1s; | ||
+ | animation: fadeEffect 1s; | ||
+ | } | ||
+ | |||
+ | .imgCenter{ | ||
+ | display: block; | ||
+ | margin: auto; | ||
+ | margin-top: 25px; | ||
+ | margin-bottom: 25px; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes fadeEffect { | ||
+ | from {opacity: 0;} | ||
+ | to {opacity: 1;} | ||
+ | } | ||
+ | |||
+ | @keyframes fadeEffect { | ||
+ | from {opacity: 0;} | ||
+ | to {opacity: 1;} | ||
+ | } | ||
+ | |||
+ | <!-- TAB STYLE --> | ||
+ | </style><!-- header section --> | ||
<div id="nav-box"> | <div id="nav-box"> | ||
<div id="cssmenu"> | <div id="cssmenu"> | ||
<ul> | <ul> | ||
− | |||
− | |||
− | |||
<li> | <li> | ||
− | <a href= | + | <a href='https://2016.igem.org/team:UI-Indonesia'>Home</a> |
</li> | </li> | ||
<li> | <li> | ||
− | <a href= | + | <a href="https://2016.igem.org/team:UI-Indonesia/Description">Our Project</a> |
+ | </li> | ||
+ | <li class='has-sub'> | ||
+ | <a href='#'>Part</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2016.igem.org/Team:UI-Indonesia/Basic_Part">Basic Part</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:UI-Indonesia/Parts">Part</a></li> | ||
+ | </ul> | ||
</li> | </li> | ||
<li> | <li> | ||
− | <a href=' | + | <a href='https://2016.igem.org/team:UI-Indonesia/Model'>Modelling</a> |
</li> | </li> | ||
− | <li class='has-sub'> | + | <li class='has-sub active'> |
− | <a href='# | + | <a href='#'>Human Practice</a> |
<ul> | <ul> | ||
<li> | <li> | ||
− | <a href="https://2016.igem.org/Team:UI-Indonesia/HP/Silver"> | + | <a href="https://2016.igem.org/Team:UI-Indonesia/HP/Silver">Field Activities</a> |
</li> | </li> | ||
<li> | <li> | ||
Line 146: | Line 276: | ||
</li> | </li> | ||
<li> | <li> | ||
− | <a href=' | + | <a href='https://2016.igem.org/team:UI-Indonesia/Medal_Criteria'>Medal Criteria</a> |
</li> | </li> | ||
<li> | <li> | ||
− | <a href=' | + | <a href='https://2016.igem.org/team:UI-Indonesia/Team'>Team</a> |
− | + | ||
− | + | ||
− | + | ||
</li> | </li> | ||
<li class='has-sub'> | <li class='has-sub'> | ||
− | <a href='# | + | <a href='#'>References</a> |
<ul> | <ul> | ||
<li> | <li> | ||
− | <a href=" | + | <a href="https://2016.igem.org/Team:UI-Indonesia/Notebook">Notebook</a> |
− | + | ||
− | + | ||
− | + | ||
</li> | </li> | ||
<li> | <li> | ||
− | <a href='https://2016.igem.org/ | + | <a href='https://2016.igem.org/Team:UI-Indonesia/Attributions'>Attributions</a> |
</li> | </li> | ||
<li> | <li> | ||
Line 179: | Line 303: | ||
<div class="row"> | <div class="row"> | ||
<!-- SPACE KOSONG --> | <!-- SPACE KOSONG --> | ||
− | <h2>HP GOLD : HUMAN PRACTICE | + | <h2 class="text-center">HP GOLD : HUMAN PRACTICE HANDBOOK</h2> |
− | <img src="https://static.igem.org/mediawiki/2016/ | + | <h3 class="text-center">Hereby we attached the full version of our <a href="https://static.igem.org/mediawiki/2016/0/09/Handbook_iGEM.pdf"> Human Practice Handbook</a></h3> |
− | < | + | <img class="imgCenter" src="https://static.igem.org/mediawiki/2016/1/1b/Synbio_Day_SS.jpg" class="img-responsive"/> |
+ | <img class="imgCenter" src="https://static.igem.org/mediawiki/2016/0/09/Education_SS.jpg" class="img-responsive"/> | ||
+ | <img class="imgCenter" src="https://static.igem.org/mediawiki/2016/thumb/b/b4/Social_Studies.jpg/482px-Social_Studies.jpg" class="img-responsive"/> | ||
<!-- SPACE KOSONG --> | <!-- SPACE KOSONG --> |
Latest revision as of 03:28, 20 October 2016
<!DOCTYPE html>
HP GOLD : HUMAN PRACTICE HANDBOOK
Hereby we attached the full version of our Human Practice Handbook