Skip to content

completed vr resume landing page #18

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
jamiird261-collab wants to merge 1 commit into
base: main
Choose a base branch
from
Open

completed vr resume landing page #18

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Empty file added images
View file
Open in desktop
Empty file.
115 changes: 115 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,115 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Jamiir Parker | Developer</title>
<!-- FIXED: Correct CSS file name -->
<link rel="stylesheet" href="styles.css" />
</head>
<body>

<!-- NAVBAR -->
<header>
<nav>
<h1 class="logo">Jamiir Parker</h1>
<ul>
<li><a href="#about">About</a></li>
<li><a href="#experience">Experience</a></li>
<li><a href="#projects">Projects</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</header>

<!-- HERO -->
<section class="hero">
<!-- FIXED: Image path points inside images folder -->
<img src="images/profile.jpg" alt="Jamiir Parker" class="profile-img"/>
<h1>Jamiir Parker</h1>
<h2>Aspiring Software Developer</h2>
<p>Building modern, user-focused web applications with clean design and strong functionality.</p>
</section>

<!-- ABOUT -->
<section id="about">
<h2>About Me</h2>
<p>
I am an entry-level Application Developer currently completing training in AI-Powered Software Engineering.
I have hands-on experience building interactive web applications using JavaScript, HTML, and CSS.
I enjoy solving problems, creating user-friendly experiences, and continuously improving my technical skills.
</p>
<p>
My goal is to become a Junior Software Developer where I can contribute to real-world applications,
collaborate with teams, and grow as an engineer.
</p>
</section>

<!-- EXPERIENCE -->
<section id="experience">
<h2>Experience</h2>
<div class="card">
<h3>Supervisor</h3>
<p>Sizemore Inc. | Dec 2021 – 2024</p>
<ul>
<li>Led daily operations and coordinated warehouse team activities to ensure efficiency</li>
<li>Improved productivity by implementing structured task delegation processes</li>
<li>Collaborated with teams to maintain safety standards and workflow consistency</li>
</ul>
</div>
</section>

<!-- EDUCATION -->
<section>
<h2>Education</h2>
<p><strong>Code Differently</strong> — AI-Powered Software Engineering Program (Expected June 2026)</p>
<p>Focused on full-stack development, debugging, and agile collaboration.</p>
<p><strong>William Penn High School</strong> — High School Diploma</p>
</section>

<!-- CERTIFICATIONS -->
<section>
<h2>Certifications</h2>
<ul>
<li>Certified ScrumMaster — Scrum Alliance (2026)</li>
<li>Java Fundamentals — Oracle (2026)</li>
</ul>
</section>

<!-- PROJECTS -->
<section id="projects">
<h2>Projects</h2>
<div class="card">
<h3>Personal Portfolio Website</h3>
<p>
Built an interactive web application that includes a Random Task Generator for managing chores and allowances.
</p>
<p>
Helps parents organize responsibilities, track progress, and improve accountability for children.
</p>
<p><strong>Tech:</strong> HTML, CSS, JavaScript</p>
<p>
<a href="https://github.com/jamiird261-collab" target="_blank">View on GitHub</a>
</p>
</div>
</section>

<!-- SKILLS -->
<section>
<h2>Skills</h2>
<p><strong>Technical:</strong> HTML5, CSS3, JavaScript, Git, GitHub, VS Code</p>
<p><strong>Concepts:</strong> DOM Manipulation, Debugging, Testing, Agile, Scrum</p>
<p><strong>Professional:</strong> Problem Solving, Leadership, Team Collaboration, Attention to Detail</p>
</section>

<!-- CONTACT -->
<section id="contact">
<h2>Contact</h2>
<p>Email: jamiird261@gmail.com</p>
<p>Phone: (302) 867-2588</p>
<p><a href="https://www.linkedin.com/in/jamiir-parker-1927023a9/" target="_blank">LinkedIn</a></p>
<p><a href="https://github.com/jamiird261-collab" target="_blank">GitHub</a></p>
</section>

</body>
</html>
Binary file added profile.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
97 changes: 97 additions & 0 deletions styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,97 @@
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Segoe UI', sans-serif;
}

body {
background: #506595;
color: rgb(246, 246, 242);
line-height: 1.6;
}

/* NAVBAR */
header {
background: #020617;
padding: 15px 50px;
position: sticky;
top: 0;
z-index: 100;
}

nav {
display: flex;
justify-content: space-between;
align-items: center;
}

nav ul {
display: flex;
gap: 25px;
list-style: none;
}

nav a {
color: white;
text-decoration: none;
transition: 0.3s;
}

nav a:hover {
color: #29a2d5;
}

/* HERO */
.hero {
text-align: center;
padding: 80px 20px;
}

.profile-img {
width: 160px;
height: 160px;
object-fit: cover;
border-radius: 50%;
margin-bottom: 25px;
border: 5px solid #1da9db;
box-shadow: 0 0 25px rgba(65, 137, 168, 0.6);
transition: 0.3s;
}

.profile-img:hover {
transform: scale(1.05);
}

/* SECTIONS */
section {
padding: 60px 80px;
}

h2 {
margin-bottom: 20px;
color: #38bdf8;
}

/* CARDS */
.card {
background: #1e293b;
padding: 25px;
margin-bottom: 20px;
border-radius: 12px;
transition: 0.3s;
}

.card:hover {
transform: translateY(-5px);
}

/* LINKS */
a {
color: #38bdf8;
}

/* CONTACT */
#contact {
text-align: center;
}