Arkairfani (Talk | contribs) |
Arkairfani (Talk | contribs) |
||
Line 308: | Line 308: | ||
visibility: visible; | visibility: visible; | ||
} | } | ||
+ | </style> | ||
+ | |||
+ | <!-- VERINDISCHEN --> | ||
+ | <style> | ||
+ | |||
+ | |||
+ | /* Banner */ | ||
+ | |||
+ | #banner { | ||
+ | background-attachment: fixed; | ||
+ | /* background-color: #272833; */ | ||
+ | background-image: url("images/home.jpg"); | ||
+ | background-position: center center; | ||
+ | background-size: cover; | ||
+ | box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.25); | ||
+ | min-height: 100vh; | ||
+ | position: relative; | ||
+ | text-align: center; | ||
+ | z-index: 21; | ||
+ | } | ||
+ | |||
+ | #banner:before { | ||
+ | content: ''; | ||
+ | display: inline-block; | ||
+ | height: 100vh; | ||
+ | vertical-align: middle; | ||
+ | width: 1%; | ||
+ | } | ||
+ | |||
+ | #banner:after {/* | ||
+ | background-image: -moz-linear-gradient(top, rgba(23, 24, 32, 0.95), rgba(23, 24, 32, 0.95)), url("images/overlay.png");; | ||
+ | background-image: -webkit-linear-gradient(top, rgba(23, 24, 32, 0.95), rgba(23, 24, 32, 0.95)), url("images/overlay.png");; | ||
+ | background-image: -ms-linear-gradient(top, rgba(23, 24, 32, 0.95), rgba(23, 24, 32, 0.95)), url("images/overlay.png");; | ||
+ | background-image: linear-gradient(top, rgba(23, 24, 32, 0.95), rgba(23, 24, 32, 0.95)), url("images/overlay.png");;*/ | ||
+ | content: ''; | ||
+ | display: block; | ||
+ | height: 100%; | ||
+ | left: 0; | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | #banner .content { | ||
+ | display: inline-block; | ||
+ | margin-right: 1%; | ||
+ | max-width: 95%; | ||
+ | padding: 6em; | ||
+ | position: relative; | ||
+ | text-align: right; | ||
+ | vertical-align: middle; | ||
+ | z-index: 1; | ||
+ | } | ||
+ | |||
+ | #banner .content header { | ||
+ | display: inline-block; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | |||
+ | #banner .content header h2 { | ||
+ | font-size: 2.5em; | ||
+ | margin: 0; | ||
+ | } | ||
+ | |||
+ | #banner .content header p { | ||
+ | margin: 0.5em 0 0 0; | ||
+ | top: 0; | ||
+ | } | ||
+ | |||
+ | #banner .content .intro-text .intro-lead-in{ | ||
+ | text-align: center; | ||
+ | color: #FFF; | ||
+ | font-family:himalaya; | ||
+ | font-size: 13pt; | ||
+ | margin-bottom:25px | ||
+ | } | ||
+ | #banner .content .image { | ||
+ | border-radius: 100%; | ||
+ | display: inline-block; | ||
+ | height: 18em; | ||
+ | margin-left: 3em; | ||
+ | vertical-align: middle; | ||
+ | width: 18em; | ||
+ | } | ||
+ | |||
+ | #banner .content .image img { | ||
+ | border-radius: 100%; | ||
+ | display: block; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | body.is-touch #banner { | ||
+ | background-attachment: scroll; | ||
+ | } | ||
+ | |||
</style> | </style> | ||
<body> | <body> | ||
− | <img src="https://static.igem.org/mediawiki/2017/8/80/T--ITB_Indonesia--cover1.png" class="ITBImages" style=" | + | <!-- <img src="https://static.igem.org/mediawiki/2017/8/80/T--ITB_Indonesia--cover1.png" class="ITBImages" style="hei: 100%; "> --> |
+ | |||
+ | <header style="height: cover;"> | ||
+ | <section id="banner"> | ||
+ | <div class="content"> | ||
+ | <div class="container"> | ||
+ | <div class="intro-text"> | ||
+ | <center><img src="images/logo.png" class="img-responsive logo-setter" alt="Verdischen"></center><br> | ||
+ | <div class="row"> | ||
+ | <div class="intro-lead-in col-md-offset-2 col-md-8"> | ||
+ | <p>Verindischen is a story about two Dutch-Indonesian teenagers finding their identity. </p> | ||
+ | <p> The story will be made into a short movie, a novela, and a music album. </p> | ||
+ | <p> The short movie is to submitted to Toronto International Film Festival. </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <center><a href="support.html" class="page-scroll button-home">SUPPORT</a></center> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </section> | ||
+ | </header> | ||
+ | |||
+ | <!-- NAVBAR START --> | ||
<navbar> | <navbar> | ||
<div class="container"> | <div class="container"> | ||
Line 385: | Line 503: | ||
</div> | </div> | ||
</navbar> | </navbar> | ||
+ | <!-- END NAVBAR --> | ||
+ | |||
+ | <!-- | ||
<div style="background-color:#333;color:white;padding:20px;"> | <div style="background-color:#333;color:white;padding:20px;"> | ||
<div class="tooltip"> | <div class="tooltip"> | ||
Line 408: | Line 529: | ||
aaa | aaa | ||
− | </div> | + | </div> --> |
</body> | </body> | ||
</html> | </html> |
Revision as of 22:41, 21 October 2017