Zoeken In Lijst Cards

There are no notes for this item.

<header>
    <div class="dso-logo-bar">
        <img src="../../images/omgevingsloket.png" alt="Omgevingsloket" class="logo" />
        <div class="dso-tools-bar">
            <div class="dso-login">
                <a href="" class="btn btn-link"><svg class="di di-user">
                        <use href="../../dso-icons.svg#user" />
                    </svg><span>Inloggen</span></a>
            </div>
        </div>
    </div>
    <nav class="dso-navbar">

        <div class="dso-navbar-header">
            <button type="button" class="dso-navbar-toggle btn btn-default">
                <svg class="di di-bars">
                    <use href="../../dso-icons.svg#bars" />
                </svg>
                <span class="sr-only">Ga naar menu</span>
            </button>
        </div>

        <ul class="dso-nav dso-nav-main">
            <li>
                <a href="#">
                    Regels op de kaart
                </a>
            </li>
            <li class="dso-active">
                <a href="#">
                    Zoeken in wetgeving
                </a>
            </li>
        </ul>
    </nav>
    <nav aria-label="U bevindt zich hier:">
        <ol class="breadcrumb" itemscope itemtype="//schema.org/BreadcrumbList">
        </ol>
    </nav>
</header>

<main>
    <div>
        <div class="row">
            <div class="col-md-12">
                <h1>Zoeken in wetgeving</h1>
                <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<sup id="#voetnoot14link" class="dso-footnote-reference"><a href="#voetnoot14">[14]</a></sup></p>
            </div>
        </div>
        <div class="row">
            <div class="col-md-8">
                <div class="row">
                    <div class="col-md-12">
                        <h2 class="dso-steps-indicator">
                            Wetgeving Gemeente Den Haag

                            <span class="dso-step">

                            </span>
                        </h2>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <div class="dso-search-bar">
                            <div class="dso-search-bar-input">
                                <label for="search-bar--hidden-button">Zoeken in Lijst</label>
                                <span class="dso-search-icon" aria-hidden="true"></span>
                                <input type="text" id="search-bar--hidden-button" placeholder="Zoek op naam, datum, initiator of status" />
                            </div>
                            <button type="button" class="btn btn-default sr-only">
                                Zoeken
                            </button>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <h5>Actieve filters: <span class="dso-badge badge-success">Omgevingswet document</span><span class="dso-badge badge-warning">Geldige oude wetgeving</span></h5>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <ul class="dso-cards">

                            <li>
                                <div class="dso-card">
                                    <a href="#">
                                        <div class="dso-rich-content">
                                            <h2>Omgevingsplan industrieterrein Lange Voorden</h2>
                                            <p>Gemeente Nieuwegein lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                                        </div>
                                    </a>

                                    <div class="dso-card-interactions">

                                        <div class="dso-card-interaction">

                                            <button type="button" class="btn btn-link"><span class="sr-only">Download document</span><svg class="di di-download">
                                                    <use href="../../dso-icons.svg#download" />
                                                </svg></button>

                                        </div>

                                        <div class="dso-card-interaction">

                                            <button type="button" class="btn btn-link"><span class="sr-only">Extra informatie</span><svg class="di di-info">
                                                    <use href="../../dso-icons.svg#info" />
                                                </svg></button>

                                        </div>

                                    </div>

                                </div>

                            </li>

                            <li>
                                <div class="dso-card">
                                    <a href="#">
                                        <div class="dso-rich-content">
                                            <h2>Omgevingsplan Gemeente Den Haag</h2>
                                            <p>Brouwersmolen eget iaculis nisi quam in libero.</p>
                                        </div>
                                    </a>

                                    <div class="dso-card-interactions">

                                        <div class="dso-card-interaction">

                                            <button type="button" class="btn btn-link"><span class="sr-only">Download document</span><svg class="di di-download">
                                                    <use href="../../dso-icons.svg#download" />
                                                </svg></button>

                                        </div>

                                        <div class="dso-card-interaction">

                                            <button type="button" class="btn btn-link"><span class="sr-only">Extra informatie</span><svg class="di di-info">
                                                    <use href="../../dso-icons.svg#info" />
                                                </svg></button>

                                        </div>

                                    </div>

                                </div>

                            </li>

                            <li>
                                <div class="dso-card">
                                    <a href="#">
                                        <div class="dso-rich-content">
                                            <h2>Flora en Fauna beslissing 2019</h2>
                                            <p>Brouwersmolen eget iaculis nisi quam in libero.</p>
                                        </div>
                                    </a>

                                    <div class="dso-card-interactions">

                                        <div class="dso-card-interaction">

                                            <button type="button" class="btn btn-link"><span class="sr-only">Download document</span><svg class="di di-download">
                                                    <use href="../../dso-icons.svg#download" />
                                                </svg></button>

                                        </div>

                                        <div class="dso-card-interaction">

                                            <button type="button" class="btn btn-link"><span class="sr-only">Extra informatie</span><svg class="di di-info">
                                                    <use href="../../dso-icons.svg#info" />
                                                </svg></button>

                                        </div>

                                    </div>

                                </div>

                            </li>

                            <li>
                                <div class="dso-card">
                                    <a href="#">
                                        <div class="dso-rich-content">
                                            <h2>Bestemmingsplan Zuiderpark</h2>
                                            <p>Zuiderpark eget iaculis nisi quam in libero.</p>
                                        </div>
                                    </a>

                                    <div class="dso-card-interactions">

                                        <div class="dso-card-interaction">

                                            <button type="button" class="btn btn-link"><span class="sr-only">Download document</span><svg class="di di-download">
                                                    <use href="../../dso-icons.svg#download" />
                                                </svg></button>

                                        </div>

                                        <div class="dso-card-interaction">

                                            <button type="button" class="btn btn-link"><span class="sr-only">Extra informatie</span><svg class="di di-info">
                                                    <use href="../../dso-icons.svg#info" />
                                                </svg></button>

                                        </div>

                                    </div>

                                </div>

                            </li>

                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <h2 class="dso-steps-indicator">Filters</h2>
                <div class="row">
                    <div class="col-md-12">
                        <form>
                            <fieldset>
                                <legend hidden></legend>
                                <fieldset class="form-group dso-checkboxes">
                                    <legend class="dso-label-container">
                                        <label class="control-label">
                                            Selecteer uw gewenste filter
                                        </label>
                                    </legend>
                                    <div class="dso-field-container">
                                        <div class="dso-selectable">
                                            <input type="checkbox" id="aanhanger-0" name="aanhanger" value="bak" checked>
                                            <label for="aanhanger-0">
                                                <span class="dso-badge badge-success">Omgevingswet document</span>
                                            </label>
                                        </div>
                                        <div class="dso-selectable">
                                            <input type="checkbox" id="aanhanger-1" name="aanhanger" value="caravan" checked>
                                            <label for="aanhanger-1">
                                                <span class="dso-badge badge-warning">Geldige oude wetgeving</span>
                                            </label>
                                        </div>
                                        <div class="dso-selectable">
                                            <input type="checkbox" id="aanhanger-2" name="aanhanger" value="fietsendrager">
                                            <label for="aanhanger-2">
                                                <span class="dso-badge badge-danger">Niet geldige oude wetgeving</span>
                                            </label>
                                        </div>
                                    </div>
                                </fieldset>
                            </fieldset>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <br>
        <div class="row">
            <div class="col-md-12">
                <ol class="dso-footnotes">
                    <li class="dso-footnote" id="voetnoot14">14. <a href="#voetnoot14link" class="dso-footnote-backlink" aria-label="Terug naar voetnoot 14" title="Terug naar voetnoot 14"></a> Foreest Groen Consult (2018) Quickscan natuuronderzoek Ontwikkeling Herveld-Noord. 26 juli 2018.</li>
                </ol>
            </div>
        </div>
    </div>
</main>

<footer>
    <div class="row">
        <div class="col-sm-6 col-md-3">
            <h2>Service</h2>
            <ul>
                <li><a href="#">Contact</a></li>
                <li><a href="#">Sitemap</a></li>
                <li><a href="#">Help</a></li>
            </ul>
        </div>
        <div class="col-sm-6 col-md-3">
            <h2>Over deze site</h2>
            <ul>
                <li><a href="#">Copyright</a></li>
                <li><a href="#">Privacy</a></li>
                <li><a href="#">Cookies</a></li>
                <li><a href="#">Toegankelijkheid</a></li>
            </ul>
        </div>
        <div class="col-sm-6 col-md-3">
            <h2>Volg ons ook op</h2>
            <ul>
                <li><a href="#">Twitter</a></li>
                <li><a href="#">LinkedIn</a></li>
            </ul>
        </div>
    </div>
</footer>
{% render '@header', {menu: menu, breadcrumbs: breadcrumbs} %}

<main>
  <div>
    <div class="row">
      <div class="col-md-12">
        <h1>Zoeken in wetgeving</h1>
        <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<sup id="#voetnoot14link" class="dso-footnote-reference"><a href="#voetnoot14">[14]</a></sup></p>
      </div>
    </div>
    <div class="row">
      <div class="col-md-8">
        <div class="row">
          <div class="col-md-12">
            {% render '@form-steps', {title: title} -%}
          </div>
        </div>
        <div class="row">
          <div class="col-md-12">
            <div class="dso-search-bar">
              <div class="dso-search-bar-input">
                <label for="search-bar--hidden-button">Zoeken in Lijst</label>
                <span class="dso-search-icon" aria-hidden="true"></span>
                <input type="text" id="search-bar--hidden-button" placeholder="Zoek op naam, datum, initiator of status" />
              </div>
              <button type="button" class="btn btn-default sr-only">
              Zoeken
              </button>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-md-12">
            <h5>Actieve filters: <span class="dso-badge badge-success">Omgevingswet document</span><span class="dso-badge badge-warning">Geldige oude wetgeving</span></h5>
          </div>
        </div>
        <div class="row">
          <div class="col-md-12">
            <ul {{ className('dso-cards', modifiers, [interactionsLocation, 'dso-interactions-' + interactionsLocation]) }}>
              {% for card in cards %}
                <li>
                  {% render '@card', card %}
                </li>
              {% endfor %}
            </ul>
          </div>
        </div>
      </div>
      <div class="col-md-4">
        <h2 class="dso-steps-indicator">Filters</h2>
        <div class="row">
          <div class="col-md-12">
            <form>
              <fieldset>
                <legend hidden></legend>
                  <fieldset class="form-group dso-checkboxes">
                      <legend class="dso-label-container">
                          <label class="control-label">
                              Selecteer uw gewenste filter
                          </label>
                      </legend>
                      <div class="dso-field-container">
                          <div class="dso-selectable">
                              <input type="checkbox" id="aanhanger-0" name="aanhanger" value="bak" checked>
                              <label for="aanhanger-0">
                                  <span class="dso-badge badge-success">Omgevingswet document</span>
                              </label>
                          </div>
                          <div class="dso-selectable">
                              <input type="checkbox" id="aanhanger-1" name="aanhanger" value="caravan" checked>
                              <label for="aanhanger-1">
                                  <span class="dso-badge badge-warning">Geldige oude wetgeving</span>
                              </label>
                          </div>
                          <div class="dso-selectable">
                              <input type="checkbox" id="aanhanger-2" name="aanhanger" value="fietsendrager">
                              <label for="aanhanger-2">
                                  <span class="dso-badge badge-danger">Niet geldige oude wetgeving</span>
                              </label>
                          </div>
                      </div>
                  </fieldset>
              </fieldset>
            </form>
          </div>
        </div>
      </div>
    </div>
    <br>
    <div class="row">
      <div class="col-md-12">
        <ol class="dso-footnotes">
            <li class="dso-footnote" id="voetnoot14">14. <a href="#voetnoot14link" class="dso-footnote-backlink" aria-label="Terug naar voetnoot 14" title="Terug naar voetnoot 14"></a> Foreest Groen Consult (2018) Quickscan natuuronderzoek Ontwikkeling Herveld-Noord. 26 juli 2018.</li>
        </ol>
      </div>
    </div>
  </div>
</main>

{% render '@footer' %}
menu:
  modifier: main
  items:
    - label: Regels op de kaart
    - label: Zoeken in wetgeving
      active: true
title: Wetgeving Gemeente Den Haag
breadcrumbs:
  crumbs: null
cards:
  - label: Omgevingsplan industrieterrein Lange Voorden
    content: >-
      Gemeente Nieuwegein lorem ipsum dolor sit amet, consectetur adipiscing
      elit.
    interactions:
      - button:
          type: button
          modifier: link
          icon: download
          label: Download document
          iconOnly: true
      - button:
          type: button
          modifier: link
          icon: info
          label: Extra informatie
          iconOnly: true
  - label: Omgevingsplan Gemeente Den Haag
    content: Brouwersmolen eget iaculis nisi quam in libero.
    interactions:
      - button:
          type: button
          modifier: link
          icon: download
          label: Download document
          iconOnly: true
      - button:
          type: button
          modifier: link
          icon: info
          label: Extra informatie
          iconOnly: true
  - label: Flora en Fauna beslissing 2019
    content: Brouwersmolen eget iaculis nisi quam in libero.
    interactions:
      - button:
          type: button
          modifier: link
          icon: download
          label: Download document
          iconOnly: true
      - button:
          type: button
          modifier: link
          icon: info
          label: Extra informatie
          iconOnly: true
  - label: Bestemmingsplan Zuiderpark
    content: Zuiderpark eget iaculis nisi quam in libero.
    interactions:
      - button:
          type: button
          modifier: link
          icon: download
          label: Download document
          iconOnly: true
      - button:
          type: button
          modifier: link
          icon: info
          label: Extra informatie
          iconOnly: true