Create index page

2024-02-04 23:59:49 +01:00
parent e7aa24b9af
commit 99e5c82585
2 changed files with 57 additions and 0 deletions
@@ -0,0 +1,40 @@
+body {
+    margin: 0;
+    padding: 0;
+    font-size: 18px; /* Taille de base pour les grands écrans */
+}
+
+h1 {
+    font-size: 24px; /* Taille de base pour les titres sur les grands écrans */
+    margin: 0.5em;
+}
+
+ul {
+    list-style-type: none;
+    padding: 1em;
+}
+
+li {
+    margin-bottom: 10px;
+}
+
+a {
+    text-decoration: none;
+    color: #1F51FF;
+    font-weight: bold;
+}
+
+/* Requêtes média pour les écrans de moins de 600px de large */
+@media (max-width: 600px) {
+    body {
+        font-size: 8vw; /* Augmente la taille de la police sur les petits écrans */
+    }
+
+    h1 {
+        font-size: 5.5vw; /* Augmente la taille de la police des titres sur les petits écrans */
+    }
+
+    ul, li {
+        padding: 3vw; /* Augmente le padding pour plus d'espace */
+    }
+}
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Choisis une carte</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="./css/index.css" />
+</head>
+<body>
+    <h1>Choisis une carte</h1>
+    <ul>
+        <li><a href="971.php">Guadeloupe (971)</a></li>
+        <li><a href="972.php">Martinique (972)</a></li>
+        <li><a href="973.php">Guyane (973)</a></li>
+        <li><a href="974.php">La Réunion (974)</a></li>
+    </ul>
+</body>
+</html>