(Prototype team page) |
|||
(6 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
{{KoreaSonyeodul}} | {{KoreaSonyeodul}} | ||
− | |||
+ | <html lang="en"> | ||
+ | <head> | ||
+ | <style> | ||
+ | #wrap {width: 60%; margin: auto;} | ||
+ | body{ | ||
+ | margin: 0; | ||
+ | background: url('https://static.igem.org/mediawiki/2016/e/ee/T--KoreaSonyeodul--TitleBackground.png'); | ||
+ | background-size: 100%; | ||
+ | background-repeat: no-repeat; | ||
+ | background-attachment: top; | ||
+ | } | ||
+ | <!--mainTitle--> | ||
+ | .site .mainBox .mainBox1 {width: 1000px; margin-left: auto; margin-right: auto;} | ||
+ | .site {width: 100%} | ||
+ | .site h1 { | ||
+ | margin-top: 250px; | ||
+ | color: #ffffff; | ||
+ | text-decoration: none; | ||
+ | font-size: 80px; | ||
+ | height: 35px; | ||
+ | background-color: rgba(255, 255, 255, 0.0);} | ||
+ | .site h2 {margin-top: 0; position: relative; margin-bottom: 300px; padding-bottom: 100px; | ||
+ | font-size: 50px; | ||
+ | color: #ffffff; | ||
+ | height: 30px; | ||
+ | } | ||
+ | table {text-align: center;} | ||
+ | .site .mainBox .mainBox1 {width: 1000px; margin-left: auto; margin-right: auto;} | ||
− | < | + | <!--FadeIn--> |
− | + | @import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300); | |
− | + | ||
+ | body {padding: 0; margin: 0; background-color: #333;} | ||
− | + | .container {position: fixed; top: 25%; left: 25%;} | |
− | + | ||
+ | @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } } | ||
+ | @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } } | ||
+ | @keyframes fadeIn { from { opacity:0; } to { opacity:1; } } | ||
+ | .fade-in { | ||
+ | opacity:0; /* make things invisible upon start */ | ||
+ | -webkit-animation:fadeIn ease-in 1; | ||
+ | -moz-animation:fadeIn ease-in 1; | ||
+ | animation:fadeIn ease-in 1; | ||
+ | -webkit-animation-fill-mode:forwards; | ||
+ | -moz-animation-fill-mode:forwards; | ||
+ | animation-fill-mode:forwards; | ||
+ | -webkit-animation-duration:1s; | ||
+ | -moz-animation-duration:1s; | ||
+ | animation-duration:1s; | ||
+ | } | ||
− | + | .fade-in.one { | |
− | + | -webkit-animation-delay: 0.7s; | |
+ | -moz-animation-delay: 0.7s; | ||
+ | animation-delay: 0.7s; | ||
+ | } | ||
− | + | .fade-in.two { | |
− | + | -webkit-animation-delay: 1.2s; | |
− | + | -moz-animation-delay:1.2s; | |
+ | animation-delay: 1.2s; | ||
+ | } | ||
− | + | .fade-in.three { | |
+ | -webkit-animation-delay: 1.6s; | ||
+ | -moz-animation-delay: 1.6s; | ||
+ | animation-delay: 1.6s; | ||
+ | } | ||
+ | .content h1 { | ||
+ | font-size: 30px; | ||
+ | line-height: 1.3em; | ||
+ | } | ||
+ | .content h2 { | ||
+ | font-size: 25px; | ||
+ | line-height: 1.3em; | ||
+ | font-weight: normal; | ||
+ | } | ||
+ | .ninethimgbox | ||
+ | { | ||
+ | display: table; | ||
+ | margin-left:auto; | ||
+ | margin-right: auto; | ||
+ | padding-top:20px; | ||
+ | padding-bottom:20px; | ||
+ | } | ||
+ | </style> | ||
+ | <link href="http://netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css" rel="stylesheet"></link> | ||
+ | <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet"> | ||
+ | <meta name= "viewport" content = "initial-scale=1.0, width= device-width" /> | ||
+ | </link> | ||
+ | </head> | ||
− | < | + | <body> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | <!--Title--> | ||
+ | <div class="box fade-in one"> | ||
+ | <div id="" align="center"> | ||
+ | <div id="fontlight" class="site"> | ||
+ | <h1> | ||
+ | <font face="Roboto" weight="200">Entrepreneurship</font> | ||
+ | </h1> | ||
+ | <h2> | ||
+ | <font face="Roboto"></font> | ||
+ | </h2> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <!--TitleBoxes--> | ||
+ | <div id="wrap"> | ||
+ | <div class="box fade-in two"> | ||
+ | <div class="content"> | ||
+ | |||
+ | <h1>Funding</h1> | ||
+ | <div class="ninethimgbox"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/thumb/0/06/T--KoreaSonyeodul--Fundraising.jpg/800px-T--KoreaSonyeodul--Fundraising.jpg"></img> | ||
</div> | </div> | ||
+ | <h2> Funding was a vital factor in sustaining our project; there was many restraints that our team had as high school students. Among various human practices that we progressed throughout several months, funding was one of the most important gains that we had. One of the most obvious means to engage the public in the project was funding: a mean for the public to directly support us. Our team searched for few websites that could provide us an opportunity to let public know of our project, and fund us if they were interested in it. <a href="https://tumblbug.com/koreasonyeodul">Tumblbug </a>provided us a chance to present our project to the public. For this, we appealed to the public by stressing what good deeds we are doing to the environment, by creating a better system of plastic degrading through bioengineering. The result of the funding surely indicated that many people were engaged in our project, and wanted to be a part of it; the first day we launched our funding, over $1,000 was funded which was over our final goal. Our funding project was shared over Facebook and twitter for about 200 times. There were also comments that gave supporting messages. Not only did our team engage in funding, but we also gained support from companies who were interested in our project. OCI, one of the leading companies in promoting green energy and chemical technologies, lend a hand to be our sponsor in funding, and also providing a laboratory in Sungnam-Si whenever we need a place to conduct an experiment. </h2> | ||
+ | |||
+ | <h1>SNS</h1> | ||
+ | <h2>Team KoreaSonyeodul has <a href="https://www.facebook.com/koreasonyeodul/">a Facebook page</a>where we put informations of our project such as campaigns. We thought Facebook might be a useful tool to reach public directly and fastly. <br><br> | ||
+ | <a href="https://twitter.com/KoreaSonyeoduls">Twitter</a>also was another tool used to engage with another IGEM teams and to reach the public. | ||
+ | <br><br> | ||
+ | </h2> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--OtherTitleBoxes--> | ||
+ | <div class="box fade-in three"> | ||
+ | </div> | ||
+ | <!--EndOfWrap--> | ||
+ | <!--Footer--> | ||
+ | </body> | ||
</html> | </html> |
Latest revision as of 07:43, 9 October 2016