-<!DOCTYPE html
-PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
-"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
-<meta name="Author" content="Frederik Vanrenterghem" />
-<meta name="Description" content="Personal homepage" />
-<title>http://vanrenterghem.biz/ - About me</title>
-<link rel='stylesheet' type='text/css' href='/styles/main.css' />
-<link rel='stylesheet' type='text/css' href='/styles/header.css' />
-</head>
-<body>
- <!--#include virtual="/header.shtml" -->
-<h1>About me</h1>
+<!DOCTYPE html>
+<html>
+ <head>
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
+ <link href="/styles/bootstrap-5.3.0/css/bootstrap.min.css" rel="stylesheet" />
+ <meta charset="utf-8" />
+ <meta name="Author" content="Frederik Vanrenterghem" />
+ <meta name="Description" content="Personal homepage" />
+ <title>http://vanrenterghem.biz/ - About me</title>
+ </head>
+ <body>
+<header>
+ <nav class="navbar navbar-expand-md d-flex justify-content-start" style="background-color: #bbddff;">
+ <div class="container-fluid d-flex justify-content-start flex-row">
+ <a class="navbar-brand" href="/index.shtml">
+ <img src="/Pics/logo-100.png" width="99" height="78"/></a>
+ <ul class="navbar-nav d-flex justify-content-start mb-2 mb-lg-0 fw-bold">
+ <li class="nav-item">
+ <a class="nav-link active" aria-current="page" href="/About/index.shtml">About me</a></li>
+ <li class="nav-item">
+ <a class="nav-link" href="http://photos.vanrenterghem.biz/">Photos</a></li>
+ <li class="nav-item">
+ <a class="nav-link" href="/blog">Blog</a></li>
+ <li class="nav-item">
+ <a class="nav-link" href="http://git.vanrenterghem.biz/">Projects</a></li>
+ </ul>
+ </div>
+ <div class="justify-content-end mb-2 mb-lg-0 d-none d-md-block">
+ <a class="navbar-brand fs-2 fw-bold" href="/index.shtml">vanrenterghem.biz</a>
+ </div>
+ </nav>
+</header>
+<main class="container">
+<h1 class="d-none">About me</h1>
<p>
<div class="h-card">
- <img class="u-photo" src="https://www.vanrenterghem.biz/Pictures/frederik.jpg"/><br />
+ <img class="u-photo img-fluid" src="https://www.vanrenterghem.biz/Pictures/frederik.jpg"/><br />
<b>Name: </b><span class="p-name">Frederik Vanrenterghem</span><br />
<b>Born: </b><time class="dt-bday">1976-10-12</time><br />
<b>Web: </b><a class="u-url u-uid" href="https://www.vanrenterghem.biz/About/" rel="me">www.vanrenterghem.biz</a><br />
</p>
</div>
</p>
-<!--#include virtual="/footer.shtml" -->
+</main>
+<footer class="container text-center bg-light text-muted">
+ Last updated on: <time datetime="2023-06-22T13:50:41Z">22 June 2023</time>
+</footer>
+<script src="/styles/bootstrap-5.3.0/js/bootstrap.bundle.min.js"></script>
</body>
</html>