<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<div class="container">
<div class="row">
<div class="col-md-7">
<h1 class="title">Get in touch with us.</h1>
<p class="subtitle">We appreciate all feedback we receive – positive and constructive - and love to hear what you think about our programmes and services. </p>
</div>
</div>
<div class="row map-form">
<div class="col-md-7">
<form class="form">
<div class="form__row">
<input type="text" class="form__field" name="name" id="name" required>
<span class="floating-label">Full Name</span>
</div>
<div class="form__row">
<input type="text" class="form__field" name="email" id="email" required>
<span class="floating-label">Email Address</span>
</div>
<div class="form__row">
<input type="text" class="form__field" name="phone" id="phone" required>
<span class="floating-label">Phone Number with Country Code</span>
</div>
<div class="form__row">
<label class="form__title" for="job-function">Subject</label>
<select class="form__field form__field--select" name="job-function" required>
<option value="" selected="selected">Select a Subject</option>
<option value="op1">Subject 1</option>
<option value="op2">Subject 2</option>
<option value="op3">Subject 3</option>
