<!DOCTYPE html>
<html lang="sv">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
<title>Beställningsformulär</title>
</head>
<body>
<div class="container mt-5">
<div class="text-left">
<img src="logo.png" alt="Din Logo" class="logo">
</div>
<div class="text-left">
<h1>Beställningsformulär</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam quia sapiente
facere quidem! Consequuntur maxime magni, nisi porro quidem unde
optio quo repudiandae dolorem sint nam quos architecto recusandae eos.
</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam quia sapiente
facere quidem! Consequuntur maxime magni, nisi porro quidem unde
optio quo repudiandae dolorem sint nam quos architecto recusandae eos.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam quia sapiente
facere quidem! Consequuntur maxime magni, nisi porro quidem unde
optio quo repudiandae dolorem sint nam quos architecto recusandae eos.Lorem ipsum dolor sit amet
consectetur adipisicing elit. Nam quia sapiente
facere quidem! Consequuntur maxime magni, nisi porro quidem unde
optio quo repudiandae dolorem sint nam quos architecto recusandae eos.
</p>
<h2>Välj låtar och media:</h2>
</div>
<form action="#" method="post">
<div class="row">
<label for="fnamn" class="col-sm-2 col-form-label">Förnamn*:</label>
<div class="col-sm-10">
<input type="text" id="fnamn" name="fnamn" class="form-control float-right">
</div>
</div>
<div class="row">
<label for="enamn" class="col-sm-2 col-form-label">Efternamn*:</label>
<div class="col-sm-10">
<input type="text" id="enamn" name="enamn" class="form-control float-right">
</div>
</div>
<div class="row">
<label for="adress" class="col-sm-2 col-form-label">Adress*:</label>
<div class="col-sm-10">
<input type="text" id="adress" name="adress" class="form-control float-right">
</div>
</div>
<div class="row">
<label for="mejl" class="col-sm-2 col-form-label">E-post*:</label>
<div class="col-sm-10">
<div class="input-group mb-3">
<span class="input-group-text" id="basic-addon1">@</span>
<input type="text" id="mejl" name="mejl" class="form-control float-right">
</div>
</div>
</div>
<!-- Lägg till fler fält här -->
<button type="submit" class="btn btn-primary float-right">Skicka beställning</button>
</form>
</div>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>