Difference between revisions of "Team:Dalhousie/test5"

Line 15: Line 15:
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 10px;  background-color: transparent;}
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 10px;  background-color: transparent;}
 
         .jumbotron {
 
         .jumbotron {
−
             height: 720px;
+
             height: 850px;
 
             position: relative;
 
             position: relative;
 
             z-index:-101;
 
             z-index:-101;
Line 23: Line 23:
 
         top: 0;
 
         top: 0;
 
         right: 0;
 
         right: 0;
−
         bottom: 100px;
+
         bottom: -100px;
 
         left: 0;
 
         left: 0;
 
         overflow: hidden;
 
         overflow: hidden;
Line 30: Line 30:
 
}
 
}
 
   </style>
 
   </style>
−
 
−
<!----------------------------------------------navbarshit---------------------------------------------->
 
−
 
−
 
−
  <meta charset="utf-8">
 
−
  <meta name="viewport" content="width=device-width, initial-scale=1">
 
−
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
 
−
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
 
−
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 
  
 
<!------------fade-------------------------->
 
<!------------fade-------------------------->
 
<style>
 
<style>
 
#grad1 {
 
#grad1 {
−
     height: 705px;
+
     height: 833px;
 
     background: transparent; /* For browsers that do not support gradients */
 
     background: transparent; /* For browsers that do not support gradients */
−
     background: -webkit-linear-gradient(transparent 60%, #FCEBD9 ); /* For Safari 5.1 to 6.0 */
+
     background: -webkit-linear-gradient(transparent 90%, black ); /* For Safari 5.1 to 6.0 */
−
     background: -o-linear-gradient(transparent 60%, #FCEBD9 ); /* For Opera 11.1 to 12.0 */
+
     background: -o-linear-gradient(transparent 90%, black ); /* For Opera 11.1 to 12.0 */
−
     background: -moz-linear-gradient(transparent 60%,#FCEBD9 ); /* For Firefox 3.6 to 15 */
+
     background: -moz-linear-gradient(transparent 90%, black ); /* For Firefox 3.6 to 15 */
−
     background: linear-gradient(transparent 60%, #FCEBD9); /* Standard syntax (must be last) */
+
     background: linear-gradient(transparent 90%, black ); /* Standard syntax (must be last) */
 
}
 
}
 
</style>
 
</style>
−
</head>
+
<style>
 +
#grad2 {
 +
height: 100%;
 +
width:100%;
 +
    background: transparent; /* For browsers that do not support gradients */
 +
    background: -webkit-linear-gradient(black, transparent 80%, #FCEBD9); /* For Safari 5.1 to 6.0 */
 +
    background: -o-linear-gradient(black, transparent 80%, #FCEBD9); /* For Opera 11.1 to 12.0 */
 +
    background: -moz-linear-gradient(black, transparent 80%, #FCEBD9); /* For Firefox 3.6 to 15 */
 +
    background: linear-gradient(black, transparent 80%, #FCEBD9); /* Standard syntax (must be last) */
 +
}
 +
</style>
 +
 
  
 
   
 
   
Line 62: Line 64:
  
 
     <div id="grad1"><!--------fade------------>
 
     <div id="grad1"><!--------fade------------>
−
<video  id= "myVideo" class="bg-video" style="top:0px; left:0px; padding-bottom:-20px; position:fixed; width:100%;z-index:-1;" autoplay="true" loop="loop" preload="metadata" muted="muted">
+
<video  id= "myVideo" class="bg-video" style="top:0px; left:0px; padding-bottom:0px; position:fixed; width:100%;z-index:-1;" autoplay="true" loop="loop" preload="metadata" muted="muted">
−
         <source src="https://static.igem.org/mediawiki/2017/3/34/Finalfinal.mp4" type="video/mp4" />
+
         <source src="https://static.igem.org/mediawiki/2017/a/a4/Final3.mp4" type="video/mp4" />
 
     </video>
 
     </video>
  
  
  
 +
<div id="page-wrap"style="padding-top:400px;  ">
  
−
<div id="page-wrap"style="padding-top:10px; ">
+
<!--------------------------------fade title---------------------------->
 +
<style>body {
 +
  margin: 0;
 +
  height: 10px;
 +
}
  
−
   <h1 style="color:white;"> Dalhousie iGEM </h1>
+
.top {
 +
   margin: 100;
 +
  position: relative;
 +
  width:55%;
 +
  left:300px;
 +
  background-color: rgba(0,0,0,0.1);
 +
  height: 150px;
 +
  text-align: center;
 +
  font-family: 'helvetica';
 +
  font-size: 50px;
 +
  font-weight: 100;
 +
  color: #fff;
 +
line-height: 60px;
 +
}
  
−
   </div>
+
.title {
 +
   position: relative;
 +
  top: 10%;
  
−
    
+
   left: 0px;
 +
}
  
 +
</style>
  
−
</div>
 
−
</div>
 
  
−
                     
+
<script> $(window).scroll(function(){
 +
    $(".top").css("opacity", 1 - $(window).scrollTop() / 150);
 +
  });</script>
  
 +
<div class="top"><div class="title">Welcome to Dalhousie's 2017 iGEM wiki</div></div>
  
−
<div class="container" id="projectdescript" style="padding-bottom:50px; padding-top:50px; padding-right:100px; padding-left:100px;  width:100%; height:100%; background-color: #FCEBD9 ;">
 
  
  
−
<h4 style="text-align:center; color: white;">Wecome to our Wiki!</h4>
 
−
<p style="text-align:center; color: white;">
 
−
Don't know what to write here! </p>
 
−
   
 
−
 
  
−
<!-------------------------------------------infographic------>
+
  </div>
−
<p style="text-align:center; color:white;">
+
−
<img src= "https://static.igem.org/mediawiki/2017/2/28/Rando--dal.jpeg" align="center" height="85%" width="85%"></p></p>
+
−
</div></div>
+
  
  
 +
</div>
 +
</div>
  
 +
                     
  
  
−
    <!------------------------------------------------------------------------------- Navbar -------------------------------------------------------------------------->
 
−
<nav class="navbar navbar-inverse navbar-fixed-bottom">
 
−
  <div class="container-fluid">
 
−
   
 
−
    <ul class="nav navbar-nav navbar-center">
 
−
      <li class="active"><a href="https://2017.igem.org/Team:Dalhousie/test3">Home</a></li>
 
−
     
 
  
−
<li class="dropdown">
+
<div class="container" id="projectdescript" style="padding-bottom:50px; padding-top:50px; padding-right:100px; padding-left:150px;  width:100%; height:1700px; background-color: black;">
−
        <a class="dropdown-toggle" data-toggle="dropdown" href="#">The Project
+
<!-------------------------------------------infographic----------------------------->
−
        <span class="caret"></span></a>
+
<p style="text-align:center; color:white;">
−
        <ul class="dropdown-menu">
+
<img src= "https://static.igem.org/mediawiki/2017/8/8b/Infograph2_1.jpg" align="center" height="85%" width="85%"></p>
−
          <li><a href="https://2017.igem.org/Team:Dalhousie/Description">Description</a></li>
+
</div>
−
          <li><a href="https://2017.igem.org/Team:Dalhousie/Design">Design</a></li>
+
−
          <li><a href="https://2017.igem.org/Team:Dalhousie/Experiments">Experiments</a></li>
+
−
          <li><a href="https://2017.igem.org/Team:Dalhousie/Notebook">Notebook</a></li>
+
−
          <li><a href="https://2017.igem.org/Team:Dalhousie/Interlab">Interlab</a></li>
+
−
          <li><a href="https://2017.igem.org/Team:Dalhousie/Contribution">Contribution</a></li>
+
−
          <li><a href="https://2017.igem.org/Team:Dalhousie/Model">Model</a></li>
+
−
          <li><a href="https://2017.igem.org/Team:Dalhousie/Results">Results</a></li>
+
−
          <li><a href="https://2017.igem.org/Team:Dalhousie/Demonstrate">Demonstrate</a></li>
+
−
        <li><a href="https://2017.igem.org/Team:Dalhousie/Improve">Improve</a></li>
+
−
          <li><a href="https://2017.igem.org/Team:Dalhousie/Attributions">Attributions</a></li>
+
−
        </ul>
+
−
      </li>
+
  
−
     
 
−
<li class="dropdown">
 
−
        <a class="dropdown-toggle" data-toggle="dropdown" href="#">Our Team
 
−
        <span class="caret"></span></a>
 
−
        <ul class="dropdown-menu">
 
−
          <li><a href="https://2017.igem.org/Team:Dalhousie/Team">Team</a></li>
 
−
          <li><a href="https://2017.igem.org/Team:Dalhousie/Collaborations">Collaborations</a></li>
 
−
        </ul>
 
−
      </li>
 
  
−
<li class="dropdown">
 
−
        <a class="dropdown-toggle" data-toggle="dropdown" href="#">Parts
 
−
        <span class="caret"></span></a>
 
−
        <ul class="dropdown-menu">
 
−
          <li><a href="https://2017.igem.org/Team:Dalhousie/Parts">Parts</a></li>
 
−
          <li><a href="https://2017.igem.org/Team:Dalhousie/Basic_Parts">Basic Parts</a></li>
 
−
          <li><a href="https://2017.igem.org/Team:Dalhousie/Composite_Parts">Composite Parts</a></li>
 
−
          <li><a href="https://2017.igem.org/Team:Dalhousie/Part_Collection">Part Collections</a></li>
 
−
        </ul>
 
−
      </li>
 
  
−
      <li><a href="https://2017.igem.org/Team:Dalhousie/Safety">Safety</a></li>
 
  
−
<li class="dropdown">
 
−
        <a class="dropdown-toggle" data-toggle="dropdown" href="#">Human Practices
 
−
        <span class="caret"></span></a>
 
−
        <ul class="dropdown-menu">
 
−
        <li><a href="https://2017.igem.org/Team:Dalhousie/Human_Practices">Summary</a></li>
 
−
          <li><a href="https://2017.igem.org/Team:Dalhousie/HP/Silver_Integrated">Silver HP</a></li>
 
−
          <li><a href="https://2017.igem.org/Team:Dalhousie/HP/Gold_Integrated">Integrated and Gold</a></li>
 
−
          <li><a href="https://2017.igem.org/Team:Dalhousie/HP/Public_Engagement">Public Engagement</a></li>
 
−
          <li><a href="https://2017.igem.org/Team:Dalhousie/HP/Part_Collection">Part Collections</a></li>
 
−
        </ul>
 
−
      </li>
 
  
−
<li class="dropdown">
+
<div class="container" style="height:500px; width:100%; position: relative;">
−
        <a class="dropdown-toggle" data-toggle="dropdown" href="#">Awards
+
<div id="grad2" style=" width:110%; position: absolute; left: 0px;"><!--------fade------------>
−
        <span class="caret"></span></a>
+
</div>
−
        <ul class="dropdown-menu">
+
</div>
−
          <li><a href="https://2017.igem.org/Team:Dalhousie/HP/Applied_Design">Applied Design</a></li>
+
−
          <li><a href="https://2017.igem.org/Team:Dalhousie/HP/Entrepreneurship">Entrepreneurship</a></li>
+
−
        </ul>
+
−
      </li>
+
  
  
−
    </ul>
 
  
  
  
−
<!--------------------------contact us------------------------------------------>
+
<div class="container" style="padding-bottom:50px; padding-top:50px; padding-right:100px; padding-left:100px;  width:100%; height:100%; background-color: #FCEBD9;">
−
<ul class="nav navbar-nav navbar-right">
+
<p style="text-align:center; color:black; font-size: 50px;">
−
    <div class="navbar-header">
+
Sponsor area</p>
−
      <a class="navbar-brand" >Contact us today </a>
+
</div>
−
    </div>
+
 
−
<li>
+
 
−
                        <a href="mailto:igemdalhousie@gmail.com" ><i class="fa fa-envelope-o fa-fw"></i> <span class="network-name"></span></a>
+
−
                    </li>
+
−
<li>
+
−
                        <a target="_blank" href="https://twitter.com/dalhousie_igem?lang=en" ><i class="fa fa-twitter fa-fw"></i> <span class="network-name"></span></a>
+
−
                    </li>
+
−
                    <li>
+
−
                        <a target="_blank" href="https://www.facebook.com/Dalhousie.iGEM/" ><i class="fa fa-facebook fa-fw"></i> <span class="network-name"></span></a>
+
−
                    </li>
+
−
    </ul>
+
−
  </div>
+
−
</nav>
+
−
   
+
 
                
 
                
  
 
</body>
 
</body>

Revision as of 16:24, 10 September 2017

Welcome to Dalhousie's 2017 iGEM wiki

Sponsor area