Difference between revisions of "Template:Marburg/footer"

Line 1: Line 1:
 +
{{Marburg}}
 
<html>
 
<html>
 +
    <head>
  
−
  <head>
 
 
         <!-- Meta tags -->
 
         <!-- Meta tags -->
 
         <meta charset="utf-8">
 
         <meta charset="utf-8">
Line 8: Line 9:
 
         <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
 
         <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
 
         <meta name="description" content="iGEM Marburg 2016 Wiki">
 
         <meta name="description" content="iGEM Marburg 2016 Wiki">
−
         <meta name="author" content="Martin Lellep, iGEM Team Marburg 2016" >
+
         <meta name="author" content="Martin Lellep, iGEM Team Marburg 2016" >  
  
−
         <!-- CSS -->
+
         <style>
−
        <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:Marburg/CSS_Bootstrap?action=raw&ctype=text/css" />
+
−
        <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:Marburg/CSS_custom?action=raw&ctype=text/css" />
+
−
  </head>
+
  
−
  <body>
+
            ul.topnav {
 +
                width: 100%;
 +
                list-style-type: none;
 +
                margin: 0;
 +
                padding: 0;
 +
                overflow: hidden;
 +
                background-color: #333;
 +
                list-style-type: none;
 +
                list-style-image: none;
 +
            }
  
−
<!-- Footer -->
+
            ul.topnav li {
 +
                float: left;
 +
            }
  
−
<!-- Footer -->
+
            ul.topnav li a {
−
<div class="container">
+
                display: inline-block;
 +
                color: #f2f2f2;
 +
                text-align: center;
 +
                padding: 14px 16px;
 +
                text-decoration: none;
 +
                transition: 0.3s;
 +
                font-size: 17px;
 +
            }
  
−
    <hr style="width: 100%; color: black; height: 1px; background-color:black;" />
+
            ul.topnav li a:hover {
 +
                background-color: #555;
 +
            }
  
−
    <footer>
+
            ul.topnav li.icon {
−
        <p class="pull-right"><a href="#">Back to top</a></p>
+
                display: none;
−
        <p>&copy; 2016 iGEM Marburg &middot; <a href="#" data-toggle="modal" data-target="#myModal">Contact</a></p>  <!-- Calls the modal -->
+
            }
−
    </footer>
+
  
−
</div>
+
         </style>
−
 
+
−
<!-- Modal -->
+
−
<div id="myModal" class="modal fade" role="dialog">
+
−
    <div class="modal-dialog">
+
−
 
+
−
    <!-- Modal content-->
+
−
    <div class="modal-content">
+
−
         <div class="modal-header">
+
−
            <button type="button" class="close" data-dismiss="modal">&times;</button>
+
−
            <h4 class="modal-title">Contact iGEM Team Marburg 2016</h4>
+
−
        </div>
+
−
        <div class="modal-body">
+
−
            <p>
+
−
                Do not hesitate to contact us if you would like! We are eager to help
+
−
                with everything we can.
+
−
            </p>
+
−
 
+
−
<!-- TODO: Add pictures. -->
+
−
<!-- TODO: Add responsive table. -->
+
−
            <table class="table">
+
−
                <thead>
+
−
                    <tr>
+
−
                        <th>Service</th>
+
−
                        <th>Contact</th>
+
−
                    </tr>
+
−
                </thead>
+
−
                <tbody>
+
−
                    <tr>
+
−
                        <td>Email</td>
+
−
                        <td>
+
−
                            <a href="mailto:igemteam@synmikro.uni-marburg.de">
+
−
                                igemteam@synmikro.uni-marburg.de
+
−
                            </a>
+
−
                        </td>
+
−
                    </tr>
+
−
                    <tr>
+
−
                        <td>Facebook</td>
+
−
                        <td>
+
−
                            <a href="https://de-de.facebook.com/igemmarburg">
+
−
                                www.facebook.com/igemmarburg
+
−
                            </a>
+
−
                        </td>
+
−
                    </tr>
+
−
                    <tr>
+
−
                        <td>Twitter</td>
+
−
                        <td>
+
−
                            <a href="https://twitter.com/igem_marburg">
+
−
                                www.twitter.com/igem_marburg
+
−
                            </a>
+
−
                        </td>
+
−
                    </tr>
+
−
                    <tr>
+
−
                        <td>Mail</td>
+
−
                        <td>
+
−
                            <i class="todo">TODO</i>
+
−
                        </td>
+
−
                    </tr>
+
−
                </tbody>
+
−
            </table>
+
−
 
+
−
        </div>
+
−
        <div class="modal-footer">
+
−
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+
−
        </div>
+
−
    </div>
+
−
 
+
−
    </div>
+
−
</div>
+
  
 +
        <!-- CSS -->
 +
        <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:Marburg/CSS_Bootstrap?action=raw&ctype=text/css" />
 +
        <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:Marburg/CSS_custom?action=raw&ctype=text/css" />
  
−
        <!-- Bootstrap core JavaScript -->
+
    </head>
−
        <!-- Placed at the end of the document so the pages load faster -->
+
−
        <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
+
−
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <!-- TODO: Local copy! -->
+
−
        <!-- Include all compiled plugins (below), or include individual files as needed -->
+
−
        <script src="../js/bootstrap.min.js"></script>
+
−
        <script src="../js/custom.js"></script>
+
  
 +
    <body>
  
−
  </body>
+
        <ul class="topnav" id="myTopnav">
 +
            <li><a href="https://2016.igem.org/Team:Marburg">iGEM Marburg 2016</a></li>
 +
            <li><a href="https://2016.igem.org/Team:Marburg/Projects">Projects</a></li>
 +
            <li><a href="https://2016.igem.org/Team:Marburg/HP/Silver">Human Practices</a></li>
 +
            <li><a href="https://2016.igem.org/Team:Marburg/Notebooks">Notebooks</a></li>
 +
            <li><a href="https://2016.igem.org/Team:Marburg/Safety">Safety</a></li>
 +
            <li><a href="https://2016.igem.org/Team:Marburg/Team">Team</a></li>
 +
            <li><a href="https://2016.igem.org/Team:Marburg/Achievements">Achievements</a></li>
 +
            <li style="float:right">
 +
                <a href="https://twitter.com/igem_marburg">
 +
                    <img style="max-height:25px" src="https://static.igem.org/mediawiki/2016/3/38/T--Marburg--navigation_twitter.svg">
 +
                </a>
 +
            </li>
 +
            <li style="float:right">
 +
                <a href="mailto:igemteam@synmikro.uni-marburg.de">
 +
                    <img style="max-height:25px" src="https://static.igem.org/mediawiki/2016/3/3f/T--Marburg--navigation_email.svg">
 +
                </a>
 +
            </li>
 +
            <li style="float:right">
 +
                <a href="https://de-de.facebook.com/igemmarburg">
 +
                    <img style="max-height:25px" src="https://static.igem.org/mediawiki/2016/0/06/T--Marburg--navigation_facebook.svg">
 +
                </a>
 +
            </li>
 +
            <li class="icon">
 +
                <a href="javascript:void(0);" style="font-size:15px;" onclick="myFunction()">☰</a>
 +
            </li>
 +
        </ul>
  
 +
    </body>
 
</html>
 
</html>

Revision as of 18:23, 23 November 2016