<!DOCTYPE html>
<html>
<head>
<base href="https://hofwonen.nl/">
<title>Voldoende goede en betaalbare woningen - Hof Wonen</title>
<meta property="og:site_name" content="Hof Wonen">
<meta property="og:type" content="website" />
<meta property="og:title" content="Voldoende goede en betaalbare woningen">
<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://hofwonen.nl/<null>">
<meta name="twitter:card" content="summary_large_image">
<meta property="og:url" content="https://hofwonen.nl:443/voldoende-betaalbare-woningen">

<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 class="columns large-12 medium-12 small-12 ">
        <!DOCTYPE html>
<html lang="nl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Strategie Pagina</title>
    <style>
        body {
            background-color: transparent; /* Transparante achtergrond */
            font-family: Arial, sans-serif; /* Standaard lettertype */
            margin: 0; /* Verwijder standaard marges */
            padding: 0; /* Verwijder standaard padding */
        }
        .banner {
            display: flex;
            align-items: center; /* Verticaal centreren */
            padding: 14px; /* Ruimte rond de banner */
            border-radius: 8px; /* Hoekjes afronden */
            margin-bottom: 20px; /* Ruimte tussen de banners */
        }
        .banner img {
            width: 35%; /* Breedte van het plaatje als percentage */
            max-width: 300px; /* Maximale breedte */
            height: auto; /* Houd de verhoudingen van de afbeelding */
            margin-right: 20px; /* Ruimte tussen afbeelding en tekst */
        }
        .text {
            color: white; /* Tekstkleur */
            font-size: 24px; /* Tekstgrootte in de banner */
        }
        .white-space {
            height: 20px; /* Hoogte van de witregel */
        }
        .card {
            background-color: #9b468c; /* Paarse achtergrondkleur */
            padding: 20px; /* Ruimte rond de afbeelding en tekst */
            border-radius: 8px; /* Hoekjes afronden */
            margin-bottom: 20px; /* Ruimte onder de kaart */
        }
        .card-section {
            padding: 15px 0; /* Ruimte boven en onder de secties */
        }
        .card-section:not(:first-child) {
            border-top: 1px solid white; /* Witte lijn boven de sectie, behalve de eerste */
        }
        .card img {
            width: 25%; /* Breedte van de afbeelding in de kaart als percentage */
            max-width: 100px; /* Maximale breedte */
            height: auto; /* Houd de verhoudingen van de afbeelding */
            margin-right: 20px; /* Ruimte tussen afbeelding en tekst */
            float: left; /* Afbeelding links uitlijnen */
        }
        .card-text {
            color: white; /* Tekstkleur in de kaartjes */
            font-size: 16px; /* Tekstgrootte in de kaartjes */
            text-align: left; /* Tekst links uitlijnen */
            overflow: hidden; /* Zorgt ervoor dat de tekst niet overlapt met de afbeelding */
        }

        /* Media Queries voor responsiviteit */
        @media (max-width: 600px) {
            .banner {
                flex-direction: column; /* Stapel elementen op kleinere schermen */
                align-items: flex-start; /* Links uitlijnen */
            }
            .banner img {
                width: 100%; /* Volledige breedte op mobiele apparaten */
                margin-right: 0; /* Geen marge aan de rechterkant */
                margin-bottom: 10px; /* Ruimte onder de afbeelding */
            }
            .card img {
                width: 30%; /* Breedte van de afbeelding in de kaart */
                float: none; /* Geen float op mobiele apparaten */
                display: block; /* Blokweergave voor afbeeldingen */
                margin: 0 auto 10px; /* Centreren met marge onder */
            }
            .card-text {
                font-size: 16px; /* Grotere tekstgrootte voor leesbaarheid */
            }
        }
    </style>
</head>
<body>

<!-- Eerste strategie -->
<div class="banner" style="background-color: #9b468c; text-align: center;">
    <div class="text">
        We zorgen voor voldoende goede en betaalbare woningen
    </div>
</div>
<div>
    <img src="publishedMedia/71c94686-cdac-4f2d-b394-bd6ddd8252c1.jpg" alt="Voldoende goede en betaalbare woningen">
</div><br>
<!-- Introtekst -->
<p>We geven prioriteit aan de kwaliteit van onze bestaande woningen en het 
overige vastgoed. We zorgen ervoor dat de woningen duurzaam en klaar zijn voor 
de toekomst. Deze strategie bestaat uit drie substrategieën:</p>


<!-- Grote kaart met drie onderwerpen -->
<div class="card">
    <div class="card-section">
        <div class="card-text">
            <b>Goede woningen</b><br>We stoppen extra geld in het onderhoud van 
                onze woningen. We verbeteren 9.300 woningen door aanpak van het 
                energielabel naar A of B (bij 5.000 woningen) en door renovatie of 
                sloop-nieuwbouw (bij 4.300 woningen).
        </div>
    </div>
    <div class="card-section">
        <div class="card-text">
            <b>Voldoende woningen</b><br> We zoeken naar passende woningen voor iedere 
                bewoner. We voegen in Den Haag netto 2.100 woningen toe met een 
                betaalbare huur of met een middenhuur.
        </div>
    </div>
    <div class="card-section">
        <div class="card-text">
            <b>Betaalbare woningen</b><br>We streven naar 100% betaalbare huren voor 
                al onze bewoners. Dit doen we samen met de huurder, werkgevers en de 
                overheid. We bieden maatwerk waar het nodig is.
        </div>
    </div>
</div>

</body>
</html>    </div>
    </div>
            </div>
            </div>

                                                </section>
                <section id="content01" class="content">
                    </section>
            <section id="content02" class="content">
                    </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>