(58 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{ | ||
Line 41: | 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:25px; color:#980000;} | .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 {padding-top: | + | .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 57: | Line 57: | ||
.titleContent h1 {font-size: 30px; font-family:Roboto; font-weight:normal; color:#ffffff; text-shadow: 1px 1px 10px gray;} | .titleContent h1 {font-size: 30px; font-family:Roboto; font-weight:normal; color:#ffffff; text-shadow: 1px 1px 10px gray;} | ||
.titleContent h2 {font-size: 25px;line-height:1.3em;color:#ffffff; text-shadow: 1px 1px 10px gray;} | .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 149: | 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,200,300,400" 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 182: | Line 183: | ||
<div class="box fade-in two"> | <div class="box fade-in two"> | ||
<div class="mainBox"> | <div class="mainBox"> | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
Line 211: | Line 205: | ||
<!--TitleContent1:EXPLANATION--> | <!--TitleContent1:EXPLANATION--> | ||
<div class="titleContent"> | <div class="titleContent"> | ||
− | <div class="inline"> | + | <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" weight="400"> Our Research Focuses on...</font> | <font face="Roboto" weight="400"> Our Research Focuses on...</font> | ||
Line 219: | Line 215: | ||
<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> | <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> | ||
+ | </div> | ||
+ | |||
<!--TitleContent2:VIDEO--> | <!--TitleContent2:VIDEO--> | ||
<div class="titleContent2"> | <div class="titleContent2"> | ||
Line 230: | 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