Difference between revisions of "Team:NCTU Formosa/Attributions"

Line 1: Line 1:
{{Team:NCTU_Formosa/navigation}}
 
<html>
 
<head>
 
  
  <style type="text/css">  
+
left:0vw;
 
+
}
    <!--
+
.Background{
 +
position:relative;
 +
text-align: center;
 +
padding-top:5vh;
 +
text-shadow:3px 3px 3px #cccccc;
 +
}
 +
#image1 img{
 +
max-width:92vw;
 +
width:92vw;
 +
width:expression(document.body.clientWidth>92vw?"92vw":"auto");
 +
overflow:hidden;
 +
position:relative;
 +
text-align:center;
 +
}
 +
.project_text{
 +
text-align:left;
 +
font-family:Myriad Pro;
 +
font-weight:normal;
 +
color:#000000;
 +
padding-left:5vw;
 +
padding-right:5vw;
 +
font-size:1.5em;
 +
text-indent:38px;
 +
}
  
.container{
+
.project_title{
 +
text-align:left;
 +
font-family:Myriad Pro;
 +
color:#000000;
 +
padding-left:5vw;
 +
font-size:20pt;
 +
background-size:cover;height:20vh;width:15vw;
 +
 
 +
}
 +
.project3{
 +
text-align:left;
 +
font-family:Myriad Pro;
 +
font-weight:normal;
 +
color:#000000;
 +
padding-left:5vw;
 +
padding-right:5vw;
 +
padding-bottom:9vh;
 +
font-size:16pt;
 +
text-indent:25px;
 +
}
 +
 
 +
.link--kukuri {
 +
text-transform:none;
 +
overflow: hidden;
 +
 +
}
 +
.link {
 +
outline: none;
 +
text-decoration: none;
 +
position: relative;
 +
line-height: 1;
 +
color: #9e9ba4;
 +
display:outline-block;
 +
font-family:Myriad Pro;
 +
font-weight:bold;
 +
font-size:45pt;
 +
}
 +
 
 +
.link--kukuri:hover {
 +
color: #b2b0a9;
 +
}
 +
 
 +
.link--kukuri::after {
 +
content: '';
 +
position: absolute;gi
 +
height: 20px;
 +
width: 100%;
 +
top: 50%;
 +
margin-top: 8px;
 +
right: 0;
 +
background: #F9F9F9;
 +
transform: translate3d(-100%,0,0);
 +
transition: transform 0.2s;
 +
transition-timing-function: cubic-bezier(1.0,0,0.8,1);
 +
 
 +
}
 +
 
 +
.link--kukuri:hover::after {
 +
transform: translate3d(100%,0,0);
 +
 +
}
 +
 
 +
.link--kukuri::before {
 +
content: attr(data-letters);
 +
position: absolute;
 +
overflow: hidden;
 +
color: #424242;
 +
white-space: nowrap;
 +
width: 0%;
 +
transition: width 0.2s 0.1s;
 +
}
 +
 
 +
.link--kukuri:hover::before {
 +
width: 100%;
 +
}
 +
a.animated-button.thar-three {
 +
  color: #000;
 +
  font-family:Myriad Pro;
 +
  font-size: 20px;
 +
  text-decoration: none;
 +
  text-align:center;
 +
  cursor: pointer;
 +
  display: block;
 +
  position: relative;
 +
  bottom:10vh;
 +
  width:30vh;
 +
  left:75vw;
 +
  border: 2px solid #F7CA18;
 +
  transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
 +
  0s;
 +
  z-index: 2;
 +
 
 +
}
 +
 
 +
a.animated-button.thar-three:hover {
 +
  color: #000 !important;
 +
  background-color: transparent;
 +
  text-shadow: nthree;
 +
}
 +
 
 +
a.animated-button.thar-three:hover:before {
 +
  right: auto;
 +
  width: 100%;
 +
}
 +
 
 +
a.animated-button.thar-three:before {
 +
  display: block;
 +
  position: absolute;
 +
  top: 0px;
 +
  right: 0px;
 +
  height: 100%;
 +
  width: 0px;
 +
  z-index: -1;
 +
  content: '';
 +
  color: #000 !important;
 +
  background: #F7CA18;
 +
  transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
 +
  0s;
 +
}
 +
a.animated-button.thar-three-two {
 +
  color: #000;
 +
  font-family:Myriad Pro;
 +
  font-size: 20px;
 +
  text-decoration: none;
 +
  text-align:center;
 +
  cursor: pointer;
 +
  display: block;
 +
  position: relative;
 +
  bottom:10vh;
 +
  width:30vh;
 +
  left:-7vw;
 +
  border: 2px solid #F7CA18;
 +
  transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
 +
  0s;
 +
  z-index: 2;
 +
}
 +
a.animated-button.thar-three-two:hover {
 +
  color: #000 !important;
 +
  background-color: transparent;
 +
  text-shadow: nthree;
 +
}
 +
 
 +
a.animated-button.thar-three-two:hover:before {
 +
  right: auto;
 +
  width: 100%;
 +
}
 +
 
 +
a.animated-button.thar-three-two:before {
 +
  display: block;
 +
  position: absolute;
 +
  top: 0px;
 +
  right: 0px;
 +
  height: 100%;
 +
  width: 0px;
 +
  z-index: -1;
 +
  content: '';
 +
  color: #000 !important;
 +
  background: #F7CA18;
 +
  transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
 +
  0s;
 +
}
 +
.text{
 +
width:65%;
 +
 
 +
text-align:left;
 +
 +
position:relative;
 +
float:left;
 +
font-weight:normal;
 +
color:#575757;
 +
font-family:Myriad Pro;
 +
font-size:1.5em;
 +
}
 +
 
 +
.logo{
 +
background-image:url("https://static.igem.org/mediawiki/2015/5/53/2015_NCTU_Formosa_11897155_889492047791513_1100794190_n.jpg");
 +
position:absolute;
 +
background-size:80%;
 +
background-repeat: no-repeat;
 +
height:50vh;
 +
width:20vw;
 +
right:0vw;
 +
top:0vh;
 +
}
 +
.container{
 
width:100%;
 
width:100%;
 
height:100vh;
 
height:100vh;
Line 23: Line 227:
 
}
 
}
 
.picture{
 
.picture{
width:16vw;
+
width:10vw;
 
height:40vh;
 
height:40vh;
 
float:left;
 
float:left;
Line 32: Line 236:
 
}
 
}
 
.box{
 
.box{
width:16vw;
+
width:10vw;
 
height:40vh;
 
height:40vh;
 
background-color:#FFFFFF;
 
background-color:#FFFFFF;
Line 60: Line 264:
 
margin:0 auto;
 
margin:0 auto;
 
}
 
}
//-->
+
</style>
+
      </style>  
+
 
<script type="text/javascript"
 
<script type="text/javascript"
 
src="https://2015.igem.org/Team:NCTU_Formosa/source/fancybox.js?
 
src="https://2015.igem.org/Team:NCTU_Formosa/source/fancybox.js?
Line 68: Line 270:
 
<link rel="stylesheet" type="text/css"
 
<link rel="stylesheet" type="text/css"
 
href="https://2015.igem.org/Team:NCTU_Formosa/Source/fancybox.css?action=raw&ctype=text/css" media="screen"></link>
 
href="https://2015.igem.org/Team:NCTU_Formosa/Source/fancybox.css?action=raw&ctype=text/css" media="screen"></link>
</head>
+
  </head>
 
+
 
<body style="background-color:#FFFFFF;";>
+
<body>
<script type="text/javascript">
+
<script type="text/javascript">
 
$(document).ready(function() {
 
$(document).ready(function() {
 
$(".fancybox").fancybox({
 
$(".fancybox").fancybox({
Line 83: Line 285:
 
});
 
});
 
</script>
 
</script>
 
<style>
 
.logo{
 
background-image:url("https://static.igem.org/mediawiki/2015/5/53/2015_NCTU_Formosa_11897155_889492047791513_1100794190_n.jpg");
 
position:absolute;
 
background-size:80%;
 
background-repeat: no-repeat;
 
height:50vh;
 
width:20vw;
 
right:0vw;
 
top:0vh;
 
}
 
</style>
 
  </head>
 
  <body>
 
 
<div class="logo"></div>
 
<div class="logo"></div>
 +
  <div class="side"></div>
 +
 +
  <div class="project">
 +
<div class="Background"><a class="link link--kukuri" href="#" data-letters="Team">Team</a></div>
 +
<div class="logo"></div>
 
   <div class="side"></div>
 
   <div class="side"></div>
 
<div class="container";>
 
<div class="container";>
Line 107: Line 299:
 
 
 
<div style="height:6.5vh;width:100%;float:left;font-family:Myriad Pro;color:#000000;font-size:2.5em;"><B>2015</B></font> NCTU_Formosa Team members</div>
 
<div style="height:6.5vh;width:100%;float:left;font-family:Myriad Pro;color:#000000;font-size:2.5em;"><B>2015</B></font> NCTU_Formosa Team members</div>
<div class="picture" style="background-image:url(http://www.haiwainet.cn/HLMediaFile/20140616/16/688481314800228728.jpg";><a class="fancybox"href="http://www.haiwainet.cn/HLMediaFile/20140616/16/688481314800228728.jpg"data-width=28% data-height=70% title="
+
<div class="picture" style="background-image:url()"><a class="fancybox"href=""data-width=15% data-height=70% title="
 
Hello everyone, I'm Yu-Yun Wang, majoring in applied chemistry. I'm glad that I have the chance to join the<br>
 
Hello everyone, I'm Yu-Yun Wang, majoring in applied chemistry. I'm glad that I have the chance to join the<br>
 
NCTU_Formosa iGEM team, making friends with lots of people full of enthusiasm for genetic engineering. Hope all of<br>
 
NCTU_Formosa iGEM team, making friends with lots of people full of enthusiasm for genetic engineering. Hope all of<br>
 
us can realize our dreams, and make a change to the world!
 
us can realize our dreams, and make a change to the world!
 
"><div class="box";></div></a></div>
 
"><div class="box";></div></a></div>
<div class="picture" style="background-image:url(http://www.haiwainet.cn/HLMediaFile/20140623/1/5546563492518095109.jpg)";><a class="fancybox"href="http://www.haiwainet.cn/HLMediaFile/20140623/1/5546563492518095109.jpg"data-width=45% data-height=65% title="
+
<div class="picture" style="background-image:url(https://static.igem.org/mediawiki/2015/9/94/NCTU_Formosa_team_4.png)" ><a class="fancybox"href="https://static.igem.org/mediawiki/2015/9/94/NCTU_Formosa_team_4.png"data-width=280px data-height=560px title="
 
Hi, I'm Crystal and I major in biotechnology. Instead of most iGEMers are sophomore in the college, I'm a freshman.<br>
 
Hi, I'm Crystal and I major in biotechnology. Instead of most iGEMers are sophomore in the college, I'm a freshman.<br>
 
For this reason, I am extremely proud of being able to participate in this grand competition, and I'm look forward to<br>
 
For this reason, I am extremely proud of being able to participate in this grand competition, and I'm look forward to<br>
 
sharing and exchanging our intriguing project to all iGEMers who bear lots of fascinating ideas.
 
sharing and exchanging our intriguing project to all iGEMers who bear lots of fascinating ideas.
 
"><div class="box";></div></a></div>
 
"><div class="box";></div></a></div>
<div class="picture";><a class="fancybox"href=""data-width="860" data-height="480" title="
+
<div class="picture";><a class="fancybox"href=""data-width=15% data-height=70% title="
 
I'm Nai-Chen Chi A junior student in NCTU I'm an engineering student who knew little about bio tech at first But now I <br>
 
I'm Nai-Chen Chi A junior student in NCTU I'm an engineering student who knew little about bio tech at first But now I <br>
 
know more by doing research or experiment. Things that I could never learn if I haven't join igem team. What's more, <br>
 
know more by doing research or experiment. Things that I could never learn if I haven't join igem team. What's more, <br>
Line 124: Line 316:
 
friendship never end.
 
friendship never end.
 
"><div class="box";></div></a></div>
 
"><div class="box";></div></a></div>
<div class="picture";><a class="fancybox"href=""data-width="860" data-height="480" title="
+
<div class="picture" style="background-image:url(https://static.igem.org/mediawiki/2015/thumb/2/24/NCTU_Formosa_team_1.png/316px-NCTU_Formosa_team_1.png)" ><a class="fancybox"href="https://static.igem.org/mediawiki/2015/thumb/2/24/NCTU_Formosa_team_1.png/316px-NCTU_Formosa_team_1.png"data-width=280px data-height=560px title="
 
Hi! I am Chen-Yu Chang and I major in Biotechnology. I am so excited because this is my first to participate internationa<br>
 
Hi! I am Chen-Yu Chang and I major in Biotechnology. I am so excited because this is my first to participate internationa<br>
 
competition. Joining NCTU_Formosa makes me be good at doing experiment, search many information to realize our<br>
 
competition. Joining NCTU_Formosa makes me be good at doing experiment, search many information to realize our<br>
Line 130: Line 322:
 
only let me learn lots of knowledge but also make friends from other teams.
 
only let me learn lots of knowledge but also make friends from other teams.
 
"><div class="box";></div></a></div>
 
"><div class="box";></div></a></div>
<div class="picture";><a class="fancybox"href=""data-width="860" data-height="480" title="
+
<div class="picture";><a class="fancybox"href=""data-width=15% data-height=70% title="
 
Yo~ I'm Ray, a Nano Science and Engineering major in NCTU.The reason why I participates in NCTU Formosa iGEM team <br>
 
Yo~ I'm Ray, a Nano Science and Engineering major in NCTU.The reason why I participates in NCTU Formosa iGEM team <br>
 
is that I love the feeling of working with friends which have the same belief with me and accomplishing the tasks<br>
 
is that I love the feeling of working with friends which have the same belief with me and accomplishing the tasks<br>
Line 136: Line 328:
 
this big competition.But now, I am convinced that I am ready for it!
 
this big competition.But now, I am convinced that I am ready for it!
 
"><div class="box";></div></a></div>
 
"><div class="box";></div></a></div>
<div class="picture";><a class="fancybox"href=""data-width="860" data-height="480" title="
+
<div class="picture";><a class="fancybox"href=""data-width=15% data-height=70% title="
 
Hello, I'm You An Chen, majoring in Biotechnology and like to play volleyball. Because I want some different experience<br>
 
Hello, I'm You An Chen, majoring in Biotechnology and like to play volleyball. Because I want some different experience<br>
 
as a freshman, I joined the NCTU_Formosa team and I have learned a lot about IGEM. Besides, I also want to make <br>
 
as a freshman, I joined the NCTU_Formosa team and I have learned a lot about IGEM. Besides, I also want to make <br>
 
some minded friends. Therefore, I'm looking forward to meet you !
 
some minded friends. Therefore, I'm looking forward to meet you !
 
"><div class="box";></div></a></div>
 
"><div class="box";></div></a></div>
<div class="picture";><a class="fancybox"href=""data-width="860" data-height="480" title="
+
<div class="picture";><a class="fancybox"href=""data-width=15% data-height=70% title="
 
Hi, I'm Morris Hsu and I major in Nano Science and Engineering. I'm very glad to be part of the NCTU_Formosa big <br>
 
Hi, I'm Morris Hsu and I major in Nano Science and Engineering. I'm very glad to be part of the NCTU_Formosa big <br>
 
family. This year, I am representing the team to present on the big stage. I hope that we will all have fun in the process <br>
 
family. This year, I am representing the team to present on the big stage. I hope that we will all have fun in the process <br>
 
and be able to learn from it.
 
and be able to learn from it.
 
"><div class="box";></div></a></div>
 
"><div class="box";></div></a></div>
<div class="picture";><a class="fancybox"href=""data-width="860" data-height="480" title="
+
<div class="picture" style="background-image:url(https://static.igem.org/mediawiki/2015/d/d3/NCTU_Formosa_team_5.png)"><a class="fancybox"href="https://static.igem.org/mediawiki/2015/d/d3/NCTU_Formosa_team_5.png"data-width=280px data-height=560px title="
 
Hi~I am Fung Ling,the year 3 student of the Department of Biological Science and Technology in NCTU and the leader <br>
 
Hi~I am Fung Ling,the year 3 student of the Department of Biological Science and Technology in NCTU and the leader <br>
 
of NCTU_Formosa in 2015 ! Because of my great passion in biotech and enjoying the interesting and amazing in biology, <br>
 
of NCTU_Formosa in 2015 ! Because of my great passion in biotech and enjoying the interesting and amazing in biology, <br>
Line 153: Line 345:
 
BOLEH(means ''We can!'' in Malay language)!
 
BOLEH(means ''We can!'' in Malay language)!
 
"><div class="box";></div></a></div>
 
"><div class="box";></div></a></div>
<div class="picture";><a class="fancybox"href=""data-width="860" data-height="480" title="
+
<div class="picture" style="background-image:url(https://static.igem.org/mediawiki/2015/d/d4/NCTU_Formosa_team_3.png)" ><a class="fancybox"href="https://static.igem.org/mediawiki/2015/d/d4/NCTU_Formosa_team_3.png"data-width=280px data-height=560px title="
 
I'm Ming-Hsiu! I met iGEM on 'Scientific American' magazine when I'm a senior high school student. It is so cool and <br>
 
I'm Ming-Hsiu! I met iGEM on 'Scientific American' magazine when I'm a senior high school student. It is so cool and <br>
 
fun for me to create a live which can do anything we want just by inserting a gene! Fortunately, I joined the <br>
 
fun for me to create a live which can do anything we want just by inserting a gene! Fortunately, I joined the <br>
Line 159: Line 351:
 
project in Boston! We are iGEMer, Let's enjoy the amazing field!
 
project in Boston! We are iGEMer, Let's enjoy the amazing field!
 
"><div class="box";></div></a></div>
 
"><div class="box";></div></a></div>
<div class="picture";><a class="fancybox"href=""data-width="860" data-height="480" title="
+
<div class="picture" style="background-image:url(https://static.igem.org/mediawiki/2015/2/2e/NCTU_Formosa_team_8.png)"><a class="fancybox"href="https://static.igem.org/mediawiki/2015/2/2e/NCTU_Formosa_team_8.png"data-width=280px data-height=560px title="
 
Hi. I'm Lin Ru Hua, a junior student in Nation Chiao Tung University, majoring in biological science and technology. <br>
 
Hi. I'm Lin Ru Hua, a junior student in Nation Chiao Tung University, majoring in biological science and technology. <br>
 
Using amazing biological method to solve problems is my motivation to join iGEM family. During the process of <br>
 
Using amazing biological method to solve problems is my motivation to join iGEM family. During the process of <br>
Line 165: Line 357:
 
meet you, friends.
 
meet you, friends.
 
"><div class="box";></div></a></div>
 
"><div class="box";></div></a></div>
<div class="picture";><a class="fancybox"href=""data-width="860" data-height="480" title="
+
<div class="picture" style="background-image:url(https://static.igem.org/mediawiki/2015/d/dd/NCTU_Formosa_team_6.png)"><a class="fancybox"href="https://static.igem.org/mediawiki/2015/d/dd/NCTU_Formosa_team_6.png"data-width=280px data-height=560px title="
 
I am Amber and I'm a freshman now. I major in transportation and logistics management. Because I have great <br>
 
I am Amber and I'm a freshman now. I major in transportation and logistics management. Because I have great <br>
 
teammates that taught me and helped me a lot so I can really learned a great lesson from this competition. I'm so <br>
 
teammates that taught me and helped me a lot so I can really learned a great lesson from this competition. I'm so <br>
 
proud of being a member of NCTU_FORMOSA and an igemer. I'm looking forward to showing our best in Boston!
 
proud of being a member of NCTU_FORMOSA and an igemer. I'm looking forward to showing our best in Boston!
 
"><div class="box";></div></a></div>
 
"><div class="box";></div></a></div>
<div class="picture";><a class="fancybox"href=""data-width="860" data-height="480" title="
+
<div class="picture" style="background-image:url(https://static.igem.org/mediawiki/2015/7/73/NCTU_Formosa_team_2.png)" ><a class="fancybox"href="https://static.igem.org/mediawiki/2015/7/73/NCTU_Formosa_team_2.png"data-width=280px data-height=560px title="
 
HI everyone, I'm JING-JHIH, LIN, or you can call me Chinz. This is my first time participating such a large-scaled and <br>
 
HI everyone, I'm JING-JHIH, LIN, or you can call me Chinz. This is my first time participating such a large-scaled and <br>
 
international competition, hope all of us could take this chance to know more people, broaden our horizon, nice to <br>
 
international competition, hope all of us could take this chance to know more people, broaden our horizon, nice to <br>
 
meet you guys!
 
meet you guys!
 
"><div class="box";></div></a></div>
 
"><div class="box";></div></a></div>
<div class="picture";><a class="fancybox"href=""data-width="860" data-height="480" title="
+
<div class="picture";><a class="fancybox"href=""data-width=15% data-height=70% title="
 
To figure out some questions in the recesses of my mind, I joined NCTU_FORMOSA iGEM team for experiencing the <br>
 
To figure out some questions in the recesses of my mind, I joined NCTU_FORMOSA iGEM team for experiencing the <br>
 
sense of belonging and mutually Teamwork! I enjoy learning multifaceted abilities and finding my values to contribute <br>
 
sense of belonging and mutually Teamwork! I enjoy learning multifaceted abilities and finding my values to contribute <br>
 
the team during iGEM. I am Yang Chen Lin!CAN'T WAIT TO MEET UP WITH ALL iGEMers in BOSTON !
 
the team during iGEM. I am Yang Chen Lin!CAN'T WAIT TO MEET UP WITH ALL iGEMers in BOSTON !
 
"><div class="box";></div></a></div>
 
"><div class="box";></div></a></div>
<div class="picture";><a class="fancybox"href=""data-width="860" data-height="480" title="
+
<div class="picture";><a class="fancybox"href=""data-width=15% data-height=70% title="
 
My name is Ting Han Guo, I major in biotechnology.<br> After join iGEM I learn many things,team work,how to think,<br>
 
My name is Ting Han Guo, I major in biotechnology.<br> After join iGEM I learn many things,team work,how to think,<br>
 
experiment,and so on. Hope we will arrive our goal.
 
experiment,and so on. Hope we will arrive our goal.
 
"><div class="box";></div></a></div>
 
"><div class="box";></div></a></div>
<div class="picture";><a class="fancybox"href=""data-width="860" data-height="480" title="
+
<div class="picture";><a class="fancybox"href=""data-width=15% data-height=70% title="
 
Hi, I'm Chih-Hsuan Hsu and I major in Biological Science and technology. I have a great passion for synthetic biology. <br>
 
Hi, I'm Chih-Hsuan Hsu and I major in Biological Science and technology. I have a great passion for synthetic biology. <br>
 
I'm honored to be able to join the NCTU Formosa team this year and I believe this will definitely be an unforgettable <br>
 
I'm honored to be able to join the NCTU Formosa team this year and I believe this will definitely be an unforgettable <br>
Line 293: Line 485:
 
 
 
</div>
 
</div>
 +
 +
 
</div>
 
</div>
 +
 +
<div style="position:relative;">
 +
    <div style="width:30vw;height:5vh;position:absolute;left:2vw;float:left;background-color:#00171F;color:#fff;font-family:Myriad Pro;font-size:2em;padding:7vh 0vw 7vh 5vw;">contact us<BR> NCTU_Formosa APOllO &nbsp;&nbsp;<a href="https://www.facebook.com/pages/NCTU_Formosa-IGEM-team/267841893250331?fref=ts" target="_blank"><img src=https://static.igem.org/mediawiki/2015/a/ab/NCTU_FORMOSA_Facebook_LINK.png width=40vw></a> </div>
 +
        <div style="width:58.85vw;height:5vh;position:absolute;right:0;float:left;background-color:#263A40;color:#fff;font-family:Myriad Pro;font-size:2em;padding:7vh 0vw 7vh 6vw;">
 +
        <a href="https://goo.gl/maps/nqUy6" target="_blank"><img src=https://static.igem.org/mediawiki/2015/1/10/NCTU_Formosa_footer_location.png width=40vw></a>
 +
            &nbsp;&nbsp;Engineering Building 6 EF455, 1001 University Road, Hsinchu 300, Taiwan, ROC. </div>
 +
    </div>
 +
 +
 +
       
 +
           
 +
 
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 04:50, 24 August 2015

left:0vw; } .Background{ position:relative; text-align: center; padding-top:5vh; text-shadow:3px 3px 3px #cccccc; }

  1. image1 img{

max-width:92vw; width:92vw; width:expression(document.body.clientWidth>92vw?"92vw":"auto"); overflow:hidden; position:relative; text-align:center; } .project_text{ text-align:left; font-family:Myriad Pro; font-weight:normal; color:#000000; padding-left:5vw; padding-right:5vw; font-size:1.5em; text-indent:38px; }

.project_title{ text-align:left; font-family:Myriad Pro; color:#000000; padding-left:5vw; font-size:20pt; background-size:cover;height:20vh;width:15vw;

} .project3{ text-align:left; font-family:Myriad Pro; font-weight:normal; color:#000000; padding-left:5vw; padding-right:5vw; padding-bottom:9vh; font-size:16pt; text-indent:25px; }

.link--kukuri { text-transform:none; overflow: hidden;

} .link { outline: none; text-decoration: none; position: relative; line-height: 1; color: #9e9ba4; display:outline-block; font-family:Myriad Pro; font-weight:bold; font-size:45pt; }

.link--kukuri:hover { color: #b2b0a9; }

.link--kukuri::after { content: ; position: absolute;gi height: 20px; width: 100%; top: 50%; margin-top: 8px; right: 0; background: #F9F9F9; transform: translate3d(-100%,0,0); transition: transform 0.2s; transition-timing-function: cubic-bezier(1.0,0,0.8,1);

}

.link--kukuri:hover::after { transform: translate3d(100%,0,0);

}

.link--kukuri::before { content: attr(data-letters); position: absolute; overflow: hidden; color: #424242; white-space: nowrap; width: 0%; transition: width 0.2s 0.1s; }

.link--kukuri:hover::before { width: 100%; } a.animated-button.thar-three {

 color: #000;
 font-family:Myriad Pro;
 font-size: 20px;
 text-decoration: none;
 text-align:center;
 cursor: pointer;
 display: block;
 position: relative;
 bottom:10vh;
 width:30vh;
 left:75vw;
 border: 2px solid #F7CA18;
 transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
 0s;
 z-index: 2;

}

a.animated-button.thar-three:hover {

 color: #000 !important;
 background-color: transparent;
 text-shadow: nthree;

}

a.animated-button.thar-three:hover:before {

 right: auto;
 width: 100%;

}

a.animated-button.thar-three:before {

 display: block;
 position: absolute;
 top: 0px;
 right: 0px;
 height: 100%;
 width: 0px;
 z-index: -1;
 content: ;
 color: #000 !important;
 background: #F7CA18;
 transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
 0s;

} a.animated-button.thar-three-two {

 color: #000;
 font-family:Myriad Pro;
 font-size: 20px;
 text-decoration: none;
 text-align:center;
 cursor: pointer;
 display: block;
 position: relative;
 bottom:10vh;
 width:30vh;
 left:-7vw;
 border: 2px solid #F7CA18;
 transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
 0s;
 z-index: 2;

} a.animated-button.thar-three-two:hover {

 color: #000 !important;
 background-color: transparent;
 text-shadow: nthree;

}

a.animated-button.thar-three-two:hover:before {

 right: auto;
 width: 100%;

}

a.animated-button.thar-three-two:before {

 display: block;
 position: absolute;
 top: 0px;
 right: 0px;
 height: 100%;
 width: 0px;
 z-index: -1;
 content: ;
 color: #000 !important;
 background: #F7CA18;
 transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
 0s;

} .text{ width:65%;

text-align:left;

position:relative; float:left; font-weight:normal; color:#575757; font-family:Myriad Pro; font-size:1.5em; }

.logo{ background-image:url("2015_NCTU_Formosa_11897155_889492047791513_1100794190_n.jpg"); position:absolute; background-size:80%; background-repeat: no-repeat; height:50vh; width:20vw; right:0vw; top:0vh; }

.container{

width:100%; height:100vh; } .mid-column{ width:64vw; margin:0 auto; }

.title{ height:15vh; font-size:10em; font-family:Myriad Pro; color:#000000; } .picture{ width:10vw; height:40vh; float:left; z-index:4; background-size:cover;


} .box{ width:10vw; height:40vh; background-color:#FFFFFF; float:left; opacity:0.5; -webkit-transition:0.4s ease-out; -moz-transition: 0.4s ease-out; -o-transiton: 0.4s ease-out; -ms-transition:0.4s ease-out; transition:0.4s ease-out; z-index:4;

} .picture:hover div.box{ opacity:0.0; } .head{ text-align:center; width:100vw; height:5vh; background-color:#FFFF00; } .sub-title{ text-align:center; width:100vw; height:5vh; margin:0 auto; } </style> <script type="text/javascript" src="https://2015.igem.org/Team:NCTU_Formosa/source/fancybox.js? action=raw&ctype=text/javascript"></script> <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Team:NCTU_Formosa/Source/fancybox.css?action=raw&ctype=text/css" media="screen"></link>

 </head>
 
<body>
<script type="text/javascript">

$(document).ready(function() { $(".fancybox").fancybox({ padding: 0, fitToView: false, afterLoad: function(){ this.width = $(this.element).data("width"); this.height = $(this.element).data("height"); } }); }); </script>

<a class="link link--kukuri" href="#" data-letters="Team">Team</a>

Team

2015</font> NCTU_Formosa Team members
<a class="fancybox"href=""data-width=15% data-height=70% title="

Hello everyone, I'm Yu-Yun Wang, majoring in applied chemistry. I'm glad that I have the chance to join the
NCTU_Formosa iGEM team, making friends with lots of people full of enthusiasm for genetic engineering. Hope all of
us can realize our dreams, and make a change to the world!

">
</a>
<a class="fancybox"href="NCTU_Formosa_team_4.png"data-width=280px data-height=560px title="

Hi, I'm Crystal and I major in biotechnology. Instead of most iGEMers are sophomore in the college, I'm a freshman.
For this reason, I am extremely proud of being able to participate in this grand competition, and I'm look forward to
sharing and exchanging our intriguing project to all iGEMers who bear lots of fascinating ideas.

">
</a>
<a class="fancybox"href=""data-width=15% data-height=70% title="

I'm Nai-Chen Chi A junior student in NCTU I'm an engineering student who knew little about bio tech at first But now I
know more by doing research or experiment. Things that I could never learn if I haven't join igem team. What's more,
I'm super proud of my team because my team is just like a family I love all of them and I enjoy doing everything with
them even though sometimes it's so exhausted that I almost gave up I hope this memory could last forever and the
friendship never end.

">
</a>
<a class="fancybox"href="316px-NCTU_Formosa_team_1.png"data-width=280px data-height=560px title="

Hi! I am Chen-Yu Chang and I major in Biotechnology. I am so excited because this is my first to participate internationa
competition. Joining NCTU_Formosa makes me be good at doing experiment, search many information to realize our
project and know how to edit wiki pages. I also experienced the importance of teamwork. The iGEM competition not
only let me learn lots of knowledge but also make friends from other teams.

">
</a>
<a class="fancybox"href=""data-width=15% data-height=70% title="

Yo~ I'm Ray, a Nano Science and Engineering major in NCTU.The reason why I participates in NCTU Formosa iGEM team
is that I love the feeling of working with friends which have the same belief with me and accomplishing the tasks
together, eventually doing something good to the society. At first, I always doubt that if I am capable of being a part of
this big competition.But now, I am convinced that I am ready for it!

">
</a>
<a class="fancybox"href=""data-width=15% data-height=70% title="

Hello, I'm You An Chen, majoring in Biotechnology and like to play volleyball. Because I want some different experience
as a freshman, I joined the NCTU_Formosa team and I have learned a lot about IGEM. Besides, I also want to make
some minded friends. Therefore, I'm looking forward to meet you !

">
</a>
<a class="fancybox"href=""data-width=15% data-height=70% title="

Hi, I'm Morris Hsu and I major in Nano Science and Engineering. I'm very glad to be part of the NCTU_Formosa big
family. This year, I am representing the team to present on the big stage. I hope that we will all have fun in the process
and be able to learn from it.

">
</a>
<a class="fancybox"href="NCTU_Formosa_team_5.png"data-width=280px data-height=560px title="

Hi~I am Fung Ling,the year 3 student of the Department of Biological Science and Technology in NCTU and the leader
of NCTU_Formosa in 2015 ! Because of my great passion in biotech and enjoying the interesting and amazing in biology,
I have taken the journey in iGEM and joined the team this year. The high and low with all my beloved team members
in this year is the unforgettable memories for me and we sure will grow through this experiences~Let's enjoy!
BOLEH(means We can! in Malay language)!

">
</a>
<a class="fancybox"href="NCTU_Formosa_team_3.png"data-width=280px data-height=560px title="

I'm Ming-Hsiu! I met iGEM on 'Scientific American' magazine when I'm a senior high school student. It is so cool and
fun for me to create a live which can do anything we want just by inserting a gene! Fortunately, I joined the
NCTU_Formosa iGEM team, being able to create our own project! I can't wait to share our project and listen your
project in Boston! We are iGEMer, Let's enjoy the amazing field!

">
</a>
<a class="fancybox"href="NCTU_Formosa_team_8.png"data-width=280px data-height=560px title="

Hi. I'm Lin Ru Hua, a junior student in Nation Chiao Tung University, majoring in biological science and technology.
Using amazing biological method to solve problems is my motivation to join iGEM family. During the process of
developing the creative idea, I found that there are unlimited probability in the limited knowledge. I am very glad to
meet you, friends.

">
</a>
<a class="fancybox"href="NCTU_Formosa_team_6.png"data-width=280px data-height=560px title="

I am Amber and I'm a freshman now. I major in transportation and logistics management. Because I have great
teammates that taught me and helped me a lot so I can really learned a great lesson from this competition. I'm so
proud of being a member of NCTU_FORMOSA and an igemer. I'm looking forward to showing our best in Boston!

">
</a>
<a class="fancybox"href="NCTU_Formosa_team_2.png"data-width=280px data-height=560px title="

HI everyone, I'm JING-JHIH, LIN, or you can call me Chinz. This is my first time participating such a large-scaled and
international competition, hope all of us could take this chance to know more people, broaden our horizon, nice to
meet you guys!

">
</a>
<a class="fancybox"href=""data-width=15% data-height=70% title="

To figure out some questions in the recesses of my mind, I joined NCTU_FORMOSA iGEM team for experiencing the
sense of belonging and mutually Teamwork! I enjoy learning multifaceted abilities and finding my values to contribute
the team during iGEM. I am Yang Chen Lin!CAN'T WAIT TO MEET UP WITH ALL iGEMers in BOSTON !

">
</a>
<a class="fancybox"href=""data-width=15% data-height=70% title="

My name is Ting Han Guo, I major in biotechnology.
After join iGEM I learn many things,team work,how to think,
experiment,and so on. Hope we will arrive our goal.

">
</a>
<a class="fancybox"href=""data-width=15% data-height=70% title="

Hi, I'm Chih-Hsuan Hsu and I major in Biological Science and technology. I have a great passion for synthetic biology.
I'm honored to be able to join the NCTU Formosa team this year and I believe this will definitely be an unforgettable
experience in my life and learn a lot from this competition. It's my pleasure to make friends with people around the
world. Thanks^^

">
</a>


Teaching Assistants
<a class="fancybox"href=""data-width="860" data-height="480" title="

Hi, I'm Kuan Chun Lan. I major in Biological Science and Technology at NCTU, Taiwan.This is my second year to be a
iGEMer and join the NCTU_Formosa iGEM team. I'm so grateful to our team for giving me such a wonderful iGEM
experience last year.This year I am an adviser of our 2015 iGEM team. Hoping that we can get great experiences and
achievement this year.

">
</a>
<a class="fancybox"href=""data-width="860" data-height="480" title="

Hi, I'm Rachel Lee and I'm a member from the 2014 team. I was one of the main speakers last year and I'm thrilled to
have the chance to continue to help the team and share my experience with new members. Looking forward to seeing
everyone again at this year's jamboree!

">
</a>
<a class="fancybox"href=""data-width="860" data-height="480" title="

Hi, I'm Lung-Chieh Chen, a senior student, majoring in Biological Science and Technology at National Chiao-Tung
University. It's my greatest honor to be the leader of NCTU_Formosa last year and this year, I am a teaching assistant
of the team. In fact, it's my third time to join the NCTU_Formosa iGEM team. I hope I can share my experience to all of
the team mates and lead them to the right way. For me, iGEM lets me learn many things, like skills in wet/dry lab,
courage of presenting/promoting our project/team, enthusiasm of designing our poster/ppt/art graphs, and most
importantly harmonious/efficient teamwork. Thus, I really enjoy iGEM and I hope I can share my passion with everyone
in the world. Expect to meet you all. Let's do our best and enjoy iGEM as well!Please feel free to contact with me.
Facebook:styleme21@yahoo.com.tw gmail:x24827297@gmail.com

">
</a>
<a class="fancybox"href=""data-width="860" data-height="480" title="

Hi, I'm Roy Wang and I major in Biological Science and Technology. I'm the 2014 NCTU_Formosa iGEM team member.
Now, i'm glad to join 2015 NCTU_Formosa iGEM team. Designing Device is my favorite, welcome to discuss it with
me. Don't judge a book by it's cover.

">
</a>
<a class="fancybox"href=""data-width="860" data-height="480" title="

Hi, I'm Chris and I major in Biological Science. I have great passion for synthetic biology. I'm honored to be able to join
NCTU_Formosa team again as an advisor. At the moment, I'm assisting our team members conducting experiments
and training presentation. I look forward to seeing all the delegates' works and meeting people around the world to
discuss and share ideas in biological sciences.

">
</a>
<a class="fancybox"href=""data-width="860" data-height="480" title="

Hi, I'm William, a senior student majoring in Biotechnology. This is my second time being a member in NCTU_Formosa.
My hobbies are playing table tennis, swimming, and mountain climbing, watching movies and playing the Chinese
fiddle. I love cell biology and also hope to gain more knowledge of molecular biology and biomedical engineering. It's

my pleasure to meet you all, let's do our best and enjoy the competition as well.">
</a>
Attribution

The Team

Our Team consisted of 17students with diverse major in NCTU, including Department of Biological Science and Technology, Department of Transportation Technology and Management, Institute of Nanotechnology and Department of Applied Chemistry, each of us exerted our capacities to the team and learned new multifaceted abilities during iGEM Project. We are NCTU_FORMOSA iGEM team! WE CAN !

Instructors


WEN-LIANG CHEN,

HSIAO-CHING LEE,

HUAI-EN LU,

Advisors

LUNG-CHEIH CHEN, KUAN-CHUN LAN, TSUNG-YU HO, GAUNG-JYUN WANG, CHUN-WEI CHOU, RACHEL LEE, MALVIN JEFRI

Specifically, Prof. WEN-LIANG CHEN provided us with his lab to work on our project and discussed ideas with us. Prof. HSIAO-CHING LEE gave us expertly suggestion with building our Biobricks. Great thanks to Dr.HUAI-EN LU for taking pictures and giving advices with our presentation. And deeply thanks to our advisors LUNG-CHEIH CHEN, KUAN-CHUN LAN, TSUNG-YU HO GAUNG-JYUN WANG, RACHEL LEE and others pre-iGEMers who helped us with their experiences to make us learn to be an iGEMers of NCTU_FORMOSA! In brief, thanks to all our instructors and advisors for owning us resources, asking the right questions and advising in problem solving.

Acknowledgments

Teamwork-Groups

Experiments

Special thanks to TSUNG-YU HO who spent countless hours supervising us in the lab.

Adviser

TSUNG-YU HO

MALVIN JEFRI

CHUN-SAN TAI

YING-YING YU</div> </div>

Sponsors

</div> </div>



</div>


</div>

contact us
NCTU_Formosa APOllO   <a href="https://www.facebook.com/pages/NCTU_Formosa-IGEM-team/267841893250331?fref=ts" target="_blank"><img src=NCTU_FORMOSA_Facebook_LINK.png width=40vw></a>
       	<a href="https://goo.gl/maps/nqUy6" target="_blank"><img src=NCTU_Formosa_footer_location.png width=40vw></a>
  Engineering Building 6 EF455, 1001 University Road, Hsinchu 300, Taiwan, ROC.



</body>

</html>