footer.php

    <!-- Footer -->
    <div class="navbar navbar-default navbar-fixed-bottom wow fadeIn">
        <div class="container-fluid">
            <div class="footer navbar-brand" style="font-size: 16px;">Designed by Kieran West 2017</div>
            <a href="#contact" class="navbar-btn btn btn-primary pull-right" data-toggle="modal">Contact Us</a>
        </div>
    </div>
    
    <!-- Modal -->
	<div class="modal fade" id="contact" role="dialog">
		<div class="modal-dialog">
			<div class="modal-content">
			<!--Modal Form Start-->
			<form class="form-horizontal">
				<div class="modal-header">
					<h3>Contact Us</h3>
				</div>
				
				<div class="modal-body">
					<div class="form-group">
						<label for="contact-name" class="col-lg-2 control-label">Name</label>
						<div class="col-lg-10">
							<input type="text" class="form-control" id="contact-name" placeholder="Full Name">
						</div>
					</div>
					<div class="form-group">
						<label for="contact-email" class="col-lg-2 control-label">Email</label>
						<div class="col-lg-10">
							<input type="email" class="form-control" id="contact-email" placeholder="you@example.com">
						</div>
					</div>
					<div class="form-group">
						<label for="contact-msg" class="col-lg-2 control-label">Message</label>
						<div class="col-lg-10">
							<textarea class="form-control" rows="8"></textarea>
						</div>
					</div>
				</div>
				
				<div class="modal-footer">
					<a class="btn btn-success" type="submit">Submit</a>
					<a class="btn btn-default" data-dismiss="modal">
						Close
					</a>
				</div>
			</form>	
			</div>
		</div>
	</div>