
<!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>
	<title></title>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
	<meta name="viewport" content="width=device-width" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<style type="text/css">
		body {
			width: 100%;
			margin: 0;
			padding: 0;
			/* Prevent auto resizing of font size in certain email clients */
			-webkit-text-size-adjust: 100% !important;
			-ms-text-size-adjust: 100% !important;
		}
		img {
			border: 0 none;
			outline: none;
			text-decoration: none;
			-ms-interpolation-mode: bicubic;
		}
		table {
			border-collapse: collapse;
		}
		/* Removes unwanted gap with aligned tables in Outlook */
		table, td {
			mso-table-lspace: 0pt;
			mso-table-rspace: 0pt;
		}
		/* Forces Outlook to display email at 100% width */
		.ExternalClass {
			width: 100%;
		}
		/* Corrects line-height issues on Outlook */
		.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {
			line-height: 100%;
		}
		/* Mobile Responsive Styles */
		/* Using attribute selectors to hide mobile styles from Yahoo! Mail */
		@media only screen and (max-width: 480px) {
			table[class=mobile-width], td[class=mobile-width], img[class=mobile-width] {
				width: 100% !important;
				height: auto !important;
			}
			table[class=center], td[class=center] {
				width: 100% !important;
				height: auto !important;
				text-align: center !important;
				padding-left: 0px !important;
				padding-right: 0px !important;
			}
			td[class=wrapper] {
				min-width: 0 !important;
				padding-top: 0 !important;
				padding-left: 0 !important;
				padding-right: 0 !important;
			}
		}
	</style>
</head>

<body style="width: 100%; -webkit-text-size-adjust: 100% !important; -ms-text-size-adjust: 100% !important; margin: 0; padding: 0;">

	<!-- /\/\/\/\/\/\/\/\/ START Inbox Preview Text /\/\/\/\/\/\/\/\/ -->
	<div style="display: none; width: 0px; height: 0px; min-height: 0px; overflow: hidden; font-size: 0px; line-height: 0px; color: #ffffff; mso-hide: all;">
	</div>
	<!-- /\/\/\/\/\/\/\/\/ END Inbox Preview Text /\/\/\/\/\/\/\/\/ -->

	<table align="center" width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;">
		<tbody><tr>
			<!-- Change background color of email -->
			<td style="background-color: #ecf0f1;">
				<table align="center" class="mobile-width" width="680" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse; margin: 0 auto;">
					<tbody><tr>
						<!-- min-width necessary in order to prevent auto-sizing in Gmail app -->
						<td class="wrapper" style="padding-left: 20px; padding-right: 20px; padding-top: 15px; padding-bottom: 45px; min-width: 640px;">

							<!-- /\/\/\/\/\/\/\/\/ START Hero /\/\/\/\/\/\/\/\/ -->
							<table class="mobile-width" width="640" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;">
								<tbody><tr>
									<td style="background-color: #007dc2;">
										<table class="mobile-width" width="640" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;">
											<tbody><tr>
												<td valign="top">
													<table align="left" class="mobile-width" width="582" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;">
														<tbody><tr>
															<td valign="top" class="center" style="padding-left: 40px; padding-top: 20px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 35px; line-height: 47px;color: #FFF; text-align: left;font-weight: 700;">
																<img src="https://balitbanghub.dephub.go.id/themes/balitbanghub/assets/images/favicon.png" width="28px" /> APLIKASI LOMBA VIDEO
																<div style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 16px;line-height: 27px;color: #f5f5f5;margin-bottom: 15px;font-weight: 700;">
																	Badan Penelitian dan Pengembangan Kementerian Perhubungan
																</div>
															</td>
														</tr>
													</tbody></table>
													<!--[if mso]></td><td valign="top"><![endif]-->
														<table align="left" class="mobile-width" width="420" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;">
															<tbody><tr>
																<td valign="bottom">
																</td>
															</tr>
														</tbody></table>
													</td>
												</tr>
											</tbody></table>
										</td>
									</tr>
								</tbody></table>
								<!-- /\/\/\/\/\/\/\/\/ END Hero /\/\/\/\/\/\/\/\/ -->

								<!-- /\/\/\/\/\/\/\/\/ START Body Content /\/\/\/\/\/\/\/\/ -->
								<table class="mobile-width" width="640" cellspacing="0" cellpadding="0" border="0" style="border-collapse: collapse;">
									<tbody><tr>
										<td style="padding-left: 29px; padding-right: 29px; padding-top: 20px; padding-bottom: 20px; background-color: #ffffff;">
											<table class="mobile-width" width="582" cellspacing="0" cellpadding="0" border="0" style="border-collapse: collapse;">
												<tbody>
													<tr>
														<td valign="top">
															<table align="left" class="mobile-width" width="582" cellspacing="0" cellpadding="0" border="0" style="border-collapse: collapse;">
																<tbody>
																	<tr>
																		<td valign="top" style="padding-left: 11px; padding-right: 11px; padding-bottom: 50px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 26px; color: #707582; text-align: center;">
																			<div style="font-size: 12px; line-height: 25px; mso-line-height-rule: exactly;">&nbsp;</div>
																			<div style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 24px; line-height: 28px; color: #292c34; font-weight: bold;"><?php echo nl2br($title); ?></div>
																		</td>
																	</tr>
																</tbody>
															</table>
														</td>
													</tr>
												</tbody>
											</table>
											<table class="mobile-width" width="582" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;">
												<tbody>
													<tr>
														<td valign="top">
															<table class="mobile-width" width="582" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;">
																<tbody><tr>
																	<td style="padding-left:20px;padding-right:20px;padding-top:22px;padding-bottom:22px;border-radius:4px;background-color: #f5ead0;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:15px;line-height:26px;color: #000;text-align:justify;">
																		<?php echo nl2br($message); ?>
																	</td>
																</tr>
															</tbody>
														</table>
													</td>
												</tr>
											</tbody>
										</table>
									</td>
								</tr>
							</tbody></table>
							<!-- /\/\/\/\/\/\/\/\/ END Body Content /\/\/\/\/\/\/\/\/ -->

							<!-- /\/\/\/\/\/\/\/\/ START Hero /\/\/\/\/\/\/\/\/ -->
							<table class="mobile-width" width="640" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;">
								<tbody><tr>
									<td style="background-color: #007dc2;">
										<table class="mobile-width" width="640" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;">
											<tbody><tr>
												<td valign="top">
													<table align="left" class="mobile-width" width="582" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;">
														<tbody><tr>
															<td valign="top" class="center" style="padding-left: 40px; padding-top: 20px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 35px; line-height: 47px;color: #FFF; text-align: center;font-weight: 700;">

																<!-- Hero Button -->
																<table border="0" cellspacing="0" cellpadding="0" style="border-collapse: collapse; display: inline-block;">
																	<tbody><tr>
																		<td style="-webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px;background-color: #FCDB00;">
																			<a href="<?php echo nl2br($link); ?>" target="_blank" style="padding: 15px 42px; display: inline-block;border: 1px solid #FCDB00; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 18px; line-height: normal; color: #ffffff; font-weight: bold; text-decoration: none;"><!--[if mso]>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<![endif]--><?php echo nl2br($button); ?><!--[if mso]>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<![endif]--></a>
																		</td>
																	</tr>
																</tbody></table>
															</td>
														</tr>
													</tbody></table>
													<!--[if mso]></td><td valign="top"><![endif]-->
														<table align="left" class="mobile-width" width="420" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;">
															<tbody><tr>
																<td valign="bottom">
																</td>
															</tr>
														</tbody></table>
													</td>
												</tr>
											</tbody></table>
										</td>
									</tr>
								</tbody></table>
								<!-- /\/\/\/\/\/\/\/\/ END Hero /\/\/\/\/\/\/\/\/ -->

							</td>
						</tr>
					</tbody></table>
				</td>
			</tr>
		</tbody></table>


	</body>
	</html>


