Untitled

mail@pastecode.io avatar
unknown
plain_text
a year ago
3.5 kB
2
Indexable
Never
<!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>