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.
69 lines
2.9 KiB
69 lines
2.9 KiB
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta content="width=device-width, initial-scale=1" name="viewport" />
|
|
<title>Portfolio</title>
|
|
<link rel="icon" href="./assets/favicon.ico" type="image/x-icon">
|
|
<link rel="stylesheet" href="styles.css">
|
|
<link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
|
|
</head>
|
|
<body>
|
|
<header class="header">
|
|
|
|
|
|
<input type="checkbox" id="check">
|
|
<label for="check" class="icons">
|
|
<i class='bx bx-menu' id="menu-icon"></i>
|
|
<i class='bx bx-x' id="close-icon"></i>
|
|
</label>
|
|
|
|
<nav class="header-nav">
|
|
<a href="#" class="logo">Accueil</a>
|
|
<a href="#about-me" style="--i:0">A propos de moi</a>
|
|
<a href="#" style="--i:1">Compétences</a>
|
|
<a href="#" style="--i:2">Alternance</a>
|
|
</nav>
|
|
</header>
|
|
|
|
<section class="container-home">
|
|
<div class="home">
|
|
<div class="line">
|
|
<img src="./assets/IMG_0126.JPG" class="photo-profil">
|
|
</div>
|
|
<div class="line">
|
|
Bonjour
|
|
<img src="./assets/bonjour.gif" class="emoji" alt="Bonjour emoji">
|
|
</div>
|
|
<div class="line">je suis Théo DUPIN</div>
|
|
<div class="line cursor">apprenti développeur web</div>
|
|
<div class="sub-text">
|
|
<div class="row align-items-center">
|
|
<div class="col-auto">
|
|
<a class="btn btn-dark btn-round" href="https://github.com/thdupin2" target="_blank" role="button"><i class="bi bi-github btn-icon"> Github </i></a>
|
|
</div>
|
|
<div class="col">
|
|
<a class="btn btn-light btn-round" href="#" role="button" id="copyEmail">
|
|
<i class="bi bi-envelope-at btn-icon"> Copier l'email</i>
|
|
</a>
|
|
<div id="notification" class="notification">
|
|
Copié !
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="container-about-me" id="about-me">
|
|
<h1>A propos de moi</h1>
|
|
<!-- Ajoutez ici des informations supplémentaires sur vous -->
|
|
</section>
|
|
|
|
<script src="script.js"></script>
|
|
</body>
|
|
</html> |