diff --git a/src/alextrunzo/images/AlexanderTrunzo.png b/src/alextrunzo/images/AlexanderTrunzo.png new file mode 100644 index 0000000..966a04d Binary files /dev/null and b/src/alextrunzo/images/AlexanderTrunzo.png differ diff --git a/src/alextrunzo/resume.html b/src/alextrunzo/resume.html new file mode 100644 index 0000000..7e4a653 --- /dev/null +++ b/src/alextrunzo/resume.html @@ -0,0 +1,241 @@ + + + + + + Alex Trunzo | Virtual Resume + + + + + + + + + + + + + +
+
+
+ +
+

Software Engineer • Full-Stack Developer

+

Alexander Trunzo

+

+ I build full-stack, data-driven applications that solve real-world + problems — from e-commerce platforms with live transactions to + scalable backend systems. +

+ + + View Projects + + + Contact Me + +
+ +
+ Alex Trunzo +
+ +
+
+
+ + +
+
+

About Me

+

Technical foundation, entrepreneurial mindset

+ +
+

+ I earned my Honors B.S. in Computer Science from the University of + Delaware with a focus on AI & Robotics. I’m continuing to develop + my engineering skills through structured training and real-world projects. +

+ +

+ I focus on building systems that actually get used — combining strong + backend logic, clean UI, and data-driven thinking. +

+ +

+ I bring both technical execution and ownership — from developing + applications to running a business that generates real revenue. +

+
+
+
+ + +
+
+

Experience

+

Work that drives results

+ +
+
Software Engineer
+

Vanylla Godzylla LLC

+

Aug 2024 – Present

+ +
    +
  • Built full-stack e-commerce platform with live Stripe transactions
    • +
  • Developed REST APIs using Node.js and Express
    • +
  • Created responsive UI with React and Tailwind
    • +
  • Contributed to $35K+ revenue and 1M+ impressions
    • +
+
+ +
+
AI Trainer
+

Scale AI

+

May 2024 – July 2025

+ +
    +
  • Designed structured data workflows across 50+ scenarios
    • +
  • Performed quantitative analysis to improve system outputs
    • +
+
+
+
+ + +
+
+

Education

+

Academic background

+ +
+
+
+
University of Delaware
+

B.S. Computer Science (AI & Robotics)

+

3.6 GPA • Dean’s List

+
+
+ +
+
+
Code Differently
+

AI Software Engineering Program

+

In Progress

+
+
+
+
+
+ + +
+
+

Projects

+

What I’ve built

+ +
+
+
+
VG E-Commerce Platform
+

React • Node • Stripe

+

Full-stack system supporting real-time transactions and analytics.

+
+
+ +
+
+
UDeliver
+

Mobile • Firebase

+

Full-stack mobile app with real-time data and user workflows.

+
+
+ +
+
+
ML Prediction Model
+

Python • ML

+

Achieved 93% accuracy while reducing false negatives.

+
+
+
+
+
+ + +
+
+

Skills

+

Technical & Professional

+ +
+ Java + Python + React + Node.js + SQL + Git + + Communication + Teamwork +
+
+
+ + +
+
+

Contact

+

Let’s connect

+ +
+ Email + LinkedIn + GitHub +
+
+
+ + + + + + + + \ No newline at end of file diff --git a/src/alextrunzo/style.css b/src/alextrunzo/style.css new file mode 100644 index 0000000..20e70d9 --- /dev/null +++ b/src/alextrunzo/style.css @@ -0,0 +1,215 @@ +html { + scroll-behavior: smooth; +} + +body { + font-family: Arial, sans-serif; + background-color: #f8fafc; + color: #1f2937; +} + +/* Navbar */ +.navbar { + background: rgba(15, 23, 42, 0.95) !important; + backdrop-filter: blur(8px); +} + +.navbar-brand { + font-weight: 700; + font-size: 1.3rem; + letter-spacing: 0.3px; +} + +.nav-link { + font-weight: 600; +} + +.nav-link:hover { + color: #93c5fd !important; +} + +/* Hero */ +.hero-section { + background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%); + color: white; + padding: 100px 0; +} + +.eyebrow { + text-transform: uppercase; + letter-spacing: 1px; + font-size: 0.85rem; + font-weight: 700; + color: #93c5fd; + margin-bottom: 1rem; +} + +.hero-section h1 { + font-weight: 700; + line-height: 1.1; +} + +.hero-section .lead { + color: #cbd5e1; + max-width: 700px; +} + +.hero-img { + max-width: 280px; + width: 100%; + height: 280px; + object-fit: cover; + border-radius: 20px; + border: 3px solid rgba(255, 255, 255, 0.15); + box-shadow: 0 18px 40px rgba(0, 0, 0, 0.28); +} + +/* General sections */ +section { + scroll-margin-top: 80px; +} + +.section-title { + font-weight: 700; + color: #0f172a; + margin-bottom: 0.75rem; +} + +.section-subtitle { + text-transform: uppercase; + letter-spacing: 1px; + font-size: 0.8rem; + font-weight: 700; + color: #2563eb; + margin-bottom: 0.5rem; +} + +.alt-section { + background-color: #eef2f7; +} + +/* Cards */ +.card { + border: 1px solid #e5e7eb; + border-radius: 16px; + box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05); +} + +.card:hover { + transform: translateY(-4px); + transition: transform 0.2s ease, box-shadow 0.2s ease; + box-shadow: 0 12px 30px rgba(15, 23, 42, 0.08); +} + +.card-title { + font-weight: 700; + color: #111827; +} + +.card-subtitle, +.project-tech { + color: #2563eb !important; + font-weight: 700; +} + +/* Experience */ +.timeline-role { + font-weight: 700; + color: #111827; +} + +.timeline-org { + color: #2563eb; + font-weight: 700; +} + +.timeline-date { + color: #6b7280; + font-size: 0.95rem; +} + +/* Skills badges */ +.badge.skill-badge { + background-color: #eff6ff; + color: #1d4ed8; + border: 1px solid #dbeafe; + font-size: 0.9rem; + font-weight: 600; + padding: 0.65em 0.9em; + margin-right: 0.5rem; + margin-bottom: 0.6rem; +} + +/* Buttons */ +.btn-custom-primary { + background-color: #ffffff; + color: #0f172a; + border: none; + font-weight: 700; + padding: 0.8rem 1.25rem; + border-radius: 10px; +} + +.btn-custom-primary:hover { + background-color: #e5e7eb; + color: #0f172a; +} + +.btn-custom-secondary { + border: 1.5px solid #94a3b8; + color: #f8fafc; + font-weight: 700; + padding: 0.8rem 1.25rem; + border-radius: 10px; +} + +.btn-custom-secondary:hover { + background-color: rgba(255, 255, 255, 0.08); + border-color: #cbd5e1; + color: #ffffff; +} + +/* Contact */ +.contact-links a { + text-decoration: none; + color: #2563eb; + font-weight: 700; + margin-right: 1rem; + display: inline-block; + margin-bottom: 0.75rem; +} + +.contact-links a:hover { + color: #1d4ed8; +} + +/* Footer */ +footer { + background-color: #0f172a; +} + +footer p { + margin-bottom: 0.35rem; +} + +.footer-muted { + color: #cbd5e1; +} + +/* Responsive tweaks */ +@media (max-width: 767.98px) { + .hero-section { + padding: 80px 0; + text-align: left; + } + + .hero-img { + max-width: 220px; + height: 220px; + margin-top: 2rem; + } + + .hero-section h1 { + font-size: 2.4rem; + } +} \ No newline at end of file