<!DOCTYPE html>
<html>
<head>
<base href="https://hofwonen.nl/">
<title>Verstevigen fundament - Hof Wonen</title>
<meta property="og:site_name" content="Hof Wonen">
<meta property="og:type" content="website" />
<meta property="og:title" content="Verstevigen fundament">
<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/verstevigen-fundament">

<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: 16px; /* 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 */
            text-align: center;
            
        }
        .white-space {
            height: 20px; /* Hoogte van de witregel */
        }
        .card {
            background-color: #235069; /* 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: #235069">
    <div class="text">
        We verstevigen ons fundament
    </div>
</div>
<div>
    <img src="publishedMedia/a6b5548e-fdde-4c37-86fe-a5e474ff32c3.jpg" alt="Verstevigen fundament">
</div><br>
<!-- Introtekst -->
<p>Ons fundament is een krachtige, inclusieve en diverse organisatie met vitale en 
betrokken medewerkers. Samen bouwen wij aan een nieuwe identiteit waarbij 
verbinding met elkaar en met de bewoner centraal staat.
Deze strategie heeft vier substrategieën:</p>


<!-- Grote kaart met drie onderwerpen -->
<div class="card">
    <div class="card-section">
        <div class="card-text">
            <b>Onze organisatie</b><br>We werken samen aan onze structuur en cultuur. 
                We geven elkaar ruimte en vertrouwen..
        </div>
    </div>
    <div class="card-section">
        <div class="card-text">
            <b>Inzet op samenwerking</b><br>We kunnen het niet alleen. We versterken 
                de samenwerking met de Huurdersraad en bewonerscommissies. 
                We werken intensief samen met veel partijen, zoals welzijnsorganisaties, 
                aannemers en ontwikkelaars.
        </div>
    </div>
    <div class="card-section">
        <div class="card-text">
            <b>Digitale transformatie</b><br> We zetten nieuwe stappen in digitalisering 
                voor betere sturing en klantbediening. Zodat de medewerkers hun werk 
                nog beter kunnen doen. En de huurder makkelijker zijn of haar zaken zelf 
                kan regelen. Laagdrempelig en snel.
        </div>
    </div>
    <div class="card-section">
        <div class="card-text">
            <b>Financieel gezond</b><br>Wij zijn financieel gezond en maken slimme keuzes 
                om onze huidige en toekomstige maatschappelijke ambities waar te 
                maken.
        </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>