Ajout des fichiers

2025-01-17 22:36:53 +01:00
parent c9b0667045
commit ae3ff19143
5 changed files with 1090 additions and 0 deletions
--- a/style_entre.css
+++ b/style_entre.css
@@ -0,0 +1,266 @@
+@import url(https://db.onlinewebfonts.com/c/d7e8a95865396cddca89b00080d2cba6?family=SoDo+Sans+SemiBold);
+@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@1,700&family=Montserrat&family=Open+Sans:wght@300&family=Oswald&family=Playfair+Display:wght@500&display=swap');
+body{
+    padding: 0;
+    margin: 0;
+    background: rgb(255, 255, 255);
+}
+
+header a{
+    color: #FFFF;
+    text-decoration: none;
+}
+
+li{
+    list-style: none;
+}
+
+h2{
+    font-family: "SoDo Sans SemiBold";
+    
+}
+
+.close{
+    display: none;
+}
+
+.title_page{
+    text-align: center;
+    margin: 2rem 0;
+    color: #003B73;
+    font-size: 2rem;
+}
+
+header{
+    background: #003B73;
+    height: 90px;
+    padding: 1rem 0; /* 1 rem = 16 px*/
+    display: flex;  
+    justify-content: start;  
+    align-items: center; 
+    text-align: center; 
+}
+
+header h1 {
+    font-family: "SoDo Sans SemiBold";
+    font-size: 2.5rem;
+    flex-grow: 1; 
+   
+}
+
+#mathias {
+    height:100%;
+    width:13em;
+}
+
+#text_sw {
+    width: 100%;
+}
+
+body {
+    font-size:2em;
+}
+
+header .logo {
+    height: 7rem;
+    width: 7rem;
+    object-position: left top;
+}
+nav li a {
+    color: #0074B7;
+    font-family: "SoDo Sans SemiBold";
+    text-decoration: none;
+}
+nav{
+    background: rgba(255, 255, 255, 0.651);
+    height: 4rem;
+    box-shadow: 0 5px 10px #BFD7ED;
+
+   
+}
+
+nav ul {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    width: 25%;
+}
+
+
+.content{
+    margin: auto;
+    box-shadow: 0 5px 10px #BFD7ED;
+    background: rgba(255, 255, 255, 0.651);
+    width: 70%;
+    height: 75rem;
+    border-radius: 1.5rem;
+}
+
+.content h3{
+    font-size: 1.5rem;
+    margin: 1rem;
+    font-family: "SoDo Sans SemiBold";
+    color: #003B73;
+}
+
+.content p{
+    margin: 1rem;
+    font-family: "SoDo Sans SemiBold";
+    
+}
+
+.equipe{
+    display: flex;
+    justify-content: space-evenly;
+    
+}
+
+article{
+    display: grid;
+    grid-template-columns: 30% 70%;
+    background: #BFD7ED;
+    height: 16rem;
+    margin: 20px;
+    border-radius: 20px;
+    text-decoration: none;
+}
+
+article img{
+    height: 16rem;
+    width: 100%;
+    border-radius: 20px;
+    border-radius: 20px 0px 0px 20px ;
+}
+
+
+
+footer{
+    background: rgba(255, 255, 255, 0.651);
+    margin: 20px;
+    height: 100px;
+    
+}
+
+@media (max-width: 1040px) {
+
+
+    header {
+        flex-direction: column;  
+        align-items: center;  
+        height: auto;
+        
+    }
+
+
+    .sidenav{
+        height: 100%;
+        width: 100%;
+        position: fixed;
+        z-index: 1;
+        top: 0;
+        left: -100%;
+        background-color: #BFD7ED;
+        padding-top: 60px;
+        transition: left 0.5s ease;
+    }
+
+    .sidenav a {
+        padding: 8px 8px 8px 32px;
+        text-decoration: none;
+        font-size: 25px;
+        color: #0074B7;
+        display: block;
+        transition: 0.3s;
+      }
+      
+      .sidenav a:hover {
+        color: #003B73;
+      }
+      
+      .sidenav ul {
+        list-style-type: none;
+        padding: 0;
+        margin: 0;
+      }
+      
+      /* Active class */
+      .sidenav.active {
+        left: 0;
+      }
+      
+      /* Close btn */
+      .sidenav .close {
+        position: absolute;
+        top: 0;
+        right: 25px;
+        font-size: 36px;
+      }
+      
+      /* Icône burger */
+      .burger-icon span {
+        display: block;
+        width: 35px;
+        height: 5px;
+        background-color: #003B73;
+        margin: 6px 0;
+      }
+
+
+ 
+    nav {
+        height: auto;
+        justify-content: center; 
+        padding: 10px;
+    }
+
+    nav ul {
+        flex-direction: column;
+        align-items: center;
+        justify-content: center; 
+        gap: 15px;
+        padding: 0;
+        margin: 0;
+        display: block;
+    }
+
+    nav ul li {
+        font-size: 1rem;
+    }
+
+    .content {
+        height: auto;
+        width: 100%;
+        margin: auto;
+        padding-bottom: 1rem;
+    }
+
+    .content a{
+        width: 90%;
+        height: 16rem;
+    }
+
+    article{
+        display: flex;
+        flex-flow: column nowrap;
+        height: 30%;
+        margin: 1rem;
+    }
+
+    .image{
+        border-radius: 20px;
+        height: 90%;
+        width: 90%;
+        padding: 0.5rem;
+        margin: auto;
+    }
+
+
+    /* Footer */
+    footer {
+        height: auto;
+        padding: 10px;
+        text-align: center;
+    }
+}
+
+