diff --git a/public/resume.png b/public/resume.png
new file mode 100644
index 0000000..29fec0b
Binary files /dev/null and b/public/resume.png differ
diff --git a/resources/views/Resume.vue b/resources/views/Resume.vue
index 3dfab44..eebdd2b 100644
--- a/resources/views/Resume.vue
+++ b/resources/views/Resume.vue
@@ -1,31 +1,85 @@
 <template>
-    <v-card class="bg-gradient" style="height: 100%">
-        <v-card-text class="d-flex justify-center align-center">
+    <v-sheet class="bg-gradient justify-center d-flex" style="height: 100%">
+        <v-sheet :elevation="4" class="mt-5 mb-5 align-center justify-center h-auto w-75 rounded-lg main-sheet-bg">
+            <div class="d-flex flex-row align-center">
+                <p class="text-h4 w-75 ma-2 pa-2 justify-start">Белезов Павел</p>
+                <v-btn v-for="item in linksData" :key="item" color="#21abf6" variant="text" class="ma-2 pa-2 justify-end" :href="item.link">{{ item.name }}</v-btn>
+            </div>
+            <div class="d-flex">
+                <v-table class="main-sheet-bg pl-5" style="text-align: center">
+                    <tbody>
+                    <tr>
+                        <td><v-icon :icon="`mdi-account`"></v-icon>Возраст</td>
+                        <td>{{ personalData.age }}</td>
+                    </tr>
+                    <tr>
+                        <td><v-icon :icon="`mdi-city`"></v-icon>Город</td>
+                        <td>{{ personalData.location }}</td>
+                    </tr>
+                    <tr>
+                        <td><v-icon :icon="`mdi-at`"></v-icon>E-mail</td>
+                        <td>{{ personalData.email }}</td>
+                    </tr>
+                    <tr>
+                        <td><v-icon :icon="`mdi-phone`"></v-icon>Телефон</td>
+                        <td>{{ personalData.phoneNumber }}</td>
+                    </tr>
+                    </tbody>
+                </v-table>
+                <v-img class="image-gradient w-33" src="./resume.png"></v-img>
+            </div>
+
             <!--
-            <v-card class="align-center justify-center h-auto w-75">
-                <v-card-title>{{ cardTitle }}</v-card-title>
-            </v-card>
-            -->
-            <v-sheet :elevation="4" class="align-center justify-center h-auto w-75 rounded-lg">
-                <v-sheet class="d-flex flex-row align-center rounded-lg">
-                    <p class="text-h4 w-75 ma-2 pa-2 justify-start">Белезов Павел</p>
-                    <v-btn v-for="item in dict" :key="item" color="#21abf6" elevation="4" variant="text" class="ma-2 pa-2 justify-end" :href="item.link">{{ item.name }}</v-btn>
-                </v-sheet>
-            </v-sheet>
-        </v-card-text>
-    </v-card>
+            <div class="d-flex align-center float-right w-100">
+                <v-list class="main-sheet-bg w-66" style="align-content: flex-end">
+                    <v-list-item>
+                        <template v-slot:prepend>
+                            <v-icon :icon="`mdi-account`"></v-icon>
+                        </template>
+                        <v-list-item-title v-text="personalData.age"></v-list-item-title>
+                    </v-list-item>
+                    <v-list-item>
+                        <template v-slot:prepend>
+                            <v-icon :icon="`mdi-city`"></v-icon>
+                        </template>
+                        <v-list-item-title v-text="personalData.location"></v-list-item-title>
+                    </v-list-item>
+                    <v-list-item>
+                        <template v-slot:prepend>
+                            <v-icon :icon="`mdi-at`"></v-icon>
+                        </template>
+                        <v-list-item-title v-text="personalData.email"></v-list-item-title>
+                    </v-list-item>
+                    <v-list-item>
+                        <template v-slot:prepend>
+                            <v-icon :icon="`mdi-phone`"></v-icon>
+                        </template>
+                        <v-list-item-title v-text="personalData.phoneNumber"></v-list-item-title>
+                    </v-list-item>
+                </v-list>
+                <v-img class="image-gradient w-33" src="./resume.png" height="500"></v-img>
+            </div>-->
+        </v-sheet>
+    </v-sheet>
 </template>
 
 <script>
 export default {
     name: "Resume",
     data: () => ({
-        dict: [
+        linksData: [
             {name: "Github", link: "https://github.com/Dhaverd"},
             {name: "HeadHunter", link: "https://irkutsk.hh.ru/resume/d8c67e1dff0843f1900039ed1f7839666b4559"},
             {name: "Habr", link: "https://career.habr.com/dhaverd"},
-            {name: "Word", link: "/download/resume.docx"}
-        ]
+            {name: "Replit", link: "https://replit.com/@DHAVERD"},
+            {name: "Резюме docx", link: "/download/resume.docx"}
+        ],
+        personalData: {
+            age: '25 лет',
+            location: 'г. Иркутск',
+            email: 'belezov.pavel@mail.ru',
+            phoneNumber: '+7-914-919-21-17'
+        }
     })
 }
 </script>
@@ -52,4 +106,13 @@ export default {
     }
 }
 
+.main-sheet-bg {
+    background-color: #424242;
+    color: #E0E0E0;
+}
+
+.image-gradient {
+    mask-image: linear-gradient( to bottom, rgba(0, 0, 0, 1) 70%, rgba(0, 0, 0, 0) 100%);
+}
+
 </style>