| Server IP : 109.234.162.214 / Your IP : 216.73.216.222 Web Server : Apache System : Linux servd162214.srv.odns.fr 4.18.0-372.26.1.lve.1.el8.x86_64 #1 SMP Fri Sep 16 14:08:19 EDT 2022 x86_64 User : carpe ( 1178) PHP Version : 8.0.30 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/carpe/public_html/Formulaire_Jours_Féries/ |
Upload File : |
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Horaires Jours Fériés 2026</title>
<style>
/* Reset minimal */
* {
box-sizing: border-box;
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
}
body {
background-color: #f9f9f9;
padding: 20px;
color: #333;
}
h2 {
text-align: center;
margin-bottom: 20px;
color: #2c3e50;
}
form {
max-width: 900px;
margin: 0 auto;
background: #fff;
padding: 25px;
border-radius: 10px;
box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}
label {
display: block;
font-weight: bold;
margin-bottom: 8px;
}
input[type="text"] {
width: 100%;
padding: 10px;
margin-bottom: 20px;
border-radius: 6px;
border: 1px solid #ccc;
font-size: 16px;
}
table {
width: 100%;
border-collapse: collapse;
margin-bottom: 20px;
}
th, td {
border: 1px solid #ddd;
padding: 12px 10px;
text-align: center;
font-size: 14px;
}
th {
background-color: #2c3e50;
color: #fff;
font-weight: bold;
}
tr:nth-child(even) {
background-color: #f2f2f2;
}
button {
display: block;
width: 100%;
padding: 12px;
font-size: 16px;
background-color: #27ae60;
color: #fff;
border: none;
border-radius: 8px;
cursor: pointer;
transition: background 0.3s ease;
}
button:hover {
background-color: #2ecc71;
}
/* Responsive */
@media screen and (max-width: 768px) {
table, thead, tbody, th, td, tr {
display: block;
}
tr {
margin-bottom: 15px;
border-bottom: 2px solid #ddd;
}
th {
display: none;
}
td {
text-align: right;
padding-left: 50%;
position: relative;
}
td::before {
content: attr(data-label);
position: absolute;
left: 10px;
width: 45%;
text-align: left;
font-weight: bold;
color: #555;
}
input[type="text"] {
margin-bottom: 10px;
}
}
</style>
</head>
<body>
<h2>Horaires d’ouverture des jours fériés 2026</h2>
<form action="https://script.google.com/macros/s/AKfycbx1lWNmLgPlCzMEOQYghNptiOph96loeRh4XGbPWsEJIbJzKQRM5dgUdmQsby-W4ZBv/exec" method="POST">
<label>Nom du magasin :</label>
<input type="text" name="magasin" placeholder="Nom du magasin" required>
<table>
<tr>
<th>Jour férié</th>
<th>Date</th>
<th>Horaires</th>
</tr>
<tr>
<td data-label="Jour férié">Lundi de Pâques</td>
<td data-label="Date">06/04/2026</td>
<td data-label="Horaires"><input type="text" name="jour1" placeholder="ex: 09:00-18:00"></td>
</tr>
<tr>
<td data-label="Jour férié">Fête du Travail</td>
<td data-label="Date">01/05/2026</td>
<td data-label="Horaires"><input type="text" name="jour2" placeholder="ex: 09:00-18:00"></td>
</tr>
<tr>
<td data-label="Jour férié">Victoire 1945</td>
<td data-label="Date">08/05/2026</td>
<td data-label="Horaires"><input type="text" name="jour3" placeholder="ex: 09:00-18:00"></td>
</tr>
<tr>
<td data-label="Jour férié">Ascension</td>
<td data-label="Date">14/05/2026</td>
<td data-label="Horaires"><input type="text" name="jour4" placeholder="ex: 09:00-18:00"></td>
</tr>
<tr>
<td data-label="Jour férié">Lundi de Pentecôte</td>
<td data-label="Date">25/05/2026</td>
<td data-label="Horaires"><input type="text" name="jour5" placeholder="ex: 09:00-18:00"></td>
</tr>
<tr>
<td data-label="Jour férié">Fête Nationale</td>
<td data-label="Date">14/07/2026</td>
<td data-label="Horaires"><input type="text" name="jour6" placeholder="ex: 09:00-18:00"></td>
</tr>
<tr>
<td data-label="Jour férié">Assomption</td>
<td data-label="Date">15/08/2026</td>
<td data-label="Horaires"><input type="text" name="jour7" placeholder="ex: 09:00-18:00"></td>
</tr>
<tr>
<td data-label="Jour férié">Toussaint</td>
<td data-label="Date">01/11/2026</td>
<td data-label="Horaires"><input type="text" name="jour8" placeholder="ex: 09:00-18:00"></td>
</tr>
<tr>
<td data-label="Jour férié">Armistice 1918</td>
<td data-label="Date">11/11/2026</td>
<td data-label="Horaires"><input type="text" name="jour9" placeholder="ex: 09:00-18:00"></td>
</tr>
</table>
<button type="submit">Envoyer</button>
</form>
</body>
</html>