diff --git a/.gitignore b/.gitignore
index 0705825..49ff8fd 100644
--- a/.gitignore
+++ b/.gitignore
@@ -27,7 +27,6 @@ coverage
 *.njsproj
 *.sln
 *.sw?
-pages/
 
 *.tsbuildinfo
 
diff --git a/nginx/vue/src/App.vue b/nginx/vue/src/App.vue
index bcd6cc6..2afa89c 100644
--- a/nginx/vue/src/App.vue
+++ b/nginx/vue/src/App.vue
@@ -4,18 +4,10 @@ import { RouterLink, RouterView } from "vue-router";
 
 <template>
     <header>
-        <img
-            alt="Vue logo"
-            class="logo"
-            src="@/assets/logo.svg"
-            width="125"
-            height="125"
-        />
-
         <div class="wrapper">
             <nav>
                 <RouterLink to="/">Home</RouterLink>
-                <RouterLink to="/about">About</RouterLink>
+                <RouterLink to="/cv">CV</RouterLink>
             </nav>
         </div>
     </header>
diff --git a/nginx/vue/public/css/cv_styles.css b/nginx/vue/src/assets/css/cv_styles.css
similarity index 100%
rename from nginx/vue/public/css/cv_styles.css
rename to nginx/vue/src/assets/css/cv_styles.css
diff --git a/nginx/vue/src/main.js b/nginx/vue/src/main.js
index 7a9c7a8..9c06e03 100644
--- a/nginx/vue/src/main.js
+++ b/nginx/vue/src/main.js
@@ -1,5 +1,3 @@
-import "./assets/main.css";
-
 import { createApp } from "vue";
 import App from "./App.vue";
 import router from "./router";
diff --git a/nginx/vue/src/views/Bookmarks.vue b/nginx/vue/src/views/Bookmarks.vue
new file mode 100644
index 0000000..31cef40
--- /dev/null
+++ b/nginx/vue/src/views/Bookmarks.vue
@@ -0,0 +1,24 @@
+<template>
+    <div>
+        <h1>Cyber Security</h1>
+        <a href="https://pwn.college/">pwn.college</a>
+        <a href="https://osintframework.com/">OSINT</a>
+        <a href="https://overthewire.org/">OverTheWire</a>
+        <a href="https://tryhackme.com/">TryHackMe</a>
+
+        <h1>Radio Stations</h1>
+        <a href="https://www.radiohelsinki.fi/">Radio Helsinki</a>
+        <a href="https://palanga.live/">Palanga Street Radio</a>
+        <a href="https://idaidaida.net/">IDA Radio</a>
+        <a href="https://www.tirkultura.lv/">Tīrkultūra</a>
+
+        <h1>Chinese</h1>
+        <a href="https://www.mdbg.net/chinese/dictionary"
+            >MDBG Chinese Dictionary</a
+        >
+
+        <h1>Art</h1>
+        <a href="https://www.fridakahlo.org/">Frida Kahlo</a>
+        <a href="https://www.cameronsworld.net/">Cameron's world</a>
+    </div>
+</template>
diff --git a/nginx/vue/src/views/CV.vue b/nginx/vue/src/views/CV.vue
index 55eac25..ce309a3 100644
--- a/nginx/vue/src/views/CV.vue
+++ b/nginx/vue/src/views/CV.vue
@@ -348,8 +348,8 @@
     </div>
 </template>
 
-<style>
-@import "/css/cv_styles.css";
+<style scoped>
+@import "@assets/css/cv_styles.css";
 @media print {
     @page {
         size: A4 portrait;
diff --git a/nginx/vue/src/views/CoverLetters.vue b/nginx/vue/src/views/CoverLetters.vue
new file mode 100644
index 0000000..de54765
--- /dev/null
+++ b/nginx/vue/src/views/CoverLetters.vue
@@ -0,0 +1,73 @@
+<template>
+    <table id="cover-nav" class="cover-nav no-print">
+        <thead>
+            <tr>
+                <th>Companies</th>
+                <th>Completed</th>
+            </tr>
+        </thead>
+        <tbody>
+            <tr>
+                <td><a href="#LloydsBank">Lloyds</a></td>
+                <td>YES</td>
+            </tr>
+        </tbody>
+    </table>
+
+    <div
+        class="no-print"
+        style="width: 100%; text-align: center; margin: 20px 0"
+    ></div>
+    <div id="LloydsBank" class="a5page">
+        <div class="contact">
+            <h1>Adam French</h1>
+            <!-- <a href="index.html"><img width=25 height=50 src="img/rune.png"></a> -->
+            <div class="contact-details">
+                <p>+447563266931</p>
+                <p>adam.a.french@outlook.com</p>
+            </div>
+        </div>
+        <h2>BAE graduate digital intelligence software engineer</h2>
+        <p>
+            I am writing to express my interest in your software engineering
+            position. BAE Systems has hosted multiple stools at the University
+            of Leeds and have always exhibited their development of leading-edge
+            software and technology. This is where the origin of my interest in
+            BAE systems emerged and I'm hopeful that this interest shall
+            continue.
+        </p>
+        <p>
+            I'm confidient im a strong fit for this role. My technical
+            background includes extensive experience with frontend frameworks
+            such as React. My devotion however lies more in backend development
+            as has more potential to graple problems related to optimisation and
+            designing coherent interfaces.
+        </p>
+        <p>
+            <em> The C# Programming Yellow Book </em> was my first introduction
+            to C# during A-Level, Java was our vessel for teaching
+            object-orientated programming at university. I am confident I have
+            the relevant experience to grasp the languages stated for the role I
+            am applying for.
+        </p>
+        <p>
+            My academic background in Computer Science and Mathematics has honed
+            my ability to translate abstract concepts into structured, logical
+            solutions. Just as I have transformed theoretical hypotheses into
+            formal proofs, I aim to transform business requirements into robust,
+            maintainable software systems through collaboration and rigorous
+            reasoning.
+        </p>
+        <p>Thank you for reading - Adam F</p>
+    </div>
+</template>
+
+<style scoped>
+@import "@assets/css/cv_styles.css";
+@media print {
+    @page {
+        size: A5 landscape;
+        margin: 0;
+    }
+}
+</style>