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 -->...")
 
Line 1: Line 1:
 
<html>
 
<html>
 
<body>
 
<body>
    <!-- Start Footer -->
+
        <!-- Start Footer -->
 
     <footer>
 
     <footer>
 
       <div class="container">
 
       <div class="container">
Line 7: Line 7:
  
 
           <!-- Start Contact Widget -->
 
           <!-- Start Contact Widget -->
           <div class="col-md-3">
+
           <!-- <div class="col-md-3">
 
             <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>
 
               <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>
 
               <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>
               <ul style="margin-left: 1px;">
+
               <ul>
 
                 <li><span>Phone Number:</span> +01 234 567 890</li>
 
                 <li><span>Phone Number:</span> +01 234 567 890</li>
 
                 <li><span>Email:</span> company@company.com</li>
 
                 <li><span>Email:</span> company@company.com</li>
Line 20: Line 20:
 
           <!-- .col-md-3 -->
 
           <!-- .col-md-3 -->
 
           <!-- End Contact Widget -->
 
           <!-- End Contact Widget -->
 +
           
 +
            <div class="col-md-3">
 +
            <div class="footer-widget contact-widget">
 +
            <h4>About<span class="head-line"></span></h4>
 +
            <img src="https://static.igem.org/mediawiki/2016/6/69/T--Tongji_Shanghai--LOGO_BW.jpg" style="max-height:75px;margin-top:0px;margin-bottom:20px" class="img-responsive">
 +
            <ul style="font-size:13px;color:#b4b4b4">
 +
            <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><a href="Mailto:pekingigem@gmail.com&amp;Subject=Hello&amp;Body=Hi, Peking iGEM!" style="color:#b4b4b4">
 +
            </a><li><a href="Mailto:pekingigem@gmail.com&amp;Subject=Hello&amp;Body=Hi, Peking iGEM!" style="color:#b4b4b4"><span>Website:</span> </a><a href="https://2016.igem.org/Team:Tongji_Shanghai" style="color:#b4b4b4"> 2016.igem.org/Team:Tongji_Shanghai</a></li>
 +
            <li><span>Address:</span> Tongji University, <br>No. 1239 Siping Rd. Yangpu District, <br>Shanghai, P.R.China 200092</li>
 +
            </ul>
 +
            </div>
 +
            </div>
 
              
 
              
 
           <!-- Start Sponsor Widget -->
 
           <!-- Start Sponsor Widget -->
           <div class="col-md-6">
+
           <!--<div class="col-md-6">
 
             <div class="footer-widget flickr-widget">
 
             <div class="footer-widget flickr-widget">
 
               <h4>Sponsors<span class="head-line"></span></h4>
 
               <h4>Sponsors<span class="head-line"></span></h4>
Line 87: Line 99:
 
           <!-- End Sponsor Widget -->
 
           <!-- End Sponsor Widget -->
  
 +
           
 +
           
 +
           
 +
           
 +
           
 +
            <div class="col-md-6">
 +
                        <div class="footer-widget">
 +
                        <h4>Sponsors<span class="head-line"></span></h4>
 +
                        <ul>
 +
                            <li class="col-md-6" id="PKU-administration" style="margin-bottom:25px;max-width:300px">
 +
                                <a href="http://www.tongji.edu.cn"><img src="https://static.igem.org/mediawiki/2016/1/19/T--Tongji_Shanghai--background.jpg"></a>
 +
                            </li>
 +
                            <li class="col-md-6" id="PKU-SLS" style="margin-bottom:25px;max-width:300px">
 +
                                <a href="http://www.tongji.edu.cn"><img src="https://static.igem.org/mediawiki/2016/1/19/T--Tongji_Shanghai--background.jpg"></a>
 +
                            </li>
 +
                            <li class="col-md-6" id="PKU-administration" style="margin-bottom:25px;max-width:300px">
 +
                                <a href="http://www.tongji.edu.cn"><img src="https://static.igem.org/mediawiki/2016/1/19/T--Tongji_Shanghai--background.jpg"></a>
 +
                            </li>
 +
                            <li class="col-md-6" id="PKU-SLS" style="margin-bottom:25px;max-width:300px">
 +
                                <a href="http://www.tongji.edu.cn"><img src="https://static.igem.org/mediawiki/2016/1/19/T--Tongji_Shanghai--background.jpg"></a>
 +
                            </li>
 +
                        </ul>
 +
                        </div>
 +
                        </div>
  
 
           <!-- Start Subscribe & Social Links Widget -->
 
           <!-- Start Subscribe & Social Links Widget -->
 
           <div class="col-md-3">
 
           <div class="col-md-3">
             <div class="footer-widget mail-subscribe-widget">
+
 
 +
             <div class="footer-widget social-widget">
 +
              <h4>Share Us<span class="head-line"></span></h4>
 +
                  <ul class="social-icons" style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0">
 +
                                <li style="padding-top:0:padding-bottom:0;margin-top:0;margin-bottom:0"><!--HERE need to be changed-->
 +
                                    <a class="twitter" target="_blank" href="https://twitter.com/home/?status=https://2015.igem.org/Team:Peking">
 +
                                      <i class="fa">
 +
                                        <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 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>
 
               <p>Join our mailing list to stay up to date and get notices about our new releases!</p>
Line 97: Line 162:
 
                 <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>

Revision as of 01:24, 16 October 2016