generated from Templates_CodeFirst/templateHtmlCss
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
48 lines
2.0 KiB
48 lines
2.0 KiB
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
|
<html>
|
|
<head>
|
|
<title>site de Louis GERMAIN</title>
|
|
<meta charset="utf-8"/>
|
|
<link rel="stylesheet" type="text/css" href="https://codefirst.iut.uca.fr/containers/louisgermain-portfolio/css/style.css">
|
|
<link rel="stylesheet" type="text/css" href="https://codefirst.iut.uca.fr/containers/louisgermain-portfolio/css/video.css">
|
|
</head>
|
|
<header id="headerAccueil">
|
|
<nav>
|
|
<a href="accueil.html" class="navbar_link" id="current_page">Accueil</a>
|
|
<div class="navbar_link" id="deroulant_div">
|
|
<a id="media_par">Médias</a>
|
|
<div id="deroule_wrapper">
|
|
<a href="images.html" class="navbar_link sous">Mes passions en images</a>
|
|
<a href="video.html" class="navbar_link sous">Mes passions en vidéo</a>
|
|
</div>
|
|
</div>
|
|
<a href="cursus.html" class="navbar_link">L'histoire de mes études</a>
|
|
<a href="planning.html" class="navbar_link">Ma vie extra-scolaire</a>
|
|
<a href="contact.php" class="navbar_link">Contact</a>
|
|
</nav>
|
|
<h1 class="header_title">Mes passions en quelques vidéos</h1>
|
|
</header>
|
|
<body>
|
|
<div id="video_wrapper">
|
|
<video controls preload="auto" autoplay>
|
|
<source src="videos/Unravel.mp4">
|
|
<source src="videos/Unravel.ogg">
|
|
<source src="videos/Unravel.webm">
|
|
</video>
|
|
<p id="video_description">
|
|
Voici la vidéo du générique de début (opening) de Tokyo Ghoul. J'aime bien la musique et l'animé.
|
|
</p>
|
|
</div>
|
|
<aside>
|
|
<h2>Me contacter</h2>
|
|
<div id="contact">
|
|
<a href="tel:0695766932"><img src=images/icon_phone.png class="nav_img"/></a>
|
|
<a href="https://instagram.com/louis.grmn_63"><img src=images/icon_instagram.png class="nav_img"/></a>
|
|
<a href="https://discord.gg/6V96CWQX"><img src=images/icon_discord.png class="nav_img"/></a>
|
|
</div>
|
|
</aside>
|
|
</body>
|
|
<footer>
|
|
Page faite par Louis GERMAIN
|
|
</footer>
|
|
</html> |