<div class="newsletter-table-wrapper">
	<table class="table-1 table-full-width">
		<colgroup class="hide-lg">
			<col class="col-xl-2">
			<col class="col-xl-8">
			<col class="col-xl-2">
		</colgroup>
		<thead>
			<tr>
				<th>
					<a href="javascript:;" class="text-nowrap active">
						Frequency <i class="icons-sort-asc icon-inline"></i>
					</a>
				</th>

				<th class="hide-md">
					<a href="javascript:;" class="text-nowrap">
						Newsletter <i class="icons-sort-asc icon-inline"></i>
					</a>
				</th>

				<th class="hide-md text-right">
					Focus
				</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td>
					<strong>Monthly</strong>
				</td>
				<td class="check-data">
					<input type="checkbox" class="checkbox-input" id="checkbox-1">
					<label for="checkbox-1">
						<h3 class="row-title text-main">CIO View</h3>
						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa excepturi, repellendus ullam vitae repudiandae rerum quas numquam quod maxime eum sunt facilis neque minima blanditiis, ipsa, soluta mollitia! Repellat, nostrum.</p>
					</label>
				</td>
				<td class="aux-v-align-middle">
					<ul class="list-inline comma-separator pull-right list-categories hide-sm">
						<li class="row-category text-main">Infographics</li>
						<li class="row-category text-main">Lorem ipsum</li>
					</ul>
				</td>
			</tr>
			<tr>
				<td>
					<strong>Monthly</strong>
				</td>
				<td class="check-data">
					<input type="checkbox" class="checkbox-input" id="checkbox-2">
					<label for="checkbox-2">
						<h3 class="row-title text-main">CIO View</h3>
						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa excepturi, repellendus ullam vitae repudiandae rerum quas numquam quod maxime eum sunt facilis neque minima blanditiis, ipsa, soluta mollitia! Repellat, nostrum.</p>
					</label>
				</td>
				<td class="aux-v-align-middle">
					<ul class="list-inline comma-separator pull-right list-categories hide-sm">
						<li class="row-category text-main">Infographics</li>
						<li class="row-category text-main">Lorem ipsum</li>
					</ul>
				</td>
			</tr>
			<tr>
				<td>
					<strong>Monthly</strong>
				</td>
				<td class="check-data">
					<input type="checkbox" class="checkbox-input" id="checkbox-3">
					<label for="checkbox-3">
						<h3 class="row-title text-main">CIO View</h3>
						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa excepturi, repellendus ullam vitae repudiandae rerum quas numquam quod maxime eum sunt facilis neque minima blanditiis, ipsa, soluta mollitia! Repellat, nostrum.</p>
					</label>
				</td>
				<td class="aux-v-align-middle">
					<ul class="list-inline comma-separator pull-right list-categories hide-sm">
						<li class="row-category text-main">Infographics</li>
						<li class="row-category text-main">Lorem ipsum</li>
					</ul>
				</td>
			</tr>
		</tbody>
	</table>
	<div class="row content internal-concept">
		<div class="col-xl-12">
			{{ render "atoms/global/space:hr no-margin-top" space=15 }}
		</div>
		<div class="col-xl-10 col-md-12 pull-right">
			<input type="checkbox" id="subscribe-all" data-subscribe="Subscribe all" data-unsubscribe="Unsubscribe all">
			<label for="subscribe-all">
				Subscribe all
			</label>
		</div>
	</div>
</div>

{{#unless nojs }}
<script>
	window.addEventListener('load', function() {
	/**
	 * START - REQUIRED JS SNIPPET
	 */
		{{ render "atoms/scripts/script-newsletter" }}
	 /**
	  * END - REQUIRED JS SNIPPET
	  */
	});
</script>
{{/unless }}
