<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>
<div class="container">
<div class="col-md-9">
<h2>Create your snippet's HTML, CSS and Javascript in the editor tabs</h2>
</div>
<div id="land-widget" class="col-md-3 list-group">
<form class="form-horizontal" action="https://www.vulkanmedia.se" method="get">
<div class="form-group">
<div class="col-sm-12">
<div class="input-group">
<span class="input-group-addon" id="sizing-addon2">Sidor</span>
<select class="form-control" onchange="this.form.submit()" name="page_id" id="page_id">
<option class="level-0" value="16574">Danskt band</option>
<option class="level-0" value="18528">Holländskt band - Flexiband</option>
<option class="level-0" value="16573">Inbunden bok - hårdpärm</option>
<option class="level-0" value="16572">Mjukpärm</option>
<option class="level-0" value="16645">Pocket mjukpärm</option>
<option class="level-0" value="16575">Spiralbunden</option>
</select>
</div>
</div>
</div>
</form>
<a href="#" class="list-group-item">
<h4 class="list-group-item-heading">Beställ Bokpaket</h4>
<button class="btn btn-success btn-md btn-block" data-toggle="modal" data-target="#bestall">Beställ</button>
</a>
<a href="#" class="list-group-item">
<h4 class="list-group-item-heading">Vill du bli kontaktad om våra bokpaket?</h4>
<button class="btn btn-info btn-md btn-block" data-toggle="modal" data-target="#abModal">Kontakta mig</button>
</a>
<a href="#" class="list-group-item">
<h4 class="list-group-item-heading">Kontakta oss</h4>