Difference between revisions of "Team:British Columbia/Human Practices/Intro"

m
m
Line 1: Line 1:
 
{{British_Columbia_2}}
 
{{British_Columbia_2}}
−
{{British_Columbia_Navbar}}
+
{{British_Columbia_Navbar_Green}}
 
<html lang="en">
 
<html lang="en">
 
<head>
 
<head>
 
   <title>Composite Parts</title>
 
   <title>Composite Parts</title>
 
<style>
 
<style>
−
.cover{
 
−
  background: url("https://static.igem.org/mediawiki/2016/1/1d/T--British_Columbia--header-tree-again.JPG");
 
−
  background-size: cover; background-repeat: no-repeat;
 
−
}
 
−
 
−
@media screen and (min-width: 768px) {
 
−
  .cover{
 
−
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.15) 25%, rgba(0, 0, 0, 0) 100%), url("https://static.igem.org/mediawiki/2016/1/1d/T--British_Columbia--header-tree-again.JPG");
 
−
    background-size: cover; background-repeat: no-repeat;
 
−
    background-position: 0 0, 0 -220px;
 
−
  }
 
−
}
 
−
 
−
.content-wrap p{
 
−
  margin-bottom: 25px;
 
−
}
 
  
 
/*important to set the position of these images such that the figcaption below the background image is visible*/
 
/*important to set the position of these images such that the figcaption below the background image is visible*/
Line 37: Line 21:
 
</head>
 
</head>
 
<body>
 
<body>
−
<div class="cover">
 
−
  <div class="container-fluid">
 
−
    <div class="row" id="title">
 
−
      <div class="col-sm-12">
 
−
        <strong><p style="font-size: 3em">Introduction</p></strong>
 
−
      </div>
 
−
    </div><!--title-->
 
−
  </div><!--container-fluid-->
 
−
</div><!--cover-->
 
−
 
−
<div id="breadcrumbs">
 
−
<strong>
 
−
<a href="https://2016.igem.org/Team:British_Columbia">Home</a> /
 
−
<a href="https://2016.igem.org/Team:British_Columbia/Human_Practices/Intro">Human Practices - Intro</a></strong>
 
−
</div><!--#breadcrumbs-->
 
−
 
 
<div class="content-wrap">
 
<div class="content-wrap">
−
 
+
<img src="https://static.igem.org/mediawiki/2016/5/58/T--British_Columbia--scicomintro.png">
 
</div><!--.content-wrap-->
 
</div><!--.content-wrap-->
 
</body>
 
</body>

Revision as of 01:09, 20 October 2016

Main CSS Green Navbar CSS

Composite Parts

Check out other parts of our project below!