Warning: Constant DOMAIN already defined in /volume2/web/vdhcomputers/config.php on line 13

Warning: Constant ROOT_FOLDER already defined in /volume2/web/vdhcomputers/config.php on line 15

Warning: Constant PHOTO_USER_LOCATION already defined in /volume2/web/vdhcomputers/config.php on line 17

Warning: Constant DIR already defined in /volume2/web/vdhcomputers/config.php on line 19

Warning: Constant LOG_APP_NAME already defined in /volume2/web/vdhcomputers/config.php on line 26

Warning: Constant LOG_DIR already defined in /volume2/web/vdhcomputers/config.php on line 27

Warning: Constant LOG_FILENAME already defined in /volume2/web/vdhcomputers/config.php on line 28

Warning: Constant LOG_ROTATION already defined in /volume2/web/vdhcomputers/config.php on line 29

Warning: Constant TWIG_DEBUG already defined in /volume2/web/vdhcomputers/config.php on line 35

Warning: Constant DB_TYPE already defined in /volume2/web/vdhcomputers/config.php on line 41

Warning: Constant DB_HOST already defined in /volume2/web/vdhcomputers/config.php on line 43

Warning: Constant DB_PORT already defined in /volume2/web/vdhcomputers/config.php on line 45

Warning: Constant DB_NAME already defined in /volume2/web/vdhcomputers/config.php on line 47

Warning: Constant DB_USER already defined in /volume2/web/vdhcomputers/config.php on line 49

Warning: Constant DB_PASS already defined in /volume2/web/vdhcomputers/config.php on line 51

Warning: Constant MAIL_SMTP_DEBUG already defined in /volume2/web/vdhcomputers/config.php on line 57

Warning: Constant MAIL_SMTP_HOST already defined in /volume2/web/vdhcomputers/config.php on line 59

Warning: Constant MAIL_SMTP_AUTH already defined in /volume2/web/vdhcomputers/config.php on line 61

Warning: Constant MAIL_SMTP_USERNAME already defined in /volume2/web/vdhcomputers/config.php on line 63

Warning: Constant MAIL_SMTP_PASSWORD already defined in /volume2/web/vdhcomputers/config.php on line 65

Warning: Constant MAIL_SMTP_SECURE already defined in /volume2/web/vdhcomputers/config.php on line 67

Warning: Constant MAIL_SMTP_PORT already defined in /volume2/web/vdhcomputers/config.php on line 69

Warning: Constant MAIL_FROM_ADDRESS already defined in /volume2/web/vdhcomputers/config.php on line 71

Warning: Constant MAIL_FROM_NAME already defined in /volume2/web/vdhcomputers/config.php on line 73

Warning: Constant MAIL_TO_ADDRESS already defined in /volume2/web/vdhcomputers/config.php on line 75

Warning: Constant MAIL_TO_NAME already defined in /volume2/web/vdhcomputers/config.php on line 77

Warning: Constant MAIL_IS_HTML already defined in /volume2/web/vdhcomputers/config.php on line 79

Warning: Constant DOMAIN already defined in /volume2/web/vdhcomputers/config.php on line 13

Warning: Constant ROOT_FOLDER already defined in /volume2/web/vdhcomputers/config.php on line 15

Warning: Constant PHOTO_USER_LOCATION already defined in /volume2/web/vdhcomputers/config.php on line 17

Warning: Constant DIR already defined in /volume2/web/vdhcomputers/config.php on line 19

Warning: Constant LOG_APP_NAME already defined in /volume2/web/vdhcomputers/config.php on line 26

Warning: Constant LOG_DIR already defined in /volume2/web/vdhcomputers/config.php on line 27

Warning: Constant LOG_FILENAME already defined in /volume2/web/vdhcomputers/config.php on line 28

Warning: Constant LOG_ROTATION already defined in /volume2/web/vdhcomputers/config.php on line 29

Warning: Constant TWIG_DEBUG already defined in /volume2/web/vdhcomputers/config.php on line 35

Warning: Constant DB_TYPE already defined in /volume2/web/vdhcomputers/config.php on line 41

Warning: Constant DB_HOST already defined in /volume2/web/vdhcomputers/config.php on line 43

Warning: Constant DB_PORT already defined in /volume2/web/vdhcomputers/config.php on line 45

Warning: Constant DB_NAME already defined in /volume2/web/vdhcomputers/config.php on line 47

Warning: Constant DB_USER already defined in /volume2/web/vdhcomputers/config.php on line 49

Warning: Constant DB_PASS already defined in /volume2/web/vdhcomputers/config.php on line 51

Warning: Constant MAIL_SMTP_DEBUG already defined in /volume2/web/vdhcomputers/config.php on line 57

Warning: Constant MAIL_SMTP_HOST already defined in /volume2/web/vdhcomputers/config.php on line 59

Warning: Constant MAIL_SMTP_AUTH already defined in /volume2/web/vdhcomputers/config.php on line 61

Warning: Constant MAIL_SMTP_USERNAME already defined in /volume2/web/vdhcomputers/config.php on line 63

Warning: Constant MAIL_SMTP_PASSWORD already defined in /volume2/web/vdhcomputers/config.php on line 65

Warning: Constant MAIL_SMTP_SECURE already defined in /volume2/web/vdhcomputers/config.php on line 67

Warning: Constant MAIL_SMTP_PORT already defined in /volume2/web/vdhcomputers/config.php on line 69

Warning: Constant MAIL_FROM_ADDRESS already defined in /volume2/web/vdhcomputers/config.php on line 71

Warning: Constant MAIL_FROM_NAME already defined in /volume2/web/vdhcomputers/config.php on line 73

Warning: Constant MAIL_TO_ADDRESS already defined in /volume2/web/vdhcomputers/config.php on line 75

Warning: Constant MAIL_TO_NAME already defined in /volume2/web/vdhcomputers/config.php on line 77

Warning: Constant MAIL_IS_HTML already defined in /volume2/web/vdhcomputers/config.php on line 79
<!DOCTYPE html>
<!--
	Home page

	@author Wouter Van den Heede
-->
<html lang="nl">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0" />
    <meta name="description" content="Uw computer specialist in uw buurt. Heeft u vragen in verband met computers, software, foto backups, kan u bij mij terecht.">
    <title>VDH Computers - Uw it-specialist</title>

    <link rel="shortcut icon" href="/public/images/favicon.png">
    <link rel="stylesheet" href="/public/css/library.css" />
    <link rel="stylesheet" href="/public/css/styles.css" />

    <link rel="stylesheet" href="/public/css/index.css" />
    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css"
          integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A=="
          crossorigin=""/>

</head>
<body>

    <!-- header -->
    <header id="header">
        <div class="wrapper">
            <nav class="navbar">
                <h1 class="logo">
                    <a href="#">
                        <img src="/public/images/logo.png" alt="VDH Computers" />
                    </a>
                </h1>
                <ul class="menu">
                    <li><a href="#services" class="menu-btn">Services</a></li>
                    <li><a href="#bio" class="menu-btn">Bio</a></li>
                    <li><a href="#contact" class="menu-btn">Contact</a></li>
                </ul>
                <div id="nav-icon" class="menu-btn menutest">
                    <span></span>
                    <span></span>
                    <span></span>
                    <span></span>
                </div>
            </nav>
        </div>
    </header>




    <!-- content -->
    
    <!-- Services -->
    <section id="services" class="anchor">
        <div class="wrapper">
            <h2>Services</h2>
            <p>Waarmee kan ik u helpen?</p>
            <article class=".column">
                <i class="fas fa-tools fa-5x"></i>
                <h3>Computeronderhoud</h3>
                <p>Upgraden van je laptop / desktop</p>
                <p>Bouwen van je nieuwe computer voor het werk of de vrije tijd</p>
            </article>
            <article class=".column">
                <i class="fas fa-database fa-5x"></i>
                <h3>Backuppen van data</h3>
                <p>Foto's, video's, documenten</p>
                <p>In de cloud of bij uw thuis</p>
                <p>Installeren van NAS systemen</p>
            </article>
            <article>
                <i class="fas fa-shield-alt fa-5x"></i>
<!--                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 45 57.74"><title>security</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><g id="security"><path d="M22.5,57.74a2.63,2.63,0,0,1-.83-.14l-1.23-.43A30.56,30.56,0,0,1,0,28.36V12.9a2.49,2.49,0,0,1,1.24-2.16l16-9.31a10.51,10.51,0,0,1,10.58,0l16,9.31A2.49,2.49,0,0,1,45,12.9V28.36a30.53,30.53,0,0,1-20.44,28.8l-1.23.44A2.63,2.63,0,0,1,22.5,57.74ZM5,14.33v14A25.56,25.56,0,0,0,22.09,52.45l.41.14.41-.14A25.56,25.56,0,0,0,40,28.36v-14L25.27,5.75a5.49,5.49,0,0,0-5.54,0Z"/></g></g></g></svg>-->
                <h3>Software</h3>
                <p>Installeren, configureren van softwarepakketen</p>
                <p>Office, antivirus, scanner, printer, ...</p>
            </article>
            <article class=".column">
                <i class="fas fa-globe fa-5x"></i>
                <h3>Wifi & Netwerken</h3>
                <p>Configureren van uw netwerk</p>
                <p>Draadloos of bekabeld</p>
                <p>Installeren van uw wifi netwerk</p>
            </article>
        </div>
    </section>

    <!-- Bio -->
    <section id="bio" class="anchor">
        <div class="wrapper">
            <h2>Bio</h2>
            <p>Wie ben ik?</p>
            <img src="/public/images/profielfoto.png" alt="profielfoto" />
            <p>
                Al van jongsafaan ben ik gepassioneerd in alles dat met techniek te maken heeft. Dit begon met het kijken
                naar een ronddraaiende wasmachine, demonteren van allerlei elektrische toestellen tot het zelf uittekenen
                van elektrische schema's en dit te bouwen in een zelf ineengestoken mini huisje.
                Daardoor was de keuze snel gemaakt dat ik hierin wilde verder doen.
            </p>
            <p>
                Tijdens mijn stage heb ik gekozen voor een opdracht in een technologie die nog redelijk nieuw was.
                Namelijk het cloudplatform Kubernetes omdat ik daarin geloofde dat dit wel eens de toekomst kon zijn.
            </p>
            <p>
                In Juni 2017 behaalde ik dan mijn bachelordiploma Elektronica - ICT met als afstudeerrichting ICT,
                netwerken in Odisee en starte ik als system engineer bij Axians.
            </p>
            <p>
                Verder is het mijn passie om mensen te helpen in dit digitale gebeuren. Dit kan gaan over de meest
                simpele dingen zoals het configureren, oplossen van problemen met de gsm of tablet.
                Tot de meer geavanceerde taken zoals het bouwen van computers, installeren van NAS systemen, wifi, enzovoort.
            </p>
        </div>
    </section>

    <!-- Contact -->
    <section id="contact" class="anchor">
        <div class="wrapper">
            <h2>Contact</h2>
            <p>Hoe kan u mij bereiken?</p>
            <section id="form">
                <h3 class="structural">Contactformulier</h3>
                    <!--<div id="form_message_error">
                        <div id="form_message_icon_error" >
                            <span></span>
                            <span></span>
                            <span></span>
                            <span></span>
                        </div>
                    </div>-->
                    <div id="form_message_error">
                        <i class="fas fa-minus-circle" id="form_message_icon_error"></i>
                        <button type="button" data-dismiss="alert" aria-label="Close">
                            <span aria-hidden="true"><i id="form_message_icon_error_close" class="fas fa-times-circle"></i></span>
                        </button>
                    </div>
                    <div id="form_message_successful">
                        <i class="fas fa-check-circle" id="form_message_icon_successful"></i>
                        <button type="button" data-dismiss="alert" aria-label="Close">
                            <span aria-hidden="true"><i id="form_message_icon_successful_close" class="fas fa-times-circle"></i></span>
                        </button>
                    </div>
                    <!--<div id="form_message_successful">
                        <i class="fas fa-check fa-lg"></i>
                        <div id="form_message_icon_successful" >
                            <span></span>
                            <span></span>
                            <span></span>
                            <span></span>
                        </div>
                    </div>-->
                    <form id="contactform" action="/contact/add_message" method="post" role="form">
                    <dl>
                        <dt><label for="name" class="structural">Naam</label></dt>
                        <dd id="name">
                            <input type="text" id="name" name="name" placeholder="Naam" />
                        </dd>
                        <dt><label for="address" class="structural">Adres</label></dt>
                        <dd id="adres">
                            <input type="text" id="address" name="address" placeholder="Adres">
                        </dd>
                        <dt><label for="postal_code" class="structural">Postcode</label></dt>
                        <dd id="postcode">
                            <input type="number" id="postal_code" name="postal_code" placeholder="Postcode">
                        </dd>
                        <dt><label for="township" class="structural">Gemeente</label></dt>
                        <dd id="gemeente">
                            <input type="text" id="township" name="township" placeholder="Gemeente">
                        </dd>
                        <dt><label for="telephone" class="structural">Telefoon</label></dt>
                        <dd id="telefoon">
                            <input type="tel" id="telephone" name="telephone" placeholder="Telefoon">
                        </dd>
                        <dt><label for="email" class="structural">Email</label></dt>
                        <dd id="email">
                            <input type="email" id="email" name="email" placeholder="Email">
                        </dd>
                        <dt><label for="message" class="structural">Uw bericht</label></dt>
                        <dd id="message">
                            <textarea type="text" id="message" name="message" placeholder="Uw bericht"></textarea>
                        </dd>
                        <dd><input class="submit" type="submit" name="submit-message" value="Verzenden" /></dd>
                    </dl>
                </form>
            </section>
            <section id="contactinfo">
                <h3 class="structural">Contact informatie</h3>
                <section class="address">
                    <i class="fas fa-map-marker-alt"></i>
                    <h4>Adres</h4>
                    <address>
                        Huisgaverstraat 65<br />
                        9750 Kruisem
                    </address>
                </section>
                <section class="telephone">
                    <i class="fas fa-phone"></i>
                    <h4>Bel mij</h4>
                    <address>
                        +32 479 17 58 87
                    </address>
                </section>
            </section>
            <section id="maps">
                <h3 class="structural">Hoe kan je mij bereiken?</h3>
                <div id="map"></div>
                <div class="my-div-icon"></div>
            </section>
        </div>
    </section>



    <!-- footer -->
    <footer>
        <div class="wrapper">
            <p>Created and designed by Wouter Van den Heede</p>
        </div>
    </footer>

    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.0/jquery.validate.min.js"></script>
    <script src="/public/js/menubar.js"></script>
    <script src="/public/js/header-scroll.js"></script>

    
    <script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"
            integrity="sha512-XQoYMqMTK8LvdxXYG3nZ448hOEQiglfqkJs1NOQV44cWnUrBc8PkAOcXy20w0vlaXaVUearIOBhiXZ5V3ynxwA=="
            crossorigin=""></script>
    <script src="/public/js/form.js"></script>
    <script src="https://kit.fontawesome.com/94b8b1e50e.js" crossorigin="anonymous"></script>


</body>
</html>