Team:Dundee/famAlbum

From 2014.igem.org

(Difference between revisions)
 
(9 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="col-12">
 +
<br/>
 +
<br/>
 +
<br/>
 +
<br/>
 +
<br/>
 +
<br/>
 +
</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 style="background-color:blue;"></div>
+
    <div class="row" id="btnRow">
-
<div style="background-color:red;"></div>
+
      <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>
 +
    </div> 
<script type="text/javascript">
<script type="text/javascript">
Line 145: Line 223:
});
});
 +
$( "#lastPage" ).click(function() {
 +
  $('#magazine').turn('previous');
 +
});
 +
 +
$( "#nextPage" ).click(function() {
 +
  $('#magazine').turn('next');
 +
});
 +
 +
        $( "#info" ).click( function() {
 +
        $('#welcomeNote').appendTo("body");
 +
  $("#welcomeNote").modal();
 +
});
</script>
</script>
Line 156: Line 246:
</body>
</body>
</html>
</html>
 +
{{:Team:Dundee/Template/welcomeNoteLibrary}}

Latest revision as of 22:42, 17 October 2014

Dundee 2014

Dundee 2014

Dundee 2014 Team

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.