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

 
(13 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
+
    <script>
<script>
+
        $(document).ready(function () {
  $(document).ready(function () {
+
            $(window).scroll(function () {
      $(window).scroll(function () {
+
                if ($(this).scrollTop() > 100) {
          if ($(this).scrollTop() > 100) {
+
                    $('.up').fadeIn();
              $('.up').fadeIn();
+
                } else {
          } else {
+
                    $('.up').fadeOut();
              $('.up').fadeOut();
+
                }
          }
+
            });
      });
+
            $('.up').click(function () {
      $('.up').click(function () {
+
                $("html, body").animate({
          $("html, body").animate({
+
                    scrollTop: 0
              scrollTop: 0
+
                }, 600);
          }, 600);
+
                return false;
          return false;
+
            });
      });
+
        });
  });
+
    </script>
</script>
+
 
     <body>
 
     <body>
  
  <div class="igemlogo">
+
        <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>
+
            <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>
  <div class="up">
+
        <div class="up">
        <a href="#"><i class="fa fa-arrow-up fa-3x" aria-hidden="true"></i></a>
+
            <a href="#"><i class="fa fa-arrow-up fa-3x" aria-hidden="true"></i></a>
  </div>
+
        </div>
  
  
<!--footer-->
+
        <!--footer-->
<footer class="main-footer">
+
        <footer class="main-footer">
  
        <div class="footer-top">
+
            <div class="footer-top">
         
+
        </div>
+
  
 +
            </div>
 +
 +
 +
            <div id="contact" class="footer-main">
  
        <div id="contact" class="footer-main">
 
               
 
 
                 <div class="row">
 
                 <div class="row">
                     <div class="col-md-offset-1 col-md-4">
+
                     <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>
<div class="col-md-1">
+
                                </ul>
                                <a href="https://www.facebook.com/TUDelft.iGEM2016/" target="_blank"><strong><i class="fa fa-facebook"></i> Facebook</strong></a>
+
                                <strong><i class="fa fa-thumbs-o-up"></i>Social media:</strong><ul>
                                <a href="https://twitter.com/TUDelft_iGEM" target="_blank"><strong><i class="fa fa-twitter"></i>Twitter</strong></a>
+
                                    <li class="list-unstyled">
</div>
+
                                        <a href="https://www.facebook.com/TUDelft.iGEM2016/" target="_blank"><i class="fa fa-facebook"></i> Facebook</a></li>
<div class="col-md-1 col-md-offset-2">
+
                                    <li class="list-unstyled"><a href="https://twitter.com/TUDelft_iGEM" target="_blank"><i class="fa fa-twitter"></i>Twitter</a></li>
                                <a href="https://www.instagram.com/igemtudelft/" target="_blank"><strong><i class="fa fa-instagram"></i>Instagram</strong></a>
+
 
                                <a href="https://www.youtube.com/channel/UCG_QXJIdl79P_zaHgzO6ppA" target="_blank"><strong><i class="fa fa-youtube"></i>Youtube</strong></a>
+
                                    <li class="list-unstyled"><a href="https://www.instagram.com/igemtudelft/" target="_blank"><i class="fa fa-instagram"></i>Instagram</a></li>
</div>
+
                                    <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>
                                 </div>
+
                                 </ul>
 +
 
 +
 
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
                        <div class="col-md-7">
+
                    </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 86: 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