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

modif cursus scolaire
continuous-integration/drone/push Build is passing Details

Browse Source
master
cocaillot 9 months ago
parent b1fd6ad33a
commit b70b10a871
6 changed files with 395 additions and 195 deletions
Show Stats Download Patch File Download Diff File

114
cursus.html
Unescape View File

@ -1,60 +1,68 @@
<!DOCTYPE html> <!-- Doctype HTML5 --> <!DOCTYPE html>
<!-- Doctype HTML5 -->
<html lang="fr"> <html lang="fr">
<head>
<meta charset="UTF-8"> <head>
<link type="text/css" rel="stylesheet" href="style.css"> <meta charset="UTF-8">
<title>Corentin</title> <link type="text/css" rel="stylesheet" href="style.css">
<nav class="navbar"> <title>Corentin</title>
<ul class="navbar-list"> <nav class="navbar">
<li><a href="index.html">Accueil</a></li> <ul class="navbar-list">
<li><a href="cursus.html">Cursus</a></li> <li>
<li><a href="planning.html">Planning</a></li> <a href="index.html">Accueil</a>
<li class="dropdown"> </li>
<li>
<a href="cursus.html">Cursus</a>
</li>
<li>
<a href="planning.html">Planning</a>
</li>
<li class="dropdown">
<a href="#">Gallerie</a> <a href="#">Gallerie</a>
<ul class="dropdown-content"> <ul class="dropdown-content">
<li><a href="images.html">Images</a></li> <li>
<li><a href="videos.html">Vidéos</a></li> <a href="images.html">Images</a>
</li>
<li>
<a href="videos.html">Vidéos</a>
</li>
</ul> </ul>
</li> </li>
<li><a href="form.php">Form</a></li> <li>
</ul> <a href="form.php">Form</a>
</nav> </li>
</head> </ul>
<body> </nav>
<header> </head>
<h1>Cursus scolaire</h1>
</header>
<h3>Maternelle</h3>
<p><strong>Archignat</strong></p>
<img src="img/Archignat.png" alt="Archignat" heigh="300px" width ="300px"></img>
<h3>Primaire</h3>
<p><strong>Saint Sauvier</strong></p>
<p><mark>cp -> ce1</mark></p>
<img src="">saint_sauvier.jpeg</img>
<p><strong>Treignat</strong></p>
<p><mark>ce2 -> cm2</mark></p>
<img src="img/treignat.jpeg" alt="treignat" heigh="300px" width ="300px"></imgs>
<h3>Collège</h3>
<p><strong>Huriel</strong></p>
<p><em>Collège George-Sand</em></p>
<img src="img/huriel.jpeg" alt="huriel" heigh="300px" width ="300px"></img>
<h3>Lycée</h3> <body>
<p><strong>Montluçon</strong></p> <h1 id="titre_cursus">CURSUS SCOLAIRE</h1>
<p><em>Lycée madame de Staël</em></p> <div class="timeline">
<img src="img/montluçon.jpeg" alt="montluçon" heigh="300px" width ="300px"></img> <div class="container left">
<div class="content">
<h2 class="exclude">2023 ➡️ aujourd'hui</h2>
<h3 class="exclude">Iut Aubière</h3>
<img src="img/aubière.jpg" alt="aubière" heigh="300px" width="300px">
</div>
</div>
<div class="container right">
<div class="content">
<h2 class="exclude">2020 ➡️ 2023</h2>
<h3 class="exclude">Lycée LEM</h3>
<img src="img/montluçon.jpeg" alt="LEM" heigh="300px" width="300px">
</div>
</div>
<div class="container left">
<div class="content">
<h2 class="exclude">2016 ➡️ 2020</h2>
<h3 class="exclude">Collège George-Sand</h3>
<img src="img/huriel.jpeg" alt="huriel" heigh="00px" width="400px">
</div>
</div>
</div>
</body>
<footer>
<p>Pied de page</p>
</footer>
<h3>Maintenant</h3>
<p><strong>Aubière</strong></p>
<img src="img/aubière.jpg" alt="aubière" heigh="300px" width ="300px"></img>
</body>
<footer>
<p>
Pied de page
</p>
</footer>
</html> </html>

2
form.php
Unescape View File

@ -29,7 +29,7 @@
<!-- Required input for the first name --> <!-- Required input for the first name -->
<label for="first_name">First Name:</label> <label for="first_name">First Name:</label>
<input type="text" id="first_name" name="first_name" required><br><br> <input type="text" id="first_name" name="first_name" required><br><br>
<!--Input of type numer for the age --> <!--Input of type numer for the age -->
<label for="age">Age:</label> <label for="age">Age:</label>
<input type="number" id="age" name="age" min="0" step="1"><br><br> <input type="number" id="age" name="age" min="0" step="1"><br><br>

116
images.html
Unescape View File

@ -1,67 +1,77 @@
<!DOCTYPE html> <!-- Doctype HTML5 --> <!DOCTYPE html>
<!-- Doctype HTML5 -->
<html lang="fr"> <html lang="fr">
<head> <head>
<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>
<nav class="navbar"> <nav class="navbar"></nav>
<ul class="navbar-list"> <ul class="navbar-list">
<li><a href="index.html">Accueil</a></li> <li>
<li><a href="cursus.html">Cursus</a></li> <a href="index.html">Accueil</a>
<li><a href="planning.html">Planning</a></li> </li>
<li class="dropdown"> <li>
<a href="#">Gallerie</a> <a href="cursus.html">Cursus</a>
<ul class="dropdown-content"> </li>
<li><a href="images.html">Images</a></li> <li>
<li><a href="videos.html">Vidéos</a></li> <a href="planning.html">Planning</a>
</ul> </li>
</li> <li class="dropdown">
<li><a href="form.php">Form</a></li> <a href="#">Gallerie</a>
</ul> <ul class="dropdown-content">
</nav> <li>
</head> <a href="images.html">Images</a>
<body> </li>
<li>
<a href="videos.html">Vidéos</a>
</li>
</ul>
</li>
<li>
<a href="form.php">Form</a>
</li>
</ul>
</nav>
</head>
<body>
<h1>Galerie d'Images</h1> <h1>Galerie d'Images</h1>
<h3 class="title_gallery">Espace</h3> <h3 class="title_gallery">Espace</h3>
<div class="gallery"> <div class="gallery">
<a href="space1.html">
<a href="space1.html"> <img src="img/space1.jpg" alt="Espace" />
<img src="img/space1.jpg" alt="Espace"> </a>
</a> <a href="space2.html">
<a href="space2.html"> <img src="img/space2.jpg" alt="Espace" />
<img src="img/space2.jpg" alt="Espace"> </a>
</a> <a href="space2.html">
<a href="space2.html"> <img src="img/space3.jpg" alt="Espace" />
<img src="img/space3.jpg" alt="Espace"> </a>
</a>
</div> </div>
<h3 class="title_gallery">Jeux video</h3> <h3 class="title_gallery">Jeux video</h3>
<div class="gallery"> <div class="gallery">
<a href="video_game1.html">
<a href="video_game1.html"> <img src="img/video_game1.jpg" alt="Rocket league" />
<img src="img/video_game1.jpg" alt="Rocket league"> </a>
</a> <a href="video_game2.html">
<a href="video_game2.html"> <img src="img/video_game2.jpg" alt="Valorant" />
<img src="img/video_game2.jpg" alt="Valorant"> </a>
</a> <a href="video_game3.html">
<a href="video_game3.html"> <img src="img/video_game3.jpeg" alt="Fortnite" />
<img src="img/video_game3.jpeg" alt="Fortnite"> </a>
</a>
</div> </div>
<h3 class="title_gallery">Sport</h3> <h3 class="title_gallery">Sport</h3>
<div class="gallery"> <div class="gallery">
<a href="sport1.html">
<a href="sport1.html"> <img src="img/sport1.jpg" alt="Paintball" />
<img src="img/sport1.jpg" alt="Paintball"> </a>
</a> <a href="sport2.html">
<a href="sport2.html"> <img src="img/sport2.jpg" alt="Ping-pong" />
<img src="img/sport2.jpg" alt="Ping-pong"> </a>
</a> <a href="sport3.html">
<a href="sport3.html"> <img src="img/sport3.jpg" alt="Natation" />
<img src="img/sport3.jpg" alt="Natation"> </a>
</a>
</div> </div>
</body> </body>
</html> </html>

3
planning.html
Unescape View File

@ -19,9 +19,6 @@
<li><a href="form.php">Form</a></li> <li><a href="form.php">Form</a></li>
</ul> </ul>
</nav> </nav>
</head>
<body>
<header>
<h1>PLANNING</h1> <h1>PLANNING</h1>
<table> <table>
<caption>Planning d'activités</caption> <caption>Planning d'activités</caption>

147
style.css
Unescape View File

@ -34,7 +34,7 @@ body {
color: #f1f1f1; color: #f1f1f1;
} }
h1, h2, h3 { h1, h2:not(.exclude), h3:not(.exclude) {
color: #ffffff; color: #ffffff;
} }
@ -273,3 +273,148 @@ figcaption {
text-align: center; text-align: center;
margin-top: 20px; margin-top: 20px;
} }
/********************************************************************************/
/* Css for the timeline (general) */
#titre_cursus {
text-align: center;
margin-top: 20px;
}
* {
box-sizing: border-box;
}
/* Set a background color */
body {
background-color: #474e5d;
font-family: Helvetica, sans-serif;
}
/* The actual timeline (the vertical ruler) */
.timeline {
position: relative;
max-width: 1200px;
margin: 0 auto;
}
/* The actual timeline (the vertical ruler) */
.timeline::after {
content: '';
position: absolute;
width: 6px;
background-color: white;
top: 0;
bottom: 0;
left: 50%;
margin-left: -3px;
}
/* Container around content */
.container {
padding: 10px 40px;
position: relative;
background-color: inherit;
width: 50%;
}
/* The circles on the timeline */
.container::after {
content: '';
position: absolute;
width: 25px;
height: 25px;
right: -17px;
background-color: white;
border: 4px solid #FF9F55;
top: 15px;
border-radius: 50%;
z-index: 1;
}
/* Place the container to the left */
.left {
left: 0;
}
/* Place the container to the right */
.right {
left: 50%;
}
/* Add arrows to the left container (pointing right) */
.left::before {
content: " ";
height: 0;
position: absolute;
top: 22px;
width: 0;
z-index: 1;
right: 30px;
border: medium solid white;
border-width: 10px 0 10px 10px;
border-color: transparent transparent transparent white;
}
/* Add arrows to the right container (pointing left) */
.right::before {
content: " ";
height: 0;
position: absolute;
top: 22px;
width: 0;
z-index: 1;
left: 30px;
border: medium solid white;
border-width: 10px 10px 10px 0;
border-color: transparent white transparent transparent;
}
/* Fix the circle for containers on the right side */
.right::after {
left: -16px;
}
/* The actual content */
.content {
padding: 20px 30px;
background-color: white;
position: relative;
border-radius: 6px;
color: #333;
}
/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 600px) {
/* Place the timelime to the left */
.timeline::after {
left: 31px;
}
/* Full-width containers */
.container {
width: 100%;
padding-left: 70px;
padding-right: 25px;
}
/* Make sure that all arrows are pointing leftwards */
.container::before {
left: 60px;
border: medium solid white;
border-width: 10px 10px 10px 0;
border-color: transparent white transparent transparent;
}
/* Make sure all circles are at the same spot */
.left::after, .right::after {
left: 15px;
}
/* Make all right containers behave like the left ones */
.right {
left: 0%;
}
}

208
videos.html
Unescape View File

@ -1,97 +1,137 @@
<!DOCTYPE html> <!-- Doctype HTML5 --> <!DOCTYPE html>
<!-- Doctype HTML5 -->
<html lang="fr"> <html lang="fr">
<head> <head>
<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>
<nav class="navbar"> <nav class="navbar">
<ul class="navbar-list"> <ul class="navbar-list">
<li><a href="index.html">Accueil</a></li> <li><a href="index.html">Accueil</a></li>
<li><a href="cursus.html">Cursus</a></li> <li><a href="cursus.html">Cursus</a></li>
<li><a href="planning.html">Planning</a></li> <li><a href="planning.html">Planning</a></li>
<li class="dropdown"> <li class="dropdown">
<a href="#">Gallerie</a> <a href="#">Gallerie</a>
<ul class="dropdown-content"> <ul class="dropdown-content">
<li><a href="images.html">Images</a></li> <li><a href="images.html">Images</a></li>
<li><a href="videos.html">Vidéos</a></li> <li><a href="videos.html">Vidéos</a></li>
</ul> </ul>
</li> </li>
<li><a href="form.php">Form</a></li> <li><a href="form.php">Form</a></li>
</ul> </ul>
</nav> </nav>
</head> </head>
<body> <body>
<h1 id ="video_categorie">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>
<div class="video-item"> <div class="video-item">
<video src="video/reset_bounce.mp4" type="video/mp4" controls muted></video> <video
</div> src="video/reset_bounce.mp4"
<figcaption>Double reset bounce shot</figcaption> type="video/mp4"
</figure> controls
<figure> muted
<div class="video-item"> ></video>
<video src="video/double_reset_double.mp4" type="video/mp4" controls muted></video> </div>
</div> <figcaption>Double reset bounce shot</figcaption>
<figcaption>Double reset double tap</figcaption> </figure>
</figure> <figure>
<figure> <div class="video-item">
<div class="video-item"> <video
<video src="video/double_tap_angle.mp4" type="video/mp4" controls muted></video> src="video/double_reset_double.mp4"
</div> type="video/mp4"
<figcaption>Double tap</figcaption> controls
</figure> muted
></video>
</div>
<figcaption>Double reset double tap</figcaption>
</figure>
<figure>
<div class="video-item">
<video
src="video/double_tap_angle.mp4"
type="video/mp4"
controls
muted
></video>
</div>
<figcaption>Double tap</figcaption>
</figure>
</div> </div>
<h3 class="title_gallery">Valorant</h3> <h3 class="title_gallery">Valorant</h3>
<div class="gallery_video"> <div class="gallery_video">
<figure> <figure>
<div class="video-item"> <div class="video-item">
<video src="video/4k breeze.mp4" type="video/mp4" controls muted></video> <video
</div> src="video/4k breeze.mp4"
<figcaption>4k (asc 2)</figcaption> type="video/mp4"
</figure> controls
<figure> muted
<div class="video-item"> ></video>
<video src="video/one tap jett asc.mp4" type="video/mp4" controls muted></video> </div>
</div> <figcaption>4k (asc 2)</figcaption>
<figcaption>One tap (asc3)</figcaption> </figure>
</figure> <figure>
<figure> <div class="video-item">
<div class="video-item"> <video
<video src="video/4k_lotus_clutch.mp4" type="video/mp4" controls muted></video> src="video/one tap jett asc.mp4"
</div> type="video/mp4"
<figcaption>4k clutch (dia 3)</figcaption> controls
</figure> muted
></video>
</div>
<figcaption>One tap (asc3)</figcaption>
</figure>
<figure>
<div class="video-item">
<video
src="video/4k_lotus_clutch.mp4"
type="video/mp4"
controls
muted
></video>
</div>
<figcaption>4k clutch (dia 3)</figcaption>
</figure>
</div> </div>
<h3 class="title_gallery">Mes Teammates</h3> <h3 class="title_gallery">Mes Teammates</h3>
<div class="gallery_video"> <div class="gallery_video">
<figure> <figure>
<div class="video-item"> <div class="video-item">
<video src="video/Tristan_wsh.mp4" type="video/mp4" controls muted></video> <video
</div> src="video/Tristan_wsh.mp4"
<figcaption>Rank du joueur : (immo 2)</figcaption> type="video/mp4"
</figure> controls
<figure> muted
<div class="video-item"> ></video>
<video src="video/Rae_wtf.mp4" type="video/mp4" controls muted></video> </div>
</div> <figcaption>Rank du joueur : (immo 2)</figcaption>
<figcaption>Rank du joueur : (dia 3)</figcaption> </figure>
</figure> <figure>
<figure> <div class="video-item">
<div class="video-item"> <video
<video controls muted> src="video/Rae_wtf.mp4"
<source src="video/Skye_wtf.mp4" type="video/mp4"> type="video/mp4"
<source src="video/Skye_wtf.ogg" type="video/ogg"> controls
<source src="video/Skye_wtf.webm" type="video/webm"> muted
Video format not supported ! ></video>
</video> </div>
</div> <figcaption>Rank du joueur : (dia 3)</figcaption>
<figcaption>Rank du joueur : (asc 2) </figcaption> </figure>
</figure> <figure>
<div class="video-item">
<video controls muted>
<source src="video/Skye_wtf.mp4" type="video/mp4" />
<source src="video/Skye_wtf.ogg" type="video/ogg" />
<source src="video/Skye_wtf.webm" type="video/webm" />
Video format not supported !
</video>
</div>
<figcaption>Rank du joueur : (asc 2)</figcaption>
</figure>
</div> </div>
</body>
</body>
</html> </html>

Write Preview
Loading…
Cancel
Save