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

 
(64 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>
/* If you don't want the footer to be responsive, remove these media queries */
+
.img-fluid {
 
+
  width: 100%;
 
+
}
 
+
 
img {
 
img {
 
   display: block;
 
   display: block;
 
   max-width: 90%;
 
   max-width: 90%;
  height: auto;
 
 
}
 
}
 
+
.thumbnail{
 +
  border: 0;
 +
  background: transparent;
 +
  box-shadow: none;
 +
}
 +
footer {
 +
    position: fixed;
 +
    height: 100px;
 +
    bottom: 0;
 +
    width: 100%;
 
}
 
}
</style>
 
  
 +
 +
</style>
 +
<div class="footer">
 
<div class="container-fluid">
 
<div class="container-fluid">
  <div class="row">
+
    <div class="row">
    <div class="col-2">
+
        <div class="col-lg-3 col-sm-4 col-xs-12">
    <div class="thumbnail">
+
            <img src="https://static.igem.org/mediawiki/2017/9/99/UNC-Asheville-NCBiotech.png"
      <img src="https://static.igem.org/mediawiki/2017/f/f0/UNC-Asheville-Krumpe.jpg" style="width:100%">
+
                class="img-responsive img-rounded">
    </div>
+
        </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">
 +
 
 +
 
 +
        </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>
 +
        <div class="col-lg-3 col-sm-4 col-xs-12">
 +
            <img src="https://static.igem.org/mediawiki/2017/c/cf/UNC-Asheville-SnapGene.jpg"
 +
                class="img-responsive img-rounded">
 +
        </div>
 
     </div>
 
     </div>
 +
</div>
 +
</div>

Latest revision as of 23:18, 28 October 2017