diff --git a/cursus.html b/cursus.html index b8b1968..dd24d36 100644 --- a/cursus.html +++ b/cursus.html @@ -4,12 +4,15 @@ Corentin - Accueil - cursus - planning - Images - Videos - +
diff --git a/images.html b/images.html index feb7f1e..5107935 100644 --- a/images.html +++ b/images.html @@ -4,11 +4,15 @@ Corentin - Accueil - cursus - planning - Images - Videos +

Galerie d'Images

diff --git a/index.html b/index.html index 6181c8f..3b87ba7 100644 --- a/index.html +++ b/index.html @@ -4,11 +4,15 @@ Corentin - Accueil - cursus - planning - Images - Videos +
diff --git a/planning.html b/planning.html index 8ee61ac..b3dcf8f 100644 --- a/planning.html +++ b/planning.html @@ -4,11 +4,15 @@ Corentin - Accueil - cursus - planning - Images - Videos +
diff --git a/space1.html b/space1.html index 38fa708..ce126b7 100644 --- a/space1.html +++ b/space1.html @@ -4,7 +4,11 @@ Image - Images +
diff --git a/space2.html b/space2.html index f2158d3..eba6a00 100644 --- a/space2.html +++ b/space2.html @@ -4,7 +4,11 @@ Image - Images +
diff --git a/space3.html b/space3.html index f2158d3..eba6a00 100644 --- a/space3.html +++ b/space3.html @@ -4,7 +4,11 @@ Image - Images +
diff --git a/sport1.html b/sport1.html index 3c8dfb9..f431c9b 100644 --- a/sport1.html +++ b/sport1.html @@ -4,7 +4,11 @@ Image - Images +
diff --git a/sport2.html b/sport2.html index d8e3076..c374daf 100644 --- a/sport2.html +++ b/sport2.html @@ -4,7 +4,11 @@ Image - Images +
diff --git a/sport3.html b/sport3.html index 6fff5ca..2f08689 100644 --- a/sport3.html +++ b/sport3.html @@ -4,7 +4,11 @@ Image - Images +
diff --git a/style.css b/style.css index 0793630..f20cad8 100644 --- a/style.css +++ b/style.css @@ -9,6 +9,7 @@ a { section { width: 80%; + margin-bottom: 40px; } aside { @@ -30,13 +31,19 @@ body { background-color: #323438; margin: 0; padding: 0; + color: #f1f1f1; } -h1 { - text-align: center; - margin-top: 20px; +h1, h2, h3 { + color: #ffffff; +} + +p { + font-size: 1.1em; + line-height: 1.6; } + figure { text-align: center; margin: 50px auto; @@ -52,8 +59,46 @@ figcaption { font-size: 1.2em; margin-top: 10px; } +/********************************************************************************/ +/*Navbar css*/ + +.navbar { + background-color: #0e6ab9; + padding: 15px; + display: flex; + justify-content: center; + position: sticky; + +} + +.navbar-list { + list-style-type : non; + margin: 0; + padding: 0; + display: flex; + gap: 20px; +} +.navbar-list li { + display: inline; + z-index: 200; +} + +.navbar-list a { + color: white; + text-decoration: none; + font-size: 1.2em; + padding: 10px 15px; + transition: background-color 0.3 ease; +} + +.navbar-list a:hover { + background-color: #fff; + color: #0e6ab9; + border-radius: 5px; +} +/********************************************************************************/ /* Css for the gallery (general) */ .title_gallery { @@ -164,3 +209,9 @@ figcaption { color: white; } + + +#video_categorie { + text-align: center; + margin-top: 20px; +} diff --git a/video_game1.html b/video_game1.html index 9642a5a..1f99199 100644 --- a/video_game1.html +++ b/video_game1.html @@ -4,7 +4,11 @@ Image - Images +
diff --git a/video_game2.html b/video_game2.html index 60e374b..6308490 100644 --- a/video_game2.html +++ b/video_game2.html @@ -4,7 +4,11 @@ Image - Images +
diff --git a/video_game3.html b/video_game3.html index 244085e..58458bb 100644 --- a/video_game3.html +++ b/video_game3.html @@ -4,7 +4,11 @@ Image - Images +
diff --git a/videos.html b/videos.html index 57f2daf..c9258e8 100644 --- a/videos.html +++ b/videos.html @@ -4,14 +4,18 @@ Corentin - Accueil - cursus - planning - Images - Videos + -

Galerie Video

+

Galerie Video

Rocket league