diff --git a/src/maxxblue/images/images:headshot.jpg b/src/maxxblue/images/images:headshot.jpg new file mode 100644 index 0000000..cb4143f Binary files /dev/null and b/src/maxxblue/images/images:headshot.jpg differ diff --git a/src/maxxblue/index.html b/src/maxxblue/index.html new file mode 100644 index 0000000..c500ff8 --- /dev/null +++ b/src/maxxblue/index.html @@ -0,0 +1,226 @@ + + + + + + William Blue | Virtual Resume + + + + +
+ + +
+ +
+
+

William Blue

+

Technical Sales Professional | Java | AI-Powered Development

+

+ I combine consultative sales expertise, technical learning, and customer-focused + problem-solving to translate complex solutions into measurable business value. +

+ Contact Me +
+ +
+ Professional headshot of William Blue +
+
+ +
+

About Me

+

+ I am a Technical Sales Professional with a background in consultative selling, + customer relationship management, and technical solution discovery. My experience + includes leading product demonstrations, conducting customer needs analysis, and + positioning solutions in ways that connect technical features to business impact. +

+

+ I am currently expanding my technical skills through AI-powered software + development training, with hands-on experience in Java, Spring Boot, REST APIs, + Git, Maven, Postman, and responsive web design. +

+

+ My career goal is to grow into a role where I can bridge the gap between business + and technology, whether in technical sales, solutions engineering, software sales, + or customer-facing technical consulting. +

+
+ +
+

Experience

+ +
+

Sales Closer

+

Modern Exteriors

+

April 2024 – December 2025

+ +
+ +
+

Senior AML Transaction Monitoring Investigator

+

M&T Bank

+

October 2022 – April 2024

+ +
+ +
+

Sales Representative / Trainer

+

M&T Bank

+

October 2019 – October 2022

+ +
+
+ +
+

Education

+ +
+

AI Powered Software Development Bootcamp

+

Code Differently

+

Expected June 2026

+

+ Focused on Java, AI-powered development, software engineering fundamentals, + APIs, GitHub workflow, responsive web design, and technical project development. +

+
+ +
+

Bachelor of Social Work

+

Delaware State University

+
+
+ +
+

Certifications

+
+ +
+
+ +
+

Projects

+ +
+
+

Virtual Resume Landing Page

+

+ A professional personal brand website designed to present my experience, + technical skills, certifications, and projects in a clean and modern format. +

+

Technologies: HTML, CSS

+

What it does: Serves as a digital first impression for recruiters, hiring managers, and employers.

+
+ +
+

Java Development Projects

+

+ Built Java-based applications to strengthen object-oriented programming, + problem-solving, testing, and user interaction skills. +

+

Technologies: Java, IntelliJ, Maven, GitHub

+

What it does: Demonstrates technical growth in application logic, structured development, and debugging.

+
+ +
+

Spring Boot & REST API Labs

+

+ Worked on backend practice projects using Spring Boot and REST APIs to + understand routing, application structure, testing, and service behavior. +

+

Technologies: Spring Boot, REST APIs, Postman, Maven

+

What it does: Highlights backend development exposure and API testing experience.

+
+
+
+ +
+

Skills

+ +
+
+

Technical Skills

+
    +
  • Java
    • +
  • SQL
    • +
  • Git / GitHub
    • +
  • VS Code
    • +
  • IntelliJ
    • +
  • AWS
    • +
  • Spring Boot
    • +
  • REST APIs
    • +
  • Postman
    • +
  • Maven
    • +
  • Structured Testing
    • +
  • HTML / CSS
    • +
+
+ +
+

Professional Skills

+
    +
  • Consultative Sales
    • +
  • Closing Sales
    • +
  • Sales Management
    • +
  • Territory Sales
    • +
  • Prospecting & Lead Generation
    • +
  • CRM Database Management
    • +
  • Cross-Functional Collaboration
    • +
  • Communication
    • +
  • Teamwork
    • +
  • Analytical Thinking
    • +
+
+
+
+ +
+

Contact

+
+

Location: Newark, DE

+

Phone: (914) 380-0778

+

Email: whblue261@gmail.com

+

GitHub: github.com/whblue261

+

LinkedIn: linkedin.com/in/william-b-jr

+
+
+ + + + + \ No newline at end of file diff --git a/src/maxxblue/style.css b/src/maxxblue/style.css new file mode 100644 index 0000000..683d74e --- /dev/null +++ b/src/maxxblue/style.css @@ -0,0 +1,241 @@ +/* Reset */ +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +/* Smooth scrolling */ +html { + scroll-behavior: smooth; +} + +/* Page body */ +body { + font-family: Arial, sans-serif; + background-color: #f4f7fb; + color: #1f2937; + line-height: 1.6; +} + +/* Navigation */ +.navbar { + position: sticky; + top: 0; + background-color: #0f172a; + color: white; + display: flex; + justify-content: space-between; + align-items: center; + padding: 20px 40px; + z-index: 1000; + box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); +} + +.logo { + font-size: 1.5rem; + font-weight: bold; +} + +.nav-links { + list-style: none; + display: flex; + gap: 20px; + flex-wrap: wrap; +} + +.nav-links a { + text-decoration: none; + color: white; + font-weight: bold; + transition: color 0.3s ease; +} + +.nav-links a:hover { + color: #38bdf8; +} + +/* Hero */ +.hero { + display: flex; + justify-content: space-between; + align-items: center; + gap: 40px; + padding: 80px 40px; + background: linear-gradient(to right, #dbeafe, #eff6ff); + flex-wrap: wrap; +} + +.hero-text { + flex: 1; + min-width: 280px; +} + +.hero-text h1 { + font-size: 3rem; + color: #0f172a; + margin-bottom: 10px; +} + +.hero-text h2 { + font-size: 1.4rem; + color: #2563eb; + margin-bottom: 20px; +} + +.hero-text p { + font-size: 1.1rem; + max-width: 650px; + margin-bottom: 25px; +} + +.hero-image { + flex: 1; + text-align: center; + min-width: 280px; +} + +.hero-image img { + width: 280px; + height: 280px; + object-fit: cover; + border-radius: 50%; + border: 5px solid #2563eb; + box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); +} + +/* Button */ +.btn { + display: inline-block; + background-color: #2563eb; + color: white; + text-decoration: none; + padding: 12px 24px; + border-radius: 8px; + font-weight: bold; + transition: 0.3s ease; +} + +.btn:hover { + background-color: #1d4ed8; + transform: translateY(-2px); +} + +/* Sections */ +.section { + max-width: 1100px; + margin: 0 auto; + padding: 60px 40px; +} + +.section h2 { + font-size: 2rem; + color: #0f172a; + margin-bottom: 25px; + border-bottom: 3px solid #2563eb; + display: inline-block; + padding-bottom: 6px; +} + +/* Cards */ +.card { + background-color: white; + margin-top: 20px; + padding: 25px; + border-radius: 12px; + box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08); + transition: transform 0.3s ease; +} + +.card:hover { + transform: translateY(-4px); +} + +.card h3 { + color: #111827; + margin-bottom: 8px; +} + +.card h4 { + color: #2563eb; + margin-bottom: 8px; +} + +.date { + font-style: italic; + color: #6b7280; + margin-bottom: 12px; +} + +.card ul { + padding-left: 20px; + margin-top: 10px; +} + +.card p { + margin-bottom: 10px; +} + +/* Grid layouts */ +.projects-grid, +.skills-container { + display: flex; + gap: 20px; + flex-wrap: wrap; +} + +.projects-grid .card, +.skills-container .card { + flex: 1 1 300px; +} + +/* Contact links */ +#contact a { + color: #2563eb; + text-decoration: none; + font-weight: bold; +} + +#contact a:hover { + text-decoration: underline; +} + +/* Footer */ +.footer { + background-color: #0f172a; + color: white; + text-align: center; + padding: 20px; + margin-top: 40px; +} + +/* Responsive */ +@media (max-width: 768px) { + .navbar { + flex-direction: column; + gap: 15px; + padding: 20px; + } + + .nav-links { + justify-content: center; + } + + .hero { + flex-direction: column; + text-align: center; + padding: 60px 20px; + } + + .hero-text h1 { + font-size: 2.2rem; + } + + .hero-text h2 { + font-size: 1.2rem; + } + + .section { + padding: 40px 20px; + } +} \ No newline at end of file