diff --git a/JKB-VirtualResume/images/James.jpg b/JKB-VirtualResume/images/James.jpg
new file mode 100644
index 0000000..c5bdfd5
Binary files /dev/null and b/JKB-VirtualResume/images/James.jpg differ
diff --git "a/JKB-VirtualResume/images/Screenshot 2026-04-02 at 2.46.23\342\200\257PM.png" "b/JKB-VirtualResume/images/Screenshot 2026-04-02 at 2.46.23\342\200\257PM.png"
new file mode 100644
index 0000000..59707f8
Binary files /dev/null and "b/JKB-VirtualResume/images/Screenshot 2026-04-02 at 2.46.23\342\200\257PM.png" differ
diff --git "a/JKB-VirtualResume/images/Screenshot 2026-04-02 at 3.01.33\342\200\257PM.png" "b/JKB-VirtualResume/images/Screenshot 2026-04-02 at 3.01.33\342\200\257PM.png"
new file mode 100644
index 0000000..c8a19ec
Binary files /dev/null and "b/JKB-VirtualResume/images/Screenshot 2026-04-02 at 3.01.33\342\200\257PM.png" differ
diff --git a/JKB-VirtualResume/index.html b/JKB-VirtualResume/index.html
new file mode 100644
index 0000000..7358556
--- /dev/null
+++ b/JKB-VirtualResume/index.html
@@ -0,0 +1,242 @@
+
+
+
+ James Barclay | Portfolio
+
+
+ James Barclay
+
+
+
+
+
+
+
Hi, I'm James
+
AI-focused developer & technologist passionate about building modern, scalable, and intelligent systems.
+
View My Work
+
+ About Me
+
+ Brings 10+ years of professional experience in operations, workflow optimization, and stakeholder collaboration. Known for precision, structured problem solving, and translating complex requirements into actionable solutions. Eager to contribute technical skills and continue growing within a collaborative, solution-driven team.
+
+
+
+
+
+ Skills
+
+
Java
+
JavaScript
+
React
+
HTML
+
CSS
+
Git
+
GitHub
+
Problem Solving
+
AI Development
+
+
+
+ Projects
+
+
E-Commerce Financial Dashboard
+
Full-stack React + Node.js system for tracking revenue, inventory, and analytics.
+
+
+
+ Experience
+
+
+
Project Manager – WakeFern
+
Led operational workflows, improved processes, and managed inventory systems.
+
+
Detailer – Newcastle Autospa
+
Managed high-volume customer service operations and digital engagement.
+
+
+
+
+
+ © 2026 James Barclay | Built with HTML & CSS
+
+
+
+
diff --git a/JKB-VirtualResume/styles.css b/JKB-VirtualResume/styles.css
new file mode 100644
index 0000000..d6d1a6a
--- /dev/null
+++ b/JKB-VirtualResume/styles.css
@@ -0,0 +1,147 @@
+
+* {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+}
+
+body {
+ background: #0f172a;
+ color: #e2e8f0;
+ line-height: 1.6;
+}
+
+nav {
+ position: fixed;
+ top: 0;
+ width: 100%;
+ background: rgba(15, 23, 42, 0.9);
+ backdrop-filter: blur(10px);
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding: 15px 40px;
+ z-index: 1000;
+ border-bottom: 1px solid rgba(255,255,255,0.1);
+}
+
+nav h2 {
+ color: #38bdf8;
+ font-size: 18px;
+}
+
+nav ul {
+ display: flex;
+ gap: 20px;
+ list-style: none;
+}
+
+nav ul li a {
+ color: #e2e8f0;
+ font-weight: 500;
+ transition: 0.3s;
+}
+
+nav ul li a:hover {
+ color: #38bdf8;
+}
+
+.hero {
+ height: 100vh;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ text-align: center;
+ padding: 0 20px;
+ background: linear-gradient(135deg, #0f172a, #1e293b);
+}
+
+.hero img {
+ width: 160px;
+ height: 160px;
+ border-radius: 50%;
+ border: 4px solid #38bdf8;
+ margin-bottom: 20px;
+ object-fit: cover;
+}
+
+.hero h1 {
+ font-size: 2.5rem;
+ color: #38bdf8;
+}
+
+.hero p {
+ max-width: 600px;
+ margin-top: 10px;
+ color: #cbd5e1;
+}
+
+.btn {
+ display: inline-block;
+ margin-top: 20px;
+ padding: 10px 20px;
+ background: #38bdf8;
+ color: #0f172a;
+ border-radius: 8px;
+ font-weight: bold;
+ transition: 0.3s;
+}
+
+.btn:hover {
+ background: #0ea5e9;
+}
+
+section {
+ padding: 80px 20px;
+ max-width: 1000px;
+ margin: auto;
+}
+
+.section-title {
+ font-size: 2rem;
+ margin-bottom: 20px;
+ color: #38bdf8;
+ border-left: 5px solid #38bdf8;
+ padding-left: 10px;
+}
+
+.card {
+ background: #1e293b;
+ padding: 20px;
+ border-radius: 12px;
+ margin-bottom: 15px;
+ box-shadow: 0 8px 20px rgba(0,0,0,0.3);
+ transition: 0.3s;
+}
+
+.card:hover {
+ transform: translateY(-5px);
+}
+
+.skills {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 10px;
+}
+
+.skill {
+ background: #38bdf8;
+ color: #0f172a;
+ padding: 8px 12px;
+ border-radius: 20px;
+ font-size: 14px;
+ font-weight: bold;
+}
+
+.card p {
+ margin-bottom: 8px;
+}
+
+footer {
+ text-align: center;
+ padding: 30px;
+ border-top: 1px solid rgba(255,255,255,0.1);
+ color: #94a3b8;
+}
+