Difference between revisions of "Team:Tongji Shanghai"

Line 538: Line 538:
  
  
     <!-- Start Footer -->
+
      
    <footer>
+
      <div class="container">
+
        <div class="row footer-widgets">
+
 
+
          <!-- Start Contact Widget -->
+
          <div class="col-md-3">
+
            <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>
+
              <ul>
+
                <li><span>Phone Number:</span> +01 234 567 890</li>
+
                <li><span>Email:</span> company@company.com</li>
+
                <li><span>Website:</span> www.yourdomain.com</li>
+
              </ul>
+
            </div>
+
          </div>
+
          <!-- .col-md-3 -->
+
          <!-- 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>
+
                <p class="body">web develpment, design</p>
+
              </div>
+
             
+
 
+
            </li>
+
            <li>
+
              <img alt="" src="images/portfolio-1/2.png">
+
              <div class="portfolio-item-content">
+
                <span class="header">Quarterly Musashino</span>
+
                <p class="body">web develpment, design</p>
+
              </div>
+
     
+
 
+
            </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>
+
 
+
 
+
            </li>
+
            <li>
+
              <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>
+
 
+
 
+
            </li>
+
            <li>
+
              <img alt="" src="images/portfolio-1/5.png">
+
              <div class="portfolio-item-content">
+
                <span class="header">Majesty express vol. 01</span>
+
                <p class="body">web develpment, design</p>
+
              </div>
+
 
+
 
+
            </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>
+
              <p>Join our mailing list to stay up to date and get notices about our new releases!</p>
+
              <form class="subscribe">
+
                <input type="text" placeholder="mail@example.com">
+
                <input type="submit" class="btn-system" value="Send">
+
              </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>
+
          <!-- .col-md-3 -->
+
          <!-- End Subscribe & Social Links Widget -->
+
 
+
        </div>
+
        <!-- row -->
+
 
+
        <!-- Start Copyright -->
+
        <div class="copyright-section">
+
          <div class="row">
+
            <div class="col-md-6">
+
              <p>&copy; 2014 Margo - All Rights Reserved <a href="http://graygrids.com">GrayGrids</a> </p>
+
            </div>
+
            <div class="col-md-6">
+
              <ul class="footer-nav">
+
                <li><a href="#">Sitemap</a></li>
+
                <li><a href="#">Privacy Policy</a></li>
+
                <li><a href="#">Contact</a></li>
+
              </ul>
+
            </div>
+
          </div>
+
        </div>
+
        <!-- End Copyright -->
+
 
+
      </div>
+
    </footer>
+
    <!-- End Footer -->
+
  
 
   </div>
 
   </div>

Revision as of 15:38, 14 October 2016

Tongji_Shanghai-2016.igem.org Tongji Shanghai

<!doctype html>