introduction.html

	  <!-- Intro text -->
	  <p class="marge">
              <span class="subtitle">De uitdaging</span>
              Hoe vindt u als burger snel de weg naar (lokale) dienstverlening? Dat is de vraag waar dit project, <i>"Contactinformatie voor lokale besturen"</i>, een antwoord op wil bieden. Lokale dienstverlening is erg versnipperd, en vaak is het voor de "modale" burger niet vanzelfsprekend om te weten voor welke diensten hij of zij in aanmerking komt. Zelf in het 
              geval dat dit wel bekend is blijft de vraag vaak waar deze diensten kunnen worden genuttigd.<br/><br/>Spijtig genoeg hanteren verschillende overheden hele andere naamgeving omtrent overheidsdiensten- en producten. Vaak zijn ook de betrokken ambtenaren of loketten niet overal hetzelfde. Om een dergelijke diversiteit aan gegevens gestroomlijnd en toegankelijk te maken zijn er verschillende mogelijkheden: ofwel moeten alle lokale overheden dezelfde terminologie hanteren (wat niet mogelijk is en afdoet aan de diverse en gespecialiseerde dienstverlening), ofwel moet er een model worden opgebouwd waarin alle overheden deze contactinformatie kunnen gieten. Dit laatste vergt tijd en inspanning van erg veel partijen.
              <br/>
              <br/>
              <span class="subtitle">De oplossing?</span>
              Gelukkig bestaat er nog een derde, pragmatische, oplossing, die gebruik maakt van het <b>Semantisch Web</b>. Deze technologie laat toe om diverse gegevens zodanig te publiceren dat zij onderling uitwisselbaar zonder verlies van eigenheid. Er wordt zo in feite een gedistribueerd woordenboek opgebouwd dat termen zoals <i>"sportpromotor"</i> en <i>"sportfunctionaris"</i> aan elkaar koppelt zonder voorbij te gaan aan afzonderlijke nuances.</p>
          <!-- Callout boxes -->
          <div class="row">
            <div class="col-lg-3 col-xs-6">
              <!-- small box -->
              <div class="small-box bg-aqua">
                <div class="inner">
                  <h3>150</h3>
                  <p>New Orders</p>
                </div>
                <div class="icon">
                  <i class="ion ion-bag"></i>
                </div>
                <a href="#" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
              </div>
            </div><!-- ./col -->
            <div class="col-lg-3 col-xs-6">
              <!-- small box -->
              <div class="small-box bg-green">
                <div class="inner">
                  <h3>53<sup style="font-size: 20px">%</sup></h3>
                  <p>Bounce Rate</p>
                </div>
                <div class="icon">
                  <i class="ion ion-stats-bars"></i>
                </div>
                <a href="#" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
              </div>
            </div><!-- ./col -->
            <div class="col-lg-3 col-xs-6">
              <!-- small box -->
              <div class="small-box bg-yellow">
                <div class="inner">
                  <h3>44</h3>
                  <p>User Registrations</p>
                </div>
                <div class="icon">
                  <i class="ion ion-person-add"></i>
                </div>
                <a href="#" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
              </div>
            </div><!-- ./col -->
            <div class="col-lg-3 col-xs-6">
              <!-- small box -->
              <div class="small-box bg-red">
                <div class="inner">
                  <h3>65</h3>
                  <p>Unique Visitors</p>
                </div>
                <div class="icon">
                  <i class="ion ion-pie-graph"></i>
                </div>
                <a href="#" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
              </div>
            </div><!-- ./col -->
          </div><!-- /.row -->