Difference between revisions of "Template:Team:Tongji Shanghai/footer"

(Created page with "<html> <body> <!-- Start Footer --> <footer> <div class="container"> <div class="row footer-widgets"> <!-- Start Contact Widget -->...")
 
 
(31 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
 
<body>
 
<body>
−
    <!-- Start Footer -->
+
        <!-- Start Footer -->
−
     <footer>
+
     <footer style="margin-top:30px; padding:0;">
 
       <div class="container">
 
       <div class="container">
 
         <div class="row footer-widgets">
 
         <div class="row footer-widgets">
  
−
           <!-- Start Contact Widget -->
+
           <!-- End Contact Widget -->
−
          <div class="col-md-3">
+
           
 +
            <div class="col-md-3">
 +
            <div class="footer-widget" style="padding:0; margin:0;">
 +
            <h4>About<span class="head-line"></span></h4>
 
             <div class="footer-widget contact-widget">
 
             <div class="footer-widget contact-widget">
−
              <h4><img src="images/footer-margo.png" class="img-responsive" alt="Footer Logo" /></h4>
+
                     
−
              <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident</p>
+
            <img src="https://static.igem.org/mediawiki/2016/6/69/T--Tongji_Shanghai--LOGO_BW.jpg" style="max-height:75px;margin-top:10px;margin-bottom:20px" class="img-responsive">
−
              <ul style="margin-left: 1px;">
+
            <ul style="font-size:13px;color:#b4b4b4; margin-left:0px" >
−
                <li><span>Phone Number:</span> +01 234 567 890</li>
+
            <li><span>Email:</span> <a href="Mailto:tongji_iGEM@gmail.com&amp;Subject=Hello&amp;Body=Hi, Tongji    iGEM!" style="color:#b4b4b4">tongji_iGEM@gmail.com</a></li>
−
                <li><span>Email:</span> company@company.com</li>
+
            <li><span>Website:</span> <a href="https://2016.igem.org/Team:Tongji_Shanghai" style="color:#b4b4b4"> 2016.igem.org/Team:Tongji_Shanghai</a><li>
−
                <li><span>Website:</span> www.yourdomain.com</li>
+
            <li><span>Address:<br></span> Tongji University, <br>No. 1239 Siping Rd. Yangpu District, <br>Shanghai, P.R.China 200092</li>
−
              </ul>
+
            </ul>
 
             </div>
 
             </div>
−
          </div>
+
            </div>
−
          <!-- .col-md-3 -->
+
</div>
−
          <!-- End Contact Widget -->
+
 
              
 
              
−
          <!-- Start Sponsor Widget -->
+
 
−
          <div class="col-md-6">
+
−
            <div class="footer-widget flickr-widget">
+
−
              <h4>Sponsors<span class="head-line"></span></h4>
+
 
              
 
              
−
         <ul id="portfolio-list" data-animated="fadeIn">
+
           
−
             <li>
+
           
−
              <img alt="" src="images/portfolio-1/1.png">
+
          
−
              <div class="portfolio-item-content">
+
              
−
                <span class="header">Town winter 2013</span>
+
            <div class="col-md-6">
−
                <p class="body">web develpment, design</p>
+
                        <div class="footer-widget">
−
              </div>
+
                        <h4>Sponsors<span class="head-line"></span></h4>
−
             
+
                        <ul>
  
−
            </li>
+
                            <li class="col-md-12" style="margin-top:40px;margin-bottom:25px;max-width:300px">
−
            <li>
+
                                <a><img src="https://static.igem.org/mediawiki/2016/0/09/T--Tongji_Shanghai--TJ_LIFE.jpg" style="max-width:320px"></a>
−
              <img alt="" src="images/portfolio-1/2.png">
+
                            </li>
−
              <div class="portfolio-item-content">
+
                            <li class="col-md-12" style="margin-bottom:25px;max-width:300px">
−
                <span class="header">Quarterly Musashino</span>
+
                                <a><img src="https://static.igem.org/mediawiki/2016/9/92/T--Tongji_Shanghai--TJ_Medical.jpg" style="max-width:320px"></a>
−
                <p class="body">web develpment, design</p>
+
                            </li>
−
              </div>
+
                            <li class="col-md-12" style="margin-bottom:25px;max-width:300px">
−
     
+
                                <a><img src="https://static.igem.org/mediawiki/2016/4/42/T--Tongji_Shanghai--ExpCenter.jpg" style="max-width:320px"></a>
 +
                            </li>
  
−
            </li>
 
−
            <li>
 
−
              <img alt="" src="images/portfolio-1/3.png">
 
−
              <div class="portfolio-item-content">
 
−
                <span class="header">Mainichi April 2014</span>
 
−
                <p class="body">web develpment, design</p>
 
−
              </div>
 
  
 +
                        </ul>
 +
                        </div>
 +
                        </div>
  
−
            </li>
+
          <!-- Start Subscribe & Social Links Widget -->
−
            <li>
+
          <div class="col-md-3">
−
              <img alt="" src="images/portfolio-1/4.png">
+
−
              <div class="portfolio-item-content">
+
−
                <span class="header">Shitamachi Rocket</span>
+
−
                <p class="body">web develpment, design</p>
+
−
              </div>
+
  
−
 
+
             <div class="footer-widget social-widget">
−
             </li>
+
              <h4>Share Us<span class="head-line"></span></h4>
−
            <li>
+
                  <ul class="social-icons" style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0;margin-left:0px">
−
              <img alt="" src="images/portfolio-1/5.png">
+
                                <li style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0"><!--HERE need to be changed-->
−
              <div class="portfolio-item-content">
+
                                    <a class="twitter" target="_blank" href="https://twitter.com/home/?status=https://2015.igem.org/Team:Peking">
−
                <span class="header">Majesty express vol. 01</span>
+
                                      <i class="fa">
−
                <p class="body">web develpment, design</p>
+
                                        <img src="https://static.igem.org/mediawiki/2015/d/d0/Peking-twitter.png" style="height:20px;width:auto; margin-top:7px;">
 +
                                      </i>
 +
                                    </a>
 +
                                </li>
 +
                                <li style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0"><!--HERE need to be changed-->
 +
                                    <a class="facebook" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https://2015.igem.org/Team:Peking">
 +
                                      <i class="fa">
 +
                                        <img src="https://static.igem.org/mediawiki/2015/0/0e/Peking-facebook.png" style="height:20px; margin-top:7px;">
 +
                                      </i>
 +
                                    </a>
 +
                                </li>
 +
                                <li style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0"><!--HERE need to be changed-->
 +
                                    <a class="google" target="_blank" href="https://plus.google.com/share?url=https://2015.igem.org/Team:Peking">
 +
                                      <i class="fa">
 +
                                        <img src="https://static.igem.org/mediawiki/2015/7/7a/Peking-google_plus.png" style="height:20px; margin-top:7px;">
 +
                                      </i>
 +
                                    </a>
 +
                                </li>
 +
                               
 +
                            </ul>
 +
           
 
               </div>
 
               </div>
−
 
+
              
−
 
+
               <div class="footer-widget mail-subscribe-widget">
−
             </li>
+
             
−
            <li>
+
−
              <img alt="" src="images/portfolio-1/6.png">
+
−
               <div class="portfolio-item-content">
+
−
                <span class="header">Monocle issue 69</span>
+
−
                <p class="body">web develpment, design</p>
+
−
              </div>
+
−
 
+
−
 
+
−
            </li>
+
−
          </ul>
+
−
            </div>
+
−
          </div>
+
−
          <!-- .col-md-3 -->
+
−
          <!-- End Sponsor Widget -->
+
−
 
+
−
 
+
−
          <!-- Start Subscribe & Social Links Widget -->
+
−
          <div class="col-md-3">
+
−
            <div class="footer-widget mail-subscribe-widget">
+
 
               <h4>Get in touch<span class="head-line"></span></h4>
 
               <h4>Get in touch<span class="head-line"></span></h4>
−
               <p>Join our mailing list to stay up to date and get notices about our new releases!</p>
+
               <ul style="margin-left:0px"></ul>
 
               <form class="subscribe">
 
               <form class="subscribe">
 
                 <input type="text" placeholder="mail@example.com">
 
                 <input type="text" placeholder="mail@example.com">
 
                 <input type="submit" class="btn-system" value="Send">
 
                 <input type="submit" class="btn-system" value="Send">
 
               </form>
 
               </form>
−
            </div>
 
−
            <div class="footer-widget social-widget">
 
−
              <h4>Follow Us<span class="head-line"></span></h4>
 
−
              <ul class="social-icons">
 
−
                <li>
 
−
                  <a class="facebook" href="#"><i class="fa fa-facebook"></i></a>
 
−
                </li>
 
−
                <li>
 
−
                  <a class="twitter" href="#"><i class="fa fa-twitter"></i></a>
 
−
                </li>
 
−
                <li>
 
−
                  <a class="google" href="#"><i class="fa fa-google-plus"></i></a>
 
−
                </li>
 
−
                <li>
 
−
                  <a class="dribbble" href="#"><i class="fa fa-dribbble"></i></a>
 
−
                </li>
 
−
                <li>
 
−
                  <a class="linkdin" href="#"><i class="fa fa-linkedin"></i></a>
 
−
                </li>
 
−
                <li>
 
−
                  <a class="flickr" href="#"><i class="fa fa-flickr"></i></a>
 
−
                </li>
 
−
                <li>
 
−
                  <a class="tumblr" href="#"><i class="fa fa-tumblr"></i></a>
 
−
                </li>
 
−
                <li>
 
−
                  <a class="instgram" href="#"><i class="fa fa-instagram"></i></a>
 
−
                </li>
 
−
                <li>
 
−
                  <a class="vimeo" href="#"><i class="fa fa-vimeo-square"></i></a>
 
−
                </li>
 
−
                <li>
 
−
                  <a class="skype" href="#"><i class="fa fa-skype"></i></a>
 
−
                </li>
 
−
              </ul>
 
 
             </div>
 
             </div>
 
           </div>
 
           </div>
Line 144: Line 101:
 
           <div class="row">
 
           <div class="row">
 
             <div class="col-md-6">
 
             <div class="col-md-6">
−
               <p>&copy; 2014 Margo - All Rights Reserved <a href="http://graygrids.com">GrayGrids</a> </p>
+
               <p>&copy; 2016 Tongji & Will Wang All Rights Reserved</div>
−
            </div>
+
 
             <div class="col-md-6">
 
             <div class="col-md-6">
−
               <ul class="footer-nav">
+
               <ul class="footer-nav" style="font-size:13px;color:#b4b4b4">
−
                <li><a href="#">Sitemap</a></li>
+
                 <li><a href="http://www.tongji.edu.cn">Tongji University</a></li>
−
                 <li><a href="#">Privacy Policy</a></li>
+
−
                <li><a href="#">Contact</a></li>
+
 
               </ul>
 
               </ul>
 
             </div>
 
             </div>
Line 160: Line 114:
 
     </footer>
 
     </footer>
 
     <!-- End Footer -->
 
     <!-- End Footer -->
−
      
+
     <script type="text/javascript" >
 +
function menuFixed(id){
 +
var obj = document.getElementById(id);
 +
var _getHeight = obj.offsetTop;
 +
 
 +
window.onscroll = function(){
 +
changePos(id,_getHeight);
 +
}
 +
}
 +
function changePos(id,height){
 +
var obj = document.getElementById(id);var windowBottom = $(window).scrollTop() + $(window).innerHeight();
 +
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop - 150;
 +
var windowBottom = $(window).scrollTop() + $(window).innerHeight();
 +
var w = window.innerWidth;
 +
if(w>=1024){
 +
  if($(window).scrollTop() + $(window).height() > $(document).height() - 260){
 +
                $('#sidebar1').fadeOut("fast");}else{$('#sidebar1').fadeIn("fast");}
 +
}
 +
if(scrollTop < height){ obj.style.position = 'relative';     
 +
}else{
 +
obj.style.position = 'fixed';
 +
}
 +
}
 +
</script>
 +
 
 +
<script type="text/javascript">
 +
window.onload = function(){
 +
menuFixed('sidebar1');
 +
}
 +
</script>
 
      
 
      
 
      
 
      
 
     </body>
 
     </body>
 
</html>
 
</html>

Latest revision as of 20:55, 19 October 2016