<!DOCTYPE html>
<html>
<head>
<base href="https://www.hofwonen.nl/">
<title>Homepage Hof Wonen</title>
<meta property="og:site_name" content="Hof Wonen">
<meta property="og:type" content="website" />
<meta property="og:title" content="Homepage Hof">
<meta property="og:description" content="<null>">
<meta name="description" content="Wij staan voor een goede woning in een prettige buurt voor huishoudens met een laag (midden) inkomen en/of een kwetsbare positie. Wij verhuren, verkopen en beheren woningen in de regio Haaglanden.">
<meta property="og:image" content="https://www.hofwonen.nl/<null>">
<meta name="twitter:card" content="summary_large_image">
<meta property="og:url" content="https://www.hofwonen.nl:443/">

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />

<link rel="apple-touch-icon" sizes="180x180" href="/uiCustom/website/images/icons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/uiCustom/website/images/icons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/uiCustom/website/images/icons/favicon-16x16.png">
<link rel="manifest" href="/uiCustom/website/images/icons/site.webmanifest">
<link rel="mask-icon" href="/uiCustom/website/images/icons/safari-pinned-tab.svg" color="254d6a">
<link rel="shortcut icon" href="/uiCustom/website/images/icons/favicon.ico">
<meta name="msapplication-TileColor" content="254d6a">
<meta name="msapplication-config" content="/uiCustom/website/images/icons/browserconfig.xml">
<meta name="theme-color" content="ffffff">

<link type="text/css" href="uiCustom/website/styles/style.css" rel="stylesheet"/>
<!--<script type="text/javascript" src="uiCustom/website/scripts/script.js?v=26.1.12-20260320.1"></script>-->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css?v=26.1.12-20260320.1" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">


<!-- Google tag (gtag.js) --> <script async src=https://www.googletagmanager.com/gtag/js?id=G-JFP9EQBV4K></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-JFP9EQBV4K'); </script>

<script src="uiSite/scripts/vendor.min.js?v=26.1.12-20260320.1"></script>
<script src="uiSite/scripts/iris.min.js?v=26.1.12-20260320.1"></script>

<script type="text/javascript" src="uiCustom/dist/app.min.js?v=26.1.12-20260320.1"></script>

<!-- Start Tolkie code -->
<script id="tolkie-script" type="module" src="https://app.tolkie.nl" crossorigin="anonymous" data-tolkie-token="5656dc80c77347bcd9df822a8e1e4226b78721e4" data-tolkie-state="separateButtons" defer=""></script>
<!-- End Tolkie code -->

<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-W86B3FN');</script>
<!-- End Google Tag Manager -->

<!-- Content-Security-Policy -->
<meta http-equiv="Content-Security-Policy" content="
    default-src 'self';
script-src 'self' https://vc.hotjar.io https://consentcdn.cookiebot.com https://consent.cookiebot.com https://www.googletagmanager.com https://www.google-analytics.com https://tool.tolkie.nl https://app.tolkie.nl/ https://static.hotjar.com https://script.hotjar.com 'unsafe-inline' 'unsafe-eval';
style-src 'self' https://app.tolkie.nl https://cdn.tolkie.nl https://tool.tolkie.nl https://use.fontawesome.com https://fonts.googleapis.com 'unsafe-inline';
font-src 'self' https://use.fontawesome.com https://fonts.gstatic.com https://tool.tolkie.nl https://app.tolkie.nl/;
frame-src 'self' https://consentcdn.cookiebot.com https://tool.tolkie.nl https://app.tolkie.nl/ *.vixyvideo.com https://www.youtube.com/;
connect-src 'self' https://app.tolkie.nl https://consentcdn.cookiebot.com https://consent.cookiebot.com https://api.tolkie.nl *.google-analytics.com *.analytics.google.com https://www.googletagmanager.com https://stats.g.doubleclick.net/g/collect https://vc.hotjar.io/sessions;
img-src 'self' http://imgsct.cookiebot.com/ *.tolkie.nl https://www.google-analytics.com https://www.googletagmanager.com https://www.google.nl/ads/ga-audiences data:;
media-src 'self';
object-src 'none';
base-uri 'self';
form-action 'self';
">
<!-- End Content-Security-Policy -->

<script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="5fe057c1-0f65-40ae-824e-36a1cbe2adfb" data-blockingmode="auto" type="text/javascript"></script>

<script src="Vestia/init.session"></script>
</head>
<body data-ng-app="angularModule">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W86B3FN"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

<div
    id="main"
    data-main-application
    other-sites="Vestia
|Media|publishedMedia"
    data-container="Sites/Site_Vestia_Main"
    data-is-default="true" 
    guid="6b1bea83-380b-4003-8136-c06e3d673cbd"
    lang="nl"
    site-code="Vestia">       
    <div id="LoginContent"></div>
    <div style="display: none;">










    
 

                                



                                        <section id="content" class="content">
                                                                                                                                    <div class="row ">
        
                                <div class="columns large-12 medium-12 small-12 ">
            <div class="row">
        
              
    </div>
            </div>
            </div>

                                                                                                                        <div class="row ">
        
                                <div class="columns large-12 medium-12 small-12 ">
            <div class="row">
        
              
    </div>
            </div>
            </div>

                                                                                                                        <div class="row ">
        
                                <div class="columns large-12 medium-12 small-12 ">
            <div class="row">
        
              
    </div>
            </div>
            </div>

                                                                                                                        <div class="row ">
        
                                <div class="columns large-12 medium-12 small-12 ">
            <div class="row">
        
        <div class="columns large-12 medium-12 small-12 ">
    <div class="hero" style="background-image:url('/uiCustom/website/images/photos/header-home.jpg'); aspect-ratio: 2.5; min-height: 0; max-height: 800px; margin: 0 auto;">
<nav class="big-buttons"><a class="primary with-icon repair" href="/reparatie-aanvragen">Reparatie<br />
plannen</a> <a class="secondary with-icon house-person" href="/ik-huur">Ik<br />
huur </a> <a class="white with-icon search-house" href="/ons-aanbod"> Ons<br />
aanbod </a> <!--<a class="white with-icon messages" href="/over-ons">Over<br />ons</a>--></nav>
</div>
<!--
<div class="content-color">
<div class="container grid-three">
<section class="span-two">
<div class="grid-two">
<div>
<h2>Regelen & bekijken</h2>

<ul>
	<li><a client-url="huur-betalen" data-last-type="page" href="huur-betalen" ng-link="" target="" tokenbased="false">Huur betalen</a></li>
	<li><a client-url="hoge-energieprijzen" data-last-type="page" href="hoge-energieprijzen" ng-link="" target="" tokenbased="false">Tips bij hoge energieprijzen</a></li>
	<li><a client-url="jaarlijkse-huurverhoging" data-last-type="page" href="jaarlijkse-huurverhoging" ng-link="" target="" tokenbased="false">Jaarlijkse huurverhoging</a></li>
	<li><a client-url="overlast-zelf-doen" data-last-type="page" href="overlast-zelf-doen" ng-link="" target="" tokenbased="false">Overlast melden</a></li>
	<li><a client-url="over-ons" data-last-type="page" href="over-ons" ng-link="" target="" tokenbased="false">Over ons</a></li>
</ul>
</div>

<ul style="align-self: start;">
	<li><a class="button outline with-icon person" href="/aanmelden">&#39;Mijn account&#39; maken </a></li>
</ul>
</div>
</section>

<div class="primary lift-on-mobile">
<section>
<h3 class="quaternary-text">Welkom bij !</h3>

<p>Een reparatie plannen, overlast doorgeven, uw betalingen bekijken. Dit en meer regelt u makkelijk en snel op onze website.</p>
<a class="quaternary-text" client-url="ik-huur" data-last-type="page" href="ik-huur" ng-link="" target="" tokenbased="false">Ontdek het gemak van onze online service ></a></section>
</div>
</div>
</div>-->
</div>
    </div>
            </div>
            </div>

                                                                                                                        <div class="row ">
        
                                <div class="columns large-12 medium-12 small-12 ">
            <div class="row">
        
        <div class="columns large-12 medium-12 small-12 ">
    </div>
    </div>
            </div>
            </div>

                                                </section>
                <section id="content01" class="content">
                    </section>
            <section id="content02" class="content">
                            <div class="row">
                            
                                <div class="columns large-12 medium-12 small-12 ">
            <div class="row">
        
                                <div class="columns large-12 medium-12 small-12 {
  "attributes": {
    "class": ""
  },
  "name": "Geen stijl",
  "elementstyle": "1"
}">
    <div class="ng-scope" id="vestia_MeeroverBox-content">
<div class="row">
<div class="medium-3 column">
<h1>Direct naar</h1>
</div>

<div class="medium-3 column">
<p><a class="vestia_more-link" client-url="mijnvestia-omgeving" data-last-type="page" href="mijnvestia-omgeving" ng-link="" target="" tokenbased="false">Mijn </a></p>

<p><a class="vestia_more-link" client-url="nieuws" data-last-type="page" href="nieuws" ng-link="" target="" tokenbased="false">Nieuws</a></p>
</div>

<div class="medium-3 column">
<p><a class="vestia_more-link" client-url="meedenken-meepraten-meedoen" data-last-type="page" href="meedenken-meepraten-meedoen" ng-link="" target="" tokenbased="false">Meepraten met ons</a></p>

<p><a class="vestia_more-link" client-url="onze-contactgegevens" data-last-type="page" href="onze-contactgegevens" ng-link="" target="" tokenbased="false">Contact</a></p>
</div>
</div>
</div>
</div>
    </div>
            </div>
                        </div>
            </section>
            <section id="content03" class="content">
                    </section>
            <section id="content04" class="content">
                    </section>
            <section id="content05" class="content">
                    </section>
            <section id="content06" class="content">
                    </section>
            <section id="content07" class="content">
                    </section>
            <section id="content08" class="content">
                    </section>
            <section id="content09" class="content">
                    </section>
    </div>
</div><div id="errorpopup"></div>
</body>
</html>