@model HelloWorldMvcApp.JobAlertMailModel
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bootstrap 101 Template</title>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center" class="full2" bgcolor="#efefef" style="background-color: #efefef;">
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center" class="mobile2">
<td width="100%" align="center">
<table width="600" border="0" cellpadding="0" cellspacing="0" align="center" class="full2">
<td width="600" height="50"></td>
<table width="600" border="0" cellpadding="0" cellspacing="0" align="center" class="full2">
<td width="600" valign="middle" align="center" class="logo">
<a href="http://be.accent.jobs/nl?utm_source=accentjobs&utm_medium=email&utm_content=headerlogo&utm_campaign=payslip{YEARURL}{WEEKURL}"><img border="0" src="http://storage.accent.jobs/marketing/mailtemplates/payslips/AccentJobs-logo.png" alt="">
<table width="600" border="0" cellpadding="0" cellspacing="0" align="center" class="full2">
<td width="600" height="50"></td>
<table width="600" border="0" cellpadding="0" cellspacing="0" align="center" style="-webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;" class="full2">
<td width="600" align="center" style="border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: #ffffff;" bgcolor="#ffffff">
<table width="600" border="0" cellpadding="0" cellspacing="0" align="center" bgcolor="#ffffff" style="background-color: #ffffff;" class="full2">
<td width="600" valign="middle" align="center">
<table width="540" border="0" cellpadding="0" cellspacing="0" align="center" style="text-align: center; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="full2">
<td width="100%" height="60"></td>
<table width="600" border="0" cellpadding="0" cellspacing="0" align="center" bgcolor="#ffffff" style="background-color: #ffffff;" class="mobile2">
<td width="600" valign="middle" align="center">
<table width="540" border="0" cellpadding="0" cellspacing="0" align="center" style="text-align: center; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="full2">
<td valign="middle" width="100%" style="text-align: center; font-family: Helvetica, sans-serif; font-size: 36px; color: #333333 ; line-height: 40px;">
<p style="font-size: 36px; line-height: 40px; color: #333333; ">
<span style="font-family: 'Roboto', Helvetica, sans-serif; font-weight: 300; color: #333333; ">
Beste @Model.UserInfo.FirstName @Model.UserInfo.LastName,
<td valign="middle" width="100%" style="text-align: center; font-family: Helvetica, sans-serif; font-size: 16px; color: #333333; line-height: 26px;">
<p style="border-bottom:1px solid #efefef;padding-bottom: 10px;">
<strong>@Model.Jobs.Count</strong> nieuwe jobs voor je zoekopdracht <a href="@(Model.JobOverviewUrl + "?" + @Model.SavedSearch.SearchUrlParameters)" style="color: #ff5800;" href="http://staging.accentjobs.be/nl/candidates/jobs/2015/06/11/metser-753-150614"><strong>@Model.SavedSearch.Title</strong></a> in een radius van <strong>@Model.SavedSearch.Radius</strong> km.
@foreach(var job in @Model.Jobs)
<p style="border-bottom:1px solid #efefef;padding-bottom: 10px;text-align: left;">
<a href="@job.DetailUrl" style="font-size:13px;color:#ff5800;margin-right: 10px;text-decoration: none; text-transform:uppercase;">@job.Title</a>
@foreach(var category in job.Categories)
<span style="margin-right: 2px;font-size:12px;color:#999999">@category</span>
<p style="margin-top: 5px;font-size: 13px">
<a href="" style="color: #ff5800">Bekijk alle jobs online</a>
<p style="margin-top: 5px;">
<a href="@Model.MyJobSearchesUrl" style="margin-right: 10px;display:inline-block;width:auto;text-decoration: none;color:white;background-color:#2b2b2b;padding:2px 10px;border-radius:5px">Pas alert aan</a> <a href="@Model.UnsubscribeUrl" style="margin-right: 10px;display:inline-block;width:auto;text-decoration: none;color:white;background-color:#ff5800;padding:2px 10px;border-radius:5px">Uitschrijven op deze alert</a>
<table width="600" border="0" cellpadding="0" cellspacing="0" align="center" bgcolor="#ffffff" style="background-color: #ffffff;" class="full2">
<td width="600" valign="middle" align="center">
<table width="540" border="0" cellpadding="0" cellspacing="0" align="center" style="text-align: center; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="full2">
<td width="100%" height="60"></td>
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center" class="full2" bgcolor="#efefef" style="background-color: #efefef;">
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center" class="full2">
<td width="100%" align="center">
<table width="600" border="0" cellpadding="0" cellspacing="0" align="center" class="full2">
<td width="600" align="center" style="border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: #2b2b2b;" bgcolor="#2b2b2b">
<table width="600" border="0" cellpadding="0" cellspacing="0" align="center" bgcolor="#2b2b2b" style="background-color: #2b2b2b;" class="full2">
<td width="600" valign="middle" align="center">
<table width="540" border="0" cellpadding="0" cellspacing="0" align="center" style="text-align: center; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="full2">
<td width="100%" height="20"></td>
<table width="600" border="0" cellpadding="0" cellspacing="0" align="center" class="mobile2" bgcolor="#2b2b2b" style="background-color: #2b2b2b;">
<td width="600" valign="middle" align="center">
<table width="540" border="0" cellpadding="0" cellspacing="0" align="center" style="text-align: center; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="full2">
<td valign="middle" width="100%" height="40"></td>
<td valign="middle" width="100%">
<a href="http://be.accent.jobs/nl?utm_source=accentjobs&utm_medium=email&utm_content=footerlogo&utm_campaign=payslip{YEARURL}{WEEKURL}"><img border="0" src="http://storage.accent.jobs/marketing/mailtemplates/payslips/AccentJobs-footer-logo.png" alt="{ACCENTJOBS_LOGO_ALT}">
<td valign="middle" width="100%" height="20"></td>
<td valign="middle" width="100%" style="text-align: center; font-family: Helvetica, sans-serif; font-size: 18px; color: #ffffff; line-height: 26px;">
<p style="font-weight: bold; font-size: 16px;"><a style="color: #fff" href="">Home</a> | <a style="color: #fff" href="">Vacatures</a> | <a style="color: #fff" href="">Contact</a> <br /><br /></p>
<td valign="middle" width="100%" style="text-align: center; font-family: Helvetica, sans-serif; font-size: 15px; color: #ffffff; line-height: 26px;">
<p style="font-weight: bold; font-size: 15px;">Vragen? Mail of bel ons</p>
<td valign="middle" width="100%" height="15" style="text-align: center; font-family: Helvetica, sans-serif; font-size: 15px; color: #ffffff; line-height: 26px;">
<td valign="middle" width="100%" style="text-align: center; font-family: Helvetica, sans-serif; font-size: 15px; color: #ffffff; line-height: 26px;">
<table width="600" border="0" cellpadding="0" cellspacing="0" align="center" class="mobile2" bgcolor="#2b2b2b" style="background-color: #2b2b2b">
<td valign="middle" align="center">
<table width="540" border="0" cellpadding="0" cellspacing="0" align="center" style="text-align: center; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="full2">
<table border="0" cellpadding="0" cellspacing="0" align="center">
<td align="center" valign="middle" height="25" style="padding-right: 5px; font-weight: bold;" class="icon12">
<a href="tel:000 000 000"><img border="0" style="padding-top: 5px;" src="http://storage.accent.jobs/marketing/mailtemplates/payslips/AccentJobs-icon-footer-tel.png" alt="000 000 000">
<td align="center" valign="middle" height="25" style="font-weight: bold; font-family: Helvetica, sans-serif; color: #ffffff">
<a href="tel:{OFFICE_PHONE}" style="font-family: Helvetica, sans-serif; font-weight: bold; color: #ffffff; font-size: 15px; text-decoration: none; display: block;">000 000 000</a>
<table width="600" border="0" cellpadding="0" cellspacing="0" align="center" class="mobile2" bgcolor="#2b2b2b" style="background-color: #2b2b2b">
<td valign="middle" align="center">
<table width="540" border="0" cellpadding="0" cellspacing="0" align="center" style="text-align: center; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="full2">
<table border="0" cellpadding="0" cellspacing="0" align="center">
<td align="center" valign="middle" height="25" style="padding-right: 5px; font-weight: bold;">
<a href="support@be.accent.jobs"><img border="0" style="padding-top: 5px;" src="http://storage.accent.jobs/marketing/mailtemplates/payslips/AccentJobs-icon-footer-email.png" alt="support@be.accent.jobs">
<td align="center" valign="middle" height="25" style=" font-weight: bold; font-family: Helvetica, sans-serif; color: #ffffff" class="icon12">
<a href="support@be.accent.jobs" style="font-family: Helvetica, sans-serif; font-weight: bold; color: #ffffff; font-size: 15px; text-decoration: none; display: block;">support@be.accent.jobs</a>
<table width="600" border="0" cellpadding="0" cellspacing="0" align="center" bgcolor="#2b2b2b" style="background-color: #2b2b2b;" class="full2">
<td width="600" valign="middle" align="center">
<table width="540" border="0" cellpadding="0" cellspacing="0" align="center" style="text-align: center; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="full2">
<td width="100%" height="50"></td>
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center" class="full2" bgcolor="#efefef" style="background-color: #efefef;">
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center" class="full2">
<td width="100%" align="center">
<table width="600" border="0" cellpadding="0" cellspacing="0" align="center" class="full2">
<td width="600" align="center" style="border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: #ff5800;" bgcolor="#ff5800">
<table width="600" border="0" cellpadding="0" cellspacing="0" align="center" bgcolor="#ff5800" style="background-color: #ff5800;" class="full2">
<td width="600" valign="middle" align="center">
<table width="540" border="0" cellpadding="0" cellspacing="0" align="center" style="text-align: center; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="full2">
<td width="100%" height="30"></td>
<table width="600" border="0" cellpadding="0" cellspacing="0" align="center" class="mobile2" bgcolor="#ff5800" style="background-color: #ff5800;">
<td width="600" valign="middle" align="center">
<table width="540" border="0" cellpadding="0" cellspacing="0" align="center" style="text-align: center; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="full2">
<td valign="middle" width="100%" align="center">
<table width="150" border="0" cellpadding="0" cellspacing="0" align="center" style="text-align: center; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="full2">
<a href="https://www.facebook.com/accentjobs"><img border="0" src="http://storage.accent.jobs/marketing/mailtemplates/payslips/AccentJobs-icon-social-facebook.png" alt="Volg Accent Jobs op Facebook">
<a href="https://twitter.com/accent_jobs"><img border="0" src="http://storage.accent.jobs/marketing/mailtemplates/payslips/AccentJobs-icon-social-twitter.png" alt="Volg Accent Jobs op Twitter">
<a href="https://www.linkedin.com/company/accent-jobs"><img border="0" src="http://storage.accent.jobs/marketing/mailtemplates/payslips/AccentJobs-icon-social-linkedin.png" alt="Volg Accent Jobs op LinkedIn">
<table width="600" border="0" cellpadding="0" cellspacing="0" align="center" bgcolor="#ff5800" style="background-color: #ff5800;" class="full2">
<td width="600" valign="middle" align="center">
<table width="540" border="0" cellpadding="0" cellspacing="0" align="center" style="text-align: center; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="full2">
<td width="100%" height="30" style="font-family: Helvetica, sans-serif; font-size: 13px; color: #ffffff;">
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center" class="full2" bgcolor="#efefef" style="background-color: #efefef;">
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center" class="full2">
<td width="100%" align="center">
<table width="600" border="0" cellpadding="0" cellspacing="0" align="center" class="full2">
<td width="600" align="center" style="border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: #efefef" bgcolor="#efefef">
<table width="600" border="0" cellpadding="0" cellspacing="0" align="center" bgcolor="#efefef" style="background-color: #efefef;" class="full2">
<td width="600" valign="middle" align="center">
<table width="540" border="0" cellpadding="0" cellspacing="0" align="center" style="text-align: center; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="full2">
<td width="100%" height="30" style="font-family: Helvetica, sans-serif; font-size: 13px; color: #ffffff;">