Difference between revisions of "Team:Tokyo Tech/Description"

(Prototype team page)
 
Line 1: Line 1:
{{Tokyo_Tech}}
 
<html>
 
  
 +
<!DOCTYPE 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>Clean &mdash; A free HTML5 Template by FREEHTML5.CO</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" />
  
 +
  <!--
 +
//////////////////////////////////////////////////////
  
<div class="column full_size judges-will-not-evaluate">
+
FREE HTML5 TEMPLATE
<h3>★  ALERT! </h3>
+
DESIGNED & DEVELOPED by FREEHTML5.CO
<p>This page is used by the judges to evaluate your team for the<a href="https://2016.igem.org/Judging/Medals"> improve a previous part or project gold medal criterion</a>. </p>
+
<p> Delete this box in order to be evaluated for this medal. See more information at <a href="https://2016.igem.org/Judging/Pages_for_Awards/Instructions"> Instructions for Pages for awards</a>.</p>
+
Website: http://freehtml5.co/
</div>
+
Email: info@freehtml5.co
 +
Twitter: http://twitter.com/fh5co
 +
Facebook: https://www.facebook.com/fh5co
  
 +
//////////////////////////////////////////////////////
 +
-->
  
<div class="column full_size">
+
  <!-- Facebook and Twitter integration -->
 +
<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="" />
  
<p>Tell us about your project, describe what moves you and why this is something important for your team.</p>
+
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
 +
<link rel="shortcut icon" href="favicon.ico">
  
 +
<!-- Google Webfonts -->
 +
<link href='http://fonts.googleapis.com/css?family=Roboto:400,300,100,500' rel='stylesheet' type='text/css'>
 +
<link href='http://fonts.googleapis.com/css?family=Roboto+Slab:400,300,100,500' rel='stylesheet' type='text/css'>
 +
 +
<!-- Animate.css -->
 +
<link rel="stylesheet" href="animate.css">
 +
<!-- Icomoon Icon Fonts-->
 +
<link rel="stylesheet" href="icomoon.css">
 +
<!-- Simple Line Icons -->
 +
<link rel="stylesheet" href="simple-line-icons.css">
 +
<!-- Theme Style -->
 +
<link rel="stylesheet" href="style.css">
 +
<!-- Modernizr JS -->
 +
<script src="modernizr-2.6.2.min.js"></script>
 +
<!-- FOR IE9 below -->
 +
<!--[if lt IE 9]>
 +
<script src="js/respond.min.js"></script>
 +
<![endif]-->
  
<h5>What should this page contain?</h5>
+
</head>
<ul>
+
<body>
<li> A clear and concise description of your project.</li>
+
<li>A detailed explanation of why your team chose to work on this particular project.</li>
+
<header id="fh5co-header" role="banner">
<li>References and sources to document your research.</li>
+
<nav class="navbar navbar-default" role="navigation">
<li>Use illustrations and other visual resources to explain your project.</li>
+
<div class="container">
</ul>
+
<div class="row">
 +
<div class="col-md-10 col-md-offset-1">
 +
<div class="navbar-header">
 +
<!-- Mobile Toggle Menu Button -->
 +
<a href="#" class="js-fh5co-nav-toggle fh5co-nav-toggle visible-xs-block" data-toggle="collapse" data-target="#fh5co-navbar" aria-expanded="false" aria-controls="navbar"><i></i></a>
 +
<a class="navbar-brand" href="index.html">Clean</a>
 +
</div>
 +
<div id="fh5co-navbar" class="navbar-collapse collapse">
 +
<ul class="nav navbar-nav navbar-right">
 +
<li class="active"><a href="index.html"><span>Home <span class="border"></span></span></a></li>
 +
<li><a href="right-sidebar.html"><span>Right Sidebar <span class="border"></span></span></a></li>
 +
<li><a href="left-sidebar.html"><span>Left Sidebar <span class="border"></span></span></a></li>
 +
</ul>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</nav>
 +
</header>
 +
<!-- END .header -->
 +
 +
 +
<div id="fh5co-main">
 +
<div class="fh5co-intro text-center">
 +
<div class="container">
 +
<div class="row">
 +
<div class="col-md-8 col-md-offset-2">
 +
<h1 class="intro-lead">Make something you love</h1>
 +
<p class="">100% Free HTML5 Template by <a href="http://freehtml5.co/" target="_blank">FREEHTML5.co</a></p>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
  
 +
<div id="fh5co-portfolio">
 +
<div class="fh5co-portfolio-item ">
 +
<div class="fh5co-portfolio-figure animate-box" style="background-image: url(images/work_1.jpg);"></div>
 +
<div class="fh5co-portfolio-description">
 +
<h2>Project First</h2>
 +
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia.</p>
 +
<p><a href="#" class="btn btn-primary">Read the casetudy</a></p>
 +
</div>
 +
</div>
 +
<div class="fh5co-portfolio-item fh5co-img-right">
 +
<div class="fh5co-portfolio-figure animate-box" style="background-image: url(images/work_2.jpg);"></div>
 +
<div class="fh5co-portfolio-description">
 +
<h2>Project Second</h2>
 +
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia.</p>
 +
<p><a href="#" class="btn btn-primary">Read the casetudy</a></p>
 +
</div>
 +
</div>
 +
<div class="fh5co-portfolio-item ">
 +
<div class="fh5co-portfolio-figure animate-box" style="background-image: url(images/work_3.jpg);"></div>
 +
<div class="fh5co-portfolio-description">
 +
<h2>Project Third</h2>
 +
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia.</p>
 +
<p><a href="#" class="btn btn-primary">Read the casetudy</a></p>
 +
</div>
 +
</div>
 +
<div class="fh5co-portfolio-item fh5co-img-right">
 +
<div class="fh5co-portfolio-figure animate-box" style="background-image: url(images/work_4.jpg);"></div>
 +
<div class="fh5co-portfolio-description">
 +
<h2>Project Fourth</h2>
 +
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia.</p>
 +
<p><a href="#" class="btn btn-primary">Read the casetudy</a></p>
 +
</div>
 +
</div>
 +
</div>
  
</div>
+
<div id="fh5co-team">
 +
<div class="container">
 +
<div class="row">
 +
<div class="col-md-10 col-md-offset-1">
 +
<div class="row">
 +
<h2 class="section-lead text-center">Leadership</h2>
 +
<div class="col-md-3 col-sm-6 col-xs-6 col-xxs-12 fh5co-staff to-animate">
 +
<figure>
 +
<img src="images/user.jpg" alt="Free HTML5 Template by FREEHTML5.co" class="img-responsive">
 +
</figure>
 +
<h3>Will Barrow</h3>
 +
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. </p>
 +
<ul class="fh5co-social">
 +
<li><a href="#"><i class="icon-twitter"></i></a></li>
 +
<li><a href="#"><i class="icon-github"></i></a></li>
 +
</ul>
 +
</div>
 +
<div class="col-md-3 col-sm-6 col-xs-6 col-xxs-12 fh5co-staff to-animate">
 +
<figure>
 +
<img src="images/user_2.jpg" alt="Free HTML5 Template by FREEHTML5.co" class="img-responsive">
 +
</figure>
 +
<h3>Max Conversion</h3>
 +
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. </p>
 +
<ul class="fh5co-social">
 +
<li><a href="#"><i class="icon-twitter"></i></a></li>
 +
<li><a href="#"><i class="icon-github"></i></a></li>
 +
</ul>
 +
</div>
 +
<div class="clearfix visible-sm-block visible-xs-block"></div>
 +
<div class="col-md-3 col-sm-6 col-xs-6 col-xxs-12 fh5co-staff to-animate">
 +
<figure>
 +
<img src="images/user_3.jpg" alt="Free HTML5 Template by FREEHTML5.co" class="img-responsive">
 +
</figure>
 +
<h3>Hanson Deck</h3>
 +
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. </p>
 +
<ul class="fh5co-social">
 +
<li><a href="#"><i class="icon-twitter"></i></a></li>
 +
<li><a href="#"><i class="icon-github"></i></a></li>
 +
</ul>
 +
</div>
 +
<div class="col-md-3 col-sm-6 col-xs-6 col-xxs-12 fh5co-staff to-animate">
 +
<figure>
 +
<img src="images/user.jpg" alt="Free HTML5 Template by FREEHTML5.co" class="img-responsive">
 +
</figure>
 +
<h3>Sue Shei</h3>
 +
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. </p>
 +
<ul class="fh5co-social">
 +
<li><a href="#"><i class="icon-twitter"></i></a></li>
 +
<li><a href="#"><i class="icon-github"></i></a></li>
 +
</ul>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
  
<div class="column full_size" >
+
<div id="fh5co-services">
 +
<div class="container">
 +
<div class="row">
 +
<div class="col-md-10 col-md-offset-1">
 +
<div class="row">
 +
<h2 class="section-lead text-center">Features</h2>
 +
<div class="col-md-4 col-sm-6 col-xs-6 col-xxs-12 fh5co-service">
 +
<div class="fh5co-icon to-animate"><i class="icon-present"></i></div>
 +
<div class="fh5co-desc">
 +
<h3>100% Free</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-6 col-xs-6 col-xxs-12 fh5co-service">
 +
<div class="fh5co-icon to-animate"><i class="icon-eye"></i></div>
 +
<div class="fh5co-desc">
 +
<h3>Retina Ready</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="clearfix visible-sm-block visible-xs-block"></div>
 +
<div class="col-md-4 col-sm-6 col-xs-6 col-xxs-12 fh5co-service">
 +
<div class="fh5co-icon to-animate"><i class="icon-crop"></i></div>
 +
<div class="fh5co-desc">
 +
<h3>Fully Responsive</h3>
 +
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. </p>
 +
</div>
 +
</div>
  
<h5>Advice on writing your Project Description</h5>
+
<div class="col-md-4 col-sm-6 col-xs-6 col-xxs-12 fh5co-service">
 +
<div class="fh5co-icon to-animate"><i class="icon-speedometer"></i></div>
 +
<div class="fh5co-desc">
 +
<h3>Lightweight</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="clearfix visible-sm-block visible-xs-block"></div>
 +
<div class="col-md-4 col-sm-6 col-xs-6 col-xxs-12 fh5co-service">
 +
<div class="fh5co-icon to-animate"><i class="icon-heart"></i></div>
 +
<div class="fh5co-desc">
 +
<h3>Made with Love</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-6 col-xs-6 col-xxs-12 fh5co-service">
 +
<div class="fh5co-icon to-animate"><i class="icon-umbrella"></i></div>
 +
<div class="fh5co-desc">
 +
<h3>Eco Friendly</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="clearfix visible-sm-block visible-xs-block"></div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
  
<p>
+
</div>
We encourage you to put up a lot of information and content on your wiki, but we also encourage you to include summaries as much as possible. If you think of the sections in your project description as the sections in a publication, you should try to be consist, accurate and unambiguous in your achievements.
+
</p>
+
  
<p>
+
<footer id="fh5co-footer">
Judges like to read your wiki and know exactly what you have achieved. This is how you should think about these sections; from the point of view of the judge evaluating you at the end of the year.
+
<div class="container">
</p>
+
<div class="row">
 
+
<div class="col-md-10 col-md-offset-1 text-center">
</div>
+
<p>&copy; Clean Free HTML5. All Rights Reserved. <br>Created by <a href="http://freehtml5.co/" target="_blank">FREEHTML5.co</a> Images: <a href="http://pexels.com/" target="_blank">Pexels</a></p>
 
+
</div>
 
+
</div>
<div class="column half_size" >
+
</div>
 
+
</footer>
<h5>References</h5>
+
<p>iGEM teams are encouraged to record references you use during the course of your research. They should be posted somewhere on your wiki so that judges and other visitors can see how you thought about your project and what works inspired you.</p>
+
 
+
</div>
+
 
+
 
+
<div class="column half_size" >
+
<h5>Inspiration</h5>
+
<p>See how other teams have described and presented their projects: </p>
+
 
+
<ul>
+
<li><a href="https://2014.igem.org/Team:Imperial/Project"> Imperial</a></li>
+
<li><a href="https://2014.igem.org/Team:UC_Davis/Project_Overview"> UC Davis</a></li>
+
<li><a href="https://2014.igem.org/Team:SYSU-Software/Overview">SYSU Software</a></li>
+
</ul>
+
</div>
+
  
  
 +
<!-- jQuery -->
 +
<script src="jquery.min.js"></script>
 +
<!-- jQuery Easing -->
 +
<script src="jquery.easing.1.3.js"></script>
 +
<!-- Bootstrap -->
 +
<script src="bootstrap.min.js"></script>
 +
<!-- Waypoints -->
 +
<script src="jquery.waypoints.min.js"></script>
 +
<!-- Main JS -->
 +
<script src="main.js"></script>
  
 +
 +
</body>
 
</html>
 
</html>

Revision as of 05:13, 15 June 2016

<!DOCTYPE html>

 
	
	
	
	Clean — A free HTML5 Template by FREEHTML5.CO
	
	
	
	

  

  
	
	
	
	
	
	
	
	
	

	
	

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	

	
	
		
	
	
	
	
	

Make something you love

100% Free HTML5 Template by FREEHTML5.co

Project First

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia.

Read the casetudy

Project Second

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia.

Read the casetudy

Project Third

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia.

Read the casetudy

Project Fourth

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia.

Read the casetudy

Leadership

Free HTML5 Template by FREEHTML5.co

Will Barrow

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

Free HTML5 Template by FREEHTML5.co

Max Conversion

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

Free HTML5 Template by FREEHTML5.co

Hanson Deck

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

Free HTML5 Template by FREEHTML5.co

Sue Shei

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

Features

100% Free

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

Retina Ready

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

Fully Responsive

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

Lightweight

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

Made with Love

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

Eco Friendly

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