generated from Templates_CodeFirst/templateHtmlCss
parent
be8fdb9811
commit
fac3174d61
@ -0,0 +1,51 @@
|
||||
<!DOCTYPE html> <!-- Doctype HTML5 -->
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<link type="text/css" rel="stylesheet" href="style.css">
|
||||
<title>Corentin</title>
|
||||
<a href="home.html">Accueil</a>
|
||||
<a href="cursus.html">cursus</a>
|
||||
<a href="planning.html">planning</a>
|
||||
<a href="images.html">Images</a>
|
||||
<a href="videos.html">Videos</a>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<h1>Cursus scolaire</h1>
|
||||
</header>
|
||||
<h3>Maternelle</h3>
|
||||
<p><strong>Archignat</strong></p>
|
||||
<img src="img/Archignat.png" 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" 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" heigh="300px" width ="300px"></img>
|
||||
|
||||
<h3>Lycée</h3>
|
||||
<p><strong>Montluçon</strong></p>
|
||||
<p><em>Lycée madame de Staël</em></p>
|
||||
<img src="img/montluçon.jpeg" heigh="300px" width ="300px"></img>
|
||||
|
||||
<h3>Maintenant</h3>
|
||||
<p><strong>Aubière</strong></p>
|
||||
<img src="img/aubière.jpg" heigh="300px" width ="300px"></img>
|
||||
</body>
|
||||
<footer>
|
||||
<p>
|
||||
Pied de page
|
||||
</p>
|
||||
</footer>
|
||||
</html>
|
||||
@ -0,0 +1,84 @@
|
||||
<!DOCTYPE html> <!-- Doctype HTML5 -->
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<link type="text/css" rel="stylesheet" href="style.css">
|
||||
<title>Corentin</title>
|
||||
<a href="home.html">Accueil</a>
|
||||
<a href="cursus.html">cursus</a>
|
||||
<a href="planning.html">planning</a>
|
||||
<a href="images.html">Images</a>
|
||||
<a href="videos.html">Videos</a>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<h1>Caillot Corentin</h1>
|
||||
|
||||
</div>
|
||||
<img src="https://odin.iut.uca.fr/trombi/22303327.jpg" title="Corentin"/>
|
||||
<div>
|
||||
<aside>
|
||||
<ul>
|
||||
<li><a href="https://instagram.com/corentin.caillot54?igsh=MWoyZjM4amV1bXYwZA==">Instagram</a></li>
|
||||
<li><a href="mailto:corentin.caillot03@gmail.com">Mail</a></li>
|
||||
<li><a href="https://codefirst.iut.uca.fr/containers/corentincaillot-Portfolio/">Portfolio</a></li>
|
||||
</ul>
|
||||
</aside>
|
||||
<section>
|
||||
<article>
|
||||
<h2>Qui suis-je ?</h2>
|
||||
<p>
|
||||
Je m'appelle corentin, j'ai 19 ans et je suis un étudiant en première année de BUT informatique (pour la deuxième fois).
|
||||
<details>
|
||||
<summary>Lire la suite</summary>
|
||||
<p>
|
||||
Comme vous aurez pu le comprendre je suis passioné d'informatique, mais aussi de jeux vidéo et de sport.
|
||||
Je joue à de nombreux jeux tel que rocket league, valorant, minecraft, genshin et tant d'autres.
|
||||
J'ai également pratiqué de nombreux sports différents (paintball, football, escalade, athlétisme, escalade, ping-pong et bien plus encore)
|
||||
</p>
|
||||
|
||||
</details>
|
||||
</p>
|
||||
</article>
|
||||
<article>
|
||||
<h2>Qu'est-ce que j'aime ?</h2>
|
||||
<p>
|
||||
Comme vous aurez pu le comprendre je suis passioné d'informatique, mais aussi de jeux vidéo et de sport.
|
||||
</p>
|
||||
</article>
|
||||
</section>
|
||||
<section>
|
||||
<article>
|
||||
<h2>Qu'est-ce que je veux faire ?</h2>
|
||||
<p>
|
||||
La raison pour laquelle j'ai rejoinds ce BUT, c'est car je souhaite devenir développeur.
|
||||
<details>
|
||||
<summary>Lire la suite</summary>
|
||||
<p>
|
||||
Mon objectif est de trouver un emploie de développeur, acheter une maison dans la campagne et y vivre avec ma femme, deux chien (et probablement des chats...oui...elle voudra forcément des chats !)
|
||||
</p>
|
||||
</details>
|
||||
|
||||
|
||||
</p>
|
||||
</article>
|
||||
<article>
|
||||
<h2>Combler le vide</h2>
|
||||
<p>
|
||||
Histoire de respecter la consigne (qui parlent d'articles avec un "s" donc de plusieurs articles par section), je vais vous parler de mon restaurant préféré, le "moya".
|
||||
<details>
|
||||
<summary>Lire la suite</summary>
|
||||
<p>
|
||||
|
||||
C'est un restaurant asiatique qui sert de nombreux plats tel que des sushis, maki, soupes miso, beignets (oignons, calamar) ou encore des brochettes de poulet, porcs...etc. En résumé tout pleins de bonnes choses, et ce qui est génial c'est que c'est un restaurant à volonté !! Alors oui, si vous y allez, je vous conseille de ne rien manger avant, il ne faudrait pas gacher vos 16 euros.
|
||||
Attendez, je ne vous ai pas encore dis le meilleur, ici, vous êtes servis par des robots !!! Sérieusement, qui n'a jamais rêvé de voir son plat de sushi apporté par un robot ?? En plus les robots ont des têtes de chats (je commence à me dire que les chats sont en train de devenir un thème
|
||||
récurrent...). Enfin bref, allez-y !
|
||||
</p>
|
||||
</details>
|
||||
</p>
|
||||
</article>
|
||||
</section>
|
||||
</header>
|
||||
<footer>
|
||||
<p>Pied de page</p>
|
||||
</footer>
|
||||
@ -0,0 +1,57 @@
|
||||
<!DOCTYPE html> <!-- Doctype HTML5 -->
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<link type="text/css" rel="stylesheet" href="style.css">
|
||||
<title>Corentin</title>
|
||||
<a href="home.html">Accueil</a>
|
||||
<a href="cursus.html">cursus</a>
|
||||
<a href="planning.html">planning</a>
|
||||
<a href="images.html">Images</a>
|
||||
<a href="videos.html">Videos</a>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Galerie d'Images</h1>
|
||||
<h3 class="title_gallery">Espace</h3>
|
||||
<div class="gallery">
|
||||
|
||||
<a href="space1.html">
|
||||
<img src="img/space1.jpg" alt="Espace">
|
||||
</a>
|
||||
<a href="space2.html">
|
||||
<img src="img/space2.jpg" alt="Espace">
|
||||
</a>
|
||||
<a href="space2.html">
|
||||
<img src="img/space3.jpg" alt="Espace">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<h3 class="title_gallery">Jeux video</h3>
|
||||
<div class="gallery">
|
||||
|
||||
<a href="video_game1.html">
|
||||
<img src="img/video_game1.jpg" alt="Rocket league">
|
||||
</a>
|
||||
<a href="video_game2.html">
|
||||
<img src="img/video_game2.jpg" alt="Valorant">
|
||||
</a>
|
||||
<a href="video_game3.html">
|
||||
<img src="img/video_game3.jpeg" alt="Fortnite">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<h3 class="title_gallery">Sport</h3>
|
||||
<div class="gallery">
|
||||
|
||||
<a href="sport1.html">
|
||||
<img src="img/sport1.jpg" alt="Paintball">
|
||||
</a>
|
||||
<a href="sport2.html">
|
||||
<img src="img/sport2.jpg" alt="Ping-pong">
|
||||
</a>
|
||||
<a href="sport3.html">
|
||||
<img src="img/sport3.jpg" alt="Natation">
|
||||
</a>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
Before Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 910 KiB |
|
After Width: | Height: | Size: 759 KiB |
|
After Width: | Height: | Size: 34 KiB |
|
After Width: | Height: | Size: 7.0 KiB |
|
After Width: | Height: | Size: 52 KiB |
|
After Width: | Height: | Size: 92 KiB |
|
After Width: | Height: | Size: 57 KiB |
|
After Width: | Height: | Size: 1.7 MiB |
|
After Width: | Height: | Size: 56 KiB |
|
After Width: | Height: | Size: 74 KiB |
|
After Width: | Height: | Size: 112 KiB |
|
After Width: | Height: | Size: 247 KiB |
|
After Width: | Height: | Size: 87 KiB |
|
After Width: | Height: | Size: 123 KiB |
|
After Width: | Height: | Size: 83 KiB |
|
After Width: | Height: | Size: 220 KiB |
|
After Width: | Height: | Size: 13 KiB |
|
After Width: | Height: | Size: 16 KiB |
@ -1,32 +0,0 @@
|
||||
body {
|
||||
padding-left: 11em;
|
||||
font-family: Georgia, 'Georgia', "Times New Roman",
|
||||
Times, serif;
|
||||
color: darksalmon;
|
||||
background-color: rgb(39, 39, 84) }
|
||||
ul.navbar {
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
position: absolute;
|
||||
top: 2em;
|
||||
left: 1em;
|
||||
width: 9em }
|
||||
h1 {
|
||||
font-family: Helvetica, Geneva, Arial,
|
||||
SunSans-Regular, sans-serif }
|
||||
ul.navbar li {
|
||||
background: white;
|
||||
margin: 0.5em 0;
|
||||
padding: 0.3em;
|
||||
border-right: 1em solid darksalmon }
|
||||
ul.navbar a {
|
||||
text-decoration: none }
|
||||
a:link {
|
||||
color: blue }
|
||||
a:visited {
|
||||
color: darkblue }
|
||||
address {
|
||||
margin-top: 1em;
|
||||
padding-top: 1em;
|
||||
border-top: thin dotted }
|
||||
@ -0,0 +1,57 @@
|
||||
<!DOCTYPE html> <!-- Doctype HTML5 -->
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<link type="text/css" rel="stylesheet" href="style.css">
|
||||
<title>Corentin</title>
|
||||
<a href="home.html">Accueil</a>
|
||||
<a href="cursus.html">cursus</a>
|
||||
<a href="planning.html">planning</a>
|
||||
<a href="images.html">Images</a>
|
||||
<a href="videos.html">Videos</a>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<h1>PLANNING</h1>
|
||||
<table>
|
||||
<caption>Planning d'activités</caption>
|
||||
<tr>
|
||||
<th>Activités</th>
|
||||
<th>Créneaux</th>
|
||||
<th>Image</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td rowspan="2"><strong>Musculation</strong></td>
|
||||
<td>Jeudi 15h-17h</td>
|
||||
<td rowspan="2"><a href="img/musculation.jpg">
|
||||
<img src="img/musculation.jpg"height="150px" width="150px">
|
||||
</a></td>
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Samedi 8h-10h</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td rowspan="2"><strong>Révision</strong></td>
|
||||
<td>Semaine 19h-21h</td>
|
||||
<td rowspan="2"><a href="img/revision.gif"><img src="img/revision.gif" height="150px" width="150px"></a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>week-end 12h-14h/16h-18h</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td rowspan="2"><strong>Jeux vidéos</strong></td>
|
||||
<td>jeudi 17h30-19h</td>
|
||||
<td rowspan="2"><a href="img/jeuxVideo.jpeg"><img src="img/jeuxVideo.jpeg" height="150px" width="150px"></a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>weekend 8h-10h/18h-00h</td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</header>
|
||||
</body>
|
||||
<footer>
|
||||
<p>Pied de page</p>
|
||||
</footer>
|
||||
</html>
|
||||
@ -0,0 +1,14 @@
|
||||
<!DOCTYPE html> <!-- Doctype HTML5 -->
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<link type="text/css" rel="stylesheet" href="style.css">
|
||||
<title>Image</title>
|
||||
<a href="images.html">Images</a>
|
||||
</head>
|
||||
<body>
|
||||
<div>
|
||||
<img src="img/space1.jpg">
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,14 @@
|
||||
<!DOCTYPE html> <!-- Doctype HTML5 -->
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<link type="text/css" rel="stylesheet" href="style.css">
|
||||
<title>Image</title>
|
||||
<a href="images.html">Images</a>
|
||||
</head>
|
||||
<body>
|
||||
<div>
|
||||
<img src="img/space2.jpg">
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,14 @@
|
||||
<!DOCTYPE html> <!-- Doctype HTML5 -->
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<link type="text/css" rel="stylesheet" href="style.css">
|
||||
<title>Image</title>
|
||||
<a href="images.html">Images</a>
|
||||
</head>
|
||||
<body>
|
||||
<div>
|
||||
<img src="img/space2.jpg">
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,14 @@
|
||||
<!DOCTYPE html> <!-- Doctype HTML5 -->
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<link type="text/css" rel="stylesheet" href="style.css">
|
||||
<title>Image</title>
|
||||
<a href="images.html">Images</a>
|
||||
</head>
|
||||
<body>
|
||||
<div>
|
||||
<img src="img/sport1.jpg">
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,14 @@
|
||||
<!DOCTYPE html> <!-- Doctype HTML5 -->
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<link type="text/css" rel="stylesheet" href="style.css">
|
||||
<title>Image</title>
|
||||
<a href="images.html">Images</a>
|
||||
</head>
|
||||
<body>
|
||||
<div>
|
||||
<img src="img/sport2.jpg">
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,14 @@
|
||||
<!DOCTYPE html> <!-- Doctype HTML5 -->
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<link type="text/css" rel="stylesheet" href="style.css">
|
||||
<title>Image</title>
|
||||
<a href="images.html">Images</a>
|
||||
</head>
|
||||
<body>
|
||||
<div>
|
||||
<img src="img/sport3.jpg">
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,166 @@
|
||||
/********************************************************************************/
|
||||
/*General css*/
|
||||
|
||||
a {
|
||||
color: #0e6ab9;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
||||
section {
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
aside {
|
||||
float: right;
|
||||
width: 20%;
|
||||
height: 400px;
|
||||
border: 2px black solid;
|
||||
|
||||
}
|
||||
|
||||
|
||||
table, td, th {
|
||||
border: solid;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: Arial, sans-serif;
|
||||
background-color: #323438;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
h1 {
|
||||
text-align: center;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
figure {
|
||||
text-align: center;
|
||||
margin: 50px auto;
|
||||
}
|
||||
|
||||
figure img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
border: 3px solid #333;
|
||||
}
|
||||
|
||||
figcaption {
|
||||
font-size: 1.2em;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
|
||||
/* Css for the gallery (general) */
|
||||
|
||||
.title_gallery {
|
||||
font-size: 2rem;
|
||||
color: #f0f0f0;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 2px;
|
||||
text-align: center;
|
||||
margin-bottom: 20px;
|
||||
text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
|
||||
}
|
||||
|
||||
|
||||
|
||||
.title_gallery::after {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 80px;
|
||||
height: 4px;
|
||||
background-color: #f0f0f0;
|
||||
margin: 10px auto 0;
|
||||
}
|
||||
|
||||
|
||||
.title_gallery {
|
||||
background: rgba(0, 0, 0, 0.3);
|
||||
padding: 10px 20px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.gallery {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
gap: 15px;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.gallery_video {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
flex-wrap: wrap;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.gallery a {
|
||||
display: inline-block;
|
||||
border: 2px solid #ccc;
|
||||
padding: 5px;
|
||||
transition: transform 0.3s ease, border-color 0.3s ease;
|
||||
}
|
||||
|
||||
.gallery a:hover {
|
||||
transform: scale(1.1);
|
||||
border-color: #333;
|
||||
}
|
||||
|
||||
.gallery img {
|
||||
display: block;
|
||||
width: 150px;
|
||||
height: 100px;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.video-item {
|
||||
width: 400px;
|
||||
height: 240px;
|
||||
margin: 10px;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.video-item video {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
transition: transform 0.3s ease, z-index 0.3s ease;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
|
||||
.video-item:hover video {
|
||||
width: 1200px;
|
||||
height: 700px;
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
z-index: 10;
|
||||
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
|
||||
.video-item:not(:hover) {
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
|
||||
.gallery_video figcaption {
|
||||
text-align: left;
|
||||
color: white;
|
||||
}
|
||||
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -0,0 +1,14 @@
|
||||
<!DOCTYPE html> <!-- Doctype HTML5 -->
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<link type="text/css" rel="stylesheet" href="style.css">
|
||||
<title>Image</title>
|
||||
<a href="images.html">Images</a>
|
||||
</head>
|
||||
<body>
|
||||
<div>
|
||||
<img src="img/video_game1.jpg">
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,14 @@
|
||||
<!DOCTYPE html> <!-- Doctype HTML5 -->
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<link type="text/css" rel="stylesheet" href="style.css">
|
||||
<title>Image</title>
|
||||
<a href="images.html">Images</a>
|
||||
</head>
|
||||
<body>
|
||||
<div>
|
||||
<img src="img/video_game2.jpg">
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,14 @@
|
||||
<!DOCTYPE html> <!-- Doctype HTML5 -->
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<link type="text/css" rel="stylesheet" href="style.css">
|
||||
<title>Image</title>
|
||||
<a href="images.html">Images</a>
|
||||
</head>
|
||||
<body>
|
||||
<div>
|
||||
<img src="img/video_game3.jpeg">
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,87 @@
|
||||
<!DOCTYPE html> <!-- Doctype HTML5 -->
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<link type="text/css" rel="stylesheet" href="style.css">
|
||||
<title>Corentin</title>
|
||||
<a href="home.html">Accueil</a>
|
||||
<a href="cursus.html">cursus</a>
|
||||
<a href="planning.html">planning</a>
|
||||
<a href="images.html">Images</a>
|
||||
<a href="videos.html">Videos</a>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Galerie Video</h1>
|
||||
<h3 class="title_gallery">Rocket league</h3>
|
||||
<div class="gallery_video">
|
||||
<figure>
|
||||
<div class="video-item">
|
||||
<video src="video/reset_bounce.mp4" type="video/mp4" controls muted></video>
|
||||
</div>
|
||||
<figcaption>Double reset bounce shot</figcaption>
|
||||
</figure>
|
||||
<figure>
|
||||
<div class="video-item">
|
||||
<video src="video/double_reset_double.mp4" type="video/mp4" controls 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>
|
||||
|
||||
<h3 class="title_gallery">Valorant</h3>
|
||||
<div class="gallery_video">
|
||||
<figure>
|
||||
<div class="video-item">
|
||||
<video src="video/4k breeze.mp4" type="video/mp4" controls muted></video>
|
||||
</div>
|
||||
<figcaption>4k (asc 2)</figcaption>
|
||||
</figure>
|
||||
<figure>
|
||||
<div class="video-item">
|
||||
<video src="video/one tap jett asc.mp4" type="video/mp4" controls 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>
|
||||
|
||||
<h3 class="title_gallery">Mes Teammates</h3>
|
||||
<div class="gallery_video">
|
||||
<figure>
|
||||
<div class="video-item">
|
||||
<video src="video/Tristan_wsh.mp4" type="video/mp4" controls muted></video>
|
||||
</div>
|
||||
<figcaption>Rank du joueur : (immo 2)</figcaption>
|
||||
</figure>
|
||||
<figure>
|
||||
<div class="video-item">
|
||||
<video src="video/Rae_wtf.mp4" type="video/mp4" controls muted></video>
|
||||
</div>
|
||||
<figcaption>Rank du joueur : (dia 3)</figcaption>
|
||||
</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>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in new issue