Untitled

<!DOCTYPE html>
<html>
<head>
    <style media="screen" type="text/css">

#content {

    display: block;
    margin: 0 auto;
}
h1{
    border-top: 1px solid blue;
    padding-top : 10px;
}
body{
    background-image: url("backgroud.jpg");
    color : #cdcdcd;
}


</style>
<meta charset="UTF-8">
<title>Title of the document</title>
</head>

<body>
        <img src="cityLogo.png" id="content"/>
<h1>Bienvenue sur SmartCity</h1>
    <p>
        Tous les défauts constatés par les citoyens sont répertoriés ci-dessous. <br />
        Vous pouvez constater l'état des défauts à votre guise.
    </p>
<h2>Carte</h2>
    <p>Ci-dessous, vous trouverez la carte répertoriant tous les défauts</p>
    <h2>Tableau</h2>
    <p>Vous trouverez ci-dessous un tableau répertoriant tous les défauts. Cliquez sur une image pour obtenir plus de détails sur un défaut</p>
</body>

</html>