|
|
(338 intermediate revisions by the same user not shown) |
Line 1: |
Line 1: |
− | <html>
| |
− | <head>
| |
− | <style>
| |
| | | |
− | #sideMenu, #top_title {display:none;}
| |
− | body {background-color:white; }
| |
− | #content { padding:0px; width:100%; margin-top:-7px; margin-left:0px;}
| |
− | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
| |
− |
| |
− |
| |
− | .one {
| |
− | width:25%;
| |
− | height:250px;
| |
− | display:inline-block;
| |
− | background-image: url("https://static.igem.org/mediawiki/2016/f/f4/T--BostonU--DNA.jpg");
| |
− | background-size:100%;
| |
− | opacity:.3;
| |
− | transition:opacity, 1s;
| |
− | }
| |
− |
| |
− | .one:hover {
| |
− | opacity:1;
| |
− | }
| |
− |
| |
− | #main {
| |
− | background-image:url("https://static.igem.org/mediawiki/2016/3/35/T--BostonU--Geminisymbol.jpg");
| |
− | background-repeat:no-repeat;
| |
− | background-size:cover;
| |
− | }
| |
− |
| |
− | </style>
| |
− | </head>
| |
− | <body>
| |
− |
| |
− | <img id = "main" src = "https://static.igem.org/mediawiki/2016/3/35/T--BostonU--Geminisymbol.jpg" style = "width:100%; height:80vh; display:none;">
| |
− | </div>
| |
− | <div style = "width:200px; height:100px; background-color:red;" id = "forward"></div>
| |
− | <div style = "width:200px; height:100px; background-color:blue;" id = "reverse"></div>
| |
− | <div style = "background-color:black;"><div class = 'one'><p style = "opacity:1.5; text-align:center; color:white; font-size:200%;">Project</p></div><div class = 'one'><p style = "text-align:center; color:white; font-size:200%;">Human Practices</p></div><div class = 'one'><p style = "text-align:center; color:white; font-size:200%;">Team</p></div><div class = 'one'><p style = "text-align:center; color:white; font-size:200%;">Other</p></div>
| |
− | <div style = "background-color:white;">
| |
− | <br><br><br><br><br><br><br>
| |
− | <img src = "https://2016.igem.org/File:T--BostonU--sponge.gif">
| |
− | </div>
| |
− | </body>
| |
− |
| |
− | <script type="text/javascript">
| |
− | $(document).ready(
| |
− | var n = 1;
| |
− | function(){
| |
− | $("#forward").click(function () {
| |
− | if (n == 1) {
| |
− | $("#main").css('display', 'block'); }
| |
− | else {$("#main").css('display', 'block');}
| |
− | });
| |
− | });
| |
− | </script>
| |
− |
| |
− | </html>
| |
− | <html>
| |