Difference between revisions of "Team:UNC-Asheville/Templates/Footer"

(Created page with "<html> <head> <meta charset="UTF-8"> <title>Footer</title> <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'> <link rel...")
 
 
(66 intermediate revisions by the same user not shown)
Line 2: Line 2:
 
<head>
 
<head>
 
     <meta charset="UTF-8">
 
     <meta charset="UTF-8">
−
    <title>Footer</title>
 
 
     <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
 
     <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
 
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
 
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
Line 9: Line 8:
 
<link href="https://fonts.googleapis.com/css?family=Gentium+Basic|Saira+Semi+Condensed|VT323" rel="stylesheet">
 
<link href="https://fonts.googleapis.com/css?family=Gentium+Basic|Saira+Semi+Condensed|VT323" rel="stylesheet">
 
<style>
 
<style>
−
.footer-distributed{
+
.img-fluid {
−
background-color: #F7F5E6;
+
  width: 100%;
−
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
+
−
box-sizing: border-box;
+
−
width: 100%;
+
−
text-align: left;
+
−
padding: 45px 50px;
+
−
margin-top: 80px;
+
 
}
 
}
−
 
+
img {
−
.footer-distributed .footer-left p{
+
  display: block;
−
        color: #52658F;
+
  max-width: 90%;
−
font-size: 14px;
+
−
margin: 0;
+
 
}
 
}
−
.footer-distributed .footer-right p{
+
.thumbnail{
−
        color: #52658F;
+
  border: 0;
−
font-size: 14px;
+
  background: transparent;
−
margin: 0;
+
  box-shadow: none;
 
}
 
}
−
 
+
footer {
−
/* Footer links */
+
    position: fixed;
−
 
+
    height: 100px;
−
.footer-distributed p.footer-links{
+
    bottom: 0;
−
font-size:18px;
+
    width: 100%;
−
font-weight: bold;
+
−
color:  #ffffff;
+
−
margin: 0 0 10px;
+
−
padding: 0;
+
 
}
 
}
  
  
−
.footer-distributed p.footer-links a{
+
</style>
−
display:inline-block;
+
<div class="footer">
−
line-height: 1.8;
+
<div class="container-fluid">
−
text-decoration: none;
+
    <div class="row">
−
color: inherit;
+
        <div class="col-lg-3 col-sm-4 col-xs-12">
−
}
+
            <img src="https://static.igem.org/mediawiki/2017/9/99/UNC-Asheville-NCBiotech.png"
 +
                class="img-responsive img-rounded">
 +
        </div>
 +
        <div class="col-lg-3 col-sm-4 col-xs-12">
 +
            <img src="https://static.igem.org/mediawiki/2017/0/0e/UNC-Asheville-FullSchoolTransparent.jpg"
 +
                class="img-responsive img-rounded">
 +
        </div>
 +
        <div class="col-lg-3 col-sm-4 col-xs-12">
 +
            <img src="https://static.igem.org/mediawiki/2017/f/f3/UNC-Asheville-MATLAB.png"
 +
                class="img-responsive img-rounded">
 +
        </div>
 +
    </div>
 +
    <div class ="row">
 +
        <div class="col-lg-3 col-sm-4 col-xs-12"><!--pull-left-->
 +
            <img src="https://static.igem.org/mediawiki/2017/d/db/HQ_IDT_logo.jpg" class="img-responsive img-rounded">
  
−
.footer-distributed .footer-right{
 
−
float: right;
 
−
margin-top: 6px;
 
−
max-width: 400px;
 
−
}
 
  
 +
        </div>
 +
        <div class="center-block col-lg-3 col-sm-4 col-xs-12 offset-md-4">
 +
            <img src="https://static.igem.org/mediawiki/igem.org/a/a6/HQ_sponsor_genscript.jpg" class="img-responsive img-rounded">
  
−
 
+
         </div>
−
.footer-distributed .footer-right a{
+
        <div class="col-lg-3 col-sm-4 col-xs-12">
−
display: inline-block;
+
            <img src="https://static.igem.org/mediawiki/2017/c/cf/UNC-Asheville-SnapGene.jpg"
−
width: 50px;
+
                class="img-responsive img-rounded">
−
height: 35px;
+
        </div>
−
background-color:  #33383b;
+
−
border-radius: 2px;
+
−
 
+
−
font-size: 20px;
+
−
color: #52658F;
+
−
text-align: center;
+
−
line-height: 35px;
+
−
 
+
−
margin-left: 3px;
+
−
}
+
−
 
+
−
.sponsors {
+
−
            margin: 2.5px;
+
−
            width: 125px;
+
−
         }
+
−
 
+
−
/* If you don't want the footer to be responsive, remove these media queries */
+
−
 
+
−
@media (max-width: 600px) {
+
−
 
+
−
.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>
+
−
 
+
−
<div class="container-fluid">
+
−
  <div class="row">
+
−
    <div class="col-2">
+
−
    <div class="thumbnail">
+
−
      <img src="https://static.igem.org/mediawiki/2017/f/f0/UNC-Asheville-Krumpe.jpg" style="width:100%">
+
−
    </div>
+
 
     </div>
 
     </div>
 +
</div>
 +
</div>

Latest revision as of 23:18, 28 October 2017