-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathabout.html
More file actions
125 lines (119 loc) · 11.5 KB
/
Copy pathabout.html
File metadata and controls
125 lines (119 loc) · 11.5 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
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
<!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 style="text-align: center;">
<div class="row" style="margin: 0px;margin-right: 15px;margin-left: 15px;margin-top: 15px;">
<div class="col" style="background: rgb(34, 39, 46);border-radius: 50px;margin: 5px;margin-top: 15px;">
<header style="padding-top: 15px;">
<img src="assets/img/screens/screen001.png" alt="Screen001" style="max-width: 100%;padding: 5px;border-radius: 50px;">
<h4 style="padding-top: 10px;"><strong>CleanDiscordBot</strong></h4>
</header>
<p style="font-size: 14px;"><strong>
This is a Discord bot,
<br>made in Python, with the Disnake library.
<br>It's a bot that can do a lot of things, like . . .
<br>moderation, ranking, economy and more.
<br>It's a bot I made for community servers.
</strong></p>
<footer>
<a href="https://github.com/Zerbaib/CleanDiscordBot" style="text-decoration: none;color: #fff;" class="about-button">
<strong>Tell me more</strong>
</a>
</footer>
</div>
<div class="col" style="background: rgb(34, 39, 46);border-radius: 50px;margin: 5px;margin-top: 15px;">
<header style="padding-top: 15px;">
<img src="assets/img/screens/screen002.png" alt="Screen001" style="max-width: 100%;padding: 5px;border-radius: 50px;">
<h4 style="padding-top: 10px;"><strong>ArduinoTrafficLight</strong></h4>
</header>
<p style="font-size: 14px;"><strong>
This is four traffic light made with Arduino.
<br>It's a project that I made for school.
<br>It's fully automatic !
</strong></p>
<footer>
<a href="https://github.com/Zerbaib/ArduinoTrafficLight" style="text-decoration: none;color: #fff;" class="about-button">
<strong>Tell me more</strong>
</a>
</footer>
</div>
<div class="col" style="background: rgb(34, 39, 46);border-radius: 50px;margin: 5px;margin-top: 15px;">
<header style="padding-top: 15px;">
<img src="assets/img/screens/screen003.png" alt="Screen001" style="max-width: 100%;padding: 5px;border-radius: 50px;">
<h4 style="padding-top: 10px;"><strong>LiberaGroupAssociation</strong></h4>
</header>
<p style="font-size: 14px;"><strong>
This is a French association law 1901 created by four young student pationate of IT.
<br>Our objective is to make IT more simple and accessible for all !
</strong></p>
<footer>
<a href="https://liberagroup.fr/" style="text-decoration: none;color: #fff;" class="about-button">
<strong>Tell me more</strong>
</a>
</footer>
</div>
<div class="col" style="background: rgb(34, 39, 46);border-radius: 50px;margin: 5px;margin-top: 15px;">
<header style="padding-top: 15px;">
<img src="assets/img/screens/screen004.png" alt="Screen001" style="max-width: 100%;padding: 5px;border-radius: 50px;">
<h4 style="padding-top: 10px;"><strong>CalculaPy</strong></h4>
</header>
<p style="font-size: 14px;"><strong>
This is a calculator made with Python.
<br>and the BetterTkinter library.
</strong></p>
<footer>
<a href="https://github.com/Zerbaib/BetterCalculaPy" style="text-decoration: none;color: #fff;" class="about-button">
<strong>Tell me more</strong>
</a>
</footer>
</div>
</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 | © 2024</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>