diff --git a/.drone.yml b/.drone.yml
new file mode 100644
index 0000000..321fdfe
--- /dev/null
+++ b/.drone.yml
@@ -0,0 +1,30 @@
+kind: pipeline
+type: docker
+name: portfolio
+
+trigger:
+ event:
+ - push
+
+steps:
+ - name: portfolio-build
+ image: plugins/docker
+ settings:
+ dockerfile: Dockerfile
+ context: .
+ registry: hub.codefirst.iut.uca.fr
+ repo: hub.codefirst.iut.uca.fr/vincent.astolfi/portfolio
+ username:
+ from_secret: registry-username
+ password:
+ from_secret: registry-password
+
+ - name: portfolio-deployment
+ image: hub.codefirst.iut.uca.fr/thomas.bellembois/codefirst-dockerproxy-clientdrone:latest
+ environment:
+ IMAGENAME: hub.codefirst.iut.uca.fr/vincent.astolfi/portfolio:latest
+ CONTAINERNAME: portfolio
+ COMMAND: create
+ OVERWRITE: true
+ ADMINS: vincentastolfi
+ depends_on: [portfolio-build]
\ No newline at end of file
diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..d9d37f2
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,6 @@
+{
+ "workbench.colorCustomizations": {
+ "minimap.background": "#00000000",
+ "scrollbar.shadow": "#00000000"
+ }
+}
\ No newline at end of file
diff --git a/Dockerfile b/Dockerfile
new file mode 100644
index 0000000..531b5d2
--- /dev/null
+++ b/Dockerfile
@@ -0,0 +1,4 @@
+FROM nginx:alpine
+COPY . /usr/share/nginx/html
+RUN sed -i '1i\' ./index.html
+RUN sed -i '1i\' ./pages/cv.html
\ No newline at end of file
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..baa928b
--- /dev/null
+++ b/index.html
@@ -0,0 +1,31 @@
+
+
+
+
+
+ Vincent Astolfi
+
+
+
+
+
+
+ Vincent ASTOLFI Portfolio
+ IT student at IUT Clermont Ferrand
+
+
+
+
\ No newline at end of file
diff --git a/pages/contact.html b/pages/contact.html
new file mode 100644
index 0000000..e69de29
diff --git a/pages/cv.html b/pages/cv.html
new file mode 100644
index 0000000..54420ba
--- /dev/null
+++ b/pages/cv.html
@@ -0,0 +1,21 @@
+
+
+
+
+
+
+
+
+ My CV
+
+
+ My CV
+
+
+
+
\ No newline at end of file
diff --git a/pages/discover.html b/pages/discover.html
new file mode 100644
index 0000000..e69de29
diff --git a/pages/projects.html b/pages/projects.html
new file mode 100644
index 0000000..e69de29
diff --git a/ressources/pdf/CV Astolfi Vincent.pdf b/ressources/pdf/CV Astolfi Vincent.pdf
new file mode 100644
index 0000000..2261b29
Binary files /dev/null and b/ressources/pdf/CV Astolfi Vincent.pdf differ
diff --git a/ressources/styles/cv.css b/ressources/styles/cv.css
new file mode 100644
index 0000000..e69de29
diff --git a/ressources/styles/index.css b/ressources/styles/index.css
new file mode 100644
index 0000000..cf8df42
--- /dev/null
+++ b/ressources/styles/index.css
@@ -0,0 +1,80 @@
+body {
+ background-color: #36454F;
+ color: white;
+ margin: 0;
+ font-family: Arial, sans-serif;
+ overflow: hidden; /* Makes the page non-scrollable */
+}
+
+.menu {
+ display: flex;
+ justify-content: space-between;
+ background-color: #000000;
+ padding: 10px 20px;
+}
+
+.menu ul {
+ display: flex;
+ list-style-type: none;
+ margin: 0;
+ padding: 0;
+ width: 100%;
+ justify-content: space-between;
+}
+
+.menu ul li {
+ margin: 0 15px;
+ align-self: center;
+}
+
+.menu ul li:first-child {
+ margin-right: auto;
+}
+
+.menu ul li a {
+ color: white;
+ text-decoration: none;
+}
+
+.menu ul li a:hover {
+ text-decoration: underline;
+}
+
+.title {
+ font-size: 4em;
+ text-align: center;
+ margin-top: 20%;
+}
+
+.subtitle {
+ font-size: 2,5em;
+ text-align: center;
+}
+
+.dicover_me_button {
+ display: block;
+ margin: 20px auto;
+ padding: 10px 20px;
+ background-color: white;
+ color: #36454F;
+ border: none;
+ border-radius: 25px;
+ font-size: 2em;
+ cursor: pointer;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+.material-symbols-outlined {
+ font-variation-settings:
+ 'FILL' 0,
+ 'wght' 400,
+ 'GRAD' 0,
+ 'opsz' 48;
+ margin-left: 5px;
+}
+
+.dicover_me_button:hover {
+ background-color: #cccccc;
+}