spb/hilmacorp-ca

1<!doctype html>2<!-- Hilmacorp — page en construction. Auteur : Simon-Pierre Boucher / contact@spboucher.ai -->3<html lang="fr">4<head>5<meta charset="utf-8">6<meta name="viewport" content="width=device-width, initial-scale=1">7<title>Hilmacorp — Site en construction</title>8<meta name="description" content="Le site de Hilmacorp est en construction. / The Hilmacorp website is under construction.">9<meta name="robots" content="noindex">10<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect width='64' height='64' rx='14' fill='%230b6b4a'/%3E%3Ctext x='32' y='43' font-family='Georgia,serif' font-size='34' text-anchor='middle' fill='%23faf9f6'%3EH%3C/text%3E%3C/svg%3E">11<style>12  :root{--paper:#faf9f6;--ink:#1a1a1a;--muted:#5f6763;--accent:#0b6b4a;--line:#e6e2da}13  *{box-sizing:border-box}14  html,body{height:100%;margin:0}15  body{background:var(--paper);color:var(--ink);font:16px/1.6 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;display:flex;flex-direction:column;min-height:100vh}16  main{flex:1;display:flex;align-items:center;justify-content:center;padding:48px 24px}17  .card{max-width:560px;width:100%;background:#fff;border:1px solid var(--line);border-radius:20px;padding:48px 40px;box-shadow:0 10px 40px rgba(26,26,26,.05);text-align:center}18  .mark{width:64px;height:64px;border-radius:16px;background:var(--accent);color:var(--paper);display:inline-flex;align-items:center;justify-content:center;font:600 34px/1 Georgia,"Times New Roman",serif;margin-bottom:24px}19  h1{font:600 2rem/1.15 Georgia,"Times New Roman",serif;margin:0 0 6px;letter-spacing:-.01em}20  .tag{color:var(--accent);font-weight:600;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;margin:0 0 28px}21  p{margin:0 0 10px;color:var(--muted)}22  .en{font-size:.95rem}23  hr{border:0;border-top:1px solid var(--line);margin:28px 0}24  a{color:var(--accent);text-decoration:none;font-weight:600}25  a:hover{text-decoration:underline}26  footer{text-align:center;color:var(--muted);font-size:.8rem;padding:16px 24px 28px}27  @media (max-width:480px){.card{padding:36px 24px}h1{font-size:1.6rem}}28</style>29</head>30<body>31<main>32  <div class="card">33    <div class="mark" aria-hidden="true">H</div>34    <h1>Hilmacorp</h1>35    <p class="tag">Site en construction · Under construction</p>36    <p>Notre nouveau site est en préparation. Revenez bientôt pour en savoir plus sur nos services.</p>37    <p class="en" lang="en">Our new website is on its way. Please check back soon to learn more about our services.</p>38    <hr>39    <p>Pour nous joindre / To reach us : <a href="mailto:contact@hilmacorp.ca">contact@hilmacorp.ca</a></p>40  </div>41</main>42<footer>© <span id="y"></span> Hilmacorp · Québec, Canada</footer>43<script>document.getElementById("y").textContent=new Date().getFullYear()</script>44</body>45</html>46