mirror of
https://github.com/arthur-pbty/portfolio2023.git
synced 2026-06-03 23:36:21 +02:00
Tutur33
58 lines
2.9 KiB
HTML
58 lines
2.9 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="stylesheet" href="styles.css">
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:400,900">
|
|
<title>Portfolio - Arthur</title>
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<h1>Portfolio</h1>
|
|
<nav>
|
|
<ul>
|
|
<li><a href="#" lang="fr">Accueil</a></li>
|
|
<li><a href="#" lang="en">Home</a></li>
|
|
<li><a href="#" lang="fr">À propos</a></li>
|
|
<li><a href="#" lang="en">About</a></li>
|
|
<li><a href="#" lang="fr">Projets</a></li>
|
|
<li><a href="#" lang="en">Projects</a></li>
|
|
<li><a href="#">Contact</a></li>
|
|
</ul>
|
|
</nav>
|
|
</header>
|
|
<main>
|
|
<div class="main-left">
|
|
<h2 lang="fr">Salut ! 👋🏻<br>Je m'appelle Arthur.</h2>
|
|
<h2 lang="en">Hay there! 👋🏻<br>I'm Arthur.</h2>
|
|
|
|
<h3 lang="fr">Fondateur</h3>
|
|
<h3 lang="en">Founder</h3>
|
|
|
|
<div class="barre-verticale">
|
|
<p lang="fr">Je suis un jeune français passionné de développement, je suis un autodidacte et ma créativité ne connaît pas de limites. Chaque pixel que je modifie raconte une histoire. Passionné par la transformation d'idées en expériences visuellement captivantes, je crée des projets qui repoussent les limites de l'innovation en matière de design.</p>
|
|
<p lang="en">I am a young Frenchman with a passion for development, I am a self-taught learner and my creativity knows no limits. Every pixel I edit tells a story. Passionate about transforming ideas into visually captivating experiences, I create projects that push the boundaries of design innovation.</p>
|
|
</div>
|
|
|
|
<p class="citation" lang="fr">"Au milieu de chaque difficulté se trouve une opportunité."</p>
|
|
<p class="citation" lang="en">"In the middle of every difficulty lies opportunity."</p>
|
|
<p class="citation-auth">Albert Einstein</p>
|
|
|
|
<ul class="div-lien">
|
|
<a href=""><div><img src="img/logo insta.png" alt="Logo">Instagram</div></a>
|
|
<a href=""><div><img src="img/logo github.png" alt="Logo">Github</div></a>
|
|
<a href=""><div><img src="img/Logo Discord.png" alt="Logo">Discord</div></a>
|
|
<a href=""><div lang="fr"><img src="" alt="Logo">Autre...</div></a>
|
|
<a href=""><div lang="en"><img src="" alt="Logo">Other...</div></a>
|
|
</ul>
|
|
</div>
|
|
<div class="main-right">
|
|
<img src="img/pp.jpg" alt="Photo de profil" class="pp" lang="fr">
|
|
<img src="img/pp.jpg" alt="Profile picture" class="pp" lang="en">
|
|
</div>
|
|
</main>
|
|
|
|
<script src="script.js"></script>
|
|
</body>
|
|
</html> |