Difference between revisions of "Team:TU Delft/Footer"

 
(26 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
     <head>
+
     <script>
         <meta charset="utf-8">
+
         $(document).ready(function () {
         <title>iGEM TU Delft</title>
+
            $(window).scroll(function () {
        <meta name="description" content="">
+
                if ($(this).scrollTop() > 100) {
        <meta name="viewport" content="width=device-width, initial-scale=1">
+
                    $('.up').fadeIn();
 +
                } else {
 +
                    $('.up').fadeOut();
 +
                }
 +
            });
 +
            $('.up').click(function () {
 +
                $("html, body").animate({
 +
                    scrollTop: 0
 +
                }, 600);
 +
                return false;
 +
            });
 +
         });
 +
    </script>
 +
    <body>
  
         <!-- Bootstrap -->
+
         <div class="igemlogo">
        <link rel="stylesheet" href="https://2016.igem.org/Template:TU_Delft/Bootstrap?action=raw&ctype=text/css">
+
            <a href="https://2016.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2016/0/03/T--TU_Delft--igem.png" alt=""></a>
 +
        </div>
 +
        <div class="up">
 +
            <a href="#"><i class="fa fa-arrow-up fa-3x" aria-hidden="true"></i></a>
 +
        </div>
  
        <!-- Font awesome -->
 
        <link rel="stylesheet" href="https://2016.igem.org/Team:Leiden/libraries/font-awesome-4-6-3/css/font-awesome-min?action=raw&ctype=text/css">
 
  
         <!-- Template main Css -->
+
         <!--footer-->
         <link rel="stylesheet" href="https://2016.igem.org/Template:TU_Delft/Style?action=raw&ctype=text/css">
+
         <footer class="main-footer">
+
  <style type='text/css'>
+
      #top_title, #sideMenu{
+
        display: none;
+
      }
+
  
      #content{
+
            <div class="footer-top">
        width: 100%;
+
        margin: 0;
+
        padding: 0;
+
        background: #f3f4f4;}
+
  
     
+
            </div>
    </style>
+
  
    </head>
 
  
    <body>
+
            <div id="contact" class="footer-main">
 
+
  <div class="igemlogo">
+
        <a href="https://2016.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2016/0/03/T--TU_Delft--igem.png" alt=""></a>
+
  </div>
+
 
+
 
+
<!--footer-->
+
<footer class="main-footer">
+
 
+
        <div class="footer-top">
+
         
+
        </div>
+
  
 
        <div id="contact" class="footer-main">
 
               
 
 
                 <div class="row">
 
                 <div class="row">
                     <div class="col-md-offset-1 col-md-2">
+
                     <div class="col-md-offset-1 col-md-3">
  
 
                         <div class="footer-col">
 
                         <div class="footer-col">
  
                             <h4 class="footer-title">Contact<span class="title-under"></span></h4>
+
                             <h3 class="footer-title">Contact<span class="title-under"></span></h3>
  
 
                             <div class="footer-content">
 
                             <div class="footer-content">
                               
+
 
 
                                 <strong><i class="fa fa-university"></i> Address:</strong> <ul>
 
                                 <strong><i class="fa fa-university"></i> Address:</strong> <ul>
                                <li class="list-unstyled">Faculty of Applied Sciences</li>
+
                                    <li class="list-unstyled">Faculty of Applied Sciences</li>
                                <li class="list-unstyled">Room E0.100</li>
+
                                    <li class="list-unstyled">Room E0.100</li>
                                <li class="list-unstyled">Van der Maasweg 9</li>
+
                                    <li class="list-unstyled">Van der Maasweg 9</li>
                                <li class="list-unstyled"> 2629 HZ Delft</li>
+
                                    <li class="list-unstyled"> 2629 HZ Delft</li>
                                <li class="list-unstyled">The Netherlands</li>
+
                                    <li class="list-unstyled">The Netherlands</li>
                                </ul>
+
                                <strong><i class="fa fa-phone"></i> Phone:</strong><ul>
+
                                    <li class="list-unstyled">Finance Manager Lara: +31616697557</li>
+
                                    <li class="list-unstyled">PR Manager Célina: +31654748053</li>
+
 
                                 </ul>
 
                                 </ul>
                                 <strong><i class="fa fa-envelope-o"></i> Email:</strong><ul>
+
                                 <strong><i class="fa fa-envelope-o"></i>Email:</strong><ul>
 
                                     <li class="list-unstyled">tudelft.igem@gmail.com</li>
 
                                     <li class="list-unstyled">tudelft.igem@gmail.com</li>
 
                                 </ul>
 
                                 </ul>
                                <strong><i class="fa fa-facebook"></i> Facebook:</strong><ul>
 
                                    <li class="list-unstyled"><a href="https://www.facebook.com/TUDelft.iGEM2016/">TUDelft.iGEM2016</a></li>
 
 
                                 </ul>
 
                                 </ul>
                                </ul>
+
                                <strong><i class="fa fa-thumbs-o-up"></i>Social media:</strong><ul>
                                <strong><i class="fa fa-twitter"></i> Twitter:</strong><ul>
+
                                    <li class="list-unstyled">
                                     <li class="list-unstyled"><a href="https://twitter.com/TUDelft_iGEM">TUDelft_iGEM</a></li>
+
                                        <a href="https://www.facebook.com/TUDelft.iGEM2016/" target="_blank"><i class="fa fa-facebook"></i> Facebook</a></li>
 +
                                    <li class="list-unstyled"><a href="https://twitter.com/TUDelft_iGEM" target="_blank"><i class="fa fa-twitter"></i>Twitter</a></li>
 +
 
 +
                                    <li class="list-unstyled"><a href="https://www.instagram.com/igemtudelft/" target="_blank"><i class="fa fa-instagram"></i>Instagram</a></li>
 +
                                     <li class="list-unstyled"><a href="https://www.youtube.com/channel/UCG_QXJIdl79P_zaHgzO6ppA" target="_blank"><i class="fa fa-youtube"></i>Youtube</a></li>
 
                                 </ul>
 
                                 </ul>
                                </ul>
+
 
                                <strong><i class="fa fa-instagram"></i> Instagram:</strong><ul>
+
 
                                    <li class="list-unstyled"><a href="https://www.instagram.com/igemtudelft/">#igemtudelft</a></li>
+
                                </ul>
+
                                </ul>
+
                                <strong><i class="fa fa-youtube"></i> Youtube:</strong><ul>
+
                                    <li class="list-unstyled"><a href="https://www.youtube.com/channel/UCG_QXJIdl79P_zaHgzO6ppA">TU Delft iGEM</a></li>
+
                                </ul>
+
                                </div>
+
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
                        <div class="col-md-9">
+
                    </div>
                            <div class="footer-col">
+
                    <div class="col-md-8">
                                <h4 class="footer-title">Sponsors<span class="title-under"></span></h4>
+
                        <div class="footer-col">
                                <div class="logo">
+
                            <h3 class="footer-title">Sponsors<span class="title-under"></span></h3>
                                    <ul class="list-unstyled">
+
                            <div class="logo">
 +
                                <ul class="list-unstyled">
 
                                     <li>  
 
                                     <li>  
 
                                         <a href="http://tudelft.nl/"><img class="logo" src="https://static.igem.org/mediawiki/2016/a/ab/TU_Delft_TUlogo.png" alt="TU Delft"></a>
 
                                         <a href="http://tudelft.nl/"><img class="logo" src="https://static.igem.org/mediawiki/2016/a/ab/TU_Delft_TUlogo.png" alt="TU Delft"></a>
Line 103: Line 84:
 
                                         <a href="https://www.stud.nl/"><img class="logo" src="https://static.igem.org/mediawiki/2016/2/2d/T--TU_Delft--Stud.png" alt="Stud"></a>
 
                                         <a href="https://www.stud.nl/"><img class="logo" src="https://static.igem.org/mediawiki/2016/2/2d/T--TU_Delft--Stud.png" alt="Stud"></a>
 
                                         <a href="http://www.sigmaaldrich.com/"><img class="logo" src="https://static.igem.org/mediawiki/2016/3/3a/T--TU_Delft--sigma.png" alt="Sigma Aldrich"></a>   
 
                                         <a href="http://www.sigmaaldrich.com/"><img class="logo" src="https://static.igem.org/mediawiki/2016/3/3a/T--TU_Delft--sigma.png" alt="Sigma Aldrich"></a>   
                                    <a href="https://www.tno.nl/en/"><img class="logo" src="https://static.igem.org/mediawiki/2016/8/8a/T--TU_Delft--TNO.png" alt="TNO"></a>
+
                                        <a href="https://www.tno.nl/en/"><img class="logo" src="https://static.igem.org/mediawiki/2016/8/8a/T--TU_Delft--TNO.png" alt="TNO"></a>
 
                                         <a href="https://www.thorlabs.com/"><img class="logo" src="https://static.igem.org/mediawiki/2016/3/30/T--TU_Delft--thorlab.png" alt="Thorlabs"></a>
 
                                         <a href="https://www.thorlabs.com/"><img class="logo" src="https://static.igem.org/mediawiki/2016/3/30/T--TU_Delft--thorlab.png" alt="Thorlabs"></a>
 
                                         <a href="https://www.eppendorf.com/worldwide/"><img class="logo" src="https://static.igem.org/mediawiki/2016/8/8d/T--TU_Delft--eppendorf.png" alt="Eppendorf"></a>
 
                                         <a href="https://www.eppendorf.com/worldwide/"><img class="logo" src="https://static.igem.org/mediawiki/2016/8/8d/T--TU_Delft--eppendorf.png" alt="Eppendorf"></a>
 
                                         <a href="https://www.rotterdamuas.com/"><img class="logo" src="https://static.igem.org/mediawiki/2016/6/69/T--TU_Delft--Hogeschool_Rotterdom.png" alt="Hogeschool Rotterdam"></a>
 
                                         <a href="https://www.rotterdamuas.com/"><img class="logo" src="https://static.igem.org/mediawiki/2016/6/69/T--TU_Delft--Hogeschool_Rotterdom.png" alt="Hogeschool Rotterdam"></a>
 
                                         <a href="https://www.unitedconsumers.com/energie"><img class="logo" src="https://static.igem.org/mediawiki/2016/2/2a/T--TU_Delft--unitedconsumers.png" alt="United Consumers"></a>
 
                                         <a href="https://www.unitedconsumers.com/energie"><img class="logo" src="https://static.igem.org/mediawiki/2016/2/2a/T--TU_Delft--unitedconsumers.png" alt="United Consumers"></a>
                                         </li>
+
                                         <a href="https://www.ogd.nl/"><img class="logo" src="https://static.igem.org/mediawiki/2016/c/ce/T--TU_Delft--ogd.png" alt="OGD ict diensten"></a>
                                                                 
+
                                        <a href="http://www.microscopie.nl/"><img class="logo" src="https://static.igem.org/mediawiki/2016/b/bb/T--TU_Delft--Nvvm.png" alt="Nederlandse Vereniging voor Microscopie"></a>
                                     </ul>
+
                                        <a href="http://universiteitsfonds.tudelft.nl/en/"><img class="logo" src="https://static.igem.org/mediawiki/2016/3/3a/T--TU_Delft--UFD_arial_zwart.png" alt="Universiteitsfonds Delft"></a>
                               
+
                                     </li>
                                 </div>
+
 
                           
+
                                 </ul>
 +
 
 
                             </div>
 
                             </div>
  
 
                         </div>
 
                         </div>
  
                      
+
                     </div>
                   
+
 
 +
 
 +
 
 
                 </div>
 
                 </div>
           
+
 
               
+
 
 
             </div>
 
             </div>
        <div class="footer-bottom">
+
            <div class="footer-bottom">
<a title="click counter"><img src="http://www.web-counter.net/count_20091204.php?c=16y6tCMAzNT" style="border:0;padding:0;margin:0;" alt="click counter"></a>
+
                <a title="click counter"><img src="http://www.web-counter.net/count_20091204.php?c=1xiFjBySUzn" style="border:0;padding:0;margin:0;" alt="click counter"></a>
       
+
 
        </div>
+
            </div>
           
+
 
 
         </footer> <!-- main-footer -->
 
         </footer> <!-- main-footer -->

Latest revision as of 18:27, 21 November 2016