openparking.html

<!doctype html>
<html class="no-js" lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Open Parking | Open summer of code 2018</title>
    <link rel="stylesheet" href="css/app.css">
    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700|Open+Sans:300,400" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css">

    <meta name="description" content="Innovative open source projects, made by incredibly motivated students, coaches and organisations.">
    <meta name="keywords" content="oSoc18, open, summer, code, Belgium">
    <meta name="author" content="oSoc18 team, Open Knowledge Belgium">
    <meta name="viewport" content="width=device-width">
    <meta property="og:title" content="open summer of code 2018" />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="http://2018.summerofcode.be" />
    <meta property="og:image" content="http://2018.summerofcode.be/img/socialmedia/socialmedia.png?4362984378" />
    <meta property="og:description" content="Innovative open source projects, made by incredibly motivated students, coaches and organisations." />
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:site" content="@osocode">
    <meta name="twitter:title" content="open summer of code 2018">
    <meta name="twitter:description" content="Innovative open source projects, made by incredibly motivated students, coaches and organisations.">
    <meta name="twitter:image" content="http://2018.summerofcode.be/img/socialmedia/socialmedia.png?4362984378" />
    <meta name="twitter:url" content="http://2018.summerofcode.be/" />

    <!-- FAVICONS -->
    <link rel="apple-touch-icon" sizes="57x57" href="img/favicons/apple-touch-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="60x60" href="img/favicons/apple-touch-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="72x72" href="img/favicons/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="76x76" href="img/favicons/apple-touch-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="114x114" href="img/favicons/apple-touch-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="120x120" href="img/favicons/apple-touch-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="144x144" href="img/favicons/apple-touch-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="152x152" href="img/favicons/apple-touch-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="img/favicons/apple-touch-icon-180x180.png">
    <link rel="icon" type="image/png" href="img/favicons/favicon-32x32.png" sizes="32x32">
    <link rel="icon" type="image/png" href="img/favicons/favicon-194x194.png" sizes="194x194">
    <link rel="icon" type="image/png" href="img/favicons/favicon-96x96.png" sizes="96x96">
    <link rel="icon" type="image/png" href="img/favicons/android-chrome-192x192.png" sizes="192x192">
    <link rel="icon" type="image/png" href="img/favicons/favicon-16x16.png" sizes="16x16">
    <link rel="manifest" href="img/favicons/manifest.json">
    <meta name="msapplication-TileColor" content="‪#FFFFFF">
    <meta name="msapplication-TileImage" content="mstile-144x144.png">
    <meta name="theme-color" content="‪#FFFFFF">
</head>

<body>
    <!-- topbar -->
    <div class="title-bar hide-for-large" data-responsive-toggle="nav-menu" data-hide-for="large">
        <div data-toggle="nav-menu">
            <button class="menu-icon" type="button"></button>
            <div class="logo logo--animated title-bar-title"><span class="c-yellow">open</span> <span class="c-yellow">summer</span> <span class="c-yellow">of</span> <span class="c-yellow">code</span></div>
        </div>
    </div>

    <div data-sticky-container>
        <div class="top-bar bs--darken-light" id="nav-menu" data-sticky data-options="marginTop:0;" style="width:100%">
            <div class="top-bar-left show-for-large">
                <a class="logo" href="index.html" data-hide-for="medium">
                    <img src="img/logo/logo-osoc-color.svg" alt="open summer of code logo, very abstract, fun, but professional">
                </a>
            </div>
            <div class="top-bar-right">
                <ul class="menu vertical large-horizontal">
                    <li><a href="index.html" class="button link lowercase u-margin--right">Home</a></li>
                    <li><a href="practical.html" class="button link lowercase u-margin--right">Practical</a></li>
                    <li><a href="students.html" class="button link lowercase u-margin--right">Students</a></li>
                    <li><a href="companies.html" class="button link lowercase u-margin--right">Companies</a></li>
                    <li><a href="coaches.html" class="button link lowercase u-margin--right">Coaches</a></li>
                    <!--<li><a href="2018.html" class="button link lowercase u-margin--right">2018</a></li>-->
                    <li>
                      <!-- <a href="2018.summerofcode.be" target="_blank" class="button">View 2018 showcase</a> -->
                      <a href="2018.html" target="_blank" class="button">Discover all osoc18 projects<span class="button__info"></span></a>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <!-- header -->
    <header class="hero-detail u-padding-x-large--tb">
        <div class="grid-x grid-padding-x">
            <div class="medium-4 medium-offset-0 large-4 cell">
                <img class="crest" src="img/projects/openparking.png">
                <h1 class="hero-head project-title">
                    Open<br>Parking
                </h1>
            </div>
            <div class="medium-6 medium-offset-0 large-5 cell large-offset-1 flex-text">
                <p>
                    Open Parking is a <strong>web-visualisation of parking data in the Netherlands</strong>. Cities, private companies that make mobility applications and other interested parties can easily find out <strong>which city provides the best data and which cities/facilities are lacking in that department</strong>. With this web-visualisation, we can also show the many uses of open data.
                </p>
                <p>
                    The user will be able to easily check real-time data about parking facilities all over the Netherlands and search for the data of specific parking facilities.
                </p>
                <p>
                    <a href="https://github.com/oSoc18/open-parking" target="_blank" class="button success">Contribute on GitHub</a>
                </p>
            </div>
        </div>
    </header>

    <!-- team -->
    <div class="grid-x grid-padding-x u-margin-large--tb headshot-gallery project-section">
        <div class="small-10 small-offset-1 medium-3 medium-offset-0 large-2 cell text-left">
            <h3 class="h3 u-margin-large--b">Meet <br> the team</h3>
        </div>
        <div class="small-12 medium-9 large-10 cell">
            <div class="grid-x grid-padding-x u-margin-large--b headshot-gallery">
            <article class="small-6 medium-6 large-3 cell headshot-detail">
                <img src="img/headshots/alexander_vandoren.jpg" alt="Picture of Alexander Vandoren" />
                <h2 class="h4">Alexander <br> Vandoren</h2>
                <p>Student</p>
                <div class="student-social">
                    <a href="https://www.linkedin.com/in/alexander-v-370883129/" target="_blank"><i class="fa fa-linkedin"></i></a>
                    <a href="https://github.com/Zenigame2" target="_blank"><i class="fa fa-github"></i></a>
                </div>
            </article>

            <article class="small-6 medium-6 large-3 cell headshot-detail">
                <img src="img/headshots/ward_haeck.jpg" alt="Picture of Ward Haeck" />
                <h2 class="h4">Ward <br> Haeck</h2>
                <p>Student</p>
                <div class="student-social">
                    <a href="https://www.linkedin.com/in/ward-haeck-498166150/" target="_blank"><i class="fa fa-linkedin"></i></a>
                </div>
            </article>

            <article class="small-6 medium-6 large-3 cell headshot-detail">
                <img src="img/headshots/theo_verhelst.jpg" alt="Picture of Theo Verhelst" />
                <h2 class="h4">Theo <br> Verhelst</h2>
                <p>Student</p>
                <div class="student-social">
                    <a href="https://github.com/TheoVerhelst" target="_blank"><i class="fa fa-github"></i></a>
                </div>
            </article>

            <article class="small-6 medium-6 large-3 cell headshot-detail">
                <img src="img/headshots/ivan_sladkov.jpg" alt="Picture of Ivan Sladkov" />
                <h2 class="h4">Ivan <br> Sladkov</h2>
                <p>Student</p>
                <div class="student-social">
                    <a href="https://github.com/IvanSladkov" target="_blank"><i class="fa fa-github"></i></a>
                </div>
            </article>

            <article class="small-6 medium-6 large-3 cell headshot-detail">
                <img src="img/headshots/pieter_vander_vennet.jpg" alt="Picture of Pieter Vander Vennet" />
                <h2 class="h4">Pieter <br> Vander Vennet</h2>
                <p>Coach</p>
            </article>

        </div>
    </div>
    </div>

    <!-- partners -->
    <div class="grid-x grid-padding-x u-margin-large--tb partner-section project-section">
        <div class="small-10 small-offset-1 medium-3 medium-offset-0 large-3 cell text-left">
            <h3 class="h3 u-margin-large--b">Our <br> partners</h3>
        </div>
        <div class="small-10 small-offset-1 medium-9 medium-offset-0 large-9 cell">
            <div class="grid-x grid-padding-x u-margin-large--b partner-section">
                <div class="small-6 medium-4 large-3 cell">
                    <a href="https://www.rijksoverheid.nl/ministeries/ministerie-van-infrastructuur-en-waterstaat" target="_blank" class="vertical-align-container">
                        <img src="img/partners-svg/ministry-infrastructure-water-management-logo.svg">
                    </a>
                    <h3 class="h6">
                        <a href="https://www.rijksoverheid.nl/ministeries/ministerie-van-infrastructuur-en-waterstaat" target="_blank" class="vertical-align-container">Dutch Ministry of Infrastructure and Water Management</a>
                    </h3>
                </div>
            </div>
        </div>
    </div>

    <!-- call to action -->
    <div class="grid-x grid-padding-x u-margin-large--tb">
        <div class="small-12 cell text-center">
            <a class="button success u-margin-large--t" href="2018.html">View other projects</a>
        </div>
    </div>

    <!-- footer -->
    <footer>
        <div class="grid-x grid-padding-x">
            <div class="small-12 medium-6 large-5 cell">
                <label for="mce-EMAIL" class="h6">Subscribe to our mailing list</label>
                <!-- mailchimp -->
                <div id="mc_embed_signup" class="u-margin-large--b">
                    <form action="//okfn.us8.list-manage.com/subscribe/post?u=16c22b5f724fd6ef8c78c79fc&amp;id=4ec3a3c20a" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate="novalidate">
                        <div id="mc_embed_signup_scroll">
                            <div class="button-group">
                                <input type="email" class="form-control u-margin-none" id="mce-EMAIL" name="EMAIL" placeholder="E-mail Address" required="" aria-required="true">
                                <input type="submit" class="button dark" value="Mail" name="subscribe" id="mc-embedded-subscribe">
                            </div>
                            <div id="mce-responses" class="clear">
                                <div class="response" id="mce-error-response" style="display:none"></div>
                                <div class="response" id="mce-success-response" style="display:none"></div>
                            </div>
                            <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
                            <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_16c22b5f724fd6ef8c78c79fc_4ec3a3c20a" tabindex="-1" value=""></div>
                        </div>
                    </form>
                </div>
            </div>

            <div class="small-12 medium-6 large-5 large-offset-2 cell">
                <div class="grid-x grid-padding-x">
                    <!-- links -->
                    <div class="small-4 medium-4 cell">
                        <ul class="inline-list">
                            <li>
                                <a href="students.html">Students</a>
                            </li>
                            <li>
                                <a href="companies.html">Companies</a>
                            </li>
                            <li>
                                <a href="coaches.html">Coaches</a>
                            </li>
                        </ul>
                    </div>
                    <div class="small-4 medium-4 cell">
                        <ul class="inline-list">
                            <li>
                                <a href="https://www.eventbrite.co.uk/e/demo-day-osoc18-registration-46709558547?ref=estw" target="_blank">Demo&nbsp;day</a>
                            </li>
                            <li>
                                <a href="practical.html">Practical</a>
                            </li>
                            <li>
                                <a href="2018.html">2018</a>
                            </li>
                        </ul>
                    </div>
                    <!-- contact -->
                    <div class="small-4 medium-4 cell">
                        <ul class="inline-list">
                            <li>
                                <a href="mailto:dries@openknowledge.be">Contact</a>
                            </li>
                            <li>
                                <a href="https://twitter.com/osocode" target="_blank">Twitter</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

            <div class="small-12 medium-12 large-6 cell">
                <!-- previous edition -->
                <div class="grid-x c-previous-editions">
                    <div class="small-3 medium-auto cell">
                        <a href="http://2011.summerofcode.be">
                            <img src="img/previous-editions/2011W.svg">
                        </a>
                    </div>
                    <div class="small-3 medium-auto cell">
                        <a href="http://2012.summerofcode.be">
                            <img src="img/previous-editions/2012W.svg">
                        </a>
                    </div>
                    <div class="small-3 medium-auto cell">
                        <a href="http://2013.summerofcode.be">
                            <img src="img/previous-editions/2013W.svg">
                        </a>
                    </div>
                    <div class="small-3 medium-auto cell">
                        <a href="http://2014.summerofcode.be">
                            <img src="img/previous-editions/2014W.svg">
                        </a>
                    </div>
                    <div class="small-3 medium-auto cell">
                        <a href="http://2015.summerofcode.be">
                            <img src="img/previous-editions/2015W.svg">
                        </a>
                    </div>
                    <div class="small-3 medium-auto cell">
                        <a href="http://2016.summerofcode.be">
                            <img src="img/previous-editions/2016W.svg">
                        </a>
                    </div>
                    <div class="small-3 medium-auto cell">
                        <a href="http://2017.summerofcode.be">
                            <img src="img/previous-editions/2017W.svg">
                        </a>
                    </div>
                </div>
            </div>
            <div class="small-12 large-5 large-offset-1 cell">
                <p>Powered by <a href="https://www.openknowledge.be/" target="_blank">Open Knowledge Belgium</a> | <a href="https://github.com/oSoc18/website" target="_blank">Source code freely available on GitHub</a> | <a href="https://github.com/oSoc18/website/blob/master/CONTRIBUTORS.md" target="_blank">Contributors</a></p>
            </div>
        </div>
    </footer>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.4.3/js/foundation.js"></script>
    <script src="js/app.js"></script>
</body>

</html>