diff --git a/src/Bobby-Resume-Page/Resume.css b/src/Bobby-Resume-Page/Resume.css new file mode 100644 index 0000000..20448b6 --- /dev/null +++ b/src/Bobby-Resume-Page/Resume.css @@ -0,0 +1,473 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} + +header{ + position: fixed; + top: 0; + left: 0; + right: 0; + z-index: 1000; + display: flex; + justify-content: space-between; + align-items: center; + padding: 18px 60px; + background-color: #141414; + border-bottom: 1px solid #2a2a2a; + } + + .nav-logo{ + font-size: 1.4rem; + font-weight: 800; + color: #f0ece0; + } + + nav{ +display: flex; +align-items: center; +gap: 32px; + } + + nav a{ + color: #a3a1a1; +text-decoration: none; + font-size: 0.88rem; + font-weight: 500; + transition: color 0.2s ease; + } +nav a:hover{ + color: #f0ece0 +} + +body{ + background-color: #0d0d0d; + font-family: 'Segoe UI', sans-serif; +color: #f0ece0; +min-height: 100vh; +padding-top: 80px; +} + +section { + padding: 80px 60px; +} + +#hero{ + min-height: 100vh; + display: flex; + align-items: center; + justify-content: space-between; +} +.hero-content{ + flex:1; + max-width: 560px; +} + +.hero-label{ + font-size: 0.8rem; + font-weight: 600; + letter-spacing: 4px; + color: #c9a84c; + text-transform: uppercase; + margin-bottom: 20px; +} + +h1{ + font-size: 4rem; + font-weight: 800; + line-height: 1.0; + letter-spacing: -2px; + margin-bottom: 24px; +} + +.gold{ + color: #c9a84c; +} + +.hero-tagline{ + font-size: 1.05rem; + color: #8a8a8a; + line-height: 1.75; + margin-bottom: 40px; + max-width: 460px; + +} +.hero-btns{ + display: flex; + gap: 16px; +} + +.btn-primary{ + background-color: #c9a84c; + color: #0d0d0d; + padding: 13px 28px; + border-radius: 6px; + font-weight: 600; + font-size: 0.95rem; + text-decoration: none; + display: inline-block; + transition: all 0.3s ease; +} + +.btn-primary:hover{ + background-color: #e8c97a; + transform: translateY(-2px); +} + +.btn-ghost{ + background-color: transparent; + color: #c9a84c; + padding: 13px 28px; + border-radius: 6px; + font-weight: 600; + font-size: 0.95rem; + text-decoration: none; + display: inline-block; + border: 1px solid #c9a84c; + transition: all 0.3s ease; +} +.btn-ghost:hover{ + background-color: rgba(201,168,76,0.1); + transform: translateY(-2px); +} + +.section-label{ + font-size: 0.75rem; + font-weight: 600; + letter-spacing: 3px; + text-transform: uppercase; + margin-bottom: 12px; + color: #c9a84c; +} +h2{ + font-size: 2.2rem; + font-weight: 800; + margin-bottom: 24px; + letter-spacing: -0.5px; +} + +h3{ + font-size: 1.2rem; + font-weight: 700; +margin-bottom: 8px; +} + +.about-content{ + max-width: 720px; + display: flex; + gap: 16px; + flex-direction: column; +} + +.about-content p{ + color: #a3a1a1; + line-height: 1.8; +font-size: 0.98rem; +} +.timeline { + display: flex; + flex-direction: column; + gap: 24px; +} + +.timeline-card{ + background: #141414; + border: 1px solid #2a2a2a; + padding: 32px 28px; + border-radius: 12px; + border-left: 3px solid #555; +transition: border-color 0.3s ease; +} +.timeline-card:hover{ + border-color: #c9a84c; +} + +.timeline-header { + display: flex; + justify-content: space-between; + align-items: flex-start; + gap: 16px; + margin-bottom: 20px; + flex-wrap: wrap; +} +.org { + font-size: 0.88rem; + color: #c9a84c; + margin-top: 4px; +} +.date { + font-size: 0.8rem; + color: #a3a1a1; + white-space: nowrap; + padding-top: 4px; +} +.timeline-card ul { + list-style: none; + display: flex; + flex-direction: column; + gap: 10px; +} + +.timeline-card ul li { + font-size: 0.9rem; + color: #a3a1a1; + line-height: 1.6; + padding-left: 16px; + position: relative; +} +.timeline-card ul li::before { + content: ''; + position: absolute; + left: 0; + top: 8px; + width: 5px; + height: 5px; + border-radius: 50%; + background: #c9a84c; +} +.edu-grid { + display: flex; + gap: 24px; + flex-wrap: wrap; +} +edu-card { + background: #141414; + border: 1px solid #2a2a2a; + border-left: 3px solid #555; + border-radius: 12px; + padding: 32px 28px; + flex: 1; + min-width: 260px; + transition: border-color 0.3s ease; +} + +.edu-card:hover { border-color: #c9a84c; } +.edu-org { + font-size: 0.88rem; + color: #c9a84c; + margin-bottom: 4px; + margin-top: 8px; +} + +.edu-date { + font-size: 0.8rem; + color: #555; +} + .certs-row { + display: flex; + gap: 24px; + flex-wrap: wrap; +} + +.cert-card { + background: #141414; + border: 1px solid #2a2a2a; + border-radius: 12px; + padding: 24px 28px; + display: flex; + align-items: center; + gap: 16px; + flex: 1; + min-width: 240px; + transition: border-color 0.3s ease; +} + +.cert-card:hover { border-color: #c9a84c; } + +.cert-card span { + font-size: 1.8rem; +} + +.cert-card strong { + display: block; + font-size: 0.95rem; + color: #f0ece0; + margin-bottom: 4px; +} + +.cert-card p { + font-size: 0.8rem; + color: #555; +} + +.projects-grid { + display: flex; + gap: 24px; + flex-wrap: wrap; +} + +.project-card { + background: #141414; + border: 1px solid #2a2a2a; + border-radius: 12px; + padding: 32px 28px; + flex: 1; + min-width: 260px; + display: flex; + flex-direction: column; + gap: 16px; + transition: border-color 0.3s ease, box-shadow 0.3s ease; +} + +.project-card:hover { + border-color: #c9a84c; + + box-shadow: 0 8px 32px rgba(201,168,76,0.1); +} + +.project-status { + display: inline-block; + font-size: 0.7rem; + font-weight: 600; + background: rgba(201,168,76,0.1); + color: #c9a84c; + border: 1px solid #c9a84c; + padding: 3px 10px; + border-radius: 20px; + letter-spacing: 0.5px; +} + +.project-subtitle { + font-size: 0.82rem; + color: #555; +} + +.project-desc { + font-size: 0.88rem; + color: #8a8a8a; + line-height: 1.65; + flex-grow: 1; +} + + +.tech-tags { + display: flex; + flex-wrap: wrap; + gap: 8px; +} + +.tech-tags span { + font-size: 0.72rem; + font-weight: 600; + background: #1c1c1c; + color: #8a8a8a; + border: 1px solid #2a2a2a; + padding: 4px 10px; + border-radius: 20px; +} + +.project-link { + color: #c9a84c; + text-decoration: none; + font-size: 0.88rem; + font-weight: 600; + transition: color 0.2s ease; + margin-top: auto; + +.project-link:hover { color: #e8c97a; } +} + +.skills-grid { + display: flex; + gap: 48px; + flex-wrap: wrap; + margin-bottom: 48px; +} + +.skills-column { + flex: 1; + min-width: 260px; +} + +.skills-heading { + font-size: 0.75rem; + font-weight: 700; + letter-spacing: 2px; + text-transform: uppercase; + color: #555; + margin-bottom: 20px; +} + +.skill-tags { + display: flex; + flex-wrap: wrap; + gap: 10px; +} + +.skill-tags span { + font-size: 0.82rem; + font-weight: 500; + background: #141414; + color: #8a8a8a; + border: 1px solid #2a2a2a; + padding: 7px 14px; + border-radius: 6px; + transition: all 0.2s ease; +} + + +.skill-tags span:hover { + border-color: #c9a84c; + color: #c9a84c; +} + #contact { + text-align: center; +} + +.contact-links { + display: flex; + justify-content: center; + gap: 24px; + flex-wrap: wrap; + margin-top: 48px; + margin-bottom: 48px; +} + +.contact-card { + background: #141414; + border: 1px solid #2a2a2a; + border-radius: 12px; + padding: 28px 32px; + display: flex; + align-items: center; + gap: 16px; + text-decoration: none; + min-width: 240px; + transition: border-color 0.3s ease, box-shadow 0.3s ease; +} + +.contact-card:hover { + border-color: #c9a84c; + box-shadow: 0 8px 24px rgba(201,168,76,0.1); +} + +.contact-card span { + font-size: 1.8rem; +} + +.contact-card strong { + display: block; + font-size: 0.95rem; + color: #f0ece0; + margin-bottom: 4px; +} + +.contact-card p { + font-size: 0.8rem; + color: #555; +} +.hero-image { + flex-shrink: 0; +} + + +.headshot { + width: 300px; + height: 300px; + border-radius: 50%; + object-fit: cover; + object-position: 50% 5%; + border: 3px solid #c9a84c; + box-shadow: 0 0 40px rgba(201,168,76,0.2); +} \ No newline at end of file diff --git a/src/Bobby-Resume-Page/Resume.html b/src/Bobby-Resume-Page/Resume.html new file mode 100644 index 0000000..971067a --- /dev/null +++ b/src/Bobby-Resume-Page/Resume.html @@ -0,0 +1,240 @@ + + +
+ + +Software Engineer
+I don't build just to say I did it. I build to make a change one step at a time.
+
+ About Me
+Analytical and driven emerging software engineer completing an AI-powered bootcamp at Code Differently in Christiana, DE. I build full-stack Java + applications and bring years of leadership expericence from high-volume professional environments.
+Goal: Break into AI and data engineering while building strong full-stack skills, because engineers who understand both the data and the product will define what's next.
+Interested in: REST APIs, AI systems, backend architecture, and building tools that solve real-world problems.
+Experience
+Code Differently - Christiana, DE
+Expected Graduation: June 2026
+Dexsta Federal Credit Union — Newark, DE
+Sep 2024 – January 2026
+Giant Grocery Store — Newark, DE
+Sep 2020 – May 2024
+Education
+Code Differently - Christiana, DE
+Expected Graduation: June 2026
+Sherwood High School - Sandy Springs, MD
+Graduated: June 2020
+Certifications
+Scrum Alliance
+Oracle Academy
+Projects
+Student Progress Tracker
+Full-stack student progress tracking API featuring Student and Instructor modes, daily standup logging, assignment tracking, and blocker identification. Architected as the data layer for a future AI Coach system.
+ + View on GitHub → +Console-Based Java App
+Console-based banking app supporting account creation, deposits, withdrawals, and transaction tracking across Savings and High-Yield Savings account types using OOP inheritance and polymorphism.
+ + View on GitHub → +Parking Garage Management System
+Worked with a four-person team building a two-sided terminal Parking Garage Management app with vehicle type hierarchy, + user and employee roles, and defensive programming.
+ + View on GitHub → +Skills
+Contact
+Open to opportunities, conversations, and collaboration.
+ + Download Resume +