Difference between revisions of "Team:Sydney Australia"

Line 5: Line 5:
 
   <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
 
   <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
 
   <link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">
 
   <link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">
 +
 +
 
<style>  
 
<style>  
  
Line 68: Line 70:
 
font-size:100px;
 
font-size:100px;
 
}
 
}
 +
 +
.links {
 +
width:80%;
 +
background-color:#e2e2e2;}
 +
 +
.link {
 +
  border-radius: 5%;
 +
  width: 100%;
 +
  padding-bottom: 60%;
 +
  background-size: 100%;
 +
  background-repeat: no-repeat;
 +
  background-position: center;
 +
background-color: #e2e2e2;
 +
}
 +
.link1 {
 +
  background-image: url("link-1.png");
 +
}
 +
.link2 {
 +
  background-image: url("link-2.png");}
 +
.link3 {
 +
  background-image: url("link-3.png");}
 +
.link4 {
 +
  background-image: url("link-4.png");}
 +
.link5 {
 +
  background-image: url("link-5.png");}
 +
.link6 {
 +
  background-image: url("link-6.png");}
 +
.link7 {
 +
  background-image: url("link-7.png");}
 +
.link8 {
 +
  background-image: url("link-8.png");}
 +
.link9 {
 +
  background-image: url("link-9.png");}
 +
 +
.caption a {
 +
font-family:'banaue';
 +
color: #3e3f3f;
 +
    -webkit-font-smoothing: antialiased;
 +
    font-size:3vw;
 +
    text-align:center;
 +
    }
 +
   
 +
.caption {
 +
    position: absolute;
 +
    top: 50%;
 +
    left: 50%;
 +
    transform: translate(-50%, -50%);
 +
    }
 +
 +
 +
 +
a:hover {
 +
  color: #3e3f3f;
 +
}
 +
 +
a:before {
 +
  content: "";
 +
  position: absolute;
 +
  width: 100%;
 +
  height: 2px;
 +
  bottom: 0;
 +
  left: 0;
 +
  background-color: #3e3f3f;
 +
  visibility: hidden;
 +
  -webkit-transform: scaleX(0);
 +
  transform: scaleX(0);
 +
  -webkit-transition: all 0.3s ease-in-out 0s;
 +
  transition: all 0.3s ease-in-out 0s;
 +
}
 +
 +
a:hover:before {
 +
  visibility: visible;
 +
  -webkit-transform: scaleX(1);
 +
  transform: scaleX(1);
 +
}
 +
 
</style>  
 
</style>  
 
</head>
 
</head>
Line 74: Line 152:
 
<div class="container-fluid page-heading">
 
<div class="container-fluid page-heading">
 
<div class = "row" style="background-color:#e2e2e2;margin-top:63px;">
 
<div class = "row" style="background-color:#e2e2e2;margin-top:63px;">
−
<img class="img-center img-responsive center-block" src="https://static.igem.org/mediawiki/2017/c/cd/T--Sydney_Australia--long-home-1.png" style="width:95%"/>
+
<img class="img-center img-responsive center-block" src="https://static.igem.org/mediawiki/2017/c/cd/T--Sydney_Australia--long-home-1.png" style="width:90%"/>
 
</div>
 
</div>
 
<div class = "row" style="background-color:#e2e2e2;">
 
<div class = "row" style="background-color:#e2e2e2;">
Line 98: Line 176:
 
</div>
 
</div>
 
<div class="col-xs-6">
 
<div class="col-xs-6">
−
<img class="img-center img-responsive center-block" src="https://static.igem.org/mediawiki/2017/b/b5/T--Sydney_Australia--long-home-3.png" style="width:95%"/>
+
<img class="img-center img-responsive center-block" src="https://static.igem.org/mediawiki/2017/b/b5/T--Sydney_Australia--long-home-3.png" style="width:90%"/>
  
 
</div>
 
</div>
Line 104: Line 182:
 
<div class = "row" style="background-color:#e2e2e2;height:5vh;"></div>
 
<div class = "row" style="background-color:#e2e2e2;height:5vh;"></div>
 
<div class = "row" style="background-color:#e2e2e2;">
 
<div class = "row" style="background-color:#e2e2e2;">
−
<img class="img-center img-responsive center-block" src="https://static.igem.org/mediawiki/2017/c/cb/T--Sydney_Australia--long-home-2.png" style="width:95%"/>
+
<img class="img-center img-responsive center-block" src="https://static.igem.org/mediawiki/2017/c/cb/T--Sydney_Australia--long-home-2.png" style="width:90%"/>
 
</div>
 
</div>
  
−
<div class="row" style="height:10vw;background-color:#e2e2e2;">
+
<div class="row" style="background-color:#e2e2e2;padding:0 10% 0 10%;">
 +
<div class="col-xs-4">
 +
<div class="link link1">
 +
      <div class="caption">
 +
      <a src="https://2017.igem.org/Team:Sydney_Australia/Description"> Description </a>
 +
      </div>
 +
</div>
 +
</div>
 +
<div class="col-xs-4">
 +
<div class="link link2">
 +
      <div class="caption">
 +
      <a src="https://2017.igem.org/Team:Sydney_Australia/Design"> Design </a>
 +
      </div>
 +
</div>
 +
</div>
 +
<div class="col-xs-4">
 +
<div class="link link3">
 +
      <div class="caption">
 +
      <a src="https://2017.igem.org/Team:Sydney_Australia/Results"> Results </a>
 +
      </div>
 +
</div>
 +
</div>
 +
</div>
 +
 
 +
<div class="row" style="background-color:#e2e2e2;padding:0 10% 0 10%;">
 +
<div class="col-xs-4">
 +
<div class="link link4">
 +
      <div class="caption">
 +
      <a src="https://2017.igem.org/Team:Sydney_Australia/Model"> Model </a>
 +
      </div>
 +
</div>
 +
</div>
 +
<div class="col-xs-4">
 +
<div class="link link5">
 +
      <div class="caption">
 +
      <a src="https://2017.igem.org/Team:Sydney_Australia/Entrepreneurship"> Entrepeneurship </a>
 +
      </div>
 +
</div>
 +
</div>
 +
<div class="col-xs-4">
 +
<div class="link link6">
 +
      <div class="caption">
 +
      <a src="https://2017.igem.org/Team:Sydney_Australia/Applied_Design"> Applied Design </a>
 +
      </div>
 +
</div>
 +
</div>
 +
</div>
 +
 
 +
<div class="row" style="background-color:#e2e2e2;padding:0 10% 0 10%;">
 +
<div class="col-xs-4">
 +
<div class="link link7">
 +
      <div class="caption">
 +
      <a src="https://2017.igem.org/Team:Sydney_Australia/HP/Gold_Integrated"> Integrated Human Practices </a>
 +
      </div>
 +
</div>
 +
</div>
 +
<div class="col-xs-4">
 +
<div class="link link8">
 +
      <div class="caption">
 +
      <a src="https://2017.igem.org/Team:Sydney_Australia/Parts"> Parts </a>
 +
      </div>
 +
</div>
 +
</div>
 +
<div class="col-xs-4">
 +
<div class="link link9">
 +
      <div class="caption">
 +
      <a src="https://2017.igem.org/Team:Sydney_Australia/Medals"> Awards </a>
 +
      </div>
 +
</div>
 +
</div>
 +
</div>
 +
<div class="row" style="height:10vh;background-color:#e2e2e2;">
 
</div>
 
</div>
 
</div>
 
</div>

Revision as of 06:17, 30 October 2017


This is how long you've spent
on this page:

00:00
Description
Design
Results
Model
Entrepeneurship
Applied Design
Integrated Human Practices
Parts
Awards