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

Line 24: Line 24:
 
</style>
 
</style>
  
−
<div class="row neu-igem-footer">
+
<div class="container">
−
     <!-- SPONSOR LOGOS -->
+
     <div class="page-header">
−
     <div class="col-xs-12">
+
      <h1>Sticky footer with fixed navbar</h1>
 +
    </div>
 +
     <div class="row">
 +
        <div class="col-lg-3 col-sm-4 col-xs-12"> <a href="#" class="thumbnail">
 +
            <img src="http://placehold.it/350x150" class="img-responsive img-rounded">
 +
        </a>
  
−
         <!-- don't call these classes "sponsor" since adblock will destroy it -->
+
         </div>
−
         <div class="neusponsor-container">
+
         <div class="col-lg-3 col-sm-4 col-xs-12"> <a href="#" class="thumbnail">
−
            <div class="neusponsor-header">
+
            <img src="http://placehold.it/350x150" class="img-responsive img-rounded">
−
                <span class="neusponsor-title">Our Generous Sponsors</span>
+
        </a>
−
            </div>
+
−
            <hr/>
+
−
            <ul class="neusponsor-list">
+
−
                <li class="neusponsor-item">
+
−
                    <a href="http://compasstherapeutics.com" class="neusponsor-item-link" target="_blank"
+
−
                      title="Compass Therapeutics">
+
−
                        <img class="neusponsor-img" src="https://static.igem.org/mediawiki/2017/3/33/T--NortheasternU-Boston--SponsorCompass.png"
+
−
                            alt="Compass Therapeutics"/>
+
−
                    </a>
+
−
                </li>
+
−
                <li class="neusponsor-item">
+
−
                    <a href="https://www.idtdna.com/site" class="neusponsor-item-link" target="_blank"
+
−
                      title="IDT Integrated DNA Technologies">
+
−
                        <img class="neusponsor-img" src="https://static.igem.org/mediawiki/2017/8/84/T--NortheasternU-Boston--SponsorIDT.png"
+
−
                            alt="IDT Integrated DNA Technologies"/>
+
−
                    </a>
+
−
                </li>
+
−
                <li class="neusponsor-item">
+
−
                    <a href="https://www.neb.com" class="neusponsor-item-link" target="_blank"
+
−
                      title="NEB New England Biolabs">
+
−
                        <img class="neusponsor-img" src="https://static.igem.org/mediawiki/2017/d/d7/T--NortheasternU-Boston--SponsorNEB.png"
+
−
                            alt="NEB New England Biolabs"/>
+
−
                    </a>
+
−
                </li>
+
−
                <li class="neusponsor-item">
+
−
                    <a href="http://www.northeastern.edu/cos/" class="neusponsor-item-link" target="_blank"
+
−
                      title="Northeastern University College of Science">
+
−
                        <img class="neusponsor-img" src="https://static.igem.org/mediawiki/2017/5/5e/T--NortheasternU-Boston--SponsorNEUCoS.png"
+
−
                            alt="Northeastern University College of Science"/>
+
−
                    </a>
+
−
                </li>
+
−
                <li class="neusponsor-item">
+
−
                    <a href="http://www.bioe.neu.edu" class="neusponsor-item-link" target="_blank"
+
−
                      title="Northeastern Univeristy Department of Bioengineering">
+
−
                        <img class="neusponsor-img" src="https://static.igem.org/mediawiki/2017/7/7d/T--NortheasternU-Boston--SponsorNEUBioE.png"
+
−
                            alt="Northeastern University Department of Bioengineering"/>
+
−
                    </a>
+
−
                </li>
+
−
                <li class="neusponsor-item">
+
−
                    <a href="http://www.che.neu.edu" class="neusponsor-item-link" target="_blank"
+
−
                      title="Northeastern University Department of Chemical Engineering">
+
−
                        <img class="neusponsor-img" src="https://static.igem.org/mediawiki/2017/3/3a/T--NortheasternU-Boston--SponsorNEUChemE.png"
+
−
                            alt="Northeastern University Department of Chemical Engineering"/>
+
−
                    </a>
+
−
                </li>
+
  
−
            </ul>
 
 
         </div>
 
         </div>
 +
        <div class="col-lg-3 col-sm-4 col-xs-12"> <a href="#" class="thumbnail">
 +
            <img src="http://placehold.it/350x150" class="img-responsive img-rounded">
 +
        </a>
  
 +
        </div>
 +
        <div class="col-lg-3 col-sm-4 col-xs-12"> <a href="#" class="thumbnail"><!--pull-left-->
 +
            <img src="http://placehold.it/350x150" class="img-responsive img-rounded">
 +
        </a>
 +
 +
        </div>
 +
        <div class="col-lg-3 col-sm-4 col-xs-12"> <a href="#" class="thumbnail">
 +
            <img src="http://placehold.it/350x150" class="img-responsive img-rounded">
 +
        </a>
 +
 +
        </div>
 +
        <div class="col-lg-3 col-sm-4 col-xs-12"> <a href="#" class="thumbnail">
 +
            <img src="http://placehold.it/350x150" class="img-responsive img-rounded">
 +
        </a>
 +
 +
        </div>
 +
        <div class="col-lg-3 col-sm-4 col-xs-12"> <a href="#" class="thumbnail">
 +
            <img src="http://placehold.it/350x150" class="img-responsive img-rounded">
 +
        </a>
 +
 +
        </div>
 +
        <div class="col-lg-3 col-sm-4 col-xs-12"> <a href="#" class="thumbnail">
 +
            <img src="http://placehold.it/350x150" class="img-responsive img-rounded">
 +
        </a>
 +
 +
        </div>
 +
        <div class="col-lg-3 col-sm-4 col-xs-12"> <a href="#" class="thumbnail">
 +
            <img src="http://placehold.it/350x150" class="img-responsive img-rounded">
 +
        </a>
 +
 +
        </div>
 +
        <div class="col-lg-3 col-sm-4 col-xs-12"> <a href="#" class="thumbnail">
 +
            <img src="http://placehold.it/350x150" class="img-responsive img-rounded">
 +
        </a>
 +
 +
        </div>
 +
        <div class="col-lg-3 col-sm-4 col-xs-12"> <a href="#" class="thumbnail">
 +
            <img src="http://placehold.it/350x150" class="img-responsive img-rounded">
 +
        </a>
 +
 +
        </div>
 +
        <div class="col-lg-3 col-sm-4 col-xs-12"> <a href="#" class="thumbnail">
 +
            <img src="http://placehold.it/350x150" class="img-responsive img-rounded">
 +
        </a>
 +
 +
        </div>
 
     </div>
 
     </div>
−
</div>
 
  
  

Revision as of 22:53, 28 October 2017

Sticky footer with fixed navbar