|
|
| Line 41: |
Line 41: |
| | </div> | | </div> |
| | </div> | | </div> |
| − |
| |
| − | <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
| |
| − |
| |
| − | <style>
| |
| − |
| |
| − | #myFooter {
| |
| − | background-color: #3c3d41;
| |
| − | color: white;
| |
| − | padding-top: 30px;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | #myFooter .row {
| |
| − | margin-bottom: 60px;
| |
| − | }
| |
| − |
| |
| − | #myFooter .navbar-brand {
| |
| − | margin-top: 45px;
| |
| − | height: 65px;
| |
| − | }
| |
| − |
| |
| − | #myFooter .footer-copyright p {
| |
| − | margin: 10px;
| |
| − | color: #ccc;
| |
| − | }
| |
| − |
| |
| − | #myFooter ul {
| |
| − | list-style-type: none;
| |
| − | padding-left: 0;
| |
| − | line-height: 1.7;
| |
| − | }
| |
| − |
| |
| − | #myFooter h5 {
| |
| − | font-size: 18px;
| |
| − | color: white;
| |
| − | font-weight: bold;
| |
| − | margin-top: 30px;
| |
| − | }
| |
| − |
| |
| − | #myFooter h2 a{
| |
| − | font-size: 50px;
| |
| − | text-align: center;
| |
| − | color: #fff;
| |
| − | }
| |
| − |
| |
| − | #myFooter a {
| |
| − | color: #d2d1d1;
| |
| − | text-decoration: none;
| |
| − | }
| |
| − |
| |
| − | #myFooter a:hover,
| |
| − | #myFooter a:focus {
| |
| − | text-decoration: none;
| |
| − | color: white;
| |
| − | }
| |
| − |
| |
| − | #myFooter .social-networks {
| |
| − | text-align: center;
| |
| − | padding-top: 30px;
| |
| − | padding-bottom: 16px;
| |
| − | }
| |
| − |
| |
| − | #myFooter .social-networks a {
| |
| − | font-size: 32px;
| |
| − | color: #f9f9f9;
| |
| − | padding: 10px;
| |
| − | transition: 0.2s;
| |
| − | }
| |
| − |
| |
| − | #myFooter .social-networks a:hover {
| |
| − | text-decoration: none;
| |
| − | }
| |
| − |
| |
| − | #myFooter .facebook:hover {
| |
| − | color: #0077e2;
| |
| − | }
| |
| − |
| |
| − | #myFooter .insta:hover {
| |
| − | color: #DE3076;
| |
| − | }
| |
| − |
| |
| − | #myFooter .twitter:hover {
| |
| − | color: #00aced;
| |
| − | }
| |
| − |
| |
| − | #myFooter .btn {
| |
| − | color: white;
| |
| − | background-color: #EAC67A;
| |
| − | border-radius: 20px;
| |
| − | border: none;
| |
| − | width: 150px;
| |
| − | display: block;
| |
| − | margin: 0 auto;
| |
| − | margin-top: 10px;
| |
| − | line-height: 25px;
| |
| − | }
| |
| − |
| |
| − | @media screen and (max-width: 767px) {
| |
| − | #myFooter {
| |
| − | text-align: center;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − |
| |
| − | /* CSS used for positioning the footers at the bottom of the page. */
| |
| − | /* You can remove this. */
| |
| − |
| |
| − | html{
| |
| − | height: 100%;
| |
| − | }
| |
| − |
| |
| − | body{
| |
| − | display: flex;
| |
| − | display: -webkit-flex;
| |
| − | flex-direction: column;
| |
| − | -webkit-flex-direction: column;
| |
| − | height: 100%;
| |
| − | }
| |
| − |
| |
| − | .contentFoot{
| |
| − | flex: 1 0 auto;
| |
| − | -webkit-flex: 1 0 auto;
| |
| − | min-height: 200px;
| |
| − | }
| |
| − |
| |
| − | #myFooter{
| |
| − | flex: 0 0 auto;
| |
| − |
| |
| − | }
| |
| − |
| |
| − | </style>
| |
| − |
| |
| − | <div class="contentFoot">
| |
| − | </div>
| |
| − | <footer id="myFooter">
| |
| − | <div class="container">
| |
| − | <div class="row">
| |
| − | <div class="col-sm-3">
| |
| − |
| |
| − | <a href="https://2018.igem.org/Team:DTU-Denmark">
| |
| − | <img id="logo" src="https://static.igem.org/mediawiki/2018/c/c9/T--DTU-Denmark--menu-icon-logo.png" style="max-width: 40%;padding-top:30px;">
| |
| − | </a>
| |
| − | </div>
| |
| − | <div class="col-sm-4">
| |
| − | <h5>Useful links</h5>
| |
| − | <ul>
| |
| − | <p class="footer-links">
| |
| − | <a href="https://2018.igem.org/Team:DTU-Denmark">Home</a>
| |
| − | ·
| |
| − | <a href="https://2018.igem.org/Team:DTU-Denmark/Description">Project description</a>
| |
| − | ·
| |
| − | <a href="https://2018.igem.org/Team:DTU-Denmark/Model">Modelling</a>
| |
| − | ·
| |
| − | <a href="https://2018.igem.org/Team:DTU-Denmark/Parts">Parts overview</a>
| |
| − | ·
| |
| − | <a href="https://2018.igem.org/Team:DTU-Denmark/Notebook">Notebook</a>
| |
| − | ·
| |
| − | <a href="https://2018.igem.org/Team:DTU-Denmark/Team">Team</a>
| |
| − | ·
| |
| − | <a href="https://2018.igem.org/Team:DTU-Denmark/Safety">Safety</a>
| |
| − | ·
| |
| − | <a href="https://2018.igem.org/Team:DTU-Denmark/Human_Practices">Human practices</a>
| |
| − | </p>
| |
| − | <li style="font-size: 32px;"><a href="#top"><i class="fa fa-arrow-up"title="Back to top"></i> </a></li>
| |
| − |
| |
| − | </ul>
| |
| − | </div>
| |
| − | <div class="col-sm-2">
| |
| − | <h5>About us</h5>
| |
| − | <ul>
| |
| − | <li><a href="mailto:dtubiobuilders@gmail.com">dtubiobuilders@gmail.com</a></li>
| |
| − | <li><i class="fa fa-map-marker"></i><a href="https://www.google.dk/maps/@55.7854419,12.5196676,16z"> Anker Engelunds Vej 1 Bygning 101A, 2800 Kgs. Lyngby, Denmark</a></li>
| |
| − |
| |
| − | </ul>
| |
| − | </div>
| |
| − |
| |
| − | <div class="col-sm-3">
| |
| − | <div class="social-networks">
| |
| − | <a href="https://twitter.com/iGEM_DTU" class="twitter"><i class="fa fa-twitter"></i></a>
| |
| − | <a href="https://www.facebook.com/dtubiobuilders?fref=ts" class="facebook"><i class="fa fa-facebook"></i></a>
| |
| − | <a href="https://www.instagram.com/igem_dtubiobuilders/" class="insta"><i class="fa fab fa-instagram"></i></a>
| |
| − | </div>
| |
| − | <button type="button" class="btn btn-default" onclick="window.location.href='mailto:dtubiobuilders@gmail.com'">Contact us</button>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </footer>
| |
| − |
| |
| − | <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
| |
| | | | |
| | </html> | | </html> |
| | {{DTU-Denmark/FOOTER}} | | {{DTU-Denmark/FOOTER}} |
