Difference between revisions of "Team:TNCR Korea/Basic Part"

Line 1: Line 1:
−
{{TNCR_Korea}}
+
 
 
<html>
 
<html>
−
 
−
<div class="clear"></div>
 
−
 
−
<div class="column full_width">
 
  
 
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
 
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
Line 13: Line 9:
 
<meta charset="utf-8">
 
<meta charset="utf-8">
 
<meta http-equiv="X-UA-Compatible" content="IE=edge">
 
<meta http-equiv="X-UA-Compatible" content="IE=edge">
−
<title>TNCR_KOREA &mdash; Make gluten digestable</title>
+
<title>TNCR_KOREA &mdash; Digestable Gluten</title>
 
<meta name="viewport" content="width=device-width, initial-scale=1">
 
<meta name="viewport" content="width=device-width, initial-scale=1">
 
<meta name="description" content="Free HTML5 Template by FREEHTML5.CO" />
 
<meta name="description" content="Free HTML5 Template by FREEHTML5.CO" />
Line 19: Line 15:
 
<meta name="author" content="FREEHTML5.CO" />
 
<meta name="author" content="FREEHTML5.CO" />
  
−
  <!--
 
−
//////////////////////////////////////////////////////
 
  
−
FREE HTML5 TEMPLATE
 
−
DESIGNED & DEVELOPED by FREEHTML5.CO
 
−
 
−
Website: http://freehtml5.co/
 
−
Email: info@freehtml5.co
 
−
Twitter: http://twitter.com/fh5co
 
−
Facebook: https://www.facebook.com/fh5co
 
−
 
−
//////////////////////////////////////////////////////
 
−
-->
 
−
 
−
  <!-- Facebook and Twitter integration -->
 
 
<meta property="og:title" content=""/>
 
<meta property="og:title" content=""/>
 
<meta property="og:image" content=""/>
 
<meta property="og:image" content=""/>
Line 44: Line 26:
 
<meta name="twitter:card" content="" />
 
<meta name="twitter:card" content="" />
  
−
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
+
 
 
<link rel="shortcut icon" href="favicon.ico">
 
<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'>
 
<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,300' rel='stylesheet' type='text/css'>
−
<!-- Animate.css -->
+
 +
<!-- Animate.css -->
 
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:TNCR_Korea_animate/CSS?action=raw&ctype=text/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-->
 
<!-- Icomoon Icon Fonts-->
Line 68: Line 51:
 
action=raw&ctype=text/javascript"></script>
 
action=raw&ctype=text/javascript"></script>
 
<![endif]-->
 
<![endif]-->
 +
 +
  
 
<style>
 
<style>
 +
 +
 +
  
 
/***************************************************** DEFAULT WIKI SETTINGS  ****************************************************/
 
/***************************************************** DEFAULT WIKI SETTINGS  ****************************************************/
Line 85: Line 73:
 
display: inline
 
display: inline
 
}
 
}
 +
 +
  
  
Line 240: Line 230:
 
}
 
}
  
 +
 
</style>
 
</style>
  
 +
 +
<!--- THIS IS WHERE THE HTML BEGINS --->
  
 
</head>
 
</head>
Line 252: Line 245:
 
<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="index.html">TNCR<span>KOREA</span></a></h1>
+
<h1 id="fh5co-logo"><a href="index.html"><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>
+
<li class="active">
−
<a href="index.html">Home</a>
+
<a href="https://2017.igem.org/Team:TNCR_Korea#">Home</a>
 
</li>
 
</li>
 
<li>
 
<li>
−
<a href="portfolio.html" class="fh5co-sub-ddown">Projects</a>
+
<a href="portfolio.html" class="fh5co-sub-ddown">Project</a>
 
<ul class="fh5co-sub-menu">
 
<ul class="fh5co-sub-menu">
−
<li><a href="http://freehtml5.co/preview/?item=build-free-html5-bootstrap-template" target="_blank">Build</a></li>
+
<li><a href="http://freehtml5.co/preview/?item=build-free-html5-bootstrap-template" target="_blank">Description</a></li>
−
<li><a href="http://freehtml5.co/preview/?item=work-free-html5-template-bootstrap" target="_blank">Work</a></li>
+
<li><a href="http://freehtml5.co/preview/?item=work-free-html5-template-bootstrap" target="_blank"> Design</a></li>
−
<li><a href="http://freehtml5.co/preview/?item=light-free-html5-template-bootstrap" target="_blank">Light</a></li>
+
<li><a href="http://freehtml5.co/preview/?item=light-free-html5-template-bootstrap" target="_blank">Experiments</a></li>
−
<li><a href="http://freehtml5.co/preview/?item=relic-free-html5-template-using-bootstrap" target="_blank">Relic</a></li>
+
<li><a href="http://freehtml5.co/preview/?item=relic-free-html5-template-using-bootstrap" target="_blank">Notebook</a></li>
−
<li><a href="http://freehtml5.co/preview/?item=display-free-html5-template-using-bootstrap" target="_blank">Display</a></li>
+
<li><a href="http://freehtml5.co/preview/?item=display-free-html5-template-using-bootstrap" target="_blank">InterLab</a></li>
−
<li><a href="http://freehtml5.co/preview/?item=sprint-free-html5-template-bootstrap" target="_blank">Sprint</a></li>
+
<li><a href="http://freehtml5.co/preview/?item=sprint-free-html5-template-bootstrap" target="_blank">Contribution</a></li>
 +
<li><a href="http://freehtml5.co/preview/?item=sprint-free-html5-template-bootstrap" target="_blank">Modeling</a></li>
 +
<li><a href="http://freehtml5.co/preview/?item=sprint-free-html5-template-bootstrap" target="_blank">Results</a></li>
 +
<li><a href="http://freehtml5.co/preview/?item=sprint-free-html5-template-bootstrap" target="_blank">Demonstrate</a></li>
 +
<li><a href="http://freehtml5.co/preview/?item=sprint-free-html5-template-bootstrap" target="_blank">Improve</a></li>
 +
<li><a href="http://freehtml5.co/preview/?item=sprint-free-html5-template-bootstrap" target="_blank">Attributions</a></li>
 
</ul>
 
</ul>
 
</li>
 
</li>
 
<li>
 
<li>
−
<a href="services.html" class="fh5co-sub-ddown">Services</a>
+
<a href="judging.html" class="fh5co-sub-ddown">Judging</a>
 
<ul class="fh5co-sub-menu">
 
<ul class="fh5co-sub-menu">
−
<li><a href="left-sidebar.html">Web Development</a></li>
 
−
<li><a href="right-sidebar.html">Branding &amp; Identity</a></li>
 
 
<li>
 
<li>
−
<a href="#" class="fh5co-sub-ddown">Free HTML5</a>
+
<a href="#" class="fh5co-sub-ddown">Bronze</a>
 +
<ul class="fh5co-sub-menu">
 +
<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/Contribution" target="_blank">Contributions</a></li>
 +
<li><a href="https://2017.igem.org/Team:TNCR_Korea/InterLab" target="_blank">Interlab</a></li>
 +
</ul>
 +
</li>
 +
<li>
 +
<a href="#" class="fh5co-sub-ddown">Silver</a>
 +
<ul class="fh5co-sub-menu">
 +
<li><a href="https://2017.igem.org/Team:TNCR_Korea/Collaborations" target="_blank">Collaborations</a></li>
 +
<li><a href="https://2017.igem.org/Team:TNCR_Korea/HP/Silver" target="_blank">Human Practices</a></li>
 +
</ul>
 +
</li>
 +
<li>
 +
<a href="#" class="fh5co-sub-ddown">Gold</a>
 
<ul class="fh5co-sub-menu">
 
<ul class="fh5co-sub-menu">
−
<li><a href="http://freehtml5.co/preview/?item=build-free-html5-bootstrap-template" target="_blank">Build</a></li>
+
<li><a href="https://2017.igem.org/Team:TNCR_Korea/HP/Gold_Integrated" target="_blank">Human Practices</a></li>
−
<li><a href="http://freehtml5.co/preview/?item=work-free-html5-template-bootstrap" target="_blank">Work</a></li>
+
<li><a href="https://2017.igem.org/Team:TNCR_Korea/Improve" target="_blank">Improve</a></li>
−
<li><a href="http://freehtml5.co/preview/?item=light-free-html5-template-bootstrap" target="_blank">Light</a></li>
+
<li><a href="https://2017.igem.org/Team:TNCR_Korea/Model" target="_blank">Model</a></li>
−
<li><a href="http://freehtml5.co/preview/?item=relic-free-html5-template-using-bootstrap" target="_blank">Relic</a></li>
+
<li><a href="https://2017.igem.org/Team:TNCR_Korea/Demonstrate" target="_blank">Demonstrate</a></li>
−
<li><a href="http://freehtml5.co/preview/?item=display-free-html5-template-using-bootstrap" target="_blank">Display</a></li>
+
−
<li><a href="http://freehtml5.co/preview/?item=sprint-free-html5-template-bootstrap" target="_blank">Sprint</a></li>
+
 
</ul>
 
</ul>
 
</li>
 
</li>
−
<li><a href="#">UI Animation</a></li>
 
−
<li><a href="#">Copywriting</a></li>
 
−
<li><a href="#">Photography</a></li>
 
 
</ul>
 
</ul>
 
</li>
 
</li>
 
<li><a href="about.html">About</a></li>
 
<li><a href="about.html">About</a></li>
−
<li class="active"><a href="blog.html">Blog</a></li>
+
<li><a href="blog.html">Blog</a></li>
 
<li><a href="contact.html">Contact</a></li>
 
<li><a href="contact.html">Contact</a></li>
 
</ul>
 
</ul>
Line 303: Line 309:
 
 
  
−
<div class="fh5co-hero fh5co-hero-2">
+
<div class="fh5co-hero">
 
<div class="fh5co-overlay"></div>
 
<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/work-3.jpg);">
+
<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>Our Parts</h2>
+
<h2>We make Gluten digestable. </h2>
−
<span>---Baisc Parts---</span>
+
<span><a class="btn btn-primary" href="#">Visit Our Facebook</a></span>
 
</div>
 
</div>
 
</div>
 
</div>
Line 314: Line 320:
 
</div>
 
</div>
 
<!-- end:header-top -->
 
<!-- end:header-top -->
−
<div id="fh5co-blog-section" class="fh5co-section-gray">
+
<div id="fh5co-work-section">
 
<div class="container">
 
<div class="container">
 
<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 basic parts</h3>
+
<h3>Our Lab</h3>
 +
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit est facilis maiores, perspiciatis accusamus asperiores sint consequuntur debitis.</p>
 
</div>
 
</div>
 
</div>
 
</div>
Line 324: Line 331:
 
<div class="container">
 
<div class="container">
 
<div class="row">
 
<div class="row">
−
<div class="col-lg-4 col-md-4">
+
<div class="col-md-8 col-sm-8">
−
<div class="fh5co-blog animate-box">
+
<div class="fh5co-grid animate-box" style="background-image: url('images/iphone.jpg');">
−
<a href="#"><img class="img-responsive" src="images/blog-1.jpg" alt=""></a>
+
<a class="image-popup text-center" href="#">
−
<div class="image-popup" href="#">
+
 
<div class="prod-title">
 
<div class="prod-title">
−
<h3><a href=""#>BBa_K2496000</a></h3>
+
<h3>실험실로 이미지 바꾸기</h3>
−
<p> = FLAG</p>
+
<span>이미지 설명</span>
−
<a href="#" class="btn btn-primary">Read More</a>
+
 
</div>
 
</div>
−
</div>  
+
</a>
 
</div>
 
</div>
 
</div>
 
</div>
−
<div class="col-lg-4 col-md-4">
+
<div class="col-md-4 col-sm-4">
−
<div class="fh5co-blog animate-box">
+
<div class="fh5co-grid animate-box" style="background-image: url(images/apple.jpg);">
−
<a href="#"><img class="img-responsive" src="images/blog-2.jpg" alt=""></a>
+
<a class="image-popup text-center" href="#">
−
<div class="image-popup" href="#">
+
 
<div class="prod-title">
 
<div class="prod-title">
−
<h3><a href=""#>BBa_K2496001</a></h3>
+
<h3>Don’t Just Stand There</h3>
−
<p> = DPP4</p>
+
<span>Illustration, Print</span>
−
<a href="#" class="btn btn-primary">Read More</a>
+
 
</div>
 
</div>
−
</div>  
+
</a>
 +
</div>
 +
</div>
 +
<div class="col-md-4 col-sm-4">
 +
<div class="fh5co-grid animate-box" style="background-image: url('https://images.apple.com/v/home/dk/images/tier-one-heroes/apple-tv/tv_4k_largetall_2x.jpg');">
 +
<a class="image-popup text-center" href="#">
 +
<div class="prod-title">
 +
<h3>Don’t Just Stand There</h3>
 +
<span>Illustration, Print</span>
 +
</div>
 +
</a>
 +
</div>
 +
</div>
 +
<div class="col-md-8 col-sm-8">
 +
<div class="fh5co-grid animate-box" style="background-image: url('https://images.apple.com/v/home/dk/images/tier-one-heroes/apple-watch/watch_largetall_2x.jpg');">
 +
<a class="image-popup text-center" href="#">
 +
<div class="prod-title">
 +
<h3>Don’t Just Stand There</h3>
 +
<span>Illustration, Print</span>
 +
</div>
 +
</a>
 
</div>
 
</div>
 
</div>
 
</div>
−
 
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
−
<!-- fh5co-blog-section -->
+
<!-- fh5co-work-section -->
 +
<div id="fh5co-services-section" class="fh5co-section-gray">
 +
<div class="container">
 +
<div class="row">
 +
<div class="col-md-8 col-md-offset-2 text-center heading-section animate-box">
 +
<h3>What We Do</h3>
 +
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit est facilis maiores, perspiciatis accusamus asperiores sint consequuntur debitis.</p>
 +
</div>
 +
</div>
 +
</div>
 +
<div class="container">
 +
<div class="row text-center">
 +
<div class="col-md-4 col-sm-4">
 +
<div class="services animate-box">
 +
<span><i class="icon-browser"></i></span>
 +
<h3>Web Development</h3>
 +
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
 +
</div>
 +
</div>
 +
<div class="col-md-4 col-sm-4">
 +
<div class="services animate-box">
 +
<span><i class="icon-mobile"></i></span>
 +
<h3>GluTNCR</h3>
 +
<p>Detecting Gluten with TensorFlow. GluTNCR is a powerful app that detects a food that has Gluten. All you need is the image.</p>
 +
</div>
 +
</div>
 +
<div class="col-md-4 col-sm-4">
 +
<div class="services animate-box">
 +
<span><i class="icon-tools"></i></span>
 +
<h3>Gluten Free Recipes</h3>
 +
<p>We make videos of how to make foods without Gluten. Videos are on Youtube! Now you may eat. </p>
 +
</div>
 +
</div>
 +
<div class="col-md-4 col-sm-4">
 +
<div class="services animate-box">
 +
<span><i class="icon-video"></i></span>
 +
<h3>Video Editing</h3>
 +
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
 +
</div>
 +
</div>
 +
<div class="col-md-4 col-sm-4">
 +
<div class="services animate-box">
 +
<span><i class="icon-search"></i></span>
 +
<h3>SEO Ranking</h3>
 +
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
 +
</div>
 +
</div>
 +
<div class="col-md-4 col-sm-4">
 +
<div class="services animate-box">
 +
<span><i class="icon-cloud"></i></span>
 +
<h3>Cloud Based Apps</h3>
 +
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<!-- fh5co-services-section -->
 +
<div id="fh5co-content-section">
 +
<div class="container">
 +
<div class="row">
 +
<div class="col-md-8 col-md-offset-2 text-center heading-section animate-box">
 +
<h3>What Ryan Dreams</h3>
 +
<p>Ryan is our team leader. </p>
 +
</div>
 +
</div>
 +
</div>
 +
<div class="container">
 +
<div class="row">
 +
<div class="col-md-10 col-md-offset-1">
 +
<div class="fh5co-testimonial text-center animate-box">
 +
<figure>
 +
<img src="https://pbs.twimg.com/profile_images/680250513951084544/yFwa_Sjd.jpg" alt="user">
 +
</figure>
 +
<blockquote>
 +
<p>“Creativity is just connecting things. When you ask creative people how they did something, they feel a little guilty because they didn’t really do it, they just saw something. It seemed obvious to them after a while.”</p>
 +
</blockquote>
 +
<span>Ryan Kang, TNCR_KOREA Leader</span>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<!-- fh5co-content-section -->
 
 
 +
<!-- fh5co-blog-section -->
 
<footer>
 
<footer>
 
<div id="footer">
 
<div id="footer">
Line 406: Line 512:
 
<script src="https://2017.igem.org/Template:TNCR_Korea_main/Javascript?
 
<script src="https://2017.igem.org/Template:TNCR_Korea_main/Javascript?
 
action=raw&ctype=text/javascript"></script>
 
action=raw&ctype=text/javascript"></script>
 +
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 03:14, 28 October 2017

TNCR_KOREA — Digestable Gluten

We make Gluten digestable.

Visit Our Facebook

Our Lab

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit est facilis maiores, perspiciatis accusamus asperiores sint consequuntur debitis.

실험실로 이미지 바꾸기

이미지 설명

Don’t Just Stand There

Illustration, Print

Don’t Just Stand There

Illustration, Print

Don’t Just Stand There

Illustration, Print

What We Do

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit est facilis maiores, perspiciatis accusamus asperiores sint consequuntur debitis.

Web Development

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.

GluTNCR

Detecting Gluten with TensorFlow. GluTNCR is a powerful app that detects a food that has Gluten. All you need is the image.

Gluten Free Recipes

We make videos of how to make foods without Gluten. Videos are on Youtube! Now you may eat.

Video Editing

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.

SEO Ranking

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.

Cloud Based Apps

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.

What Ryan Dreams

Ryan is our team leader.

user

“Creativity is just connecting things. When you ask creative people how they did something, they feel a little guilty because they didn’t really do it, they just saw something. It seemed obvious to them after a while.”

Ryan Kang, TNCR_KOREA Leader