<!DOCTYPE html>
<html>
<head>
<base href="https://hofwonen.nl/">
<title>Werken aan veerkrachtige en groene buurten - Hof Wonen</title>
<meta property="og:site_name" content="Hof Wonen">
<meta property="og:type" content="website" />
<meta property="og:title" content="Werken aan veerkrachtige en groene buurten">
<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/veerkrachtig-en-groen">

<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: 10px; /* 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: #327d41; /* Groene 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: #327d41;">
    <div class="text">
        We werken voor en met bewoners aan veerkrachtige en groene buurten
    </div>
</div>
<div>
    <img src="publishedMedia/e4e9523a-5e7e-4e18-9ad9-8a8ec8a47e37.jpg" alt="Voor en met bewoners veerkrachtige en groene buurten">
</div><br>
<!-- Introtekst -->
<p>Als woningcorporatie werken we aan veerkrachtige buurten met een divers en 
goed woningaanbod. Deze woningen staan in buurten met een goede sociale 
samenhang, veel groen en goede voorzieningen waar het fijn wonen is.
We splitsen deze strategie op in vier substrategieën:</p>


<!-- Grote kaart met vier onderwerpen -->
<div class="card">
    <div class="card-section">
        <div class="card-text">
            <b>Voor en met bewoners</b><br>We betrekken onze bewoners bij het 
            ontwikkelen van beleid en plannen. Onze dienstverlening is goed geregeld. 
            We bieden ondersteuning bij problemen om kansen te vergroten.
        </div>
    </div>
    <div class="card-section">
        <div class="card-text">
            <b>Veerkrachtige buurten</b><br>We denken na over wat er in de buurt nodig is 
            en werken samen met collega corporaties, maatschappelijke organisaties en 
            de gemeente om de buurt te laten bloeien.
        </div>
    </div>
    <div class="card-section">
        <div class="card-text">
            <b>Groene buurten</b><br>We verbeteren de kwaliteit van onze tuinen en 
            buitenruimtes voor een gezonde stad Den Haag en om elkaar te 
            ontmoeten.
        </div>
    </div>
    <div class="card-section">
        <div class="card-text">
            <b>Een inclusieve stad</b><br>We zoeken in iedere buurt in Den Haag naar 
            een mooie balans tussen verschillende soorten woningen en bewoners, 
            met passende voorzieningen.
        </div>
    </div>
</div>
<br>

    <div class="vestia-content-block-gray-bg"><h2>Veerkracht versterken</h2>
    <p>Benieuwd hoe we de veerkracht in onze buurten versterken? Lees meer over hoe wij <a href= "veerkracht">samen bouwen aan buurten</a>.</p> </div>
  
    </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>