-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
156 lines (146 loc) · 6.83 KB
/
index.html
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
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/custom.css" rel="stylesheet">
<title>Portfolio</title>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container-fluid">
<a class="navbar-brand" href="#">Portfolio</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="#about">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#projects">Projects</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Introduction Section -->
<section id="introduction" class="container my-5 text-center">
<h1>Welcome to My Portfolio</h1>
<p class="lead">Hello! I'm a student developer currently in my second year at Epitech Paris, passionate about all things computer-related.</p>
</section>
<!-- About Me Section -->
<section id="about" class="container my-5">
<h2>About Me</h2>
<p>I am a part of the "Smoky Tekno Trio", a team of three developers working together on various projects. I have experience in a range of programming languages, including C++, C, Assembly, and Haskell. Since childhood, I have been fascinated by computers, and this passion drives me to constantly learn and grow as a developer.</p>
<p>
<img src="https://wakatime.com/badge/user/f09f8f86-fe7b-4e4d-89f2-350e4963aebf.svg" alt="Wakatime">
</p>
</section>
<!-- Education Section -->
<section id="education" class="container my-5">
<h2>Education</h2>
<p>I completed my secondary education at Sophie Barat, where I earned a "Bac général spécialité Sciences économiques et sociales and Numérique et Science de l'informatique". Currently, I am in my second year of computer science studies at Epitech Paris.</p>
</section>
<!-- Skills Section -->
<section id="skills" class="container my-5">
<h2>Skills</h2>
<ul>
<li><strong>C++</strong>: Specialty</li>
<li><strong>C</strong>: Specialty</li>
<li><strong>Assembly</strong>: Basic knowledge</li>
<li><strong>Haskell</strong>: Advanced beginner</li>
</ul>
</section>
<!-- Projects Section -->
<section id="projects" class="container my-5">
<h2>Projects</h2>
<div class="row">
<!-- Project 1 -->
<div class="col-lg-4 col-md-6 mb-4">
<div class="card">
<img src="img/myTeams.jpg" class="card-img-top" alt="MyTeams">
<div class="card-body">
<h5 class="card-title">MyTeams</h5>
<p class="card-text">Communication Software using ftp</p>
<a href="https://kyotovania.github.io/MyTeams/" class="btn btn-primary">View Project</a>
</div>
</div>
</div>
<!-- Project 2 -->
<div class="col-lg-4 col-md-6 mb-4">
<div class="card">
<img src="img/arcade.jpg" class="card-img-top" alt="ArcadeWeb">
<div class="card-body">
<h5 class="card-title">ArcadeWeb</h5>
<p class="card-text">Arcade simulation</p>
<a href="https://kyotovania.github.io/ArcadeWeb/" class="btn btn-primary">View Project</a>
</div>
</div>
</div>
<!-- Project 3 -->
<div class="col-lg-4 col-md-6 mb-4">
<div class="card">
<img src="img/yinYang.jpg" class="card-img-top" alt="WebsiteJam">
<div class="card-body">
<h5 class="card-title">WebsiteJam</h5>
<p class="card-text">Rhythm game made during a Epitech game Jam</p>
<a href="https://joulel1.github.io/WebsiteJam/" class="btn btn-primary">View Project</a>
</div>
</div>
</div>
</div>
</section>
<!-- Downloads Section -->
<section id="downloads" class="container my-5">
<h2>Downloads</h2>
<ul>
<li class="module-B-ASM">
<a href="EPITECH_TEK_2/B-ASM-400-PAR-4-1-asmminilibc-jean-cyprien.roux.zip">B-ASM-400-PAR-4-1-asmminilibc-jean-cyprien.roux.zip</a>
</li>
<li class="module-B-CCP">
<a href="EPITECH_TEK_2/B-CCP-400-PAR-4-1-panoramix-jean-cyprien.roux.zip">B-CCP-400-PAR-4-1-panoramix-jean-cyprien.roux.zip</a>
</li>
<li class="module-B-CCP">
<a href="EPITECH_TEK_2/B-CCP-400-PAR-4-1-theplazza-titien.carellas.zip">B-CCP-400-PAR-4-1-theplazza-titien.carellas.zip</a>
</li>
<li class="module-B-FUN">
<a href="EPITECH_TEK_2/B-FUN-400-PAR-4-1-compressor-jalel.belkacem.zip">B-FUN-400-PAR-4-1-compressor-jalel.belkacem.zip</a>
</li>
<li class="module-B-FUN">
<a href="EPITECH_TEK_2/B-FUN-400-PAR-4-1-wolfram-jean-cyprien.roux.zip">B-FUN-400-PAR-4-1-wolfram-jean-cyprien.roux.zip</a>
</li>
<li class="module-B-NWP">
<a href="EPITECH_TEK_2/B-NWP-400-PAR-4-1-myftp-jean-cyprien.roux.zip">B-NWP-400-PAR-4-1-myftp-jean-cyprien.roux.zip</a>
</li>
<li class="module-B-NWP">
<a href="EPITECH_TEK_2/B-NWP-400-PAR-4-1-myteams-baptiste.le-glaunec.zip">B-NWP-400-PAR-4-1-myteams-baptiste.le-glaunec.zip</a>
</li>
<li class="module-B-OOP">
<a href="EPITECH_TEK_2/B-OOP-400-PAR-4-1-arcade-titien.carellas.zip">B-OOP-400-PAR-4-1-arcade-titien.carellas.zip</a>
</li>
<li class="module-B-OOP">
<a href="EPITECH_TEK_2/B-OOP-400-PAR-4-1-raytracer-jalel.belkacem.zip">B-OOP-400-PAR-4-1-raytracer-jalel.belkacem.zip</a>
</li>
<li class="module-B-OOP">
<a href="EPITECH_TEK_2/B-OOP-400-PAR-4-1-tekspice-jean-cyprien.roux.zip">B-OOP-400-PAR-4-1-tekspice-jean-cyprien.roux.zip</a>
</li>
<li class="module-B-PSU">
<a href="EPITECH_TEK_2/B-PSU-400-PAR-4-1-strace-aurelien.leclercq.zip">B-PSU-400-PAR-4-1-strace-aurelien.leclercq.zip</a>
</li>
</ul>
</section>
<!-- Contact Section -->
<section id="contact" class="container my-5">
<h2>Contact</h2>
<p>Interested in collaborating on a project, or have any questions? I'd love to hear from you! Please <a href="mailto:[email protected]">send me an email</a>.</p>
</section>
<!-- Bootstrap JS -->
<script src="js/bootstrap.bundle.min.js"></script>
</body>
</html>