Team:Dundee/famAlbum
From 2014.igem.org
(Difference between revisions)
(11 intermediate revisions not shown) | |||
Line 13: | Line 13: | ||
<link href="https://2014.igem.org/Team:Dundee/stylesheet?action=raw&ctype=text/css" rel="stylesheet"> | <link href="https://2014.igem.org/Team:Dundee/stylesheet?action=raw&ctype=text/css" rel="stylesheet"> | ||
<link href="https://2014.igem.org/Team:Dundee/bootstrap?action=raw&ctype=text/css" rel="stylesheet"> | <link href="https://2014.igem.org/Team:Dundee/bootstrap?action=raw&ctype=text/css" rel="stylesheet"> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
<style type="text/css"> | <style type="text/css"> | ||
+ | |||
+ | .jumbotron{ | ||
+ | height: 300px; | ||
+ | background: green; | ||
+ | color: white; | ||
+ | |||
+ | } | ||
+ | #btnRow{ | ||
+ | padding-top: 30px; | ||
+ | padding-bottom: 30px; | ||
+ | } | ||
+ | |||
+ | .toLesson{ | ||
+ | background: green; | ||
+ | color: white; | ||
+ | } | ||
+ | |||
+ | .btn-group > a{ | ||
+ | color: #ffffff; | ||
+ | } | ||
+ | .toClass{ | ||
+ | background: #97c3c3; | ||
+ | } | ||
#magazine{ | #magazine{ | ||
Line 47: | Line 63: | ||
</head> | </head> | ||
<body> | <body> | ||
+ | |||
+ | <div class="container"> | ||
+ | <div class="jumbotron"> | ||
+ | <h1>Family Album</h2> | ||
+ | <p class="lead">Ahhhh the Memories</p> | ||
+ | </div> | ||
+ | |||
+ | <div class="row"> | ||
+ | <div class="col-12"> | ||
+ | <p> | ||
+ | We invite you to look through our family album, where we share our life’s journey with you from the beginning. | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
<div id="magazine"> | <div id="magazine"> | ||
Line 96: | Line 127: | ||
<div class="page"><img src="https://static.igem.org/mediawiki/2014/9/94/Dun_Slide46.PNG" alt=""></div> | <div class="page"><img src="https://static.igem.org/mediawiki/2014/9/94/Dun_Slide46.PNG" alt=""></div> | ||
<div class="page"><img src="https://static.igem.org/mediawiki/2014/e/e9/Dun_Slide47.PNG" alt=""></div> | <div class="page"><img src="https://static.igem.org/mediawiki/2014/e/e9/Dun_Slide47.PNG" alt=""></div> | ||
- | |||
<div class="page"><img src="https://static.igem.org/mediawiki/2014/1/13/Dun_Slide48.PNG" alt=""></div> | <div class="page"><img src="https://static.igem.org/mediawiki/2014/1/13/Dun_Slide48.PNG" alt=""></div> | ||
<div class="page"><img src="https://static.igem.org/mediawiki/2014/a/ab/Dun_Slide49.PNG" alt=""></div> | <div class="page"><img src="https://static.igem.org/mediawiki/2014/a/ab/Dun_Slide49.PNG" alt=""></div> | ||
Line 108: | Line 138: | ||
<div class="page"><img src="https://static.igem.org/mediawiki/2014/c/c4/Dun_Slide57.PNG" alt=""></div> | <div class="page"><img src="https://static.igem.org/mediawiki/2014/c/c4/Dun_Slide57.PNG" alt=""></div> | ||
<div class="page"><img src="https://static.igem.org/mediawiki/2014/3/3d/Dun_Slide58.PNG" alt=""></div> | <div class="page"><img src="https://static.igem.org/mediawiki/2014/3/3d/Dun_Slide58.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/d/d8/Dun_Slide59.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/4/42/Dun_Slide60.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/d/d0/Slide61.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/a/a2/Slide62.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/0/03/Slide63.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/b/b9/Slide64.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/5/53/Slide65.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/8/8d/Slide66.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/c/c4/Slide67.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/7/73/Slide68.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/d/d6/Slide69.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/7/74/Slide70.PNG" alt=""></div> | ||
+ | <div class="page"><img src="https://static.igem.org/mediawiki/2014/3/37/Slide71.PNG" alt=""></div> | ||
+ | </div> | ||
- | <div | + | <div class="row"> |
- | + | <div class="col-12"> | |
+ | <br/> | ||
+ | <br/> | ||
+ | <br/> | ||
+ | <br/> | ||
+ | <br/> | ||
+ | <br/> | ||
</div> | </div> | ||
+ | </div> | ||
+ | <div class="row" id="btnRow"> | ||
+ | <div class="btn-group btn-group-justified"> | ||
+ | <div class="btn-group"> | ||
+ | <a class="btn btn-default toClass" id="lastPage">Previous Page</a> | ||
+ | </div> | ||
+ | <div class="btn-group"> | ||
+ | </div> | ||
+ | <div class="btn-group"> | ||
+ | <a class="btn btn-default toClass" id="nextPage">Next Page</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="row"> | ||
+ | <div class="col-12"> | ||
+ | <hr> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="row" id="btnRow"> | ||
+ | <div class="btn-group btn-group-justified"> | ||
+ | <div class="btn-group"> | ||
+ | <a href="Notebook" class="btn btn-default toLesson">Previous Book: Notebook</a> | ||
+ | </div> | ||
+ | <div class="btn-group"> | ||
+ | <a href="https://2014.igem.org/Team:Dundee/inside/library" class="btn btn-default toClass">Back to Library</a> | ||
+ | </div> | ||
+ | <div class="btn-group"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
Line 139: | Line 223: | ||
}); | }); | ||
+ | $( "#lastPage" ).click(function() { | ||
+ | $('#magazine').turn('previous'); | ||
+ | }); | ||
+ | |||
+ | $( "#nextPage" ).click(function() { | ||
+ | $('#magazine').turn('next'); | ||
+ | }); | ||
+ | |||
+ | $( "#info" ).click( function() { | ||
+ | $('#welcomeNote').appendTo("body"); | ||
+ | $("#welcomeNote").modal(); | ||
+ | }); | ||
</script> | </script> | ||
+ | <!-- jQuery --> | ||
+ | <script src="https://2014.igem.org/Team:Dundee/js/jquery-js?action=raw&ctype=text/javascript"></script> | ||
+ | |||
+ | <!-- Bootstrap --> | ||
+ | <script src="https://2014.igem.org/Team:Dundee/js/bootstrap-js?action=raw&ctype=text/javascript"></script> | ||
+ | <!-- Turn js --> | ||
+ | <script src="https://2014.igem.org/Team:Dundee/js/turn-js?action=raw&ctype=text/javascript"></script> | ||
</body> | </body> | ||
</html> | </html> | ||
+ | {{:Team:Dundee/Template/welcomeNoteLibrary}} |
Latest revision as of 22:42, 17 October 2014
Family Album
Ahhhh the Memories
We invite you to look through our family album, where we share our life’s journey with you from the beginning.