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

Line 1: Line 1:
 
<html>
 
<html>
<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>
  
        <div class="footer-top">
 
         
 
        </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-3">
 
                     <div class="col-md-offset-1 col-md-3">
Line 45: Line 45:
  
 
                             <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>
 
                                 </ul>
 
                                 <strong><i class="fa fa-phone"></i> Phone:</strong><ul>
 
                                 <strong><i class="fa fa-phone"></i> Phone:</strong><ul>
Line 63: Line 63:
 
                                 <strong><i class="fa fa-thumbs-o-up"></i>Social media:</strong><ul>
 
                                 <strong><i class="fa fa-thumbs-o-up"></i>Social media:</strong><ul>
 
                                     <li class="list-unstyled">
 
                                     <li class="list-unstyled">
                                <a href="https://www.facebook.com/TUDelft.iGEM2016/" target="_blank"><i class="fa fa-facebook"></i> Facebook</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://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.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>
+
                                    <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>
                               
 
  
                                </div>
+
 
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
                        <div class="col-md-8">
+
                    </div>
                            <div class="footer-col">
+
                    <div class="col-md-8">
                                <h3 class="footer-title">Sponsors<span class="title-under"></span></h3>
+
                        <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 88: Line 88:
 
                                         <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>
Line 95: Line 95:
 
                                         <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="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>
 
                                         <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>
                                         </li>
+
                                         <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>
                                     </ul>
+
 
                               
+
                                 </ul>
                                 </div>
+
 
                           
+
 
                             </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=16y6tCMAzNT" style="border:0;padding:0;margin:0;" alt="click counter"></a>
       
+
 
        </div>
+
            </div>
           
+
 
 
         </footer> <!-- main-footer -->
 
         </footer> <!-- main-footer -->

Revision as of 13:20, 19 October 2016