Team:Dundee/famAlbum

From 2014.igem.org

(Difference between revisions)
 
(10 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">
-
 
 
-
 
-
<!-- jQuery -->
 
-
<script src="https://2014.igem.org/Team:Dundee/js/jquery-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>
 
<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 120: 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 152: 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

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.