|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>*|MC:SUBJECT|*</title>
<style type="text/css" data-roadie-ignore>
/* ---- CLIENT-SPECIFIC STYLES ---- */
/* Force Outlook to provide a "view in browser" message */
#outlook a{padding:0;}
/* Force Hotmail to display emails at full width */
.ReadMsgBody{width:100%;} .ExternalClass{width:100%;}
/* Force Hotmail to display normal line spacing */
.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;}
/* Prevent WebKit and Windows mobile changing default text sizes */
body, table, td, p, a, li, blockquote{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}
/* Remove spacing between tables in Outlook 2007 and up */
table, td{mso-table-lspace:0pt; mso-table-rspace:0pt;}
/* Allow smoother rendering of resized image in Internet Explorer */
img{-ms-interpolation-mode:bicubic;}
/* ---- RESET STYLES ---- */
body{margin:0; padding:0;}
img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;}
table{border-collapse:collapse !important;}
body, .bodyTable, .bodyCell{height:100% !important; margin:0; padding:0; width:100% !important;}
/* ---- TEMPLATE STYLES ---- */
.container, #page-header, #page-content, #page-content2, #page-footer { width: 600px; }
.page-footer a {
color: #202020;
text-decoration: underline;
}
.btn:hover { background: rgba(0, 0, 0, 0.2); }
.btn.btn-success:hover { background-color: rgba(146, 188, 100, 0.25); }
/* ---- MOBILE STYLES ---- */
@media only screen and (max-width: 480px){
/* ---- CLIENT-SPECIFIC MOBILE STYLES ---- */
/* Prevent Webkit platforms from changing default text sizes */
body, table, td, p, a, li, blockquote{-webkit-text-size-adjust:none !important;}
/* Prevent iOS Mail from adding padding to the body */
body{width:100% !important; min-width:100% !important;}
/* ---- MOBILE RESET STYLES ---- */
.bodyCell{padding:0px !important;}
/* ---- MOBILE STYLES ---- */
@media only screen and (max-width: 480px){
/* ---- MOBILE TEMPLATE STYLES ---- */
.page-header, #page-header, #page-content, #page-content2, #page-footer { width: 100%; padding-left: 25px; padding-right: 25px; margin-left: 0px; margin-right: 0px;}
.hide-mobile { display:none !important; }
}
}
</style>
<style>
/* ---- TEMPLATE STYLES ---- */
body, .bodyTable{
/*@editable*/ background-color:#FFFFFF;
padding: 0px; margin: 0px;
}
h1 {
/* mission description 2: */
font-family: Avenir-Light;
font-size: 28px;
color: #000000;
line-height: 38px;
}
#page-header {padding-bottom: 23px;}
.bodyTable, .bodyCell { margin: 0px; padding: 0px;}
#body-success { background-color: #92BC64; width: 100%; margin-left: 0px; margin-right: 0px;}
#body-danger { background-color: #ED5A51; width: 100%; margin-left: 0px; margin-right: 0px;}
#body-default { background-color: #F3F3F3; width: 100%; margin-left: 0px; margin-right: 0px;}
.cetered { text-align: center; }
#content-main { padding-left: 10px; padding-right: 10px; }
.page-welcome {
text-align: center;
padding-top: 30px;
padding-bottom: 60px;
}
.page-how-to {
text-align: center;
padding-top: 30px;
padding-bottom: 10px;
}
.page-welcome h1 {
font-family: Helvetica;
font-size: 32px;
color: #000000;
line-height: 38px;
text-align: center;
font-weight: 300;
margin-top: 45px;
margin-bottom: 32px;
}
.page-welcome h2, .page-how-to h2 {
font-family: Helvetica;
font-size: 24px;
color: #000000;
line-height: 34px;
text-align: center;
font-weight: 300;
margin-top: 45px;
margin-bottom: 32px;
}
.page-header h3 {
font-family: Helvetica-Light;
font-size: 28px;
color: #000000;
line-height: 38px;
font-weight: 400;
margin-top: 0px;
}
.page-welcome p {
font-family: Helvetica-Light;
font-size: 18px;
color: #1D1D26;
line-height: 25px;
margin-top: 0px;
text-align: center;
}
.page-footer {
text-align: center;
margin-top: 30px;
margin-bottom: 25px;
font-family: Avenir-LightOblique;
font-size: 14px;
color: #000000;
line-height: 19px;
}
.page-footer a {
color: #202020;
text-decoration: none;
}
hr { border: 1px solid black; margin-bottom: 30px;}
.btn {
display: inline-block;
padding: 4px 12px;
margin-bottom: 0;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-color: transparent;
border: 2px solid #202020;
border-bottom-color: #202020;
border-radius: 4px;
text-shadow: none;
font-family: Avenir-Book;
font-style: normal;
color: #333333;
text-transform: none;
text-decoration:none;
}
.btn.btn-success {
color: #92BC64;
border-color: #92BC64;
}
.btn-container {
margin-bottom: 45px;
margin-top: 35px;
text-align: center;
}
.step-box {
border: 2px solid #D4D4DE;
border-radius: 4px;
width: 300px;
height: 54px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}
.step-box .number {
font-family: Helvetica-Bold;
font-size: 40px;
color: #000000;
line-height: 53px;
width: 50px;
padding-top: 5px;
}
.step-box .text {
width: 250px;
padding-top: 20px;
text-align: left;
padding-left: 5px;
font-family: Helvetica-Bold;
font-size: 14px;
color: #000000;
line-height: 19px;
}
.copyright {
padding-top: 15px;
}
</style>
</head>
<body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0">
<table align="center" border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" class="bodyTable">
<tr>
<td align="center" valign="top" class="bodyCell">
<!-- BEGIN HEADER // -->
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="page-header" style="margin-bottom: 22px; margin-top: 4px">
<tr>
<td valign="top" class="cetered">
<img src="http://avalanche2.s3.amazonaws.com/email_files/base/avalanche2_logomark.png" style="width:174px; height: 124px;" id="logo" />
</td>
</tr>
</table>
<!-- // END HEADER -->
</td>
</tr>
</table>
<table align="center" border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" class="bodyTable" id="body-default">
<tr>
<td align="center" valign="top" class="bodyCell">
<!-- BEGIN BODY // -->
<table border="0" cellpadding="0" cellspacing="0" class="container" id="page-content">
<tr>
<td valign="top" class="centered" id="content-main">
<%= content_tag(:div, class: 'page-welcome centered') do %>
<%= content_tag(:h1, ( t 'sign_up_email.welcome')) %>
<hr>
<%= content_tag(:p, (t 'sign_up_email.welcome_text'), class: 'tagline') %>
<% end %>
</td>
</tr>
</table>
<!-- // END BODY -->
</td>
</tr>
</table>
<table align="center" border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" class="bodyTable">
<tr>
<td align="center" valign="top" class="bodyCell">
<!-- BEGIN FOOTER // -->
<table border="0" cellpadding="0" cellspacing="0" class="container" id="page-footer">
<tr>
<td valign="top" class="centered">
<%= content_tag(:div, class: 'page-footer') do %>
<%= link_to((t 'agent.dashboard'), url_for(controller: 'agents', action: 'dashboard', only_path: false)) %>
|
<%= link_to((t 'missions.missions'), url_for(controller: 'missions', action: 'index', only_path: false)) %>
|
<%= link_to((t 'agent.account'), url_for(controller: 'devise/registrations', action: 'edit', only_path: false)) %>
<br>
<span class="copyright">© Avalanche Network</span>
<% end %>
</td>
</tr>
</table>
<!-- // END FOOTER -->
</td>
</tr>
</table>
</body>
</html>
|
