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.
73 lines
3.2 KiB
73 lines
3.2 KiB
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>accueil</title>
|
|
<link rel="stylesheet" href="site.css">
|
|
</head>
|
|
<body>
|
|
<div class="wrapper">
|
|
<header class="bandeau">
|
|
<div class="photo_titre_bandeau">
|
|
<img src="image/user_arpoulain.jpeg" alt="photo" class="image_accueil">
|
|
<h1 style="margin-left: 10px; margin-top: 40px; margin-right: 10px; text-decoration: underline;">
|
|
<a href="index.html">Poulain <br> Arsène</a>
|
|
</h1>
|
|
</div>
|
|
<nav id="bouttons_liens_nav" class="dropdown-nav">
|
|
<button class="dropdown-toggle" aria-label="Menu">☰ Menu</button>
|
|
<div class="dropdown-menu">
|
|
<a href="Projets.html" class="bouttons_liens"><strong>Projets</strong></a>
|
|
<a href="Apropos.html" class="bouttons_liens"><strong>A propos</strong></a>
|
|
<a href="Competences.html" class="bouttons_liens"><strong>Compétences</strong></a>
|
|
<a href="contact.html" class="bouttons_liens"><strong>Contact</strong></a>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
|
|
<div class="background">
|
|
|
|
</div>
|
|
<section class="container">
|
|
<h1 style="text-align: center;">Bienvenue sur mon portfolio</h1>
|
|
|
|
<div class="bloc">
|
|
<div class="bloc1">
|
|
<p>je suis étudiant en informatique et je conçois des projets numériques que ce soit personellement, ou dans un cadre scolaire. </p>
|
|
</div>
|
|
|
|
<div class="bloc2">
|
|
<p>Dans ce portfolio, vous trouverez des exemples de mes projets, une présentation de moi plus approfondi, ainsi qu'une page concernant mes compétences. Enfin, une dernière page permettera de trouver mes contacts ainsi que mon CV</p>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="bonne-visite">
|
|
<h2>Bonne visite !</h2>
|
|
</div>
|
|
|
|
</section>
|
|
|
|
</div>
|
|
<footer class="basPage">
|
|
<p>© 2025 Poulain Arsène. Tous droits réservés.</p>
|
|
</footer>
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
const toggle = document.querySelector('.dropdown-toggle');
|
|
const menu = document.querySelector('.dropdown-menu');
|
|
if (toggle && menu) {
|
|
toggle.addEventListener('click', function() {
|
|
menu.classList.toggle('show');
|
|
});
|
|
document.addEventListener('click', function(e) {
|
|
if (!toggle.contains(e.target) && !menu.contains(e.target)) {
|
|
menu.classList.remove('show');
|
|
}
|
|
});
|
|
}
|
|
});
|
|
</script>
|
|
</body>
|
|
</html> |