<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<link href='http://fonts.googleapis.com/css?family=Questrial|Droid+Sans|Alice' rel='stylesheet' type='text/css'>
</head>
<body>
<div class="container">
<div class="row">
<div></div>
<img id="postcard" src="http://upload.wikimedia.org/wikipedia/commons/6/6d/FolliesBergereBoxCostume.jpg" alt="postcard" class="img-responsive move">
<div id="content" >
<h1> Contact me </h1>
<form role="form">
<div class="form-group">
<label for="username" class="iconic user" > Name <span class="required">*</span></label>
<input type="text" class="form-control" name="username" id="username" required="required" placeholder="Hi friend, how may I call you ?">
</div>
<div class="form-group">
<label for="usermail" class="iconic mail-alt"> E-mail address <span class="required">*</span></label>
<input type="email" class="form-control" name="usermail" id="usermail" placeholder="I promise I hate spam as much as you do" required="required">
</div>
<div class="form-group">
<label for="subject" class="iconic quote-alt"> Subject </label>
<input type="text" class="form-control" name="subject" id="subject" required="required" placeholder="What would you like to talk about?">
</div>
<div class="form-group">
<label for="message" class="iconic comment"> Message </label>