Difference between revisions of "Team:Sydney Australia/Hexagon"

Line 1: Line 1:
 +
{{:Team:Sydney_Australia/Templates/NavBar}}
 
<html>
 
<html>
 +
 
<head>
 
<head>
−
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
 
−
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 
 
<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:300,400|Roboto:400,400i" rel="stylesheet">
+
  <link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">
 +
    <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>
 +
<script>
 +
$(".they-said").click(function(){
 +
    $(".they-said-content").fadeIn("slow");
 +
    $(".we-said").fadeIn("slow");
 +
});
  
−
<script type="text/javascript" src="https://use.fontawesome.com/2967839f93.js"></script>
+
$(".we-said").click(function(){
−
<meta name="viewport" content="width=device-width, initial-scale=1">
+
    $(".we-said-content").fadeIn("slow");
 +
});
 +
</script>
 +
<style>  
  
−
 
−
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
 
−
 
−
<style>
 
−
#sideMenu, #top_title {display:none;}
 
−
#content { padding:0px; width:100%; margin-top:-7px; margin-left:0%;, margin-right: 0%}
 
−
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
 
/* our special font */
 
/* our special font */
 
@font-face {
 
@font-face {
Line 24: Line 28:
 
}
 
}
  
−
.panel-group {
+
#please h1 {
−
width:80%;
+
font-family: "banaue", sans-serif;  
−
display: block;
+
color: #3e3f3f
−
  margin-left: auto;
+
−
  margin-right: auto;
+
 
}
 
}
−
.panel-heading {
+
 
−
  background:#fff;
+
#please h4 {
−
  background-image:none;
+
−
  color:white;
+
−
  padding:20px 20px 20px 20px;
+
 
   font-family: 'Quicksand', sans-serif;
 
   font-family: 'Quicksand', sans-serif;
 +
  color:#3e3f3f;
 
}
 
}
  
−
.panel-body {
+
.crispy {
−
font-family: 'Quicksand', sans-serif;
+
image-rendering: -moz-crisp-edges;
−
height:60vh;
+
image-rendering: -o-crisp-edges;
−
overflow:scroll;
+
image-rendering: -webkit-optimize-contrast;
 +
-ms-interpolation-mode: nearest-neighbor;
 
}
 
}
  
 +
.img-center  {
 +
image-rendering: -moz-crisp-edges;
 +
image-rendering: -o-crisp-edges;
 +
image-rendering: -webkit-optimize-contrast;
 +
-ms-interpolation-mode: nearest-neighbor;
 +
width:100%;
 +
    }
 +
 +
.img-circle {
 +
    border-radius: 50%;
 +
}
 +
 +
.insert {
 +
  height: 68px;
 +
  width: 100%
 +
  background-color:#e2e2e2;
 +
}
 +
.insert2 {
 +
  height: 100px;
 +
  width: 100%
 +
  background-color:#fff;
 +
}
 +
 +
.box {
 +
  background:#fff;
 +
  border:0px solid;
 +
  border-color: #e2e2e2;
 +
  margin-top: 0px;
 +
  box-sizing: border-box;
 +
  background-clip: padding-box;
 +
  padding:0 20px 20px 20px;
 +
  min-height:500px;
 +
  min-width:400px
 +
}
 +
.they-said, .we-said {
 +
display:inline-block;
 +
}
 +
.they-said:after, .we-said:after {
 +
content: '';
 +
display: block;
 +
height: 3px;
 +
width: 0;
 +
background: transparent;
 +
transition: width .5s ease, background-color .5s ease;
 +
}
 +
.they-said:hover:after, .we-said:hover:after {
 +
width: 100%;
 +
background: #3e3f3f;
 +
}
 +
 +
.they-said-content, .we-said, .we-said-content {display:none;}
 
</style>
 
</style>
 
</head>
 
</head>
 +
 
<body>
 
<body>
 +
<div class = "insert">
 +
</div>
 +
 +
<!-- Banner-->
 +
<div class="container-fluid page-heading">
 +
<div class = "row">
 +
<div style="background-color:#e2e2e2">
 +
<div class = "crispy2">
 +
      <center><img src="https://static.igem.org/mediawiki/2017/8/84/T--Sydney_Australia--HumanPracticesBanner.gif" class="img-center" width="70%"></center>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
 +
<div class ="row" style = "background-color:#e2e2e2">
 +
<div class = "crispy">
 +
<div class = "col-xs-2" style = "background-color:#e2e2e2">
 +
    <a href="#nav1"><center><img src="https://static.igem.org/mediawiki/2017/3/30/T--Sydney_Australia--LogoInsulinforLife.gif" width="100%"></center></a>
 +
</div>
 +
<div class = "col-xs-2" style = "background-color:#e2e2e2">
 +
    <a href="#nav2"><center><img src="https://static.igem.org/mediawiki/2017/8/86/T--Sydney_Australia--LogoIncubate.gif" width="100%"></center></a>
 +
</div>
 +
<div class = "col-xs-2" style = "background-color:#e2e2e2">
 +
    <a href="#nav3"><center><img src="https://static.igem.org/mediawiki/2017/4/4b/T--Sydney_Australia--LogoMaxwells.gif" width="100%"></center></a>
 +
</div>
 +
<div class = "col-xs-2" style = "background-color:#e2e2e2">
 +
    <a href="#nav4"><center><img src="https://static.igem.org/mediawiki/2017/6/6e/T--Sydney_Australia--LogoBiofoundry.gif" width="100%"></center></a>
 +
</div>
 +
<div class = "col-xs-2" style = "background-color:#e2e2e2">
 +
    <a href="#nav5"><center><img src="https://static.igem.org/mediawiki/2017/5/5e/T--Sydney_Australia--LogoACCISS.gif" width="100%"></center></a>
 +
</div>
 +
<div class = "col-xs-2" style = "background-color:#e2e2e2">
 +
    <a href="#nav6"><center><img src="https://static.igem.org/mediawiki/2017/8/8c/T--Sydney_Australia--LogoT1International.gif" width="100%"></center></a>
 +
</div>
 +
</div>
 +
</div>
 +
 +
<div class = "image-fixed-top navbar-default">
 +
<div class = "insert" style="background-color:#e2e2e2">
 +
</div>
 +
</div>
 +
 +
<div class = "row" id="nav1">
 +
<div class = "insert2">
 +
</div>
 +
</div>
 +
 +
<div class = "row">
 +
<div class = "crispy">
 +
<div class="col-xs-1" align = "right">
 +
<img src="https://static.igem.org/mediawiki/2017/0/09/T--Sydney_Australia--Handshake1.gif">
 +
</div>
 +
<div class = "col-xs-5" class="box" id="please">
 +
<center><h1 class="tag-title">Insulin for Life</h1></center>
 +
<center><h4>Blurb about Insulin for Life</h4></center>
 +
</div>
 +
<div class = "col-xs-6" class="box" id = "please">
 +
      <center><h1 class = "tag-title they-said">They said ></h1></center>
 +
<center><h4 class="they-said-content">What they said</h4></center>
 +
        <center><h1 class="tag-title we-said">We said ></h1></center>
 +
<center><h4 class="we-said-content">What we said</h4></center>
 +
</div>
 +
</div>
 +
</div>
 +
 +
<div class = "row" id="nav2">
 +
<div class = "insert2">
 +
</div>
 +
</div>
 +
 +
<div class = "row">
 +
<div class = "crispy">
 +
<div class="col-xs-1" align = "right">
 +
<img src="https://static.igem.org/mediawiki/2017/4/4f/T--Sydney_Australia--Handshake3.gif">
 +
</div>
 +
<div class = "col-xs-5" class="box" id="please">
 +
<center><h1 class="tag-title">Incubate</h1></center>
 +
<center><h4>Blurb about Incubate</h4></center>
 +
</div>
 +
<div class = "col-xs-6" class="box" id = "please">
 +
      <center><h1 class = "tag-title they-said">They said ></h1></center>
 +
<center><h4 class="they-said-content">What they said</h4></center>
 +
        <center><h1 class="tag-title we-said">We said ></h1></center>
 +
<center><h4 class="we-said-content">What we said</h4></center>
 +
</div>
 +
</div>
 +
</div>
 +
 +
<div class = "row" id="nav3">
 +
<div class = "insert2">
 +
</div>
 +
</div>
 +
 +
<div class = "row">
 +
<div class = "crispy">
 +
<div class="col-xs-1" align = "right">
 +
<img src="https://static.igem.org/mediawiki/2017/7/76/T--Sydney_Australia--Handshake4.gif">
 +
</div>
 +
<div class = "col-xs-5" class="box" id="please">
 +
<center><h1 class="tag-title">Maxwells</h1></center>
 +
<center><h4>Blurb about Maxwells</h4></center>
 +
</div>
 +
<div class = "col-xs-6" class="box" id = "please">
 +
      <center><h1 class = "tag-title they-said">They said ></h1></center>
 +
<center><h4 class="they-said-content">What they said</h4></center>
 +
        <center><h1 class="tag-title we-said">We said ></h1></center>
 +
<center><h4 class="we-said-content">What we said</h4></center>
 +
</div>
 +
</div>
 +
</div>
 +
 +
<div class = "row" id="nav4">
 +
<div class = "insert2">
 +
</div>
 +
</div>
 +
 +
<div class = "row">
 +
<div class = "crispy">
 +
<div class="col-xs-1" align = "right">
 +
<img src="https://static.igem.org/mediawiki/2017/b/bb/T--Sydney_Australia--Handshake5.gif">
 +
</div>
 +
<div class = "col-xs-5" class="box" id="please">
 +
<center><h1 class="tag-title">Biofoundry & Open Insulin</h1></center>
 +
<center><h4>Blurb about Biofoundry & Open Insulin</h4></center>
 +
</div>
 +
<div class = "col-xs-6" class="box" id = "please">
 +
      <center><h1 class = "tag-title they-said">They said ></h1></center>
 +
<center><h4 class="they-said-content">What they said</h4></center>
 +
        <center><h1 class="tag-title we-said">We said ></h1></center>
 +
<center><h4 class="we-said-content">What we said</h4></center>
 +
</div>
 +
</div>
 +
</div>
 +
 +
<div class = "row" id="nav5">
 +
<div class = "insert2">
 +
</div>
 +
</div>
 +
 +
<div class = "row">
 +
<div class = "crispy">
 +
<div class="col-xs-1" align = "right">
 +
<img src="https://static.igem.org/mediawiki/2017/9/93/T--Sydney_Australia--Handshake6.gif">
 +
</div>
 +
<div class = "col-xs-5" class="box" id="please">
 +
<center><h1 class="tag-title">ACCISS</h1></center>
 +
<center><h4>Blurb about ACCISS</h4></center>
 +
</div>
 +
<div class = "col-xs-6" class="box" id = "please">
 +
      <center><h1 class = "tag-title they-said">They said ></h1></center>
 +
<center><h4 class="they-said-content">What they said</h4></center>
 +
        <center><h1 class="tag-title we-said">We said ></h1></center>
 +
<center><h4 class="we-said-content">What we said</h4></center>
 +
</div>
 +
</div>
 +
</div>
  
 +
<div class = "row" id="nav6">
 +
<div class = "insert2">
 +
</div>
 +
</div>
  
−
<div class="panel-group">
+
<div class = "row">
−
  <div class="panel panel-default">
+
<div class = "crispy">
−
    <div class="panel-heading" style="background-color:#e8939c!important">
+
<div class="col-xs-1" align = "right">
−
      <h4 class="panel-title">
+
<img src="https://static.igem.org/mediawiki/2017/9/93/T--Sydney_Australia--Handshake6.gif">
−
        <a data-toggle="collapse" href="#collapse2">Restriction Enzyme Digest</a>
+
</div>
−
      </h4>
+
<div class = "col-xs-5" class="box" id="please">
−
    </div>
+
<center><h1 class="tag-title">T1International</h1></center>
−
    <div id="collapse2" class="panel-collapse collapse">
+
<center><h4>Blurb about T1International</h4></center>
−
      <div class="panel-body">blabla
+
</div>
−
      </div>
+
<div class = "col-xs-6" class="box" id = "please">
−
    </div>
+
      <center><h1 class = "tag-title they-said">They said ></h1></center>
−
  </div>
+
<center><h4 class="they-said-content">What they said</h4></center>
 +
        <center><h1 class="tag-title we-said">We said ></h1></center>
 +
<center><h4 class="we-said-content">What we said</h4></center>
 +
</div>
 +
</div>
 
</div>
 
</div>
  
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 09:02, 25 September 2017

Insulin for Life

Blurb about Insulin for Life

They said >

What they said

We said >

What we said

Incubate

Blurb about Incubate

They said >

What they said

We said >

What we said

Maxwells

Blurb about Maxwells

They said >

What they said

We said >

What we said

Biofoundry & Open Insulin

Blurb about Biofoundry & Open Insulin

They said >

What they said

We said >

What we said

ACCISS

Blurb about ACCISS

They said >

What they said

We said >

What we said

T1International

Blurb about T1International

They said >

What they said

We said >

What we said