-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
81 lines (77 loc) · 10.8 KB
/
index.html
File metadata and controls
81 lines (77 loc) · 10.8 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
<!DOCTYPE html>
<html data-bs-theme="light" lang="en" style="color: var(--bs-body-bg);">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>ZerbaibPortfolio</title>
<link rel="icon" type="image/png" sizes="3001x3001" href="assets/img/Z_no_bg.png?h=592823b2729cbab9dac2cadf0793368e">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/CleanFooter.css?h=dae2bcc8ca86b34212c18089bf8bbfe0">
<link rel="stylesheet" href="assets/css/styles.css?h=d1e6d38b80c6edeb63b25747a8a4f953">
</head>
<body style="color: var(--bs-body-bg);background: rgb(34, 39, 46);">
<!-- Start: CleanHero -->
<div class="container py-4 py-xl-5" id="hero" style="background: rgb(39, 43, 54);border-radius: 50px;max-width: 750px;margin-top: 30px;height: auto;">
<!-- Start: CleanNavbar -->
<nav class="navbar navbar-expand-md bg-dark py-3 navbar-dark" style="background: rgb(28, 33, 40);border-radius: 50px;max-width: 750px;margin-bottom: 35px;">
<div class="container"><a href="index.html" style="color: inherit;text-decoration: none;"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20" fill="none" style="background: rgb(39, 43, 54);width: 25px;height: 25px;border-radius: 5px;padding: 2px;margin: 5px;">
<path d="M10.7071 2.29289C10.3166 1.90237 9.68342 1.90237 9.29289 2.29289L2.29289 9.29289C1.90237 9.68342 1.90237 10.3166 2.29289 10.7071C2.68342 11.0976 3.31658 11.0976 3.70711 10.7071L4 10.4142V17C4 17.5523 4.44772 18 5 18H7C7.55228 18 8 17.5523 8 17V15C8 14.4477 8.44772 14 9 14H11C11.5523 14 12 14.4477 12 15V17C12 17.5523 12.4477 18 13 18H15C15.5523 18 16 17.5523 16 17V10.4142L16.2929 10.7071C16.6834 11.0976 17.3166 11.0976 17.7071 10.7071C18.0976 10.3166 18.0976 9.68342 17.7071 9.29289L10.7071 2.29289Z" fill="currentColor"></path>
</svg></a><a href="fr/index.html" style="color: inherit;text-decoration: none;"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20" fill="none" style="background: rgb(39, 43, 54);width: 25px;height: 25px;border-radius: 5px;padding: 2px;margin: 5px;">
<path d="M8 5C7.44772 5 7 5.44771 7 6C7 6.55228 7.44772 7 8 7L13.5858 7L12.2929 8.29289C11.9024 8.68342 11.9024 9.31658 12.2929 9.70711C12.6834 10.0976 13.3166 10.0976 13.7071 9.70711L16.7071 6.70711C16.8946 6.51957 17 6.26522 17 6C17 5.73478 16.8946 5.48043 16.7071 5.29289L13.7071 2.29289C13.3166 1.90237 12.6834 1.90237 12.2929 2.29289C11.9024 2.68342 11.9024 3.31658 12.2929 3.70711L13.5858 5L8 5Z" fill="currentColor"></path>
<path d="M12 15C12.5523 15 13 14.5523 13 14C13 13.4477 12.5523 13 12 13L6.41421 13L7.70711 11.7071C8.09763 11.3166 8.09763 10.6834 7.70711 10.2929C7.31658 9.90237 6.68342 9.90237 6.29289 10.2929L3.29289 13.2929C3.10536 13.4804 3 13.7348 3 14C3 14.2652 3.10536 14.5196 3.29289 14.7071L6.29289 17.7071C6.68342 18.0976 7.31658 18.0976 7.70711 17.7071C8.09763 17.3166 8.09763 16.6834 7.70711 16.2929L6.41421 15L12 15Z" fill="currentColor"></path>
</svg></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-5"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navcol-5">
<ul class="navbar-nav ms-auto" style="color: rgb(255,255,255);">
<li class="nav-item" style="width: auto;height: auto;text-align: center;border-radius: 5px;margin: auto;padding: 5px;"><a class="nav-link active" href="./about.html" style="background: rgb(39, 43, 54);border-radius: 15px;"><span style="margin: 2px;"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-person-fill" style="width: 20px;height: 17px;padding-bottom: 1px;">
<path d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z"></path>
</svg><strong style="padding-left: 2px;">About me</strong></span></a></li>
<li class="nav-item" style="width: auto;height: auto;text-align: center;border-radius: 5px;margin: auto;padding: 5px;"><a class="nav-link active" href="https://github.com/Zerbaib" style="background: rgb(39, 43, 54);border-radius: 15px;"><span style="margin: 2px;"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-github" style="width: 20px;height: 17px;padding-bottom: 1px;">
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"></path>
</svg><strong style="padding-left: 2px;">My GitHub</strong></span></a></li>
<li class="nav-item" style="width: auto;height: auto;text-align: center;border-radius: 5px;margin: auto;padding: 5px;"><a class="nav-link active" href="mailto:hugo.hennetin@proton.me" style="background: rgb(39, 43, 54);border-radius: 15px;"><span style="padding: 0px;margin: 2px;"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 24 24" width="1em" fill="currentColor" style="width: 20px;height: 17px;padding-bottom: 1px;">
<path d="M0 0h24v24H0z" fill="none"></path>
<path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"></path>
</svg><strong style="padding-left: 2px;">Contact me</strong></span></a></li>
</ul>
</div>
</div>
</nav><!-- End: CleanNavbar -->
<div class="row" style="margin: 0px;margin-right: 15px;margin-left: 15px;">
<div class="col">
<div class="row" style="text-align: center;">
<div class="col"><img src="assets/img/Z_no_bg.png?h=592823b2729cbab9dac2cadf0793368e" style="border-radius: 50px;width: 105px;height: 105px;border: 4px solid rgb(75,85,192);"></div>
</div>
<div class="row">
<div class="col" style="margin-top: 5px;text-align: center;"><strong style="color: rgb(75,85,192);margin-top: 0px;">701805250524217394</strong></div>
</div>
</div>
<div class="col">
<div class="row">
<div class="col-md-7" style="width: 100%;padding-right: 0px;padding-left: 0px;">
<h1 style="color: rgb(75,85,192);font-weight: bold;text-align: center;font-size: 40px;margin-bottom: 0px;">@zerbaib<img src="assets/img/verified.png?h=861210e1477e7acc4a6864e576d16d1c" style="width: 45px;height: 45px;margin: 0px;margin-bottom: 5px;padding-bottom: 0px;margin-left: 5px;"></h1>
</div>
</div>
<div class="row">
<div class="col-md-12" style="text-align: center;"><em style="color: rgb(255,255,255);text-align: center;font-weight: bold;font-size: 12px;">The one, the only, Zerbaib!</em></div>
<div class="col" style="text-align: center;"><strong style="color: rgb(255,255,255);text-align: center;font-size: 18px;">DEVELOPER & BUSINESSMAN</strong></div>
</div>
<div class="row" style="color: rgb(255,255,255);">
<div class="col" style="text-align: center;margin-top: 10px;"><a href="https://discord.gg/ESzHqadj5J"><span style="width:50px;height:50px;padding:5px;background:rgb(28, 33, 40);margin:5px;border-style:none;border-radius:10px;"><img src="assets/img/discord.png?h=a35db30816a8a507c8c0acd727b84ef4" style="width: 20px;height: 20px;margin: 1px;padding: 0px;margin-top: -2px;"></span></a><a href="https://github.com/Zerbaib"><span style="width: 50px;height: 50px;padding: 5px;background: rgb(28, 33, 40);margin: 5px;border-style: none;border-radius: 10px;"><img src="assets/img/github-mark-white.png?h=5a6965ee281a03b0c59da90df835d5ce" style="width: 20px;height: 20px;margin: 1px;padding: 0px;margin-top: -2px;border-radius: 50px;"></span></a><a href="https://twitter.com/zerbaib"><span style="width: 50px;height: 50px;padding: 5px;background: rgb(28, 33, 40);margin: 5px;border-style: none;border-radius: 10px;"><img src="assets/img/twitter.png?h=519da96081e7fe7628e14b3eb3f2e387" style="width: 20px;height: 20px;margin: 1px;padding: 0px;margin-top: -2px;"></span></a></div>
</div>
</div>
</div>
<div class="row" style="margin-right: 15px;margin-left: 15px;margin-top: 50px;margin-bottom: 10px;">
<div class="col" style="padding: 5px;text-align: center; font-size: larger;"><strong>I am Zerbaib aka Hugo, I am 18 years old. I am</strong><strong style="color: rgb(75,85,192);"> Developer</strong><strong>, </strong><strong style="color: rgb(75,85,192);">Computer Scientist</strong><strong> and </strong><strong style="color: rgb(75,85,192);">Project Creator</strong><strong>. I am a real multi-function tool, from development to hardware maintenance through the network. Future professional developer, eternal fan of video games and </strong><strong style="color: rgb(75,85,192);">expert in the field of Discord bots with more than 6 years of experience</strong><strong> !</strong></div>
</div><!-- Start: CleanFooter -->
<footer class="text-center py-4" style="max-width: 750px;margin-top: 50px;margin-bottom: -10px;">
<div class="container" style="border-top: 4px solid rgb(43, 46, 51);border-radius: 10px;padding-top: 10px;">
<strong style="color: rgb(255,255,255);">Made with ❤️ by Zerbaib | © 2026</strong>
</div>
<div class="container" style="border-bottom: 4px solid rgb(43, 46, 51);border-radius: 10px;padding-top: 10px;">
<em style="color: rgb(255,255,255); font-size: smaller;">This website is hosted on GitHub Pages, and it respects EU and American law.</em>
</div>
</footer><!-- End: CleanFooter -->
</div><!-- End: CleanHero -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>