<!DOCTYPE html>
<html lang="nl">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <title>Walbert Vastgoed | Familie van Albert Vastgoed</title>
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
  <link rel="stylesheet" href="https://use.typekit.net/dhz2ced.css">
  <style>
    body{
      font-family: museo-sans, sans-serif;
    }
    .img-responsive{
      max-width: 100%;
    }
    .socicon{
      width: 25px;
      margin-left: 10px
    }
    footer{
      padding: 15px;
    }
    h1{
      font-size: 1.6em;
    }
    .color-custom{
      color: #f60000;
    }
    .bgcolor-custom{
      background-color: #f60000;
    }
    .btn-red{
      color: white;
      background-color: #f60000;
    }
    .btn-black{
      color: white;
      background-color: black;
    }
    .btn:hover{
      color: white;
    }
    .box-shadow{
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }
    @media (min-width:720px){
      .center-vertically{
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
      }
    }
  </style>
</head>
<body>
  <div class="container align-self-center">
    <div class="row">
      <div class="col-12 col-md-6">
        <div class="row" style="margin-top: 50px; margin-bottom: 25px;">
          <div class="col-12">
            <div class="row">
              <div class="col-5 align-self-center">
                <img src="images/walbers.png" class="img-responsive">
              </div>
              <div class="col-2 text-center align-self-center"> wordt </div>
              <div class="col-5 align-self-center">
                <a href="https://www.albert-vastgoed.be"><img src="images/gerardi-albert-vastgoed.png" class="img-responsive"></a>
              </div>
            </div>
          </div>
        </div>
        <h1><span class="color-custom">Walbers Vastgoed en Albert Vastgoed:</span><br>
        Nieuw concept, maar dezelfde service</h1>
        <p>
          Bij een lekker kopje koffie luisteren we graag naar uw verwachtingen en staan we klaar met advies.
          Een open en eerlijke communicatie is de rode draad doorheen onze fijne samenwerking.
          Dankzij het team van Albert Vastgoed krijgen we juridische, marketing, sociale media en commerciële
          ondersteuning zodat we ons alleen maar hoeven te focussen op de verkoop of verhuur van uw pand.
          Elk familielid doet dus waar hij best in is en zich in onderscheiden kan.
        </p>
        <p>
          <span class="color-custom">Gerardi, familie van Albert Vastgoed neemt al je</span>
          <ul>
            <li>Doelgerichte publicatie on- en offline</li>
            <li>Professionele fotografie</li>
            <li>Marketingplan op maat</li>
            <li>Persoonlijke begeleiding van A tot Z</li>
            <li>Sterk netwerk van +10 kantoren in Vlaanderen</li>
          </ul>
        </p>
        <div class="row">
          <div class="col-6 col-md-3" style="padding-right:5px">
            <button class="btn btn-red text-center w-100" onclick="window.location='https://www.albert-vastgoed.be/kopen';">Ik wil kopen</button>
          </div>
          <div class="col-6 col-md-3" style="padding-left:5px">
            <button class="btn btn-red text-center w-100" onclick="window.location='https://www.albert-vastgoed.be/huren';">Ik wil huren</button>
          </div>
        </div>
        <div class="row" style="margin-top: 10px; margin-bottom: 25px;">
          <div class="col-12 col-md-4">
            <button class="btn btn-black text-center w-100" onclick="window.location = 'https://www.albert-vastgoed.be/contact'">Contacteer ons</button>
          </div>
        </div>
      </div>
      <div class="col-12 col-md-6">
        <div class="w-100 h-100" style="background-image: url('images/bartgerardi.jpg'); background-size: contain; background-position: right center; background-repeat: no-repeat;"></div>
      </div>
    </div>
    <footer class="text-right bgcolor-custom">
      <a href="https://www.facebook.com/AlbertVastgoed/" target="_blank"><img src="images/fb.png" class="socicon" alt="Volg ons op Facebook"></a>
      <a href="https://www.instagram.com/albertvastgoed/" target="_blank"><img src="images/insta.png" class="socicon" alt="Volg ons op Instagram"></a>
      <!--<a href="" target="_blank"><img src="images/li.png" class="socicon" alt="Volg ons op LinkedIn"></a>-->
    </footer>
  </div>
</body>
</html>
