Team:Dundee/famAlbum
From 2014.igem.org
(Difference between revisions)
(8 intermediate revisions not shown) | |||
Line 16: | Line 16: | ||
<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 40: | 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 113: | Line 151: | ||
<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/7/74/Slide70.PNG" alt=""></div> | ||
<div class="page"><img src="https://static.igem.org/mediawiki/2014/3/37/Slide71.PNG" alt=""></div> | <div class="page"><img src="https://static.igem.org/mediawiki/2014/3/37/Slide71.PNG" alt=""></div> | ||
- | + | </div> | |
<div class="row"> | <div class="row"> | ||
Line 128: | Line 166: | ||
<div class="btn-group btn-group-justified"> | <div class="btn-group btn-group-justified"> | ||
<div class="btn-group"> | <div class="btn-group"> | ||
- | <a class="btn btn-default" id="lastPage">Previous Page</a> | + | <a class="btn btn-default toClass" id="lastPage">Previous Page</a> |
</div> | </div> | ||
<div class="btn-group"> | <div class="btn-group"> | ||
</div> | </div> | ||
<div class="btn-group"> | <div class="btn-group"> | ||
- | <a class="btn btn-default" id="nextPage">Next Page</a> | + | <a class="btn btn-default toClass" id="nextPage">Next Page</a> |
</div> | </div> | ||
</div> | </div> | ||
Line 149: | Line 187: | ||
<div class="btn-group btn-group-justified"> | <div class="btn-group btn-group-justified"> | ||
<div class="btn-group"> | <div class="btn-group"> | ||
- | <a href=" | + | <a href="Notebook" class="btn btn-default toLesson">Previous Book: Notebook</a> |
</div> | </div> | ||
<div class="btn-group"> | <div class="btn-group"> | ||
- | <a href="https://2014.igem.org/Team:Dundee/inside/ | + | <a href="https://2014.igem.org/Team:Dundee/inside/library" class="btn btn-default toClass">Back to Library</a> |
</div> | </div> | ||
<div class="btn-group"> | <div class="btn-group"> | ||
- | |||
</div> | </div> | ||
</div> | </div> | ||
Line 192: | Line 229: | ||
$( "#nextPage" ).click(function() { | $( "#nextPage" ).click(function() { | ||
$('#magazine').turn('next'); | $('#magazine').turn('next'); | ||
+ | }); | ||
+ | |||
+ | $( "#info" ).click( function() { | ||
+ | $('#welcomeNote').appendTo("body"); | ||
+ | $("#welcomeNote").modal(); | ||
}); | }); | ||
</script> | </script> | ||
Line 204: | Line 246: | ||
</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.