diff --git a/css/cv.css b/css/cv.css
new file mode 100644
index 0000000..029b658
--- /dev/null
+++ b/css/cv.css
@@ -0,0 +1,64 @@
+body {
+	max-width: 800px;
+	width: 100%;
+	margin: auto;
+	position: relative;
+	padding: 2rem;
+}
+
+h1 {
+	font-size: 3rem;
+}
+h2 {
+	font-size: 2rem;
+	margin: 0;
+}
+h3 {
+	font-size: 1.5rem;
+	font-weight: 800;
+}
+hr {
+	border: .1em solid black;
+	width: 25%;
+	margin: auto;
+	margin-top: 2rem;
+	margin-bottom: 1rem;
+}
+
+summary {
+	display: grid;
+	grid-template-columns: 2fr 1fr;
+	cursor: pointer;
+  list-style: none;
+}
+summary>:first-child {
+	grid-column: 1;
+	grid-row: 1;
+	text-align: left;
+}
+summary>:last-child {
+	grid-column: 2;
+	grid-row: 1;
+	text-align: right;
+}
+summary h3, summary p {
+	margin: 0;
+}
+summary strong {
+	font-variant: small-caps;
+	font-weight: normal;
+}
+summary>* {
+	align-self: center;
+}
+
+details {
+	margin: 1em 0;
+}
+details .place, details .date {
+	font-style: italic;
+	font-size: .9rem;
+}
+details .place {
+	color: #8bc34a;
+}
\ No newline at end of file
diff --git a/css/index.css b/css/index.css
index a40ed48..610ba02 100644
--- a/css/index.css
+++ b/css/index.css
@@ -21,8 +21,6 @@
 }
 
 .left h1, .left h2 {
-	font-family: 'IBM Plex Serif', serif;
-
 	position: absolute;
 	font-size: 3rem;
 	height: 1em;
@@ -33,11 +31,9 @@
 
 .left h2 {
 	top: calc( 50% - 1em );
-	font-weight: 800;
 }
 .left h1 {
 	bottom: calc( 50% - 1em );
-	font-weight: 300;
 }
 
 footer {
diff --git a/css/main.css b/css/main.css
index 2b7bbaf..eb131e4 100644
--- a/css/main.css
+++ b/css/main.css
@@ -14,4 +14,15 @@ body {
 	margin: 0;
 	color: #000000de;
 	font-family: Inter, sans-serif;
+}
+
+h1, h2 {
+	font-family: 'IBM Plex Serif', serif;
+}
+
+h2 {
+	font-weight: 800;
+}
+h1 {
+	font-weight: 300;
 }
\ No newline at end of file
diff --git a/cv/index.html b/cv/index.html
new file mode 100644
index 0000000..fbe78c8
--- /dev/null
+++ b/cv/index.html
@@ -0,0 +1,98 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="utf-8" />
+		<meta name="viewport" content="width=device-width,initial-scale=1.0" />
+		<meta name="robots" content="index,follow" />
+
+		<title>Resume - Edgar P. Burkhart</title>
+		<meta name="description" content="Edgar P. Burkhart, étudiant en génie civil à l'École Normale Supérieure Paris-Saclay. contact@edgarpierre.fr" />
+		
+		<link rel="preload" href="/fonts/inter/Inter-ExtraBold.woff2" as="font" crossorigin="anonymous" />
+		<link rel="preload" href="/fonts/inter/Inter-Regular.woff2" as="font" crossorigin="anonymous" />
+		<link rel="preload" href="/fonts/plex/IBMPlexSerif-Bold.woff2" as="font" crossorigin="anonymous" />
+		<link rel="preload" href="/fonts/plex/IBMPlexSerif-Light.woff2" as="font" crossorigin="anonymous" />
+		<link rel="preload" href="/images/pic1.webp" as="image" />
+		
+		<link rel="stylesheet" type="text/css" href="/fonts/inter/inter48.css" />
+		<link rel="stylesheet" type="text/css" href="/fonts/plex/plex37.css" />
+		
+		<link rel="stylesheet" type="text/css" href="/css/main.css" />
+		<link rel="stylesheet" type="text/css" href="/css/cv.css" />
+		
+		<link rel="apple-touch-icon" sizes="57x57" href="/icons/apple-icon-57x57.png">
+		<link rel="apple-touch-icon" sizes="60x60" href="/icons/apple-icon-60x60.png">
+		<link rel="apple-touch-icon" sizes="72x72" href="/icons/apple-icon-72x72.png">
+		<link rel="apple-touch-icon" sizes="76x76" href="/icons/apple-icon-76x76.png">
+		<link rel="apple-touch-icon" sizes="114x114" href="/icons/apple-icon-114x114.png">
+		<link rel="apple-touch-icon" sizes="120x120" href="/icons/apple-icon-120x120.png">
+		<link rel="apple-touch-icon" sizes="144x144" href="/icons/apple-icon-144x144.png">
+		<link rel="apple-touch-icon" sizes="152x152" href="/icons/apple-icon-152x152.png">
+		<link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-icon-180x180.png">
+		<link rel="icon" type="image/png" sizes="192x192"	 href="/icons/android-icon-192x192.png">
+		<link rel="icon" type="image/png" sizes="32x32" href="/icons/favicon-32x32.png">
+		<link rel="icon" type="image/png" sizes="96x96" href="/icons/favicon-96x96.png">
+		<link rel="icon" type="image/png" sizes="16x16" href="/icons/favicon-16x16.png">
+		<meta name="msapplication-TileColor" content="#ffffff">
+		<meta name="msapplication-TileImage" content="/icons/ms-icon-144x144.png">
+		<meta name="theme-color" content="#ffffff">
+	</head>
+	<body>
+		<h1>Resume</h1>
+		<h2>Work Experience</h2>
+		<details>
+			<summary>
+				<div>
+					<h3>Be'Creative</h3>
+					<strong>Web Developer, Representative of the company</strong>
+				</div>
+				<div>
+					<p class="place">Lycée Blaise Pascal, Colmar</p>
+					<p  class="date">2013 - 2014</p>
+				</div>
+			</summary>
+			<ul>
+				<li>Involved in the creation of the company "Be'Creative" thanks to the Junior Achievement Company Program in highschool</li>
+				<li>Reached the first place in the regional "mini-company" competition</li>
+				<li>Participated to the national event</li>
+			</ul>
+		</details>
+		<hr>
+		<h2>Education</h2>
+		<details>
+			<summary>
+				<div>
+					<h3>École Normale Supérieure Paris-Saclay</h3>
+					<strong>M2 FeSup (Formation à l'Enseignement Supérieur), Master in Higher Education training in Civil Engineering</strong>
+				</div>
+				<div>
+					<p class="place">Gif-sur-Yvette, France</p>
+					<p  class="date">2020 - 2021</p>
+				</div>
+			</summary>
+			<ul>
+				<li>Graduate Engineering School</li>
+				<li><strong>Subjects:</strong> Fluid Mechanics, Structure Mechanics, Soil Mechanics, Thermal Transfers, Acoustics, Pedagogy, Materials and Structures Engineering</li>
+				<li>Teaching practice in higher education (Licence Pro MGB) on "Introduction to Civil Engineering"</li>
+			</ul>
+		</details>
+		<details>
+			<summary>
+				<div>
+					<h3>École Normale Supérieure Paris-Saclay</h3>
+					<strong>M1 MAISES (Materials and Structures), first year of a Master's Degree</strong>
+				</div>
+				<div>
+					<p class="place">Gif-sur-Yvette, France</p>
+					<p  class="date">2020 - 2021</p>
+				</div>
+			</summary>
+			<ul>
+				<li>Graduate Engineering School</li>
+				<li><strong>Subjects:</strong> Soil Mechanics, Fluid Mechanics, Virbations, Numerical Methods, Waves and acoustics in fluids, Structures, Materials, Thermal Transfers, English</li>
+				<li>Research Project on "Numerical study of instabilities using metamodels"</li>
+				<li>Internship on "Optimization of simplified calculation methods for early age cracking assessment"</li>
+			</ul>
+		</details>
+	</body>
+</html>
