Difference between revisions of "Team:Tec-Monterrey/Templates/Tec-Monterrey Footer"

m
 
(48 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
 
<body>
 
<body>
−
    <!-- Footer -->
+
  <!-- Footer -->
−
    <footer class="footer text-center">
+
  <footer class="footer text-center">
−
      <div class="container row" style="margin: 0px auto;">
+
    <div class="container row" style="margin: 0px auto;">
−
        <div class="col-md-3">
+
      <div class="col-md-3">
−
            <h4 class="text-muted">Follow Us</h4>
+
        <h4 class="text-muted">Contact Us</h4>
−
           <ul class="list-inline mb-5">
+
        <a class="footer-link no-padding" href="https://www.facebook.com/IgemTecMty" target="_blank">
−
           <li class="list-inline-item">
+
           <i class="fa fa-facebook-square social-link"></i>
−
            <a href="https://www.facebook.com/IgemTecMty" target="_blank"><i class="fa fa-facebook-square social-link" style="font-size: 100px;"></i></a>
+
        </a>
 +
        <a class="footer-link no-padding" href="https://twitter.com/igemtecmty" target="_blank">
 +
           <i class="fa fa-twitter-square social-link"></i>
 +
        </a>
 +
        <a class="footer-link no-padding" href="mailto:igemtecmonterrey@gmail.com">
 +
          <i class="fa fa-envelope-square social-link"></i>
 +
        </a>
 +
        <a class="footer-link no-padding" href="https://www.instagram.com/igemtecmty/" target="_blank">
 +
          <i class="fa fa-instagram social-link"></i>
 +
        </a>
 +
        <div class="footer-text">
 +
          <p class="text-muted" style="margin-bottom: 0;">
 +
            <i class="fa fa-map-pin"></i> Av. Eugenio Garza Sada 2501
 +
          </p>
 +
          <p class="text-muted">
 +
            64849 Monterrey, Mexico
 +
          </p>
 +
        </div>   
 +
      </div>
 +
      <div class="col-md-9">
 +
        <h4 class="text-muted">Sponsors</h4>
 +
        <ul class="list-inline">
 +
          <li class="list-inline-item sponsor">
 +
            <img class="sponsor-img" src="https://static.igem.org/mediawiki/2018/5/56/T--Tec-Monterrey--CECROPIA.png" alt="CECROPIA">
 
           </li>
 
           </li>
−
           <li class="list-inline-item">
+
           <li class="list-inline-item sponsor">
−
             <a href="https://twitter.com/igemtecmty" target="_blank"><i class="fa fa-twitter-square social-link" style="font-size: 100px;"></i></a>
+
             <img class="sponsor-img" src="https://static.igem.org/mediawiki/2018/a/a2/T--Tec-Monterrey--CONANP.png" alt="CONANP">
 
           </li>
 
           </li>
−
           <li class="list-inline-item">
+
           <li class="list-inline-item sponsor">
−
             <a href="mailto:igemtecmonterrey@gmail.com"><i class="fa fa-envelope-square social-link" style="font-size: 100px;"></i></a>
+
             <img class="sponsor-img" src="https://static.igem.org/mediawiki/2018/4/43/T--Tec-Monterrey--Concretos.png" alt="Concretos Modernos del Sur">
 
           </li>
 
           </li>
−
           <li class="list-inline-item">
+
           <li class="list-inline-item sponsor">
−
             <a href="https://www.instagram.com/igemtecmty/" target="_blank"><i class="fa fa-instagram social-link" style="font-size: 100px;"></i></a>
+
             <img class="sponsor-img" src="https://static.igem.org/mediawiki/2018/8/89/T--Tec-Monterrey--GDX.png" alt="GDX Holdings">
 
           </li>
 
           </li>
−
           <li style="padding-left:20px;">
+
           <li class="list-inline-item sponsor">
−
             <p class="text-muted" style="margin-bottom: 0;"><i class="fa fa-map-pin"></i> Av. Eugenio Garza Sada 2501</p><p class="text-muted">64849 Monterrey, Mexico</p>   
+
             <img class="sponsor-img" src="https://static.igem.org/mediawiki/2018/e/e9/T--Tec-Monterrey--GenScript.png" alt="GenScript">
 
           </li>
 
           </li>
−
           </ul>
+
           <li class="list-inline-item sponsor">
−
        </div>
+
            <img class="sponsor-img" src="https://static.igem.org/mediawiki/2018/3/37/T--Tec-Monterrey--IDT.png" alt="IDT">
−
           <div class="col-md-6">
+
          </li>
−
             <h4 class="text-muted">Sponsors</h4>
+
           <li class="list-inline-item sponsor">
−
              <ul class="list-inline">
+
             <img class="sponsor-img" src="https://static.igem.org/mediawiki/2018/8/8d/T--Tec-Monterrey--Ladesa.png" alt="Ladesa">
−
                <li class="list-inline-item">
+
          </li>
−
                    <p class="text-muted">Waiting for a Miracle</p>
+
          <li class="list-inline-item sponsor">
−
                </li>
+
            <img class="sponsor-img" src="https://static.igem.org/mediawiki/2018/5/5e/T--Tec-Monterrey--NEB.png" alt="NEB">
−
              </ul>
+
          </li>
−
           </div>
+
          <li class="list-inline-item sponsor">
−
           <div class="col-md-3">
+
            <img class="sponsor-img" src="https://static.igem.org/mediawiki/2018/3/3c/T--Duesseldorf--snapgene.png" alt="SnapGene">
−
             <h4 class="text-muted">Quote</h4>
+
           </li>
−
              <p class="text-muted">“DNA is an attractive target for information storage because of its capacity for high-density information encoding, longevity under easily achieved conditions, and proven track record as an information bearer.”</p>
+
           <li class="list-inline-item sponsor">
−
              <p class="text-muted">Baum, 1995</p>
+
             <img class="sponsor-img" src="https://static.igem.org/mediawiki/2018/2/24/T--Tec-Monterrey--Opentrons.png" alt="Opnetrons">
−
          </div>
+
          </li>
 +
          <li class="list-inline-item sponsor">
 +
            <img class="sponsor-img" src="https://static.igem.org/mediawiki/2018/f/f2/T--Tec-Monterrey--Amexcid_Logo.png" alt="NEB">
 +
          </li>
 +
        </ul>
 
       </div>
 
       </div>
−
        <div>
+
    </div>
−
            <p id="footerCopyright" class="text-muted small mb-0">Copyright &copy; 2018</p>
+
  </footer>
−
          </div>
+
 
−
     </footer>
+
        <!-- Script controls collapsedMenus -->
 +
        <script>
 +
 
 +
            /*------------MENU STARTS-----------*/
 +
           
 +
            //Menu collapsing
 +
           
 +
            $("#linkContainer_Project").hover(
 +
                function () {
 +
                    $('#navbar').css('background','#2A8481');
 +
                    $("#linkContainer_Project").addClass("active");
 +
                    $("#linkContainer_ProjectChild").addClass("activeChild");
 +
                    openMenu('#collapseProject', '#b0e0e4');
 +
                   
 +
                }, function () {
 +
                    $("#linkContainer_Project").removeClass("active");
 +
                    $("#linkContainer_ProjectChild").removeClass("activeChild");
 +
                    closeMenu('#collapseProject');
 +
                    colorNavbar();
 +
                   
 +
                    $('#collapseProject').mouseenter(function(){
 +
                        $('#navbar').css('background','#2A8481');
 +
                        $("#linkContainer_Project").addClass("active");
 +
                        $("#linkContainer_ProjectChild").addClass("activeChild");
 +
                        openMenu('#collapseProject', '#b0e0e4');
 +
                    });
 +
                    $('#collapseProject').mouseleave(function(){
 +
                        colorNavbar();
 +
                        $("#linkContainer_Project").removeClass("active");
 +
                        $("#linkContainer_ProjectChild").removeClass("activeChild");
 +
                        closeMenu('#collapseProject');
 +
                    });
 +
                }
 +
            );
 +
           
 +
            $("#linkContainer_Parts").hover(
 +
                function () {
 +
                    $('#navbar').css('background','#2A8481');
 +
                    $("#linkContainer_Parts").addClass("active");
 +
                    $("#linkContainer_PartsChild").addClass("activeChild");
 +
                    openMenu('#collapseParts', '#bae4e8');
 +
                }, function () {
 +
                    colorNavbar();
 +
                    $("#linkContainer_Parts").removeClass("active");
 +
                    $("#linkContainer_PartsChild").removeClass("activeChild");
 +
                    closeMenu('#collapseParts');
 +
                   
 +
                    $('#collapseParts').mouseenter(function(){
 +
                        $('#navbar').css('background','#2A8481');
 +
                        $("#linkContainer_Parts").addClass("active");
 +
                        $("#linkContainer_PartsChild").addClass("activeChild");
 +
                        openMenu('#collapseParts', '#bae4e8');
 +
                    });
 +
                    $('#collapseParts').mouseleave(function(){
 +
                        colorNavbar();
 +
                        $("#linkContainer_Parts").removeClass("active");
 +
                        $("#linkContainer_PartsChild").removeClass("activeChild");
 +
                        closeMenu('#collapseParts');
 +
                    });
 +
                }
 +
            );
 +
           
 +
            $("#linkContainer_People").hover(
 +
                function () {
 +
                    $('#navbar').css('background','#2A8481');
 +
                    $("#linkContainer_People").addClass("active");
 +
                    $("#linkContainer_PeopleChild").addClass("activeChild");
 +
                    openMenu('#collapsePeople', '#caeaed');
 +
                }, function () {
 +
                    colorNavbar();
 +
                    $("#linkContainer_People").removeClass("active");
 +
                    $("#linkContainer_PeopleChild").removeClass("activeChild");
 +
                    closeMenu('#collapsePeople');
 +
                   
 +
                    $('#collapsePeople').mouseenter(function(){
 +
                        $('#navbar').css('background','#2A8481');
 +
                        $("#linkContainer_People").addClass("active");
 +
                        $("#linkContainer_PeopleChild").addClass("activeChild");
 +
                        openMenu('#collapsePeople', '#caeaed');
 +
                    });
 +
                    $('#collapsePeople').mouseleave(function(){
 +
                        colorNavbar();
 +
                        $("#linkContainer_People").removeClass("active");
 +
                        $("#linkContainer_PeopleChild").removeClass("activeChild");
 +
                        closeMenu('#collapsePeople');
 +
                    });
 +
                }
 +
            );
 +
           
 +
            $("#linkContainer_HP").hover(
 +
                function () {
 +
                    $('#navbar').css('background','#2A8481');
 +
                    $("#linkContainer_HP").addClass("active");
 +
                    $("#linkContainer_HPChild").addClass("activeChild");
 +
                    openMenu('#collapseHP', '#d8f0f2');
 +
                }, function () {
 +
                    colorNavbar();
 +
                    $("#linkContainer_HP").removeClass("active");
 +
                    $("#linkContainer_HPChild").removeClass("activeChild");
 +
                    closeMenu('#collapseHP');
 +
                   
 +
                    $('#collapseHP').mouseenter(function(){
 +
                        $('#navbar').css('background','#2A8481');
 +
                        $("#linkContainer_HP").addClass("active");
 +
                        $("#linkContainer_HPChild").addClass("activeChild");
 +
                        openMenu('#collapseHP', '#d8f0f2');
 +
                    });
 +
                    $('#collapseHP').mouseleave(function(){
 +
                        colorNavbar();
 +
                        $("#linkContainer_HP").removeClass("active");
 +
                        $("#linkContainer_HPChild").removeClass("activeChild");
 +
                        closeMenu('#collapseHP');
 +
                    });
 +
                }
 +
            );
 +
           
 +
            $("#linkContainer_Modeling").hover(
 +
                function () {
 +
                    $('#navbar').css('background','#2A8481');
 +
                    $("#linkContainer_Modeling").addClass("active");
 +
                    $("#linkContainer_ModelingChild").addClass("activeChild");
 +
                    openMenu('#collapseModeling', '#e7f6f7');
 +
                }, function () {
 +
                    colorNavbar();
 +
                    $("#linkContainer_Modeling").removeClass("active");
 +
                    $("#linkContainer_ModelingChild").removeClass("activeChild");
 +
                    closeMenu('#collapseModeling');
 +
                   
 +
                    $('#collapseModeling').mouseenter(function(){
 +
                        $('#navbar').css('background','#2A8481');
 +
                        $("#linkContainer_Modeling").addClass("active");
 +
                        $("#linkContainer_ModelingChild").addClass("activeChild");
 +
                        openMenu('#collapseModeling', '#e7f6f7');
 +
                    });
 +
                    $('#collapseModeling').mouseleave(function(){
 +
                        colorNavbar();
 +
                        $("#linkContainer_Modeling").removeClass("active");
 +
                        $("#linkContainer_ModelingChild").removeClass("activeChild");
 +
                        closeMenu('#collapseModeling');
 +
                    });
 +
                }
 +
            );
 +
 
 +
            $("#navbarLogoWrapper").click(function() {
 +
              window.location.href = "https://2018.igem.org/Team:Tec-Monterrey";
 +
            });
 +
           
 +
            function openMenu(collapseName, collapseColor) {
 +
              $(".topBar").css({'height':'100%'});
 +
              $(".mask").css({'background':'rgba(0,123,255,0.5)','height':'100%'});
 +
              $(collapseName).css({'background-color': collapseColor});
 +
              if($(".topBar").offset().top < 300){
 +
                $(collapseName).stop().fadeIn(300);
 +
              }else{
 +
                $(collapseName).stop().slideDown(400);
 +
              }
 +
            }
 +
           
 +
            function colorNavbar(){
 +
              if($(".topBar").offset().top > 300){
 +
                    $('#navbar').css('background','#2A8481');
 +
                    $('.cd-vertical-nav').css('display','table');
 +
              }else{
 +
                    $('#navbar').css('background','linear-gradient(180deg, rgba(0,0,0,0.5) 0%, rgba(255,255,255,0) 100%)');
 +
                    $('.cd-vertical-nav').css('display','none');
 +
              }
 +
            }
 +
 
 +
            function closeMenu(collapseName){
 +
              $(".topBar").css({'height':'8vh'});
 +
              $(".mask").css({'background':'rgba(0,0,0,0)','height':'8vh'});
 +
              if($(".topBar").offset().top < 300){
 +
                $(collapseName).stop().fadeOut(200);
 +
              }else{
 +
                $(collapseName).stop().slideUp(300);
 +
              }
 +
            }
 +
       
 +
            $(window).scroll(colorNavbar);
 +
            $(document).ready(colorNavbar);
 +
 
 +
            /*------------MENU ENDS-----------*/
 +
 
 +
     $(window).on("load", function() {
 +
        $('body').addClass('loaded');
 +
    });
  
 +
        </script>
 
<!-- Custom JavaScript -->
 
<!-- Custom JavaScript -->
−
     <script src="https://2018.igem.org/Team:Tec-Monterrey/Javascript/StylishPortfolio?action=raw&ctype=text/javascript/" type="text/javascript"></script>
+
     <script src="https://2018.igem.org/Team:Tec-Monterrey/Javascript/StylishPortfolio?action=raw&ctype=text/javascript" type="text/javascript"></script>
−
    <script>
+
        <script src="https://2018.igem.org/Team:Tec-Monterrey/Javascript/jqueryeasingmin?action=raw&ctype=text/javascript" type="text/javascript"></script>
−
      function openPopup(wrapperName, backgroundName) {
+
    <script type="text/javascript" src="https://2018.igem.org/Team:Tec-Monterrey/Javascript/SlideShow?action=raw&ctype=text/javascript"></script>
−
        (wrapperName).style.display="block";
+
−
        (backgroundName).style.display="block";
+
−
        $("#bodyContent").toggleClass("blurredBackground");
+
−
      }
+
−
      function closePopup(wrapperName, backgroundName) {
+
−
        (wrapperName).style.display="none";
+
−
        (backgroundName).style.display="none";
+
−
        $("#bodyContent:not(.popupBackground, .popupWrapper)").toggleClass("blurredBackground");
+
−
      }
+
−
    </script>
+
 
   </body>
 
   </body>
 
</html>
 
</html>

Latest revision as of 15:25, 17 October 2018

Contact Us

Av. Eugenio Garza Sada 2501

64849 Monterrey, Mexico

Sponsors