_app.html.erb

<div class="row">
		    	<h4><%= app.name%></h4>
				<ul class= "inline-list">
		            <% unless app.android_link.nil? %>
						<li><a href="<%= app.android_link %>" class="fc-webicon googleplay">Download on Google Play</a></li>
					<% end %>
					<% unless app.iphone_link.nil? %>
						<li><a href="<%= app.iphone_link%>" class="fc-webicon apple">Download on Apps Store</a></li>
					<% end %>
				</ul>
			</div>

_footer.html.erb

<footer>
    
      <hr />
      <div class="row">
        <div class="large-6 columns">
          <p>&copy; Copyright AppDomum Developers Consortium 2013.</p>
        </div>
        <div class="large-6 columns">
          <ul class="inline-list right">
            <li><a href="https://www.facebook.com/AppDomum" class="fc-webicon facebook">Like us on Facebook</a></li>
            <li><a href="https://plus.google.com/106056812072364289629/about" class="fc-webicon googleplus">Like us on Google</a></li>
            <li><a href="https://twitter.com/AppDomum" class="fc-webicon twitter">Like us on Twitter</a></li>
            
          </ul>
        </div>
      </div> 
  </footer>

application.css

/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *
 *= require_self
 *= require formtastic
 *= require foundation_and_overrides
 *= require_tree .
*/

@import 'foundation-social-web-icons';
@import "foundation";

@media only screen and (min-width: 768px) {
.title-area {
  margin-left: 6em;
}


}
.errors {
  margin-left: 6em;
}

.img {
  width: 100%
}


.panel {
  -moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
-khtml-border-radius: 10px; 
}

li {
  list-style-type: none;
  }

.fixed-icon {
@extend .hide-for-small;
    width: 10%;
  left: 0;
  position: fixed;
  top: 0;
  z-index: 99;
}

.top-bar {
  opacity:0.9;
  filter:alpha(opacity=90);

}

.title-area {
  padding: 5px 5px;
  font-weight: bold;
  letter-spacing: -1px;
  
}

#main{
  margin-top: 30px;
}

.brand {
  float: left;
  padding-right: 8px;
}
ul.nav {
  list-style: none;
  margin: 0 0 1em;
  padding: 0;
}
ul.nav li {
  display: inline;
}
#flash_notice, #flash_alert {
  padding: 5px 8px;
  margin: 10px 0;
}
#flash_notice {
  background-color: #CFC;
  border: solid 1px #6C6;
}
#flash_alert {
  background-color: #FCC;
  border: solid 1px #C66;
}
 //= require foundation_and_overrides

applications.css.scss

.fc-webicon {
  position: relative;
  display: inline-block;
  background-size: 100%;
  width: 30px;
  height: 30px;
  text-indent: -999em;
  text-align: left;
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 5px;
}

/* line 3, ../../../../.rvm/gems/ruby-2.0.0-p0@appdomumsite/bundler/gems/foundation-social-web-icons-rails-68bc0cad37a9/vendor/assets/stylesheets/_foundation-social-web-icons.scss */
.fc-webicon:hover {
  -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.25);
}

/* line 4, ../../../../.rvm/gems/ruby-2.0.0-p0@appdomumsite/bundler/gems/foundation-social-web-icons-rails-68bc0cad37a9/vendor/assets/stylesheets/_foundation-social-web-icons.scss */
.fc-webicon.small {
  width: 20px;
  height: 20px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

/* line 5, ../../../../.rvm/gems/ruby-2.0.0-p0@appdomumsite/bundler/gems/foundation-social-web-icons-rails-68bc0cad37a9/vendor/assets/stylesheets/_foundation-social-web-icons.scss */
.fc-webicon.large {
  width: 48px;
  height: 48px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
/* line 35, ../../../../.rvm/gems/ruby-2.0.0-p0@appdomumsite/bundler/gems/foundation-social-web-icons-rails-68bc0cad37a9/vendor/assets/stylesheets/_foundation-social-web-icons.scss */
.fc-webicon.googleplus {
  width: 30px;
  height: 30px;
  background: url(/assets/foundation-social-web-icons.png) -882px -9px no-repeat;
}

/* line 36, ../../../../.rvm/gems/ruby-2.0.0-p0@appdomumsite/bundler/gems/foundation-social-web-icons-rails-68bc0cad37a9/vendor/assets/stylesheets/_foundation-social-web-icons.scss */
.fc-webicon.googleplus.small {
  width: 20px;
  height: 20px;
  background: url(/assets/foundation-social-web-icons.png) -912px -14px no-repeat;
}

/* line 37, ../../../../.rvm/gems/ruby-2.0.0-p0@appdomumsite/bundler/gems/foundation-social-web-icons-rails-68bc0cad37a9/vendor/assets/stylesheets/_foundation-social-web-icons.scss */
.fc-webicon.googleplus.large {
  width: 48px;
  height: 48px;
  background: url(/assets/foundation-social-web-icons.png) -932px 0px no-repeat;
}

/* line 23, ../../../../.rvm/gems/ruby-2.0.0-p0@appdomumsite/bundler/gems/foundation-social-web-icons-rails-68bc0cad37a9/vendor/assets/stylesheets/_foundation-social-web-icons.scss */
.fc-webicon.facebook {
  width: 30px;
  height: 30px;
  background: url(/assets/foundation-social-web-icons.png) -490px -9px no-repeat;
}

/* line 24, ../../../../.rvm/gems/ruby-2.0.0-p0@appdomumsite/bundler/gems/foundation-social-web-icons-rails-68bc0cad37a9/vendor/assets/stylesheets/_foundation-social-web-icons.scss */
.fc-webicon.facebook.small {
  width: 20px;
  height: 20px;
  background: url(/assets/foundation-social-web-icons.png) -520px -14px no-repeat;
}

/* line 25, ../../../../.rvm/gems/ruby-2.0.0-p0@appdomumsite/bundler/gems/foundation-social-web-icons-rails-68bc0cad37a9/vendor/assets/stylesheets/_foundation-social-web-icons.scss */
.fc-webicon.facebook.large {
  width: 48px;
  height: 48px;
  background: url(/assets/foundation-social-web-icons.png) -540px 0px no-repeat;
}

/* line 98, ../../../../.rvm/gems/ruby-2.0.0-p0@appdomumsite/bundler/gems/foundation-social-web-icons-rails-68bc0cad37a9/vendor/assets/stylesheets/_foundation-social-web-icons.scss */
.fc-webicon.twitter {
  width: 30px;
  height: 30px;
  background: url(/assets/foundation-social-web-icons.png) -2940px -9px no-repeat;
}

/* line 99, ../../../../.rvm/gems/ruby-2.0.0-p0@appdomumsite/bundler/gems/foundation-social-web-icons-rails-68bc0cad37a9/vendor/assets/stylesheets/_foundation-social-web-icons.scss */
.fc-webicon.twitter.small {
  width: 20px;
  height: 20px;
  background: url(/assets/foundation-social-web-icons.png) -2970px -14px no-repeat;
}

/* line 100, ../../../../.rvm/gems/ruby-2.0.0-p0@appdomumsite/bundler/gems/foundation-social-web-icons-rails-68bc0cad37a9/vendor/assets/stylesheets/_foundation-social-web-icons.scss */
.fc-webicon.twitter.large {
  width: 48px;
  height: 48px;
  background: url(/assets/foundation-social-web-icons.png) -2990px 0px no-repeat;
}