"Tall Footer With Gradient Image"
Bootstrap 3.1.0 Snippet by traviskelleher

<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container well"> <h2><center>Web Stuff Goes Here</center></h2> <p>Lucas ipsum dolor sit amet farlander dantooine kuat jusik klivian gizka nahdar lumiya binks ben. Thrawn jettster jettster tharen -lom mustafar daala. Hutt duros owen vedder lando solo allana ysanne tc-14. Yavin vurk barriss yuvernian tython zabrak glymphid mace. Aruzan zam chiss hutt kubaz chirrpa ralter. Bria ithorian ranat skywalker c-3po nahdar. Gilad mandalore lars mustafarian cathar di jabiimas ssi-ruuk. Terrik solo yoda ooryl pa'lowick airen mirta sulorine. Klatooinian antilles poggle cato tapani. Allana valorum ikrit gonk. Piett antilles kiffar jan tarasin defel grievous. Leia tc-14 mimbanite sidious vilim halla mara celegian ben. Utapau watto raymus ongree djo greeata leia sy zev. Vodran muunilinst mirialan iblis saché moff greeata. Sabé artaru sola aramandi yané tibor yoda qui-gon. Wedge kuat tahiri wedge wicket crynyd cal sal-solo. Lorth darth amanin dengar clawdite kalee. Hssis rex lumiya kalee cerean darth. P'w'eck saffa nassau kit. Wicket durge ozzel er'kit x1 thisspias. Bertroff klaatu disra y'bith. Letaki nikto greeata chazrach xexto chewbacca quee melodie. Solo terrik sola malastare poggle kenobi. Zann yuvernian devaronian vader tatooine selonian skywalker. Yavin myneyrsh teneniel organa. Croke ti cathar cassio organa tagge verpine vader vima-da-boda. Iv chadra-fan wedge darth ugnaught. Khai triclops pavan jettster finis jade bibble. Iktotchi tc-14 metalorn talortai. Darth cognus binks mas skywalker. Kal klaatu umbaran shi'ido myneyrsh spar. Darth shistavanen porkins isolder. Ponda devaronian felth p'w'eck zannah kwi freedon bossk. Ki-adi-mundi tierce dexter orrin aleena skywalker tarpals. Fett anomid jacen skywalker ikrit. Naberrie mara devaronian kor-uj neti kast klaatu. Kast rom jinn fisto antilles mod keshiri lama. Moff t'landa tharen bollux. Ruurian rukh muun barriss luuke gricho moor skywalker nautolan. Solo xizor dak ablajeck. Derek skywalker miraluka emtrey vestara carondian karrde rancisis muzzer. Medon quence mandalorians darth saesee sykes rishii brak mantell. Yuzzum raioballo hutt carnor zabrak logray roonan. Tambor hissa geonosian kamino. Nautolan obi-wan zuggs ansionian. Panaka bardan rom bothan thul. Boltrunians anzati chazrach moff bith kit x1. Bibble gilad jade k-3po wuher mod ka thrackan sidious. Kael watto jek walon malastare briqualon timoliini. Trandoshan soontir aurra dash needa thistleborn anomid togruta x2. Timoliini subterrel kiffar kast chistori dunwell yuvernian. Wookiee naberrie cody naberrie tono massa pau'an. Shawda c'baoth bothan airen p'w'eck. Fel thrella kast ikrit owen theelin keshiri ord. Dunwell veila haako ogemite.</p> </div> <div id="footer"> <div class="container"> <div class="row"> <h3 class="footertext">About Us:</h3> <br> <div class="col-md-4"> <center> <img src="http://oi60.tinypic.com/w8lycl.jpg" class="img-circle" alt="the-brains"> <br> <h4 class="footertext">Programmer</h4> <p class="footertext">You can thank all the crazy programming here to this guy.<br> </center> </div> <div class="col-md-4"> <center> <img src="http://oi60.tinypic.com/2z7enpc.jpg" class="img-circle" alt="..."> <br> <h4 class="footertext">Artist</h4> <p class="footertext">All the images here are hand drawn by this man.<br> </center> </div> <div class="col-md-4"> <center> <img src="http://oi61.tinypic.com/307n6ux.jpg" class="img-circle" alt="..."> <br> <h4 class="footertext">Designer</h4> <p class="footertext">This pretty site and the copy it holds are all thanks to this guy.<br> </center> </div> </div> <div class="row"> <p><center><a href="#">Contact Stuff Here</a> <p class="footertext">Copyright 2014</p></center></p> </div> </div> </div>
/* Footer styles -------------------------------------------------- */ html { position: relative; min-height: 100%; } body { /* Margin bottom by footer height */ margin-bottom: 60px; } #footer { position: absolute; bottom: 0; width: 100%; /* Set the fixed height of the footer here */ height: 280px; background: /* color overlay */ linear-gradient( rgba(240, 212, 0, 0.45), rgba(0, 0, 0, 0.45) ), /* image to overlay */ url(http://images.cdn.fotopedia.com/_avPIZmqM3w-7z161LH_268-hd.jpg); } /* Custom footer CSS -------------------------------------------------- */ .container { width: auto; max-width: 680px; padding: 0 15px; } .container .text-muted { margin: 20px 0; } .footertext { color: #ffffff; }

Related: See More


Questions / Comments: