link,location

index.html

@@ -21,14 +21,28 @@
 <aside>
 
 <header>
+
 <section class="images">
-<h1>Marc<br>Beninca</h1>
 <img class="big" src="img/vcf.svg" alt="VCF QR code.">
+<div>
+<h1>Marc Beninca</h1>
+<span class="sub">
+<a href="https://www.openstreetmap.org/?query=Bordeaux">Bordeaux</a>,
+<a href="https://www.openstreetmap.org/?query=Metropolitan%20France">France</a>
+</span>
+</div>
 <img class="big" src="img/marc.png" alt="Me in front of hex dumps.">
 </section>
 
+<section>
+<h2>Contact</h2>
 <table><tbody>
 <tr>
+<th>Link</th>
+<td class="logo"><img class="logo" src="img/link.svg" alt="Link logo"></td>
+<td><a href="https://marc.beninca.link">marc.beninca.link</a></td>
+</tr>
+<tr>
 <th>E-mail</th>
 <td class="logo"><img class="logo" src="img/email.svg" alt="E-mail logo"></td>
 <td>cv<img class="inline" src="img/at.svg" alt="at">marc.beninca.link</td>
@@ -38,19 +52,9 @@
 <td class="logo"><img class="logo" src="img/phone.png" alt="Phone logo"></td>
 <td>+33 6 07 47 84 34</td>
 </tr>
-<tr>
-<th>Link</th>
-<td class="logo"><img class="logo" src="img/link.svg" alt="Link logo"></td>
-<td><a href="https://marc.beninca.link">marc.beninca.link</a></td>
-</tr>
-<tr>
-<th>Location</th>
-<td class="logo"><img class="logo" src="img/location.svg" alt="Location logo"></td>
-<td><a href="https://www.openstreetmap.org/?query=Bordeaux">Bordeaux</a>,
-<a href="https://www.openstreetmap.org/?query=Metropolitan%20France">France</a></td>
-</tr>
-<tr>
 </tbody></table>
+</section>
+
 </header>
 
 <section>