SaintVansan (Talk | contribs) |
|||
(120 intermediate revisions by 2 users not shown) | |||
Line 14: | Line 14: | ||
<meta name="keywords" content="free html5, free template, free bootstrap, html5, css3, mobile first, responsive" /> | <meta name="keywords" content="free html5, free template, free bootstrap, html5, css3, mobile first, responsive" /> | ||
<meta name="author" content="FREEHTML5.CO" /> | <meta name="author" content="FREEHTML5.CO" /> | ||
+ | |||
Line 53: | Line 54: | ||
− | |||
+ | <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:0px; 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> | |
− | + | ||
− | + | ||
− | + | ||
− | |||
− | + | <!--- THIS IS WHERE THE HTML BEGINS ---> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</head> | </head> | ||
Line 363: | Line 260: | ||
<div class="nav-header"> | <div class="nav-header"> | ||
<a href="#" class="js-fh5co-nav-toggle fh5co-nav-toggle"><i></i></a> | <a href="#" class="js-fh5co-nav-toggle fh5co-nav-toggle"><i></i></a> | ||
− | <h1 id="fh5co-logo"><a href=" | + | <h1 id="fh5co-logo"><a href="https://2017.igem.org/Team:TNCR_Korea"><span>TNCR</span>KOREA</a></h1> |
<!-- START #fh5co-menu-wrap --> | <!-- START #fh5co-menu-wrap --> | ||
<nav id="fh5co-menu-wrap" role="navigation"> | <nav id="fh5co-menu-wrap" role="navigation"> | ||
<ul class="sf-menu" id="fh5co-primary-menu"> | <ul class="sf-menu" id="fh5co-primary-menu"> | ||
<li class="active"> | <li class="active"> | ||
− | <a href=" | + | <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> | ||
<li> | <li> | ||
<a href="portfolio.html" class="fh5co-sub-ddown">Project</a> | <a href="portfolio.html" class="fh5co-sub-ddown">Project</a> | ||
<ul class="fh5co-sub-menu"> | <ul class="fh5co-sub-menu"> | ||
− | <li><a href=" | + | <li><a href="https://2017.igem.org/Team:TNCR_Korea/Background" target="_blank">Background</a></li> |
− | <li><a href=" | + | <li><a href="https://2017.igem.org/Team:TNCR_Korea/Description" target="_blank">Description</a></li> |
− | <li><a href=" | + | <li><a href="https://2017.igem.org/Team:TNCR_Korea/Design" target="_blank">Design</a></li> |
− | <li><a href=" | + | <li><a href="https://2017.igem.org/Team:TNCR_Korea/Model" target="_blank">Model</a></li> |
− | <li><a href=" | + | <li><a href="https://2017.igem.org/Team:TNCR_Korea/Experiments" target="_blank">Experiments</a></li> |
− | <li><a href=" | + | <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> | </ul> | ||
</li> | </li> | ||
<li> | <li> | ||
− | <a href=" | + | <a href="portfolio.html" class="fh5co-sub-ddown">Parts</a> |
− | + | <ul class="fh5co-sub-menu"> | |
− | <li> | + | <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> | </ul> | ||
</li> | </li> | ||
− | <li><a href=" | + | <li> |
− | + | <a href="portfolio.html" class="fh5co-sub-ddown">Human Practices</a> | |
− | <li><a href=" | + | <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> | </ul> | ||
</nav> | </nav> | ||
Line 425: | Line 320: | ||
<div class="fh5co-hero"> | <div class="fh5co-hero"> | ||
<div class="fh5co-overlay"></div> | <div class="fh5co-overlay"></div> | ||
− | <div class="fh5co-cover text-center" data-stellar-background-ratio="0.5" style="background-image: url(https:// | + | <div class="fh5co-cover text-center" data-stellar-background-ratio="0.5" style="background-image: url("https://laveronese.com/wp-content/uploads/2015/07/Gluten-Free-otolia_80416335_XXL-2000-800x533.jpg");"> |
<div class="desc animate-box"> | <div class="desc animate-box"> | ||
<h2>We make Gluten digestable. </h2> | <h2>We make Gluten digestable. </h2> | ||
− | + | ||
</div> | </div> | ||
</div> | </div> | ||
− | |||
</div> | </div> | ||
<!-- end:header-top --> | <!-- end:header-top --> | ||
Line 438: | Line 332: | ||
<div class="row"> | <div class="row"> | ||
<div class="col-md-8 col-md-offset-2 text-center heading-section animate-box"> | <div class="col-md-8 col-md-offset-2 text-center heading-section animate-box"> | ||
− | <h3>Our | + | <h3>Overview of Our Project</h3> |
− | + | ||
</div> | </div> | ||
</div> | </div> | ||
Line 445: | Line 339: | ||
<div class="container"> | <div class="container"> | ||
<div class="row"> | <div class="row"> | ||
+ | |||
+ | <center><img src="https://i.imgur.com/pprwQUu.png" height="700" width="1000"></center></br></br></br></br></br></br></br> | ||
<div class="col-md-8 col-sm-8"> | <div class="col-md-8 col-sm-8"> | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <h2> Contact Us </h2></br> </br><a href="https://www.facebook.com/TNCRKOREA/"> | |
− | + | <img src="https://i.imgur.com/tZIXBm7.png" height="60" width="60"> | |
− | + | </a> <p> TNCR Korea - IGEM </p></br> | |
− | + | ||
− | + | <img src="https://i.imgur.com/Ll3Gv6E.png" height="53" width="53"> | |
− | + | <p> </br> tncrkorea@gmail.com </p> | |
− | + | ||
− | + | ||
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
+ | |||
+ | |||
<!-- fh5co-blog-section --> | <!-- fh5co-blog-section --> | ||
<footer> | <footer> | ||
<div id="footer"> | <div id="footer"> | ||
− | <div class="container"> | + | <div class="container"> |
<div class="row"> | <div class="row"> | ||
<div class="col-md-6 col-md-offset-3 text-center"> | <div class="col-md-6 col-md-offset-3 text-center"> | ||
<p class="fh5co-social-icons"> | <p class="fh5co-social-icons"> | ||
− | |||
<a href="#"><i class="icon-facebook2"></i></a> | <a href="#"><i class="icon-facebook2"></i></a> | ||
+ | <a href="#"><i class="icon-twitter2"></i></a> | ||
<a href="#"><i class="icon-instagram"></i></a> | <a href="#"><i class="icon-instagram"></i></a> | ||
<a href="#"><i class="icon-dribbble2"></i></a> | <a href="#"><i class="icon-dribbble2"></i></a> |
Latest revision as of 20:00, 1 November 2017