(Prototype team page) |
SaintVansan (Talk | contribs) |
||
(11 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
− | + | ||
<html> | <html> | ||
+ | <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> | ||
+ | <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--> | ||
+ | <!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]--> | ||
+ | <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]--> | ||
+ | <head> | ||
+ | <meta charset="utf-8"> | ||
+ | <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
+ | <title>TNCR_KOREA — Digestable Gluten</title> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
+ | <meta name="description" content="Free HTML5 Template by FREEHTML5.CO" /> | ||
+ | <meta name="keywords" content="free html5, free template, free bootstrap, html5, css3, mobile first, responsive" /> | ||
+ | <meta name="author" content="FREEHTML5.CO" /> | ||
+ | |||
+ | |||
+ | <meta property="og:title" content=""/> | ||
+ | <meta property="og:image" content=""/> | ||
+ | <meta property="og:url" content=""/> | ||
+ | <meta property="og:site_name" content=""/> | ||
+ | <meta property="og:description" content=""/> | ||
+ | <meta name="twitter:title" content="" /> | ||
+ | <meta name="twitter:image" content="" /> | ||
+ | <meta name="twitter:url" content="" /> | ||
+ | <meta name="twitter:card" content="" /> | ||
+ | |||
+ | |||
+ | <link rel="shortcut icon" href="favicon.ico"> | ||
+ | |||
+ | <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,300' rel='stylesheet' type='text/css'> | ||
+ | |||
+ | <!-- Animate.css --> | ||
+ | <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:TNCR_Korea_animate/CSS?action=raw&ctype=text/css"> | ||
+ | <!-- Icomoon Icon Fonts--> | ||
+ | <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:TNCR_Korea_icomoon/CSS?action=raw&ctype=text/css"> | ||
+ | <!-- Bootstrap --> | ||
+ | <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:TNCR_Korea_bootstrap/CSS?action=raw&ctype=text/css"> | ||
+ | <!-- Superfish --> | ||
+ | <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:TNCR_Korea_superfish/CSS?action=raw&ctype=text/css"> | ||
+ | |||
+ | <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:TNCR_Korea_style/CSS?action=raw&ctype=text/css"> | ||
+ | |||
+ | |||
+ | <!-- Modernizr JS --> | ||
+ | <script src="https://2017.igem.org/Template:TNCR_Korea_modernizr/Javascript? | ||
+ | action=raw&ctype=text/javascript"></script> | ||
+ | <!-- FOR IE9 below --> | ||
+ | <!--[if lt IE 9]> | ||
+ | <script src="https://2017.igem.org/Template:TNCR_Korea_respond/Javascript? | ||
+ | action=raw&ctype=text/javascript"></script> | ||
+ | <![endif]--> | ||
+ | |||
+ | |||
+ | |||
+ | <style> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | /***************************************************** DEFAULT WIKI SETTINGS ****************************************************/ | ||
+ | |||
+ | /* Clear the default wiki settings */ | ||
+ | |||
+ | #home_logo, #sideMenu { display:none; } | ||
+ | #sideMenu, #top_title, .patrollink {display:none;} | ||
+ | #content { width:100%; padding: 0px; margin-top:-7px; margin-left:0px;} | ||
+ | body {background-color:white; } | ||
+ | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } | ||
+ | |||
+ | |||
+ | |||
+ | #top_menu_under { | ||
+ | position: relative; | ||
+ | width: 100%; | ||
+ | /* height: 18px; */ | ||
+ | } | ||
+ | |||
+ | #fh5co-primary-menu li{ | ||
+ | display: inline | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | #fh5co-menu-wrap { | ||
+ | position: relative; | ||
+ | z-index: 2; | ||
+ | display: block; | ||
+ | float: right; | ||
+ | margin-top: 60px; | ||
+ | } | ||
+ | |||
+ | #fh5co-menu-wrap .sf-menu a { | ||
+ | padding: 1em .75em; | ||
+ | } | ||
+ | |||
+ | #fh5co-primary-menu > li > ul li.active > a { | ||
+ | color: #FCC72C !important; | ||
+ | } | ||
+ | #fh5co-primary-menu > li > .sf-with-ul:after { | ||
+ | border: none !important; | ||
+ | font-family: 'icomoon'; | ||
+ | speak: none; | ||
+ | font-style: normal; | ||
+ | font-weight: normal; | ||
+ | font-variant: normal; | ||
+ | text-transform: none; | ||
+ | line-height: 1; | ||
+ | /* Better Font Rendering =========== */ | ||
+ | -webkit-font-smoothing: antialiased; | ||
+ | -moz-osx-font-smoothing: grayscale; | ||
+ | position: absolute; | ||
+ | float: right; | ||
+ | margin-right: -5px; | ||
+ | top: 50%; | ||
+ | margin-top: -7px; | ||
+ | content: "\e922"; | ||
+ | color: rgba(255, 255, 255, 0.5); | ||
+ | } | ||
+ | #fh5co-primary-menu > li > ul li { | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | |||
+ | #fh5co-primary-menu > li > ul li > .sf-with-ul:after { | ||
+ | border: none !important; | ||
+ | font-family: 'icomoon'; | ||
+ | speak: none; | ||
+ | font-style: normal; | ||
+ | font-weight: normal; | ||
+ | font-variant: normal; | ||
+ | text-transform: none; | ||
+ | line-height: 1; | ||
+ | /* Better Font Rendering =========== */ | ||
+ | -webkit-font-smoothing: antialiased; | ||
+ | -moz-osx-font-smoothing: grayscale; | ||
+ | position: absolute; | ||
+ | float: right; | ||
+ | margin-right: 10px; | ||
+ | top: 20px; | ||
+ | font-size: 16px; | ||
+ | content: "\e924"; | ||
+ | color: rgba(0, 0, 0, 0.5); | ||
+ | } | ||
+ | |||
+ | #fh5co-primary-menu .fh5co-sub-menu { | ||
+ | padding: 10px 7px 10px; | ||
+ | background: #fff; | ||
+ | left: 0; | ||
+ | -webkit-border-radius: 5px; | ||
+ | -moz-border-radius: 5px; | ||
+ | -ms-border-radius: 5px; | ||
+ | border-radius: 5px; | ||
+ | -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15); | ||
+ | -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15); | ||
+ | -ms-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15); | ||
+ | -o-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15); | ||
+ | box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15); | ||
+ | } | ||
+ | #fh5co-primary-menu .fh5co-sub-menu > li > .fh5co-sub-menu { | ||
+ | left: 100%; | ||
+ | } | ||
− | + | #fh5co-primary-menu .fh5co-sub-menu:before { | |
− | + | position: absolute; | |
+ | top: -9px; | ||
+ | left: 20px; | ||
+ | width: 0; | ||
+ | height: 0; | ||
+ | content: ''; | ||
+ | } | ||
− | + | #fh5co-primary-menu .fh5co-sub-menu:after { | |
+ | position: absolute; | ||
+ | top: -8px; | ||
+ | left: 21px; | ||
+ | width: 0; | ||
+ | height: 0; | ||
+ | border-right: 8px solid transparent; | ||
+ | border-bottom: 8px solid #fff; | ||
+ | border-bottom: 8px solid white; | ||
+ | border-left: 8px solid transparent; | ||
+ | content: ''; | ||
+ | } | ||
+ | #fh5co-primary-menu .fh5co-sub-menu .fh5co-sub-menu:before { | ||
+ | top: 6px; | ||
+ | left: 100%; | ||
+ | } | ||
− | + | #fh5co-primary-menu .fh5co-sub-menu .fh5co-sub-menu:after { | |
− | + | top: 7px; | |
− | + | right: 100%; | |
− | + | border: none !important; | |
− | + | } | |
− | + | ||
− | + | ||
+ | .site-header.has-image #primary-menu .sub-menu { | ||
+ | border-color: #ebebeb; | ||
+ | -webkit-box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09); | ||
+ | -moz-box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09); | ||
+ | -ms-box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09); | ||
+ | -o-box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09); | ||
+ | box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09); | ||
+ | } | ||
+ | .site-header.has-image #primary-menu .sub-menu:before { | ||
+ | display: none; | ||
+ | } | ||
− | + | #fh5co-primary-menu .fh5co-sub-menu a { | |
+ | letter-spacing: 0; | ||
+ | padding: 0 15px; | ||
+ | font-size: 18px; | ||
+ | line-height: 34px; | ||
+ | color: #575757 !important; | ||
+ | text-transform: none; | ||
+ | background: none; | ||
+ | } | ||
− | + | #fh5co-primary-menu .fh5co-sub-menu li { | |
+ | display: block; | ||
+ | } | ||
− | + | #fh5co-primary-menu .fh5co-sub-menu a:hover { | |
+ | color: #FCC72C !important; | ||
+ | } | ||
− | + | #fh5co-work-section, | |
− | + | #fh5co-services-section, | |
− | + | #fh5co-content-section, | |
+ | #fh5co-work-section_2, | ||
+ | #fh5co-blog-section { | ||
+ | padding: 7em 0; | ||
+ | } | ||
+ | @media screen and (max-width: 768px) { | ||
+ | #fh5co-work-section, | ||
+ | #fh5co-services-section, | ||
+ | #fh5co-content-section, | ||
+ | #fh5co-work-section_2, | ||
+ | #fh5co-blog-section { | ||
+ | padding: 4em 0; | ||
+ | } | ||
+ | } | ||
− | + | ||
− | + | </style> | |
− | </ | + | |
− | |||
− | <div class=" | + | </head> |
+ | <body> | ||
+ | <div id="fh5co-wrapper"> | ||
+ | <div id="fh5co-page"> | ||
+ | <div id="fh5co-header"> | ||
+ | <header id="fh5co-header-section"> | ||
+ | <div class="container"> | ||
+ | <div class="nav-header"> | ||
+ | <a href="#" class="js-fh5co-nav-toggle fh5co-nav-toggle"><i></i></a> | ||
+ | <h1 id="fh5co-logo"><a href="https://2017.igem.org/Team:TNCR_Korea"><span>TNCR</span>KOREA</a></h1> | ||
+ | <!-- START #fh5co-menu-wrap --> | ||
+ | <nav id="fh5co-menu-wrap" role="navigation"> | ||
+ | <ul class="sf-menu" id="fh5co-primary-menu"> | ||
+ | <li> | ||
+ | <a href="https://2017.igem.org/Team:TNCR_Korea">Home</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="portfolio.html" class="fh5co-sub-ddown">Team</a> | ||
+ | <ul class="fh5co-sub-menu"> | ||
+ | <li><a href="https://2017.igem.org/Team:TNCR_Korea/Team" target="_blank">Team</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:TNCR_Korea/Attributions" target="_blank">Attributions</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:TNCR_Korea/Collaborations" target="_blank">Collaborations</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="active"> | ||
+ | <a href="portfolio.html" class="fh5co-sub-ddown">Project</a> | ||
+ | <ul class="fh5co-sub-menu"> | ||
+ | <li><a href="https://2017.igem.org/Team:TNCR_Korea/Background" target="_blank">Background</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:TNCR_Korea/Description" target="_blank">Description</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:TNCR_Korea/Design" target="_blank">Design</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:TNCR_Korea/Model" target="_blank">Model</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:TNCR_Korea/Experiments" target="_blank">Experiments</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:TNCR_Korea/Notebook" target="_blank">Notebook</a></li> | ||
+ | |||
+ | <li><a href="https://2017.igem.org/Team:TNCR_Korea/Results" target="_blank">Results</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="portfolio.html" class="fh5co-sub-ddown">Parts</a> | ||
+ | <ul class="fh5co-sub-menu"> | ||
+ | <li><a href="https://2017.igem.org/Team:TNCR_Korea/Parts" target="_blank">Parts</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:TNCR_Korea/Contribution" target="_blank">Contribution</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:TNCR_Korea/Basic_Part" target="_blank">Basic Part</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:TNCR_Korea/Composite_Part" target="_blank">Composite Part</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:TNCR_Korea/Part_Collection" target="_blank">Part Collection</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="portfolio.html" class="fh5co-sub-ddown">Human Practices</a> | ||
+ | <ul class="fh5co-sub-menu"> | ||
+ | <li><a href="https://2017.igem.org/Team:TNCR_Korea/HP/Silver" target="_blank">Human Activity</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:TNCR_Korea/HP/Gold_Integrated" target="_blank">Integrated Human Activity</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:TNCR_Korea/Engagement" target="_blank">Public Engagement</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2017.igem.org/Team:TNCR_Korea/Awards">Awards</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </nav> | ||
+ | </div> | ||
+ | </div> | ||
+ | </header> | ||
+ | |||
+ | </div> | ||
− | < | + | |
− | <p> | + | <div class="fh5co-hero fh5co-hero-2"> |
+ | <div class="fh5co-overlay"></div> | ||
+ | <div class="fh5co-cover fh5co-cover_2 text-center" data-stellar-background-ratio="0.5" style="background-image: url(images/about-image.jpg);"> | ||
+ | <div class="desc animate-box"> | ||
+ | <h2>Project</h2> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- end:header-top --> | ||
+ | <div id="fh5co-about"> | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-8 col-md-offset-2 text-center heading-section animate-box"> | ||
+ | <h3>Description</h3> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-8 col-md-offset-2 animate-box"> | ||
+ | <h3>Motivation</h3> | ||
+ | <p>Celiac disease is a serious autoimmune disorder that is mainly caused by gluten, which is composed of gliadorphins. Among gliadorphin, amino acid called proline is abundant. This proline causes inflammation in intestinal immunocyte, triggering it to attack absorptive cells and damage small intestine.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="row"> | ||
+ | <div class="col-md-8 col-md-offset-2 animate-box"> | ||
+ | <object data="https://static.igem.org/mediawiki/2017/b/b9/TncrKoreaFinalProtocol1.pdf" type="application/pdf" width="100%" height="900px"> | ||
+ | </object> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | </br> | ||
+ | </br> | ||
+ | </br> | ||
+ | </br> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- fh5co-content-section --> | ||
+ | |||
+ | <!-- fh5co-blog-section --> | ||
+ | <footer> | ||
+ | <div id="footer"> | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-6 col-md-offset-3 text-center"> | ||
+ | <p class="fh5co-social-icons"> | ||
+ | <a href="#"><i class="icon-twitter2"></i></a> | ||
+ | <a href="#"><i class="icon-facebook2"></i></a> | ||
+ | <a href="#"><i class="icon-instagram"></i></a> | ||
+ | <a href="#"><i class="icon-dribbble2"></i></a> | ||
+ | <a href="#"><i class="icon-youtube"></i></a> | ||
+ | </p> | ||
+ | <p>Copyright 2016 Free Html5 <a href="#">TNCR_KOREA</a>. All Rights Reserved. <br>Made with <i class="icon-heart3"></i> by <a href="http://freehtml5.co/" target="_blank">Freehtml5.co</a> / Demo Images: <a href="https://unsplash.com/" target="_blank">Unsplash</a></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </footer> | ||
+ | |||
− | </div> | + | </div> |
+ | <!-- END fh5co-page --> | ||
+ | </div> | ||
+ | <!-- END fh5co-wrapper --> | ||
− | < | + | <!-- jQuery --> |
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | <script src="https://2017.igem.org/Template:TNCR_Korea_jquery_min/Javascript? | ||
+ | action=raw&ctype=text/javascript"></script> | ||
+ | <!-- jQuery Easing --> | ||
+ | <script src="https://2017.igem.org/Template:TNCR_Korea_jquery_easing_1_3/Javascript? | ||
+ | action=raw&ctype=text/javascript"></script> | ||
+ | <!-- Bootstrap --> | ||
+ | <script src="https://2017.igem.org/Template:TNCR_Korea_bootstrap_min/Javascript? | ||
+ | action=raw&ctype=text/javascript"></script> | ||
+ | <!-- Waypoints --> | ||
+ | <script src="https://2017.igem.org/Template:TNCR_Korea_jquery_waypoints_min/Javascript? | ||
+ | action=raw&ctype=text/javascript"></script> | ||
+ | <!-- Stellar --> | ||
+ | <script src="https://2017.igem.org/Template:TNCR_Korea_jquery_stellar_min/Javascript? | ||
+ | action=raw&ctype=text/javascript"></script> | ||
+ | <!-- Superfish --> | ||
+ | <script src="https://2017.igem.org/Template:TNCR_Korea_hoverIntent/Javascript? | ||
+ | action=raw&ctype=text/javascript"></script> | ||
+ | <script src="https://2017.igem.org/Template:TNCR_Korea_superfish/Javascript? | ||
+ | action=raw&ctype=text/javascript"></script> | ||
+ | <!-- Main JS (Do not remove) --> | ||
+ | <script src="https://2017.igem.org/Template:TNCR_Korea_main/Javascript? | ||
+ | action=raw&ctype=text/javascript"></script> | ||
+ | </body> | ||
</html> | </html> |
Latest revision as of 13:41, 1 November 2017
Project
Description
Motivation
Celiac disease is a serious autoimmune disorder that is mainly caused by gluten, which is composed of gliadorphins. Among gliadorphin, amino acid called proline is abundant. This proline causes inflammation in intestinal immunocyte, triggering it to attack absorptive cells and damage small intestine.