Difference between revisions of "Team:ITB Indonesia/"

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="width: 100%; ">
+
<!-- <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