Line 1: | Line 1: | ||
{{:Team:Sydney_Australia/Templates/NavBar}} | {{:Team:Sydney_Australia/Templates/NavBar}} | ||
+ | <html> | ||
− | |||
− | |||
− | |||
<head> | <head> | ||
− | < | + | <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script> |
− | + | <link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet"> | |
− | + | <style> | |
− | + | ||
− | + | ||
/* our special font */ | /* our special font */ | ||
Line 16: | Line 12: | ||
src: url('https://static.igem.org/mediawiki/2017/b/b0/T--Sydney_Australia--Wiki_Font_Banaue-Regular.Media-File.ogg'); | src: url('https://static.igem.org/mediawiki/2017/b/b0/T--Sydney_Australia--Wiki_Font_Banaue-Regular.Media-File.ogg'); | ||
font-weight: normal; | font-weight: normal; | ||
− | font-style: | + | font-style: large; |
} | } | ||
+ | |||
+ | #please h1 { | ||
+ | font-family: "banaue", sans-serif; | ||
+ | } | ||
+ | |||
+ | #please h4 { | ||
+ | color:#515c66; | ||
+ | font-family: 'Quicksand', sans-serif; | ||
+ | } | ||
+ | |||
.crispy { | .crispy { | ||
image-rendering: -moz-crisp-edges; | image-rendering: -moz-crisp-edges; | ||
Line 23: | Line 29: | ||
image-rendering: -webkit-optimize-contrast; | image-rendering: -webkit-optimize-contrast; | ||
-ms-interpolation-mode: nearest-neighbor; | -ms-interpolation-mode: nearest-neighbor; | ||
+ | padding:0px; | ||
+ | width:90%; | ||
+ | margin-top: 0px; | ||
+ | margin-left:5%;, | ||
+ | margin-right:5%; | ||
+ | background: #fff; | ||
+ | } | ||
+ | |||
+ | .img-center { | ||
+ | image-rendering: -moz-crisp-edges; | ||
+ | image-rendering: -o-crisp-edges; | ||
+ | image-rendering: -webkit-optimize-contrast; | ||
+ | -ms-interpolation-mode: nearest-neighbor; | ||
+ | width:80%; | ||
+ | } | ||
+ | |||
+ | .img-circle { | ||
+ | border-radius: 50%; | ||
+ | } | ||
+ | |||
+ | .insert { | ||
+ | height: 68px; | ||
+ | width: 100% | ||
+ | background-color:#e2e2e2; | ||
+ | } | ||
+ | .insert2 { | ||
+ | height: 200px; | ||
+ | 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 | ||
} | } | ||
− | |||
</style> | </style> | ||
</head> | </head> | ||
− | |||
<body> | <body> | ||
− | <div class="container-fluid page-heading" | + | <div class = "insert"> |
− | <div class=" | + | </div> |
− | <div class=" | + | |
− | <center><img src="https://static.igem.org/mediawiki/2017/8/84/T--Sydney_Australia--HumanPracticesBanner.gif" width = "80%"></center> | + | <!-- Banner--> |
+ | <div class="container-fluid page-heading"> | ||
+ | <div class = "row" | ||
+ | <div class = "centre" style="background-color:#e2e2e2"> | ||
+ | <div class = "col-sx-12"> | ||
+ | <center><img src="https://static.igem.org/mediawiki/2017/8/84/T--Sydney_Australia--HumanPracticesBanner.gif" class="img-center" width="80%"></center> | ||
</div> | </div> | ||
</div> | </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=""></center></a> | ||
+ | </div> | ||
+ | <div class = "col-xs-2" style = "background-color:#e2e2e2"> | ||
+ | <a href="#nav2"><center><img src=""></center></a> | ||
+ | </div> | ||
+ | <div class = "col-xs-2" style = "background-color:#e2e2e2"> | ||
+ | <a href="#nav3"><center><img src=""></center></a> | ||
+ | </div> | ||
+ | <div class = "col-xs-2" style = "background-color:#e2e2e2"> | ||
+ | <a href="#nav4"><center><img src=""></center></a> | ||
+ | </div> | ||
+ | <div class = "col-xs-2" style = "background-color:#e2e2e2"> | ||
+ | <a href="#nav5"><center><img src=""></center></a> | ||
+ | </div> | ||
+ | <div class = "col-xs-2" style = "background-color:#e2e2e2"> | ||
+ | <a href="#nav6"><center><img src="" ></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=""> | ||
+ | </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"> | ||
+ | <center><h2 class="tag-title">They said</h2></center> | ||
+ | <center><h4>What they said</h4></center> | ||
+ | <center><h2 class="tag-title">We said</h2></center> | ||
+ | <center><h4>What we said</h4></center> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class = "row" id="nav2"> | ||
+ | <div class = "insert2"> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </body> | ||
+ | </html> |
Revision as of 10:05, 2 September 2017