corentin.caillot
/
site_web
generated from Templates_CodeFirst/templateHtmlCss
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

ajout navbar
continuous-integration/drone/push Build is passing Details

Browse Source
master
Corentin CAILLOT 10 months ago
parent 24bdfef775
commit 524f5831df
15 changed files with 145 additions and 39 deletions
Show Stats Download Patch File Download Diff File

15
cursus.html
Unescape View File

@ -4,12 +4,15 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<link type="text/css" rel="stylesheet" href="style.css"> <link type="text/css" rel="stylesheet" href="style.css">
<title>Corentin</title> <title>Corentin</title>
<a href="index.html">Accueil</a> <nav class = "navbar">
<a href="cursus.html">cursus</a> <ul class="navbar-list">
<a href="planning.html">planning</a> <li><a href="index.html">Accueil</a></li>
<a href="images.html">Images</a> <li><a href="cursus.html">Cursus</a></li>
<a href="videos.html">Videos</a> <li><a href="planning.html">Planning</a></li>
<li><a href="images.html">Images</a></li>
<li><a href="videos.html">Videos</a></li>
</ul>
</nav>
</head> </head>
<body> <body>
<header> <header>

14
images.html
Unescape View File

@ -4,11 +4,15 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<link type="text/css" rel="stylesheet" href="style.css"> <link type="text/css" rel="stylesheet" href="style.css">
<title>Corentin</title> <title>Corentin</title>
<a href="index.html">Accueil</a> <nav class = "navbar">
<a href="cursus.html">cursus</a> <ul class="navbar-list">
<a href="planning.html">planning</a> <li><a href="index.html">Accueil</a></li>
<a href="images.html">Images</a> <li><a href="cursus.html">Cursus</a></li>
<a href="videos.html">Videos</a> <li><a href="planning.html">Planning</a></li>
<li><a href="images.html">Images</a></li>
<li><a href="videos.html">Videos</a></li>
</ul>
</nav>
</head> </head>
<body> <body>
<h1>Galerie d'Images</h1> <h1>Galerie d'Images</h1>

14
index.html
Unescape View File

@ -4,11 +4,15 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<link type="text/css" rel="stylesheet" href="style.css"> <link type="text/css" rel="stylesheet" href="style.css">
<title>Corentin</title> <title>Corentin</title>
<a href="index.html">Accueil</a> <nav class = "navbar">
<a href="cursus.html">cursus</a> <ul class="navbar-list">
<a href="planning.html">planning</a> <li><a href="index.html">Accueil</a></li>
<a href="images.html">Images</a> <li><a href="cursus.html">Cursus</a></li>
<a href="videos.html">Videos</a> <li><a href="planning.html">Planning</a></li>
<li><a href="images.html">Images</a></li>
<li><a href="videos.html">Videos</a></li>
</ul>
</nav>
</head> </head>
<body> <body>
<header> <header>

14
planning.html
Unescape View File

@ -4,11 +4,15 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<link type="text/css" rel="stylesheet" href="style.css"> <link type="text/css" rel="stylesheet" href="style.css">
<title>Corentin</title> <title>Corentin</title>
<a href="index.html">Accueil</a> <nav class = "navbar">
<a href="cursus.html">cursus</a> <ul class="navbar-list">
<a href="planning.html">planning</a> <li><a href="index.html">Accueil</a></li>
<a href="images.html">Images</a> <li><a href="cursus.html">Cursus</a></li>
<a href="videos.html">Videos</a> <li><a href="planning.html">Planning</a></li>
<li><a href="images.html">Images</a></li>
<li><a href="videos.html">Videos</a></li>
</ul>
</nav>
</head> </head>
<body> <body>
<header> <header>

6
space1.html
Unescape View File

@ -4,7 +4,11 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<link type="text/css" rel="stylesheet" href="style.css"> <link type="text/css" rel="stylesheet" href="style.css">
<title>Image</title> <title>Image</title>
<a href="images.html">Images</a> <nav class = "navbar">
<ul class="navbar-list">
<li><a href="images.html">Images</a></li>
</ul>
</nav>
</head> </head>
<body> <body>
<div> <div>

6
space2.html
Unescape View File

@ -4,7 +4,11 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<link type="text/css" rel="stylesheet" href="style.css"> <link type="text/css" rel="stylesheet" href="style.css">
<title>Image</title> <title>Image</title>
<a href="images.html">Images</a> <nav class = "navbar">
<ul class="navbar-list">
<li><a href="images.html">Images</a></li>
</ul>
</nav>
</head> </head>
<body> <body>
<div> <div>

6
space3.html
Unescape View File

@ -4,7 +4,11 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<link type="text/css" rel="stylesheet" href="style.css"> <link type="text/css" rel="stylesheet" href="style.css">
<title>Image</title> <title>Image</title>
<a href="images.html">Images</a> <nav class = "navbar">
<ul class="navbar-list">
<li><a href="images.html">Images</a></li>
</ul>
</nav>
</head> </head>
<body> <body>
<div> <div>

6
sport1.html
Unescape View File

@ -4,7 +4,11 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<link type="text/css" rel="stylesheet" href="style.css"> <link type="text/css" rel="stylesheet" href="style.css">
<title>Image</title> <title>Image</title>
<a href="images.html">Images</a> <nav class = "navbar">
<ul class="navbar-list">
<li><a href="images.html">Images</a></li>
</ul>
</nav>
</head> </head>
<body> <body>
<div> <div>

6
sport2.html
Unescape View File

@ -4,7 +4,11 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<link type="text/css" rel="stylesheet" href="style.css"> <link type="text/css" rel="stylesheet" href="style.css">
<title>Image</title> <title>Image</title>
<a href="images.html">Images</a> <nav class = "navbar">
<ul class="navbar-list">
<li><a href="images.html">Images</a></li>
</ul>
</nav>
</head> </head>
<body> <body>
<div> <div>

6
sport3.html
Unescape View File

@ -4,7 +4,11 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<link type="text/css" rel="stylesheet" href="style.css"> <link type="text/css" rel="stylesheet" href="style.css">
<title>Image</title> <title>Image</title>
<a href="images.html">Images</a> <nav class = "navbar">
<ul class="navbar-list">
<li><a href="images.html">Images</a></li>
</ul>
</nav>
</head> </head>
<body> <body>
<div> <div>

57
style.css
Unescape View File

@ -9,6 +9,7 @@ a {
section { section {
width: 80%; width: 80%;
margin-bottom: 40px;
} }
aside { aside {
@ -30,13 +31,19 @@ body {
background-color: #323438; background-color: #323438;
margin: 0; margin: 0;
padding: 0; padding: 0;
color: #f1f1f1;
} }
h1 { h1, h2, h3 {
text-align: center; color: #ffffff;
margin-top: 20px; }
p {
font-size: 1.1em;
line-height: 1.6;
} }
figure { figure {
text-align: center; text-align: center;
margin: 50px auto; margin: 50px auto;
@ -52,8 +59,46 @@ figcaption {
font-size: 1.2em; font-size: 1.2em;
margin-top: 10px; 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) */ /* Css for the gallery (general) */
.title_gallery { .title_gallery {
@ -164,3 +209,9 @@ figcaption {
color: white; color: white;
} }
#video_categorie {
text-align: center;
margin-top: 20px;
}

6
video_game1.html
Unescape View File

@ -4,7 +4,11 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<link type="text/css" rel="stylesheet" href="style.css"> <link type="text/css" rel="stylesheet" href="style.css">
<title>Image</title> <title>Image</title>
<a href="images.html">Images</a> <nav class = "navbar">
<ul class="navbar-list">
<li><a href="images.html">Images</a></li>
</ul>
</nav>
</head> </head>
<body> <body>
<div> <div>

6
video_game2.html
Unescape View File

@ -4,7 +4,11 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<link type="text/css" rel="stylesheet" href="style.css"> <link type="text/css" rel="stylesheet" href="style.css">
<title>Image</title> <title>Image</title>
<a href="images.html">Images</a> <nav class = "navbar">
<ul class="navbar-list">
<li><a href="images.html">Images</a></li>
</ul>
</nav>
</head> </head>
<body> <body>
<div> <div>

6
video_game3.html
Unescape View File

@ -4,7 +4,11 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<link type="text/css" rel="stylesheet" href="style.css"> <link type="text/css" rel="stylesheet" href="style.css">
<title>Image</title> <title>Image</title>
<a href="images.html">Images</a> <nav class = "navbar">
<ul class="navbar-list">
<li><a href="images.html">Images</a></li>
</ul>
</nav>
</head> </head>
<body> <body>
<div> <div>

16
videos.html
Unescape View File

@ -4,14 +4,18 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<link type="text/css" rel="stylesheet" href="style.css"> <link type="text/css" rel="stylesheet" href="style.css">
<title>Corentin</title> <title>Corentin</title>
<a href="index.html">Accueil</a> <nav class = "navbar">
<a href="cursus.html">cursus</a> <ul class="navbar-list">
<a href="planning.html">planning</a> <li><a href="index.html">Accueil</a></li>
<a href="images.html">Images</a> <li><a href="cursus.html">Cursus</a></li>
<a href="videos.html">Videos</a> <li><a href="planning.html">Planning</a></li>
<li><a href="images.html">Images</a></li>
<li><a href="videos.html">Videos</a></li>
</ul>
</nav>
</head> </head>
<body> <body>
<h1>Galerie Video</h1> <h1 id ="video_categorie">Galerie Video</h1>
<h3 class="title_gallery">Rocket league</h3> <h3 class="title_gallery">Rocket league</h3>
<div class="gallery_video"> <div class="gallery_video">
<figure> <figure>

Write Preview
Loading…
Cancel
Save