diff --git a/cv b/cv
new file mode 100644
index 0000000..5b052d3
--- /dev/null
+++ b/cv
@@ -0,0 +1,136 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Elena Portfolio</title>
+    <link rel="stylesheet" href='./fonts/Inter/Inter Web/inter.css'>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet"
+        integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
+    <link rel="stylesheet" href="./css/style.css">
+    <!--font-->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Special+Elite&display=swap" rel="stylesheet">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap" rel="stylesheet">
+
+    <!--fontawesome-->
+    <script src="https://kit.fontawesome.com/d0861d241f.js" crossorigin="anonymous"></script>
+    <!-- favicon -->
+    <link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="favicon/favicon-16x16.png">
+    <link rel="manifest" href="/site.webmanifest">
+
+</head>
+
+<body>
+
+    <div class="container">
+        <div class="w_cont">
+
+            <header>
+                <!--NAVBAR-->
+                <nav class="navbar navbar-expand-lg navbar-dark p-md-3" id="nav">
+                    <div class="container">
+                        <a href="#nav" class="navbar-brand logo">&#60;/Elena Bonapitacola &#62;</a>
+                        <button type="button" class="navbar-toggler" data-bs-target="#navbarNav"
+                            data-bs-toggle="collapse" aria-controls="navbarNav" aria-expanded="false"
+                            aria-label="Toggle Navbar">
+                            <span class="navbar-toggler-icon"></span>
+                        </button>
+                        <div class="collapse navbar-collapse" id="navbarNav">
+                            <div class="mx-auto"></div>
+                            <!--logo a sx link a dx-->
+                            <ul class="navbar-nav">
+                                <li class="nav-item">
+                                    <a href="#about-me" class="nav-link text-white lightgreen">About me</a>
+                                </li>
+                                <li class="nav-item">
+                                    <a href="#proj" class="nav-link text-white lightgreen">Projects</a>
+                                </li>
+
+                                <!-- <li class="nav-item">
+                                    <a href="#contact" class="nav-link text-white lightgreen">Contact</a>
+                                </li> -->
+                            </ul>
+                        </div>
+                    </div>
+
+                </nav>
+            </header>
+            <main id="main-content" class="pt-5 text-center">
+                <div class="container">
+                    <div class="text-start">
+                        <div class="h2-container">
+                            <p class="greating"><span class="icon">👋</span>Hey! I'm...</p>
+                            <h2 class="name typed-out">Elena Bonapitacola</h2>
+                        </div>
+                        <div class="subtitle-container">
+                            <h1 class="t-white title"> <span class="">I try to become a full stack developer </span><span class="marked">
+                                   </span> </h1>
+                        </div>
+                        <div class="icons-text mt-4">
+
+                        </div>
+                    </div>
+                    <div id="button-group" class="text-start fade-bottom">
+
+                        <a href="https://www.linkedin.com/in/elenaingegneria/"><button class="button-main"><i
+                                    class="fa-brands fa-linkedin style-ico blue mlfi"></i>linkedin</button></a>
+                        <a
+                            href="mailto:elena.bonapitacola@gmail.com "><button
+                                class="button-main"><i
+                                    class="fa-solid fa-envelope pink style-ico mlfi"></i>Email</button></a>
+
+                    </div>
+                </div>
+            </main>
+            <br>
+
+            <section id="aboutMe">
+                <h3 class="t-white title-section" id="about-me">About me</h3>
+                <hr>
+                <div class="row">
+                    <div class="col-md-7">
+                        <p class="t-white p-text">Hello!<br> My name is <span class="lgreen"> Elena Bonapitacola</span>,
+                          I live in Italy, but working in smart working I like to travel with my faithful dog, Rabber,
+                          an English setter.
+                          I work as a consultant in an IT company,
+                           based in Milan, but as a self-taught I train with online
+                            training courses because I am the future.
+                           I like to create things that are useful to people.
+                        </p>
+                    </div>
+                </div>
+
+            </section>
+            <section id="aboutMe">
+                <h3 class="t-white title-section" id="proj">My studies</h3>
+                <hr>
+                <p class="t-white title-section">Laurea in Ingegneria Edile presso -  Roma Tor vergata
+
+                    <br>
+                  HTML, CSS, Javascript,MySQL,Sql Developer, Android
+                  <br>
+                    <br>Corso di Marketing in Los Angeles presso M-Acceleretor -accelerator Start-up
+                  <br>
+                    <br>Corsi per la gestione dati su Udemy
+                    <br>
+            </section>
+            <section id="aboutMe">
+                <h3 class="t-white title-section" id="proj">skills</h3>
+                <hr>
+                <p class="t-white title-section">Back End Development,
+                Front End Development ,Android Basic App, HTML 5 / CSS 3 ,Javascript, PHP ,
+            </p>
+
+            </section>
+            <section id="aboutMe">
+                <h3 class="t-white title-section" id="proj">my projects</h3>
+                <hr>
+
+                <div class="row">
