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

Line 9: 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; Digestable Gluten</title>
+
<title>TNCR_KOREA &mdash; Make gluten digestable</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 15: Line 15:
 
<meta name="author" content="FREEHTML5.CO" />
 
<meta name="author" content="FREEHTML5.CO" />
  
 
+
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
<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 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 51: Line 39:
 
action=raw&ctype=text/javascript"></script>
 
action=raw&ctype=text/javascript"></script>
 
<![endif]-->
 
<![endif]-->
 
 
  
 
<style>
 
<style>
 
 
 
  
 
/***************************************************** DEFAULT WIKI SETTINGS  ****************************************************/
 
/***************************************************** DEFAULT WIKI SETTINGS  ****************************************************/
Line 73: Line 56:
 
display: inline
 
display: inline
 
}
 
}
 
 
  
  
Line 230: Line 211:
 
}
 
}
  
 
 
</style>
 
</style>
  
 
<!--- THIS IS WHERE THE HTML BEGINS --->
 
  
 
</head>
 
</head>
Line 245: Line 223:
 
<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"><span>TNCR</span>KOREA</a></h1>
+
<h1 id="fh5co-logo"><a href="index.html">TNCR<span>KOREA</span></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>
<a href="https://2017.igem.org/Team:TNCR_Korea#">Home</a>
+
<a href="index.html">Home</a>
 
</li>
 
</li>
 
<li>
 
<li>
<a href="portfolio.html" class="fh5co-sub-ddown">Project</a>
+
<a href="portfolio.html" class="fh5co-sub-ddown">Projects</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">Description</a></li>
+
<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=work-free-html5-template-bootstrap" target="_blank"> Design</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=light-free-html5-template-bootstrap" target="_blank">Experiments</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=relic-free-html5-template-using-bootstrap" target="_blank">Notebook</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=display-free-html5-template-using-bootstrap" target="_blank">InterLab</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">Contribution</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">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="judging.html" class="fh5co-sub-ddown">Judging</a>
+
<a href="services.html" class="fh5co-sub-ddown">Services</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">Bronze</a>
+
<a href="#" class="fh5co-sub-ddown">Free HTML5</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="https://2017.igem.org/Team:TNCR_Korea/HP/Gold_Integrated" target="_blank">Human Practices</a></li>
+
<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/Improve" target="_blank">Improve</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/Model" target="_blank">Model</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/Demonstrate" target="_blank">Demonstrate</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=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><a href="blog.html">Blog</a></li>
+
<li class="active"><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 309: Line 274:
 
 
  
<div class="fh5co-hero">
+
<div class="fh5co-hero fh5co-hero-2">
 
<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://laveronese.com/wp-content/uploads/2015/07/Gluten-Free-otolia_80416335_XXL-2000-800x533.jpg);">
+
<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="desc animate-box">
 
<div class="desc animate-box">
<h2>We make Gluten digestable. </h2>
+
<h2>Our Parts</h2>
<span><a class="btn btn-primary" href="#">Visit Our Facebook</a></span>
+
<span>---Baisc Parts---</span>
 
</div>
 
</div>
 
</div>
 
</div>
Line 320: Line 285:
 
</div>
 
</div>
 
<!-- end:header-top -->
 
<!-- end:header-top -->
<div id="fh5co-work-section">
+
<div id="fh5co-blog-section" class="fh5co-section-gray">
 
<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 Lab</h3>
+
<h3>Our basic parts</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 331: Line 295:
 
<div class="container">
 
<div class="container">
 
<div class="row">
 
<div class="row">
<div class="col-md-8 col-sm-8">
+
<div class="col-lg-4 col-md-4">
<div class="fh5co-grid animate-box" style="background-image: url('images/iphone.jpg');">
+
<div class="fh5co-blog animate-box">
<a class="image-popup text-center" href="#">
+
<a href="#"><img class="img-responsive" src="images/blog-1.jpg" alt=""></a>
 +
<div class="image-popup" href="#">
 
<div class="prod-title">
 
<div class="prod-title">
<h3>실험실로 이미지 바꾸기</h3>
+
<h3><a href=""#>BBa_K2496000</a></h3>
<span>이미지 설명</span>
+
<p> = FLAG</p>
 +
<a href="#" class="btn btn-primary">Read More</a>
 
</div>
 
</div>
</a>
+
</div>  
 
</div>
 
</div>
 
</div>
 
</div>
<div class="col-md-4 col-sm-4">
+
<div class="col-lg-4 col-md-4">
<div class="fh5co-grid animate-box" style="background-image: url(images/apple.jpg);">
+
<div class="fh5co-blog animate-box">
<a class="image-popup text-center" href="#">
+
<a href="#"><img class="img-responsive" src="images/blog-2.jpg" alt=""></a>
 +
<div class="image-popup" href="#">
 
<div class="prod-title">
 
<div class="prod-title">
<h3>Don’t Just Stand There</h3>
+
<h3><a href=""#>BBa_K2496001</a></h3>
<span>Illustration, Print</span>
+
<p> = DPP4</p>
 +
<a href="#" class="btn btn-primary">Read More</a>
 
</div>
 
</div>
</a>
+
</div>  
</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-work-section -->
+
<!-- fh5co-blog-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 512: Line 377:
 
<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:15, 28 October 2017

TNCR_KOREA — Make gluten digestable