<!doctype html> <html lang="en"> <head> <!-- Required meta tags --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <!-- Bootstrap CSS --> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.0/css/bootstrap.min.css" integrity="sha384-PDle/QlgIONtM1aqA2Qemk5gPOE7wFq8+Em+G/hmo5Iq0CCmYZLv3fVRDJ4MMwEA" crossorigin="anonymous"> <title>Header</title> </head> <body> <div class="container-fluid"> <br> <div class="card text-center" style="width: 18rem;"> <div class="card-body"> <h5 class="card-title"><strong>1.1</strong> Neubau oder Bestandsgebäude</h5> <p class="card-text">Ist ihr Gebäude ein Neubau <br>oder ein Bestandsgebäude?</p> <div class="btn-group-vertical btn-group-toggle" data-toggle="buttons"> <label class="btn btn-outline-primary active"> <input type="radio" name="Altbau oder Neubau" id="Altbau" autocomplete="off"> Altbau </label> <label class="btn btn-outline-primary"> <input type="radio" name="Altbau oder Neubau" id="Neubau" autocomplete="off"> Neubau </label> </div> </div> </div><br> <div class="card text-center" style="width: 18rem;"> <div class="card-body"> <h5 class="card-title"><strong>1.2</strong> Wohnungsbau</h5> <p class="card-text">Ist ihr Gebäude ein Wohnungsbau?</p> <div class="btn-group-vertical btn-group-toggle" data-toggle="buttons"> <label class="btn btn-outline-primary active"> <input type="radio" name="Wohnungsbau" id="ja" autocomplete="off"> Ja </label> <label class="btn btn-outline-primary"> <input type="radio" name="Wohnungsbau" id="nein" autocomplete="off"> Nein WAS DANN TEXTFELD </label> </div> </div> </div> <br> <div class="card text-center" style="width: 18rem;"> <div class="card-body"> <h5 class="card-title"><strong>1.3</strong> Bauweise</h5> <p class="card-text">Was ist die Bauweise Ihres Gebäudes?</p> <div class="btn-group-vertical btn-group-toggle" data-toggle="buttons"> <label class="btn btn-outline-primary active"> <input type="radio" name="Bauweise Bestand" id="Mauerwerk" autocomplete="off"> Mauerwerk </label> <label class="btn btn-outline-primary"> <input type="radio" name="Bauweise Bestand" id="Montagebau" autocomplete="off"> Montagebau </label> <label class="btn btn-outline-primary"> <input type="radio" name="Bauweise Bestand" id="Nicht bekannt" autocomplete="off"> Nicht bekannt </label> </div> </div> </div><br> <div class="card text-center" style="width: 18rem;"> <div class="card-body"> <h5 class="card-title"><strong>1.4</strong> Dachform</h5> <p class="card-text">Welche Dachform hat das Gebäude?</p> <div class="btn-group-vertical btn-group-toggle" data-toggle="buttons"> <label class="btn btn-outline-primary active"> <input type="radio" name="Dachform Bestand" id="Steildach" autocomplete="off"> Steildach </label> <label class="btn btn-outline-primary"> <input type="radio" name="Dachform Bestand" id="Flachdach" autocomplete="off"> Flachdach </label> </div> </div> </div> <!-- Optional JavaScript --> <!-- jQuery first, then Popper.js, then Bootstrap JS --> <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.0/js/bootstrap.min.js" integrity="sha384-7aThvCh9TypR7fIc2HV4O/nFMVCBwyIUKL8XCtKE+8xgCgl/PQGuFsvShjr74PBp" crossorigin="anonymous"></script> </body> </html>
We use cookies to provide and improve our services. By using our site, you consent to our Cookies Policy. Accept Learn more