exploring options to mark up and process a form

block.php

<?php
// this would require some data structure, you'd have the jobs in there as variables;
// i set them up here as if they're arrays but objects would be fine too


foreach($jobs as $job) : ?>

<div class="row career-block">
	<div class="col-md-9 career-description">
		<h1><?php echo $job['title']; ?></h1>
			<ul>
			<?php echo $job['requirements']; ?>
			</ul>
	</div>
	<div class="col-md-3 career-apply center">
		<a class="btn btn-secondary" href="#" data-toggle="modal" data-target="#myModal" data-position="<?php echo $job['title']; ?>">Apply</a>
	</div>
</div>

<?php endforeach; ?>

index.html

<!-- so this is what we'd be ending up with in theory, yes? -->
<div class="row career-block">
	<div class="col-md-9 career-description">
		<h1>Junior Software Engineer</h1>
			<ul>
			<!--	job requirements blah blah -->
			</ul>
	</div>
	<div class="col-md-3 career-apply center">
		<a class="btn btn-secondary" href="#" data-toggle="modal" data-target="#myModal" data-position="Junior Software Engineer">Apply</a>
	</div>
</div>