app/views/agency/uscis/success.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>
.bg-navy { background-color: #003366; }
.bg-cover { background-size: cover; }
.bg-hero { background-image: url(<%= image_url 'uscis/hero.jpg' %>); }
.hero-inner { height: 250px; }
</style>
</head>
<body>
<%= render 'shared/success_banner' %>
<div class="relative bg-navy white px2 py1 clearfix">
<div class="container sm-show">
<div class="sm-col-right">
<div class="h6">Español | Blog | About USCIS | Contact Us</div>
</div>
</div>
<div class="absolute top-0 left-0 right-0 center">
<%= image_tag "uscis/logo.png" %>
</div>
</div>
<div class="relative border-bottom p2 clearfix">
<div class="container sm-show">
<div class="sm-col">
<a href="#!" class="h5 btn p0 py1">A-Z Index</a> |
<a href="#!" class="h5 btn p0 py1">Get Email Updates</a>
</div>
<div class="sm-col-right">
<a href="#!" class="h5 btn p0 py1">Search our Site</a> |
<a href="#!" class="h5 btn p0 py1">Ask a Question</a>
</div>
</div>
</div>
<div class="bg-darken-1 py1 sm-show">
<div class="container">
<div class="sm-flex center nowrap caps">
<div class="flex-auto">
<a href="#!" class="h5 btn block">Forms</a>
</div>
<div class="flex-auto">
<a href="#!" class="h5 btn block">News</a>
</div>
<div class="flex-auto">
<a href="#!" class="h5 btn block">Citizenship</a>
</div>
<div class="flex-auto">
<a href="#!" class="h5 btn block"><%= (' ' * 10).html_safe %></a>
</div>
<div class="flex-auto">
<a href="#!" class="h5 btn block">Green Card</a>
</div>
<div class="flex-auto">
<a href="#!" class="h5 btn block">Tools</a>
</div>
<div class="flex-auto">
<a href="#!" class="h5 btn block">Laws</a>
</div>
</div>
</div>
</div>
<div class="container">
<div class="bg-silver py4 bg-cover bg-hero">
<div class="sm-show hero-inner"></div>
</div>
<div class="clearfix p2 mxn2 center">
<div class="sm-col sm-col-4 px2">
<%= image_tag "uscis/ico-1.png" %>
<h2 class="h3 mt0 mb1">Check your Case Status</h2>
<p>Track your application or petition as it moves through the immigration process</p>
</div>
<div class="sm-col sm-col-4 px2">
<%= image_tag "uscis/ico-2.png" %>
<h2 class="h3 mt0 mb1">Find a USCIS Office</h2>
<p>Locate your nearest field or international USCIS office</p>
</div>
<div class="sm-col sm-col-4 px2">
<%= image_tag "uscis/ico-3.png" %>
<h2 class="h3 mt0 mb1">Make an Appointment</h2>
<p>Schedule a free appointment to visit a local USCIS office and get answers on your case</p>
</div>
</div>
</div>
</body>
</html>