Camilla Schoeser
90 lines
3.4 KiB
HTML
90 lines
3.4 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta http-equiv="Refresh" content="1200; url=https://camilou.fr" />
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Cours</title>
|
|
<link rel="stylesheet" href="CSS.css">
|
|
<link rel="icon" href="favicon.ico" type="image/x-icon">
|
|
|
|
<style>
|
|
p, a { font-size: 28px; }
|
|
a { text-decoration: none; }
|
|
body { background-image: url('Data/centre\ commercial.png'); background-size: cover; background-position: center; }
|
|
|
|
/* 1. On force le conteneur à gérer TOUTES les colonnes proprement */
|
|
.encadrement {
|
|
display: flex !important;
|
|
flex-direction: row !important; /* Force l'alignement horizontal */
|
|
flex-wrap: wrap !important; /* Permet de passer à la ligne proprement si l'écran est petit */
|
|
gap: 20px !important; /* Crée un espace fixe entre chaque colonne */
|
|
padding: 20px;
|
|
}
|
|
|
|
/* 2. On réinitialise complètement colonne1 ET colonne2 au même niveau */
|
|
.colonne1, .colonne2 {
|
|
flex: 1 !important;
|
|
min-width: 250px !important; /* Largeur minimale pour chaque bloc */
|
|
position: static !important; /* ANNULE le position: relative qui fait chevaucher les blocs */
|
|
float: none !important; /* Sécurité : annule d'anciens float si existants */
|
|
display: block !important;
|
|
|
|
padding: 15px;
|
|
margin: 0 0 20px 0 !important; /* Supprime les marges compliquées (margin-left, etc.) */
|
|
|
|
box-shadow: 10px 10px 5px rgba(111, 154, 87, 0.7);
|
|
border-radius: .5rem;
|
|
background-image: radial-gradient(circle at top left, rgba(105, 202, 144, 0.868), rgba(214, 249, 228, 0.646));
|
|
}
|
|
|
|
/* 3. On force les liens à aller à la ligne à l'intérieur des colonnes */
|
|
.encadrement a {
|
|
display: block !important;
|
|
margin-bottom: 8px;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div class="Retour-container">
|
|
<a href="Accueil.html" title="index" class="RetourAccueil">Retour à l'accueil</a>
|
|
</div>
|
|
|
|
<div class="encadre2">
|
|
<h1>Cours ENSGSI</h1>
|
|
<h2 style="font-size: 1em;"></h2>
|
|
</div>
|
|
|
|
<div class="encadrement">
|
|
|
|
<div class="colonne1">
|
|
<p><b>Cours 1AI :</b></p>
|
|
<a href="Cours/Innovation/Innovation cours.html" title="cours innovation">Ingéniérie de l'innovation</a>
|
|
<a href="Cours/Economie/Cours.html" title="cours économie">Economie</a>
|
|
<p><b>Travaux</b></p>
|
|
<a href="Documents/Rapport d'étonnement.html">Rapport d'étonnement</a>
|
|
<a href="Documents/STS.html">Rapport Sciences Technologies et Societé</a>
|
|
<a href="Documents/Test de wix.html">Test de Wix</a>
|
|
|
|
<p><b>Légaux</b></p>
|
|
<a href="Legaux/Legaux.html">Légaux</a>
|
|
|
|
<p><b>ERASMUS</b></p>
|
|
<a href="ERASMUS/page.html">La culture des Pays-Bas</a>
|
|
|
|
<p><b>Projet professionnel</b></p>
|
|
<a href="ProjetPro/présentation.html">Présentation projet pro</a>
|
|
</div>
|
|
|
|
<div class="colonne2">
|
|
<p><b>Stage CRAN</b></p>
|
|
<a href="https://cran-dev.cran.univ-lorraine.fr/">Amélioration de leur site web</a>
|
|
|
|
<p><b>Télécom Nancy</b></p>
|
|
<a href="TN/Crypto/test23.html">Présentation crypto</a>
|
|
</div>
|
|
|
|
</div> </body>
|
|
</html> |