Difference between revisions of "Team:KoreaSonyeodul"
| (92 intermediate revisions by the same user not shown) | |||
| Line 7: | Line 7: | ||
#container { width: 80%; margin: auto;} | #container { width: 80%; margin: auto;} | ||
#block { width: 80%; margin:auto;} | #block { width: 80%; margin:auto;} | ||
| + | |||
body{ | body{ | ||
margin: 0; | margin: 0; | ||
background: url('https://static.igem.org/mediawiki/2016/b/bd/T--KoreaSonyeodul--TitleBackground4.png'); | background: url('https://static.igem.org/mediawiki/2016/b/bd/T--KoreaSonyeodul--TitleBackground4.png'); | ||
| − | + | background-size:100%; | |
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-attachment: top; | background-attachment: top; | ||
| Line 40: | Line 41: | ||
.summary a:hover {box-shadow:0 0 10px #dddddd; opacity: 0.8;} | .summary a:hover {box-shadow:0 0 10px #dddddd; opacity: 0.8;} | ||
.summary img {max-width: 100%; height: auto; border: none; margin-bottom: 15px; vertical-align: bottom;} | .summary img {max-width: 100%; height: auto; border: none; margin-bottom: 15px; vertical-align: bottom;} | ||
| − | .mainBox {padding-top: | + | .mainBox {padding-top: 200px; padding-bottom: 20px; float: left; width: 50%;} |
| − | .mainBox h1 {line-height: 1.3em; font-size: | + | .mainBox h1 {line-height: 1.3em; font-size:25px; color:#980000;} |
| − | .titleAnimation {float: left; width: 50%; height: auto; } | + | .titleAnimation {padding-top:350px; float: left; width: 50%; height: auto; } |
| − | .titleContent {clear: left; width: 100%; height: auto;} | + | .titleContent {padding-top: 100px; clear: left; width: 100%; height: auto;} |
.mainBox1:after {content:''; display:block;} | .mainBox1:after {content:''; display:block;} | ||
.smallBox1 {float: left; clear: left; height: 10%; width: 32%; margin-right: 2%;} | .smallBox1 {float: left; clear: left; height: 10%; width: 32%; margin-right: 2%;} | ||
| Line 53: | Line 54: | ||
<!--TitleBoxContent--> | <!--TitleBoxContent--> | ||
| − | .titleContent {height: auto; padding-top: 100px;} | + | .titleContent {height: auto; padding-top: 100px; display: block; color: rgba(255,255,255,0.5);} |
| − | .titleContent h1 {font-size: 30px;} | + | .titleContent h1 {font-size: 30px; font-family:Roboto; font-weight:normal; color:#ffffff; text-shadow: 1px 1px 10px gray;} |
| − | .titleContent h2 {font-size: 25px | + | .titleContent h2 {font-size: 25px;line-height:1.3em;color:#ffffff; text-shadow: 1px 1px 10px gray;} |
| − | .titleContent2 {width: 680px; height: 400px; margin: auto; padding-top: | + | .titleContent2 { width: 680px; height: 400px; margin: auto; padding-top: 500px; padding-bottom: 50px;} |
| − | + | .titleContent4 h2 {text-align: center; font-size: 90px; font-family: 'Fredericka the Great'; font-weight:normal; color:white;} | |
<!--TitleContentSNS--> | <!--TitleContentSNS--> | ||
| Line 104: | Line 105: | ||
.content3 {position: relative; top:20px; right: -50px; float: right; z-index:999} | .content3 {position: relative; top:20px; right: -50px; float: right; z-index:999} | ||
| − | .image3 {position: relative; top: -150px; width: 500px; right: -50px | + | .image3 {position: relative; top: -150px; width: 500px; right: -50px;} |
<!--FadeIn--> | <!--FadeIn--> | ||
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300); | @import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300); | ||
| Line 148: | Line 149: | ||
animation-delay: 1.6s; | animation-delay: 1.6s; | ||
} | } | ||
| − | + | .inline {width:1000px;} | |
</style> | </style> | ||
<link href="http://netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css" rel="stylesheet"></link> | <link href="http://netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css" rel="stylesheet"></link> | ||
<link href="//vjs.zencdn.net/4.9/video-js.css" rel="stylesheet"></link> | <link href="//vjs.zencdn.net/4.9/video-js.css" rel="stylesheet"></link> | ||
| − | <link href="https://fonts.googleapis.com/css?family=Roboto:100,300" rel="stylesheet"> | + | <link href="https://fonts.googleapis.com/css?family=Roboto:100,200,300,400" rel="stylesheet"> |
| + | <link href="https://fonts.googleapis.com/css?family=Fredericka+the+Great" rel="stylesheet"> | ||
</link> | </link> | ||
| Line 181: | Line 183: | ||
<div class="box fade-in two"> | <div class="box fade-in two"> | ||
<div class="mainBox"> | <div class="mainBox"> | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
</div> | </div> | ||
| Line 210: | Line 205: | ||
<!--TitleContent1:EXPLANATION--> | <!--TitleContent1:EXPLANATION--> | ||
<div class="titleContent"> | <div class="titleContent"> | ||
| + | <div class="titleContent4"><h2>PLASTIC REVOLUTION</h2></div> | ||
| + | |||
| + | <div class="inline" style="color:white; background-color:rgba(255,255,255,0.1); padding:20px; width:100%;"> | ||
<h1> | <h1> | ||
| − | <font face="Roboto"> Our Research Focuses on...</font> | + | <font face="Roboto" weight="400"> Our Research Focuses on...</font> |
</h1> | </h1> | ||
| − | <h2> | + | <h2><font face="Roboto" weight="300"> |
Bacteria is a vital decomposer in our everyday lives. It decomposes and recycles things that can be reused in the nature. Our team came to think that this beneficial bacterium might be a solution to the problem regarding increasing trash in the Earth. Of all projects attempting to solve trash problems, research about plastic degrading bacteria is the most popular. However, our team felt that the research has not been efficient enough and fast enough to solve the fundamental problem. Through this research, as a student, we hope to dedicate to what our society is facing. | Bacteria is a vital decomposer in our everyday lives. It decomposes and recycles things that can be reused in the nature. Our team came to think that this beneficial bacterium might be a solution to the problem regarding increasing trash in the Earth. Of all projects attempting to solve trash problems, research about plastic degrading bacteria is the most popular. However, our team felt that the research has not been efficient enough and fast enough to solve the fundamental problem. Through this research, as a student, we hope to dedicate to what our society is facing. | ||
| − | <br/> The fundamental purpose of the research is to generate a more efficient and fast plastic degrading process through the plastic degrading bacteria and make plastic bacteria practically usable. The current bacteria are slow in degrading speed and low in degrading quantity, so our research hopes to find better solution for efficiency. | + | <br/> The fundamental purpose of the research is to generate a more efficient and fast plastic degrading process through the plastic degrading bacteria and make plastic bacteria practically usable. The current bacteria are slow in degrading speed and low in degrading quantity, so our research hopes to find better solution for efficiency.</font> |
</h2> | </h2> | ||
| − | + | </div> | |
| + | </div> | ||
<!--TitleContent2:VIDEO--> | <!--TitleContent2:VIDEO--> | ||
| Line 228: | Line 227: | ||
<div id="block" class="follow"> | <div id="block" class="follow"> | ||
<ul> | <ul> | ||
| − | <li style="list-style:none"><a href="" class="follow-tw" style="text-decoration: none"> | + | <li style="list-style:none"><a href="https://twitter.com/koreasonyeoduls" class="follow-tw" style="text-decoration: none"> |
<i class="fa fa-fw fa-twitter" ></i>Twitter</a></li> | <i class="fa fa-fw fa-twitter" ></i>Twitter</a></li> | ||
| − | <li style="list-style:none"><a href="" class="follow-fb" style="text-decoration: none"> | + | <li style="list-style:none"><a href="https://www.facebook.com/koreasonyeodul/" class="follow-fb" style="text-decoration: none"> |
<i class="fa fa-fw fa-facebook"></i>Facebook</a></li> | <i class="fa fa-fw fa-facebook"></i>Facebook</a></li> | ||
| − | <li style="list-style:none"><a href="" class="follow-gp" style="text-decoration: none"> | + | <li style="list-style:none"><a href="https://www.google.com/maps/d/viewer?mid=16zsRpO2vwXJX8_hM993mODon8as&hl=en_US" class="follow-gp" style="text-decoration: none"> |
<i class="fa fa-fw fa-google-plus"></i>Google</a></li> | <i class="fa fa-fw fa-google-plus"></i>Google</a></li> | ||
</ul> | </ul> | ||
Latest revision as of 14:59, 14 October 2016
KOREASONYEODUL
Starts a Plastic Revolution with Mealworms' Gut Bacteria
