<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Ce site permet à chaque élécteur et électrice de trouver sa circonscription legislative, son ou sa députée actuelle et les candidats à l'élection legislative">
    <!-- reset.css -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css" integrity="sha256-gvEnj2axkqIj4wbYhPjbWV7zttgpzBVEgHub9AAZQD4=" crossorigin="anonymous" />
  <!-- homemade css -->
  <link rel="stylesheet" href="/css/style.css">
    <title>MaCirco - Trouver ma circonscription legislative et mes candidats</title>
</head>
<body>
    <header class="header">
        <nav class="header__nav">
            <a href="/">
                <div class="header__nav-container">
                    <img class="header__nav__icon" src="/img/loupe.svg" alt="Icône en forme de loupe">
                    <h2 class="header__nav__title">MaCirco</h2>
                </div>
            </a>
            
         <!--  <ul class="header__nav__menu">
            <li class="header__nav__menu__link">
                <a href="/">Accueil</a>
            </li>
            <li class="header__nav__link">A propos</li>
            </ul> --> 
        </nav>
    </header>
    <main class="main">