Difference between revisions of "Team:British Columbia/Project/Overview"

m
m
Line 12: Line 12:
  
 
.cover{
 
.cover{
−
   background: url("https://static.igem.org/mediawiki/2016/8/8b/T--British_Columbia--header-lake.jpg");
+
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0) 100%), url("https://static.igem.org/mediawiki/2016/8/8b/T--British_Columbia--header-lake.jpg");
 
   background-size: cover; background-repeat: no-repeat;
 
   background-size: cover; background-repeat: no-repeat;
 
}
 
}
  
 +
/*
 
@media screen and (min-width: 768px) {
 
@media screen and (min-width: 768px) {
 
   .cover{
 
   .cover{
 
     background-position: 0 -350px;
 
     background-position: 0 -350px;
 
   }
 
   }
−
}
+
}*/
  
 
</style>
 
</style>
Line 34: Line 35:
 
   </div><!--container-fluid-->
 
   </div><!--container-fluid-->
 
</div><!--cover-->
 
</div><!--cover-->
−
<div class="content">
+
<div id="breadcrumbs">
−
<p>Write things here</p>
+
<strong>
 +
<a href="">Home</a> / <a href="">Project</a> / <a href="">Overview</a></strong>
 +
</div><!--#breadcrumbs-->
  
−
</div><!--content-->
+
<div class="content-wrap">
 +
<p>Write here</p>
 +
</div><!--.content-wrap-->
  
 +
<p id="read-more"><strong>Check out other parts of our project below!</strong></p>
 +
<div id="up-next">
 +
<div class="row" style="max-width: 100%; margin: 0">
 +
<div class="col-sm-6" id="previous">
 +
<a href="https://2016.igem.org/Team:British_Columbia/Project/Modelling">
 +
<img src="https://static.igem.org/mediawiki/2016/8/80/T--British_Columbia--header-fog.JPG"></a>
 +
<a href="https://2016.igem.org/Team:British_Columbia/Project/Modelling">
 +
<strong><figcaption>Modelling</figcaption></strong></a>
 +
</div>
 +
<div class="col-sm-6" id="next">
 +
<a href="https://2016.igem.org/Team:British_Columbia/Project/Human_Practices">
 +
<img src="https://static.igem.org/mediawiki/2016/8/8e/T--British_Columbia--header-fog-far-away.JPG"></a>
 +
<a href="https://2016.igem.org/Team:British_Columbia/Project/Human_Practices">
 +
<strong><figcaption>Human Practices</figcaption></strong></a></div>
 +
</div>
 +
</body>
 
</html>
 
</html>

Revision as of 09:40, 14 October 2016

Main CSS Overview

Overview

Write here

Check out other parts of our project below!