Difference between revisions of "Template:AshesiGhana/Footer"

(Created page with "<!DOCTYPE html> <!--[if IE 8]> <html class="ie ie8"> <![endif]--> <!--[if IE 9]> <html class="ie ie9"> <![endif]--> <!--[if gt IE 9]><!--> <html> <!--<![endif]--> <head>...")
 
Line 1: Line 1:
−
<!DOCTYPE html>
+
<html>
−
<!--[if IE 8]> <html class="ie ie8"> <![endif]-->
+
<style>
−
<!--[if IE 9]> <html class="ie ie9"> <![endif]-->
+
.footer-distributed{
−
<!--[if gt IE 9]><!--> <html> <!--<![endif]-->
+
background-color: #F7F5E6;
−
<head>
+
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
−
      <meta charset="utf-8">
+
box-sizing: border-box;
−
      <title>Pixma Responsive HTML5/CSS3 Template | FIFO THEMES</title>
+
width: 100%;
−
      <meta name="description" content="Pixma Responsive HTML5/CSS3 Template from FIFOTHEMES.COM">
+
text-align: left;
−
      <meta name="author" content="FIFOTHEMES.COM">
+
padding: 45px 50px;
−
      <!-- Mobile Metas -->
+
margin-top: 80px;
−
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
}
−
      <!-- Google Fonts -->
+
−
      <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700' rel='stylesheet' type='text/css'>
+
−
      <link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
+
−
      <!-- Library CSS -->
+
−
      <link rel="stylesheet" href="css/bootstrap.min.css">
+
−
      <link rel="stylesheet" href="css/bootstrap-theme.min.css">
+
−
      <link rel="stylesheet" href="css/fonts/font-awesome/css/font-awesome.css">
+
−
      <link rel="stylesheet" href="css/animations.css" media="screen">
+
−
      <!-- Theme CSS -->
+
−
      <link rel="stylesheet" href="css/demo.css">
+
−
      <!-- Skin -->
+
−
      <link rel="stylesheet" href="css/colors/blue.css" class="colors">
+
−
      <!-- Favicons -->
+
−
      <link rel="shortcut icon" href="img/ico/favicon.ico">
+
−
      <link rel="apple-touch-icon" href="img/ico/apple-touch-icon.png">
+
−
      <link rel="apple-touch-icon" sizes="72x72" href="img/ico/apple-touch-icon-72.png">
+
−
      <link rel="apple-touch-icon" sizes="114x114" href="img/ico/apple-touch-icon-114.png">
+
−
      <link rel="apple-touch-icon" sizes="144x144" href="img/ico/apple-touch-icon-144.png">
+
−
      <!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
+
−
      <!--[if lt IE 9]>
+
−
      <script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
+
−
      <script src="js/respond.min.js"></script>
+
−
      <![endif]-->
+
−
</head>
+
−
<body>
+
−
      <!-- Page Preloader -->
+
−
      <div class="page-mask">
+
−
            <div class="page-loader">
+
  
−
                <div class="spinner"></div>
+
.footer-distributed .footer-left p{
−
            </div>
+
        color:  #52658F;
−
      </div>
+
font-size: 14px;
−
      <!-- /Page Preloader -->
+
margin: 0;
 +
}
 +
.footer-distributed .footer-right p{
 +
        color:  #52658F;
 +
font-size: 14px;
 +
margin: 0;
 +
}
  
−
      <!-- Warpper -->
+
/* Footer links */
−
      <div class="wrap">
+
−
        <section class="head">
+
−
            <div class="container">
+
−
              <div class="row">
+
−
                  <div class="site-logo">
+
−
                    <a href="General/index.html"><img src="img/logo-demo.png" alt="Pixma"></a>
+
−
                  </div>
+
−
                  <h4>Pixma Responsive HTML5/CSS3 Template</h4>
+
−
              </div>
+
−
            </div>
+
−
        </section>
+
  
−
        <section class="demo-content">
+
.footer-distributed p.footer-links{
−
            <div class="container">
+
font-size:18px;
−
             
+
font-weight: bold;
 +
color:  #ffffff;
 +
margin: 0 0 10px;
 +
padding: 0;
 +
}
  
−
              <div class="row">
 
−
                  <div class="col-md-2"></div>
 
  
−
                  <div class="col-md-4">
+
.footer-distributed p.footer-links a{
−
                    <div class="item">
+
display:inline-block;
−
                        <h4 class="title"><span>Pixma</span> Demo 1</h4>
+
line-height: 1.8;
−
                        <a href="General/index.html">
+
text-decoration: none;
−
                          <img class="img-responsive" src="Demo/pixma-general.png" alt="Pixma normal version">
+
color:  inherit;
−
                        </a>
+
}
−
                        <p>Pixma Normal version</p>
+
−
                    </div>
+
−
                  </div>
+
  
−
                  <div class="col-md-4">
+
.footer-distributed .footer-right{
−
                    <div class="item">
+
float: right;
−
                        <h4 class="title"><span>Pixma</span> Demo 2</h4>
+
margin-top: 6px;
−
                        <a href="Flat/index.html">
+
max-width: 400px;
−
                          <img class="img-responsive" src="Demo/pixma-flat.png" alt="Pixma Flat Version">
+
}
−
                        </a>
+
−
                        <p>Pixma Flat Version</p>
+
−
                    </div>
+
−
                  </div>
+
−
                  <div class="col-md-2"></div>
+
−
              </div>
+
  
−
            </div>
 
−
        </section>
 
  
−
        <footer>
 
−
            <p class="site-info"> © 2014 FifoThemes</p>
 
−
        </footer>
 
−
             
 
−
            <!-- Scroll To Top -->
 
−
            <a href="#" class="scrollup"><i class="fa fa-angle-up"></i></a>     
 
−
      </div>
 
−
      <!-- /Warpper -->
 
  
−
      <!-- The Scripts -->
+
.footer-distributed .footer-right a{
−
      <script src="js/jquery.min.js"></script>
+
display: inline-block;
−
      <script src="js/jquery-migrate-1.0.0.js"></script>
+
width: 50px;
−
      <script src="js/jquery-ui.js"></script>
+
height: 35px;
−
      <script src="js/bootstrap.min.js"></script>
+
background-color:  #33383b;
−
      <script src="js/jquery.parallax.js"></script>
+
border-radius: 2px;
−
      <script src="js/jquery.wait.js"></script>
+
 
−
      <script src="js/appear.js"></script>
+
font-size: 20px;
−
      <script src="js/modernizr-2.6.2.min.js"></script>
+
color: #52658F;
−
      <script src="js/jquery.bxslider.min.js"></script>
+
text-align: center;
−
      <script src="js/jquery.maximage.js"></script>
+
line-height: 35px;
−
      <script src="js/jquery.cycle.all.js"></script>
+
 
−
      <script src="js/jquery.prettyPhoto.js"></script>
+
margin-left: 3px;
−
      <script src="js/jquery.sticky.js"></script>
+
}
−
      <script src="js/jquery.isotope.js"></script>
+
 
−
      <script src="js/imagesloaded.pkgd.min.js"></script>
+
.sponsors {
−
      <script src="js/skrollr.min.js"></script>
+
            margin: 2.5px;
−
      <script src="js/jquery.scrollTo.min.js"></script>
+
            width: 125px;
−
      <script src="js/waypoints.min.js"></script>
+
        }
−
      <script src="http://maps.google.com/maps/api/js?sensor=false"></script>
+
 
−
      <script src="js/jquery.gmap.min.js"></script>
+
/* If you don't want the footer to be responsive, remove these media queries */
−
      <script src="js/jquery.mb.YTPlayer.js"></script>
+
 
−
      <script src="js/tytabs.js"></script>
+
@media (max-width: 600px) {
−
      <script src="js/custom.js"></script>
+
 
−
</body>
+
.footer-distributed .footer-left,
 +
.footer-distributed .footer-right{
 +
text-align: center;
 +
}
 +
 
 +
.footer-distributed .footer-right{
 +
float: none;
 +
margin: 0 auto 20px;
 +
}
 +
 
 +
.footer-distributed .footer-left p.footer-links{
 +
line-height: 1.8;
 +
}
 +
}
 +
</style>
 +
 
 +
<footer class="footer-distributed">
 +
 
 +
<div class="footer-right">
 +
                <a target="_blank" href="mailto:igem.imperial2016@gmail.com"><i class="fa fa-envelope-o fa-2x"></i></a> 
 +
    <a target="_blank" href="https://www.facebook.com/2016imperialigem/"><i class="fa fa-facebook fa-2x"></i></a>
 +
<a target="_blank" href="https://twitter.com/imperialigem"><i class="fa fa-twitter fa-2x"></i></a>
 +
<a target="_blank" href="https://github.com/IC-iGEM-2016?tab=repositories"><i class="fa fa-github fa-2x fa-fw"></i></a>
 +
<p> Email: igem.imperial2016@gmail.com </p>
 +
</div>
 +
 
 +
 
 +
<div class="footer-left">
 +
 
 +
<p class="footer-links">
 +
<a target="_blank" href="https://www.imperial.ac.uk/synthetic-biology">
 +
        <img class="sponsors" src="https://static.igem.org/mediawiki/2016/6/68/T--Imperial_College--csynbi.png">
 +
    </a>
 +
 +
<a target="_blank" href="http://www.synbicite.com/">
 +
        <img class="sponsors" src="https://static.igem.org/mediawiki/2016/1/1c/T--Imperial_College--synb.png">
 +
    </a>
 +
 +
<a target="_blank" href="https://www.neb.com/">
 +
        <img class="sponsors" src="https://static.igem.org/mediawiki/2016/e/ed/T--Imperial_College--NEB.png">
 +
    </a>
 +
<a target="_blank" href="https://www.sebiology.org/">
 +
        <img class="sponsors" src="https://static.igem.org/mediawiki/2016/5/5e/T--Imperial_College--SEB.png">
 +
    </a>
 +
                             
 +
                                        <a target="_blank" href="https://wellcome.ac.uk/">
 +
        <img class="sponsors" src="https://static.igem.org/mediawiki/2016/b/b5/T--Imperial_College--Wellcom.png">
 +
    </a>
 +
 
 +
            <a target="_blank" href="https://www.epsrc.ac.uk/">
 +
        <img class="sponsors" src="https://static.igem.org/mediawiki/2016/d/d9/T--Imperial_College--EPSRC.jpg">
 +
    </a>
 +
<a target="_blank" href="http://www.bbsrc.ac.uk/">
 +
        <img class="sponsors" src="https://static.igem.org/mediawiki/2016/1/1e/T--Imperial_College--BBSRC.gif">
 +
    </a>
 +
<a target="_blank" href="https://www.eppendorf.com/UK-en/">
 +
        <img class="sponsors" src="https://static.igem.org/mediawiki/2016/3/3a/T--Imperial_College--Eppendorf.png">
 +
    </a>
 +
 +
<a target="_blank" href="http://www.bmglabtech.com/">
 +
        <img class="sponsors" src="https://static.igem.org/mediawiki/2016/e/ee/T--Imperial_College--BMG.png">
 +
    </a>
 +
 +
</p>
 +
 
 +
 +
</div>
 +
 
 +
</footer>
 +
 
 +
 
 
</html>
 
</html>

Revision as of 10:38, 14 September 2017