css

user/themes/epau-antimatter/css/custom.css

@@ -1,9 +1,8 @@
-#header #navbar ul.navigation {
-  text-transform: uppercase;
-}
+
 
   .navigation a {
     color: black;
+    text-transform: uppercase;
   }
 
   #header.scrolled #navbar a {
@@ -25,28 +24,86 @@
   margin-left: 35%;
 }
 
+
 .programmes {
   display: flex;
   flex-wrap: wrap;
   background-color: #d5d2d1;
-
-}
-.programme {
-  max-width: 30%;
-  padding: 3rem;
-  background-color: white;
-  margin: 0.5rem;
+  justify-content: center;
+/*  padding-left: 20%;
+  padding-right: 20%;
+  padding-top: 3rem;
+*/
+  padding-top: 8rem;
+  padding-bottom: 8rem;
 }
 
-.programme h4 {
+    .parallax-window {
+        min-height: 400px !important;
+        background: transparent !important;
+    }
+
+    .programme {
+      max-width: 45%;
+      padding: 3rem;
+      background-color: white;
+      margin: 0.3rem;
+    }
+
+    .programme h4 {
+      text-transform: uppercase;
+    }
+
+    .programme img {
+      max-width: 30%;
+    }
+
+    .programmes :hover {
+      background-color: black;
+      color: #ffffff;
+    }
+
+
+
+/*.ressources {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    background-color: #ffffff;
+    padding-top: 8rem;
+    padding-right: 5rem;
+    padding-left: 5rem;
+  }
+
+    .ressource {
+      max-width: 20%;
+      margin-block: 5rem;
+      flex-wrap: wrap;
+      flex: 0 1 15%;
+    }
+*/
+.ressources h3 {
+  position: absolute;
   text-transform: uppercase;
+  display: block;
+
 }
 
-.programme img {
-  max-width: 30%;
+.ressources {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  grid-gap: 3rem;
+  grid-auto-rows: auto;
+  background-color: #ffffff;
+  padding: 8rem 10% 10% 8rem;
+  justify-items: center;
+  position: relative;
 }
 
-.programmes :hover {
-  background-color: black;
-  color: white;
+.ressources img {
+  max-width: 50%;
+}
+
+.ressource h1 h2 h3 h4 {
+  margin: 0.2rem;
 }