Checken

<header>
    <div class="logo-bar">
        <div class="login">
            <span class="fa fa-user" aria-hidden="true"></span> Inloggen
        </div>
        <img src="../../images/omgevingsloket.png" alt="Omgevingsloket" class="logo" /> </div>

    <nav class="navbar navbar-default menu">
        <form class="search">
            <fieldset>
                <legend class="sr-only">Zoekformulier</legend>
                <div class="input-group default">
                    <input type="text" class="form-control" aria-label="Zoeken" placeholder="Zoeken" />
                    <span class="input-group-btn">
            <button type="submit" class="btn btn-default" >
                <span class="fa fa-search" aria-hidden="true"></span>
                    <span class="sr-only">Zoeken</span>
                    </button>
                    </span>
                </div>
            </fieldset>
        </form>
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
      <span class="fa fa-bars" aria-hidden="true"></span>
      <span class="sr-only">Ga naar menu</span>
    </button>
        </div>
        <div id="navbar" class="navbar-collapse collapse">
            <ul class="nav navbar-nav">
                <li class="active">
                    <a href="#">
            Home
          </a>
                </li>
                <li>
                    <a href="#">
            Actueel
          </a>
                </li>
                <li>
                    <a href="#">
            Raadplegen
          </a>
                </li>
                <li class="active">
                    <a href="#">
            Checken
          </a>
                </li>
                <li>
                    <a href="#">
            Aanvragen
          </a>
                </li>
                <li>
                    <a href="#">
            Over ons
              <span class="badge">12</span>
          </a>
                </li>
                <li>
                    <a href="#">
            Wetgeving
          </a>
                </li>
            </ul>
        </div>
    </nav>

    <ol class="breadcrumb">
        <li>
            <a href="#">Home</a>
        </li>
        <li class="active">Checken</li>
    </ol>
</header>
<main>
    <h1>Checken</h1>
    <div class="row">
        <div class="col-md-9">
            <nav class="wizard">
                <ul class="nav nav-wizard">
                    <li class="done">
                        <a href="#">Locatie bepalen</a>
                    </li>
                    <li class="done">
                        <a href="#">Werkzaamheden kiezen</a>
                    </li>
                    <li class="active">
                        <span>Werkzaamheden checken</span>
                    </li>
                    <li class="disabled">
                        <span>Resultaat</span>
                    </li>
                </ul>
            </nav>
            <h2>Werkzaamheden checken</h2>
            <h3>Bouwen van een dakkapel</h3>

            <div class="dso-select single">
                <fieldset>
                    <legend>Waar wordt de dakkapel gebouwd?</legend>
                    <div class="option">
                        <input type="radio" id="radio_dakkapel_positie_0" name="dakkapel_positie" value="1" />
                        <label for="radio_dakkapel_positie_0">
            Zijkant
          </label>
                    </div>
                    <div class="option">
                        <input type="radio" id="radio_dakkapel_positie_1" name="dakkapel_positie" value="2" />
                        <label for="radio_dakkapel_positie_1">
            Voorkant
          </label>
                    </div>
                    <div class="option">
                        <input type="radio" id="radio_dakkapel_positie_2" name="dakkapel_positie" value="3" />
                        <label for="radio_dakkapel_positie_2">
            Achterkant
          </label>
                    </div>
                    <div class="option">
                        <input type="radio" id="radio_dakkapel_positie_3" name="dakkapel_positie" value="4" disabled />
                        <label for="radio_dakkapel_positie_3">
            Onderkant
          </label>
                    </div>
                </fieldset>
            </div>
            <h2 class="streamer">U heeft geen vergunning nodig</h2>
            <div class="highlight-box">
                <h3>Toelichting: Vergunningvrij onder voorbehoud</h3>
                <p>Het Informatiehuis Bouw kent, op basis van de huidige gebruikerswensen, vier Informatieproducten, namelijk het Opleverdossier, de Bouwregelgeving, de Vergunningvrije bouwwerken en een Digitaliseringshulp.</p>
                <p>Het Opleverdossier (zie voor een nadere omschrijving van de informatieproducten de volgende paragrafen) is de, door gebruikers gewenste, centrale registratie waarin alle informatie over een bouwwerk is opgenomen. Het gaat hierbij om de
                    tekeningen, berekeningen en de resultaten van de kwaliteitsborging (zoals toetsen en inspecties).</p>
                <p>De Bouwregelgeving is een database met alle bouwregelgeving in Nederland, die op zodanige wijze moet zijn ingericht en ontsloten dat die voldoet aan de eisen van de Omgevingswet (3B’s), en daarmee bruikbaar is in de ontwerp- en toetsingsfase
                    van ieder bouwwerk.</p>
                <p>Het derde informatieproduct zijn de Vergunningvrije bouwwerken, hierin zijn opgenomen de (bekende) bouwwerken die vergunningvrij, maar niet regelvrij, zijn gerealiseerd. Het vierde en vooralsnog laatste informatieproduct is de Digitaliseringshulp,
                    een service voor het centraal en gestandaardiseerd digitaliseren van documenten.</p>

            </div>
        </div>
        <div class="col-md-3">
            <div class="well progress-block" data-spy="affix" data-offset-top="245" data-offset-bottom="444">
                <h2>Tussenresultaten</h2>
                <ul class="list-unstyled">
                    <li>
                        Bouwen van een dakkapel
                    </li>
                </ul>

            </div>
        </div>
    </div>
</main>

<footer>
    <div class="row">
        <div class="col-xs-12 col-sm-6 col-md-3">
            <h2>Service</h2>
            <ul>
                <li>Contact</li>
                <li>Sitemap</li>
                <li>Help</li>
            </ul>
        </div>
        <div class="col-xs-12 col-sm-6 col-md-3">
            <h2>Over deze site</h2>
            <ul>
                <li>Copyright</li>
                <li>Privacy</li>
                <li>Cookies</li>
                <li>Toegankelijkheid</li>
            </ul>
            <h2>Volg ons ook op</h2>
            <ul>
                <li>Twitter</li>
                <li>LinkedIn</li>
            </ul>
        </div>
        <div class="col-xs-12 col-md-6">
            <h2>Wat is het Omgevingsloket</h2>
            <p>In het Omgevingsloket kan iedere burger van Nederland omgevingsdocumenten opvragen en inzien, checken of men een vergunning nodig heeft voor de werkzaamheid die men van plan is, en deze vergunningaanvraag opstellen en indienen. Daarna kunnen
                de ambtenaren van de overheden die hiervoor verantwoordelijk zijn, samen aan de behandeling van de aanvraag werken.</p>
            <a href="#">Lees meer over het Omgevingsloket</a>
        </div>
    </div>
</footer>