Share panel

<h2>Success!</h2>
<style>
.panel{border-style:solid;border-width:1px;border-color:#d8d8d8;margin-bottom:1.25rem;padding:1.25rem;background:#f2f2f2}
.large-12{width:98%;margin-left:1%;margin-right:1%;}
.inline-list{padding:0;list-style:none;overflow:hidden;margin:0 auto;}
.inline-list>li{list-style:none;float:left;margin-left:1.375rem;display:block}
.inline-list>li>*{display:block}
.admit,.share{display:block;color:#fff;text-decoration:none;padding:8px;margin-bottom:4px;border-bottom:solid 1px #fff;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.fa-twitter{background:#00aced}.fa-twitter:hover{color:#00aced;background:#fff;border-bottom:1px solid #00aced}
.fa-facebook{background:#3b5998}.fa-facebook:hover{color:#3b5998;background:#fff;border-bottom:1px solid #3b5998}
.fa-tumblr{background:#32506d}.fa-tumblr:hover{color:#32506d;background:#fff;border-bottom:1px solid #32506d}
.fa-pinterest{background:#cb2027}.fa-pinterest:hover{color:#cb2027;background:#fff;border-bottom:1px solid #cb2027}
.fa-google-plus{background:#dd4b39}.fa-google-plus:hover{color:#dd4b39;background:#fff;border-bottom:1px solid #dd4b39}
</style>


<div class="large-12 columns panel">
	<p class="large-offset-2">Share this</p>
	<ul class="inline-list">
		<li><a href="https://twitter.com/intent/tweet?text=I%20just%20applied%20to%20@ColumbiaChi!%20http%3A%2F%2Fcolum.edu/apply%20%23livewhatyoulove%20%23columbiachi%20%23columbiacollegechicago" target="_blank" class="fa fa-twitter share"> Twitter</a></li>
		<li><a href="http://www.tumblr.com/share/link?url=http%3A%2F%2Fcolum.edu/apply&description=I%20just%20applied%20to%20@ColumbiaChi!%20http%3A%2F%2Fcolum.edu/apply%20%23livewhatyoulove%20%23columbiachi%20%23columbiacollegechicago" target="_blank" class="fa fa-tumblr share"> Tumblr</a></li>
		<li><a href="http://www.facebook.com/sharer/sharer.php?u=http://www.colum.edu/apply" target="_blank" class="fa fa-facebook share"> Facebook</a></li>
		<li><a href="https://pinterest.com/pin/create/button/?url=http://www.colum.edu/apply&media=http://www.colum.edu/images/logo.png&description=I%20just%20applied%20to%20@ColumbiaChi!%20http%3A%2F%2Fcolum.edu/apply%20%23livewhatyoulove%20%23columbiachi%20%23columbiacollegechicago" target="_blank" class="fa fa-pinterest share"> Pinterest</a></li>
		<li><a href="https://plus.google.com/share?url=http://www.colum.edu/apply" target="_blank" class="fa fa-google-plus share"> Google+</a></li>
	</ul>
</div>

Foundation 5.x
FontAwesome