app/views/agency/sba/failure.html.erb
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Identity</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<%= stylesheet_link_tag 'application', media: 'all' %>
<%= csrf_meta_tags %>
<style>
.page-border { border-color: #01aeee; border-top-width: 6px; }
.bg-contain { background-size: contain; }
.bg-hero { background-image: url(<%= image_url 'sba/hero.png' %>); }
.hero-inner { height: 250px; }
</style>
</head>
<body class="bg-silver">
<div class="container bg-white">
<%= render 'shared/failure_banner' %>
<div class="border-top page-border p1 sm-show">
<div class="clearfix mxn2">
<div class="col-7 px2 mx-auto">
<div class="sm-flex center nowrap caps gray">
<div class="flex-auto">
<a href="#!" class="h6 btn block regular">Translate</a>
</div>
<div class="flex-auto">
<a href="#!" class="h6 btn block regular">Contact Us</a>
</div>
<div class="flex-auto">
<a href="#!" class="h6 btn block regular">For Lenders</a>
</div>
<div class="flex-auto">
<a href="#!" class="h6 btn block regular">Newsroom</a>
</div>
</div>
</div>
</div>
</div>
<div class="py3 center">
<%= image_tag 'sba/logo.png', class: "align-middle" %>
</div>
<div class="py2 sm-show">
<div class="sm-flex center nowrap">
<div class="flex-auto">
<a href="#!" class="h4 btn block">Starting & Managing</a>
</div>
<div class="flex-auto">
<a href="#!" class="h4 btn block">Loans & Grants</a>
</div>
<div class="flex-auto">
<a href="#!" class="h4 btn block">Contracts</a>
</div>
<div class="flex-auto">
<a href="#!" class="h4 btn block">Learning Center</a>
</div>
<div class="flex-auto">
<a href="#!" class="h4 btn block">Local Assistance</a>
</div>
<div class="flex-auto">
<a href="#!" class="h4 btn block">About SBA</a>
</div>
</div>
</div>
<div class="bg-silver py4 bg-contain bg-hero">
<div class="sm-show hero-inner"></div>
</div>
<div class="p2">
<br><br><br><br><br><br><br><br>
</div>
</div>
</body>
</html>