(7 intermediate revisions by the same user not shown) | |||
Line 55: | Line 55: | ||
line-height: 1.3em; | line-height: 1.3em; | ||
} | } | ||
− | + | .video { width: 680px; height: 400px; margin: auto; padding-top: 50px; padding-bottom: 50px;} | |
+ | .banner { | ||
+ | display: table; | ||
+ | margin-left:auto; | ||
+ | margin-right: auto; | ||
+ | padding-top:20px; | ||
+ | padding-bottom:20px; | ||
+ | width:500px; | ||
+ | } | ||
<!--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 62: | Line 70: | ||
.container {position: fixed; top: 25%; left: 25%;} | .container {position: fixed; top: 25%; left: 25%;} | ||
− | + | ||
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } } | @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } } | ||
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } } | @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } } | ||
Line 106: | Line 114: | ||
-webkit-animation-delay: 2.1s; | -webkit-animation-delay: 2.1s; | ||
-moz-animation-delay:2.1s; | -moz-animation-delay:2.1s; | ||
− | animation-delay: 2.1s; | + | animation-delay: 2.1s;F |
} | } | ||
.fade-in.two.fourth { | .fade-in.two.fourth { | ||
Line 178: | Line 186: | ||
<!--OtherTitleBoxes--> | <!--OtherTitleBoxes--> | ||
− | <div class="box fade-in | + | <div class="box fade-in second"> |
+ | <div class="video"> | ||
+ | <iframe width="680" height="400" src="https://www.youtube.com/embed/DDVjJcul0pE" frameborder="0" allowfullscreen></iframe> | ||
+ | </div> | ||
+ | <div class="box fade-in third"> | ||
+ | |||
+ | <div class="banner"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/3/3b/File-T--KoreaSonyeodul--KSBanner3.jpg"></img> | ||
+ | </div> | ||
</div> | </div> |
Latest revision as of 05:38, 16 October 2016