diff --git a/ResumeLandingPage/Kenneth Edelin Feb2026 _APPROVED.pdf b/ResumeLandingPage/Kenneth Edelin Feb2026 _APPROVED.pdf new file mode 100644 index 0000000..40ce58b Binary files /dev/null and b/ResumeLandingPage/Kenneth Edelin Feb2026 _APPROVED.pdf differ diff --git a/ResumeLandingPage/images/headshot.jpg b/ResumeLandingPage/images/headshot.jpg new file mode 100644 index 0000000..79ca885 Binary files /dev/null and b/ResumeLandingPage/images/headshot.jpg differ diff --git a/ResumeLandingPage/index.html b/ResumeLandingPage/index.html new file mode 100644 index 0000000..3b2935c --- /dev/null +++ b/ResumeLandingPage/index.html @@ -0,0 +1,426 @@ + + + + + + + Kenneth Edelin | Virtual Resume Landing Page + + + + + + + + +
+
+
+
+

Virtual Resume Landing Page

+

Kenneth Edelin

+

Aspiring Backend Developer & AI-Powered Software Engineering Professional

+

+ Analytical, coach-minded, and results-driven professional transitioning into + technology through structured software engineering training. I build with purpose, + solve problems with discipline, and bring leadership, communication, and technical + growth together in one direction. +

+ + + +
+
+ 1 + Backend Automation Project In Progress +
+
+ 2 + Active Certifications Earned +
+
+ 40+ + Athletes Led Through Structured Game Planning +
+
+
+ +
+
+ Professional headshot of Kenneth Edelin +
+
+
+
+ +
+
+
+ +

Who I am and where I’m going

+
+ +
+
+

Brief Introduction

+

+ I am a disciplined and growth-focused professional moving into tech with a strong + interest in backend development, automation, and real-world problem solving. My + background in education and coaching helped me develop communication, leadership, + structured thinking, and the ability to perform under pressure. +

+
+ +
+

Career Goals

+

+ My goal is to become a strong software engineer who can build reliable systems, + clean APIs, and practical automation tools that save people time and improve + decision-making. I am especially interested in backend architecture, business logic, + and products that solve operational problems. +

+
+ +
+

Interests in Tech

+

+ I’m focused on Java, Spring Boot, REST APIs, GitHub collaboration, and AI-powered + development workflows. I enjoy learning how systems connect, how data moves through + applications, and how software can create measurable impact. +

+
+ +
+

What Makes Me Stand Out

+

+ I combine coach-level accountability, strong communication, and a builder’s mindset. + I do not just want to learn theory — I want to create tools, improve workflows, and + produce results that matter in real environments. +

+
+
+
+
+ +
+
+
+ +

Transferable impact and leadership

+
+ +
+
+
+
+
+

Football Coach / Co-Offensive Coordinator

+ Smyrna School District +

2025 – Present

+
+
    +
  • Develop structured weekly game plans for 40+ athletes and stakeholders.
  • +
  • Analyze opponent trends and adjust strategy in real time for stronger second-half performance.
  • +
  • Create measurable systems to track development, execution, and accountability.
  • +
  • Use review cycles and performance data to reduce repeated execution errors.
  • +
+
+
+ +
+
+
+
+

Paraprofessional

+ Appoquinimink School District +

2023 – 2025

+
+
    +
  • Supported students with structured academic, organizational, and classroom guidance.
  • +
  • Managed classroom safety and engagement while supporting varied student needs.
  • +
  • Helped strengthen assignment accuracy, comprehension, and consistency.
  • +
  • Applied patience, communication, adaptability, and process discipline every day.
  • +
+
+
+
+
+
+ +
+
+
+ +

Training, coursework, and continued growth

+
+ +
+
+

Code Differently

+

AI-Powered Software Engineering Program

+

+ Intensive, project-based training focused on software engineering, analytical + problem-solving, collaboration, and applying technical skills to real-world systems. +

+
+ +
+

West Chester University

+

Sociology — 40 Credit Hours

+

2018 – 2021

+
+ +
+

Shepherd University

+

Sociology — 18 Credit Hours

+

2021 – 2022

+
+
+
+
+ +
+
+
+ +

Earned and pursuing

+
+ +
+ + +
+

AWS Cloud Certification

+

Pursuing

+
+
+

Microsoft Certification

+

Pursuing

+
+
+

CompTIA Certification

+

Pursuing

+
+
+

Advanced Java / Backend Track

+

Actively Developing

+
+
+
+
+ +
+
+
+ +

Work that reflects my technical direction

+
+ +
+
+
Featured Project
+

Logistics Load Automation System

+

Java · Spring Boot · REST APIs · GitHub · Maven

+

+ A backend automation project designed to reduce inefficiencies in how independent + truck operators identify high-value freight opportunities. +

+
    +
  • Built ranking logic to prioritize stronger load opportunities.
  • +
  • Developed structured data workflows to reduce manual research time.
  • +
  • Translated operational pain points into technical backend solutions.
  • +
  • Collaborated in an Agile-style workflow using version control.
  • +
+ + View GitHub Project + +
+ +
+
In Progress
+

Virtual Resume Landing Page

+

HTML · CSS · Responsive Design · Personal Branding

+

+ A portfolio-ready landing page created to present my experience, goals, projects, + certifications, and contact information in a polished digital format. +

+
    +
  • Uses semantic HTML for clean structure.
  • +
  • Includes responsive layout, hover effects, and strong visual hierarchy.
  • +
  • Designed as a recruiter-friendly first impression page.
  • +
+ Use This Page As My Digital Resume +
+ +
+
Growth Focus
+

Backend Development Journey

+

Java · Spring Boot · APIs · Problem Solving

+

+ An ongoing body of work centered on strengthening backend architecture skills, + practical coding ability, and real application development. +

+
    +
  • Building stronger understanding of APIs and server-side logic.
  • +
  • Practicing project structure, clean code habits, and technical communication.
  • +
  • Turning learning into visible projects with real use cases.
  • +
+ See Core Skills +
+
+
+
+ +
+
+
+ +

Technical and professional strengths

+
+ +
+
+

Technical Skills

+
+ HTML + CSS + Java + Spring Boot + REST APIs + Maven + Postman + Git + GitHub + IntelliJ IDEA + Object-Oriented Programming + Backend Architecture + Async Pipelines + Agile / Scrum +
+
+ +
+

Professional Skills

+
+ Communication + Leadership + Team Collaboration + Adaptability + Attention to Detail + Structured Decision-Making + Problem Solving + Performance Analysis + Process Improvement + Accountability +
+
+
+
+
+ +
+
+
+ +

More of what I bring

+
+ +
+
+

Leadership Impact

+

+ Led planning, communication, and performance review systems in coaching + environments where accountability and fast adjustment mattered. +

+
+ +
+

Builder’s Mindset

+

+ I like solving practical problems with systems, structure, and clear outcomes — + especially when technology can reduce wasted time and improve execution. +

+
+ +
+

Fun Facts / Interests

+

+ I enjoy football strategy, film analysis, process optimization, and using + technology to gain an edge in real-world performance environments. +

+
+
+
+
+ +
+
+
+ +

Let’s build something meaningful

+

+ I’m actively growing as a developer and open to opportunities, connections, + collaborations, and conversations about software engineering and backend development. +

+ + +
+
+
+
+ + + + \ No newline at end of file diff --git a/ResumeLandingPage/style.css b/ResumeLandingPage/style.css new file mode 100644 index 0000000..52a9a8f --- /dev/null +++ b/ResumeLandingPage/style.css @@ -0,0 +1,671 @@ +:root { + --bg: #0f172a; + --bg-soft: #111827; + --surface: #ffffff; + --surface-2: #f8fafc; + --surface-3: #e2e8f0; + --text: #0f172a; + --text-soft: #475569; + --text-light: #cbd5e1; + --white: #ffffff; + --primary: #2563eb; + --primary-dark: #1d4ed8; + --accent: #14b8a6; + --accent-soft: #ccfbf1; + --gold: #f59e0b; + --border: rgba(15, 23, 42, 0.08); + --shadow: 0 18px 45px rgba(15, 23, 42, 0.12); + --radius-lg: 24px; + --radius-md: 18px; + --radius-sm: 12px; + --max-width: 1180px; + --transition: all 0.28s ease; +} + +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +html { + scroll-behavior: smooth; +} + +body { + font-family: "Inter", sans-serif; + background: linear-gradient(180deg, #f8fbff 0%, #eef4ff 100%); + color: var(--text); + line-height: 1.65; +} + +img { + max-width: 100%; + display: block; +} + +a { + text-decoration: none; + color: inherit; +} + +ul { + padding-left: 1.2rem; +} + +.container { + width: min(92%, var(--max-width)); + margin: 0 auto; +} + +.section { + padding: 6rem 0; +} + +.section-dark { + background: linear-gradient(135deg, #0f172a 0%, #111827 100%); + color: var(--white); +} + +.section-accent { + background: linear-gradient(135deg, #eff6ff 0%, #ecfeff 100%); +} + +.section-heading { + margin-bottom: 2.2rem; +} + +.section-label, +.eyebrow { + display: inline-block; + font-size: 0.85rem; + font-weight: 800; + letter-spacing: 0.14em; + text-transform: uppercase; + color: var(--primary); + margin-bottom: 0.8rem; +} + +.section-heading h3, +.contact-card h3 { + font-family: "Space Grotesk", sans-serif; + font-size: clamp(2rem, 4vw, 3rem); + line-height: 1.1; + margin-bottom: 0.5rem; +} + +.site-header { + position: sticky; + top: 0; + z-index: 1000; + backdrop-filter: blur(12px); + background: rgba(255, 255, 255, 0.86); + border-bottom: 1px solid rgba(15, 23, 42, 0.06); +} + +.nav-container { + display: flex; + align-items: center; + justify-content: space-between; + gap: 1rem; + min-height: 82px; +} + +.logo { + width: 52px; + height: 52px; + border-radius: 50%; + display: grid; + place-items: center; + background: linear-gradient(135deg, var(--primary), var(--accent)); + color: var(--white); + font-weight: 800; + font-family: "Space Grotesk", sans-serif; + box-shadow: 0 10px 20px rgba(37, 99, 235, 0.25); +} + +.nav-links { + display: flex; + align-items: center; + gap: 1.25rem; + list-style: none; +} + +.nav-links a { + font-weight: 600; + font-size: 0.95rem; + color: var(--text); + position: relative; + transition: var(--transition); +} + +.nav-links a:hover { + color: var(--primary); +} + +.nav-links a::after { + content: ""; + position: absolute; + left: 0; + bottom: -6px; + width: 0; + height: 2px; + background: var(--primary); + transition: var(--transition); +} + +.nav-links a:hover::after { + width: 100%; +} + +.hero-section { + padding: 5.5rem 0 4.5rem; +} + +.hero-grid { + display: grid; + grid-template-columns: 1.2fr 0.9fr; + gap: 3rem; + align-items: center; +} + +.hero-text h1 { + font-family: "Space Grotesk", sans-serif; + font-size: clamp(2.8rem, 6vw, 5.3rem); + line-height: 0.95; + margin-bottom: 1rem; +} + +.hero-text h2 { + font-size: clamp(1.1rem, 2vw, 1.45rem); + color: var(--text-soft); + font-weight: 700; + margin-bottom: 1.2rem; + max-width: 760px; +} + +.hero-intro { + font-size: 1.05rem; + color: var(--text-soft); + max-width: 700px; + margin-bottom: 2rem; +} + +.hero-actions { + display: flex; + flex-wrap: wrap; + gap: 1rem; + margin-bottom: 2rem; +} + +.btn { + display: inline-flex; + align-items: center; + justify-content: center; + min-height: 50px; + padding: 0.9rem 1.4rem; + border-radius: 999px; + font-weight: 700; + transition: var(--transition); + border: 2px solid transparent; +} + +.btn:hover { + transform: translateY(-2px); +} + +.btn-primary { + background: linear-gradient(135deg, var(--primary), var(--primary-dark)); + color: var(--white); + box-shadow: 0 15px 25px rgba(37, 99, 235, 0.22); +} + +.btn-secondary { + background: var(--white); + color: var(--text); + border-color: rgba(15, 23, 42, 0.1); +} + +.btn-outline { + border-color: rgba(15, 23, 42, 0.12); + color: var(--text); + background: var(--white); +} + +.hero-highlights { + display: grid; + grid-template-columns: repeat(3, 1fr); + gap: 1rem; +} + +.highlight-card { + background: rgba(255, 255, 255, 0.75); + border: 1px solid rgba(15, 23, 42, 0.08); + border-radius: var(--radius-md); + padding: 1.1rem; + box-shadow: var(--shadow); + transition: var(--transition); +} + +.highlight-card:hover { + transform: translateY(-6px); +} + +.highlight-number { + display: block; + font-size: 1.4rem; + font-weight: 800; + color: var(--primary); + margin-bottom: 0.4rem; +} + +.highlight-label { + color: var(--text-soft); + font-size: 0.95rem; + font-weight: 600; +} + +.hero-image-wrap { + display: flex; + justify-content: center; +} + +.hero-image-card { + width: 100%; + max-width: 430px; + padding: 1rem; + border-radius: 30px; + background: linear-gradient(145deg, rgba(37, 99, 235, 0.12), rgba(20, 184, 166, 0.12)); + box-shadow: 0 25px 60px rgba(15, 23, 42, 0.16); +} + +.hero-image { + width: 100%; + height: 560px; + object-fit: cover; + border-radius: 24px; + object-position: center top; +} + +.about-grid, +.card-grid, +.cert-grid, +.project-grid, +.extras-grid { + display: grid; + gap: 1.5rem; +} + +.about-grid { + grid-template-columns: repeat(2, 1fr); +} + +.card-grid, +.extras-grid { + grid-template-columns: repeat(3, 1fr); +} + +.cert-grid { + grid-template-columns: repeat(3, 1fr); +} + +.project-grid { + grid-template-columns: repeat(3, 1fr); +} + +.info-card, +.resume-card, +.cert-card, +.project-card, +.skills-card, +.contact-card { + background: rgba(255, 255, 255, 0.88); + border: 1px solid var(--border); + border-radius: var(--radius-lg); + padding: 1.7rem; + box-shadow: var(--shadow); + transition: var(--transition); +} + +.info-card:hover, +.resume-card:hover, +.cert-card:hover, +.project-card:hover, +.skills-card:hover, +.contact-card:hover { + transform: translateY(-8px); +} + +.info-card h4, +.resume-card h4, +.cert-card h4, +.project-card h4, +.skills-card h4 { + font-size: 1.2rem; + margin-bottom: 0.75rem; +} + +.info-card p, +.resume-card p, +.cert-card p, +.project-card p, +.project-card li, +.skills-card p, +.contact-text { + color: var(--text-soft); +} + +.card-subtitle, +.project-tech { + font-weight: 700; + color: var(--primary); + margin-bottom: 0.75rem; +} + +.timeline { + position: relative; + max-width: 900px; + margin: 0 auto; + padding-left: 1.5rem; +} + +.timeline::before { + content: ""; + position: absolute; + left: 16px; + top: 0; + bottom: 0; + width: 2px; + background: rgba(255, 255, 255, 0.16); +} + +.timeline-item { + position: relative; + margin-bottom: 2rem; + padding-left: 2.5rem; +} + +.timeline-dot { + position: absolute; + left: 6px; + top: 16px; + width: 20px; + height: 20px; + border-radius: 50%; + background: linear-gradient(135deg, var(--gold), var(--accent)); + border: 4px solid rgba(255, 255, 255, 0.12); +} + +.timeline-content { + background: rgba(255, 255, 255, 0.06); + border: 1px solid rgba(255, 255, 255, 0.08); + border-radius: var(--radius-lg); + padding: 1.6rem; + backdrop-filter: blur(8px); +} + +.timeline-top h4 { + font-size: 1.25rem; + margin-bottom: 0.25rem; +} + +.timeline-top span { + color: #93c5fd; + font-weight: 700; +} + +.timeline-date { + color: var(--text-light); + font-size: 0.95rem; + margin: 0.5rem 0 1rem; +} + +.timeline-content ul li { + color: var(--text-light); + margin-bottom: 0.55rem; +} + +.cert-card { + text-align: center; +} + +.cert-card p { + font-weight: 700; + color: var(--text-soft); +} + +.cert-card.featured { + background: linear-gradient(135deg, #ffffff, #eff6ff); + border: 1px solid rgba(37, 99, 235, 0.16); +} + +.project-card { + position: relative; + overflow: hidden; +} + +.project-card ul { + margin: 1rem 0 1.2rem; +} + +.project-card li { + margin-bottom: 0.45rem; +} + +.project-card::before { + content: ""; + position: absolute; + inset: 0 auto auto 0; + width: 100%; + height: 5px; + background: linear-gradient(90deg, var(--primary), var(--accent), var(--gold)); +} + +.project-badge { + display: inline-block; + padding: 0.45rem 0.8rem; + border-radius: 999px; + background: var(--accent-soft); + color: #0f766e; + font-size: 0.82rem; + font-weight: 800; + margin-bottom: 1rem; +} + +.project-link { + color: var(--primary); + font-weight: 800; +} + +.project-link:hover { + text-decoration: underline; +} + +.skills-layout { + display: grid; + grid-template-columns: repeat(2, 1fr); + gap: 1.5rem; +} + +.skills-card { + background: rgba(255, 255, 255, 0.05); + border-color: rgba(255, 255, 255, 0.08); +} + +.skills-card h4 { + color: var(--white); +} + +.tag-wrap { + display: flex; + flex-wrap: wrap; + gap: 0.75rem; +} + +.tag { + padding: 0.65rem 0.95rem; + border-radius: 999px; + background: rgba(255, 255, 255, 0.09); + color: var(--white); + font-weight: 600; + border: 1px solid rgba(255, 255, 255, 0.08); + transition: var(--transition); +} + +.tag:hover { + transform: translateY(-2px); + background: rgba(37, 99, 235, 0.25); +} + +.contact-section { + padding-top: 2rem; +} + +.contact-card { + text-align: center; + max-width: 860px; + margin: 0 auto; + background: linear-gradient(135deg, #ffffff 0%, #eff6ff 100%); +} + +.contact-text { + max-width: 680px; + margin: 0 auto 1.5rem; +} + +.contact-links { + display: flex; + flex-wrap: wrap; + justify-content: center; + gap: 1rem; +} + +.contact-links a { + padding: 0.9rem 1.1rem; + border-radius: 999px; + background: var(--white); + border: 1px solid rgba(15, 23, 42, 0.08); + font-weight: 700; + color: var(--text); + transition: var(--transition); +} + +.contact-links a:hover { + background: var(--primary); + color: var(--white); + transform: translateY(-2px); +} + +.site-footer { + padding: 1.4rem 0 2.4rem; +} + +.footer-content { + display: flex; + justify-content: space-between; + gap: 1rem; + align-items: center; + color: var(--text-soft); + font-size: 0.95rem; +} + +.footer-content a { + color: var(--primary); + font-weight: 700; +} + +@media (max-width: 1100px) { + .hero-grid, + .project-grid, + .card-grid, + .extras-grid, + .cert-grid, + .about-grid, + .skills-layout { + grid-template-columns: 1fr 1fr; + } + + .project-grid article:last-child, + .card-grid article:last-child, + .extras-grid article:last-child { + grid-column: span 2; + } + + .hero-highlights { + grid-template-columns: 1fr; + } +} + +@media (max-width: 860px) { + .nav-container { + flex-direction: column; + justify-content: center; + padding: 1rem 0; + } + + .nav-links { + flex-wrap: wrap; + justify-content: center; + } + + .hero-grid, + .about-grid, + .project-grid, + .card-grid, + .extras-grid, + .cert-grid, + .skills-layout { + grid-template-columns: 1fr; + } + + .project-grid article:last-child, + .card-grid article:last-child, + .extras-grid article:last-child { + grid-column: span 1; + } + + .hero-image { + height: 500px; + } + + .footer-content { + flex-direction: column; + text-align: center; + } + + .section { + padding: 4.5rem 0; + } +} + +@media (max-width: 560px) { + .hero-text h1 { + font-size: 2.5rem; + } + + .hero-text h2 { + font-size: 1rem; + } + + .hero-image { + height: 420px; + } + + .btn, + .contact-links a { + width: 100%; + } + + .hero-actions, + .contact-links { + flex-direction: column; + } + + .timeline { + padding-left: 0.75rem; + } + + .timeline-item { + padding-left: 2rem; + } +} \ No newline at end of file