(17 intermediate revisions by the same user not shown) | |||
Line 43: | Line 43: | ||
.mainBox {padding-top: 200px; padding-bottom: 20px; float: left; width: 50%;} | .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 {padding-top: | + | .titleAnimation {padding-top:350px; float: left; width: 50%; height: auto; } |
.titleContent {padding-top: 100px; 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;} | ||
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;} | .titleContent4 h2 {text-align: center; font-size: 90px; font-family: 'Fredericka the Great'; font-weight:normal; color:white;} | ||
<!--TitleContentSNS--> | <!--TitleContentSNS--> | ||
Line 183: | Line 183: | ||
<div class="box fade-in two"> | <div class="box fade-in two"> | ||
<div class="mainBox"> | <div class="mainBox"> | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
Line 213: | Line 206: | ||
<div class="titleContent"> | <div class="titleContent"> | ||
<div class="titleContent4"><h2>PLASTIC REVOLUTION</h2></div> | <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%;"> | |
− | <div class="inline" style="color:white; background-color:rgba(255,255,255,0.1); padding:20px; width: | + | |
− | + | ||
<h1> | <h1> | ||
<font face="Roboto" weight="400"> Our Research Focuses on...</font> | <font face="Roboto" weight="400"> Our Research Focuses on...</font> | ||
Line 226: | Line 216: | ||
</h2> | </h2> | ||
</div> | </div> | ||
− | |||
</div> | </div> | ||
Line 238: | 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