<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Bücherwurm WebInterface</title>
    <link rel="stylesheet" type="text/css" href="scss/main.css" media="screen" />
</head>
<body class="theme-1">
    <div name="main"><!-- der ganze Inhalt ohne Hintergrund. Soll mobileFirst Senkrecht ausgerichtet sein -->
        <h1>Bücherwurm Bibliotheksverwaltung</h1><!-- vorläufiger Titel der Webseite-->
        <div><!-- Feld für Liste mit den Dropdowns, Inhalt wird mittig zentriert -->
            <dl>
                <form name="KatalogNav">
                    <dt>
                        <label for="choices">Katalog</label>
                    </dt>
                    <dd>
                        
                        <select name="selection" id="selection" onchange="location.assign(this.value);">
                            <option></option>
                            <option value=findKatalog.htm>Finden</option>
                            <Option value="addKatalog.htm">Hinzufügen</Option>
                            <option value="changeKatalog.htm">Bearbeiten</option>
                            <option value="deleteKatalog.htm">Löschen</option>
                        </select>
                    </dd>
                    <dt>
                        <label for="choices">Inventar</label>
                    </dt>
                    <dd>

                        <select name="selection" id="selection" onchange="location.assign(this.value);">
                            <option></option>
                            <option value=findInventar.htm>Finden</option>
                            <Option value="addInventar.htm">Hinzufügen</Option>
                            <option value="deleteInventar.htm">Löschen</option>
                        </select>
                    </dd>
                    <dt>
                        <label for="choices">Verleihvorgang</label>
                    </dt>
                    <dd>

                        <select name="selection" id="selection" onchange="location.assign(this.value);">
                            <option></option>
                            <option value=findVerleih.htm>Finden</option>
                            <Option value="addVerleih.htm">Hinzufügen</Option>
                            <option value="changeVerleih.htm">Bearbeiten</option>
                        </select>
                    </dd>
                </form>
            </dl>
        </div>        
    </div>
</body>
</html>