Skip to content

Customize hero section with personal branding and resume integration #7

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
captainawais wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Customize hero section with personal branding and resume integration #7

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
18 changes: 9 additions & 9 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -22,8 +22,8 @@
<p class="bg-white bg-opacity-50 backdrop-blur-lg shadow-sm dark:bg-darkTheme dark:shadow-white/20 sr-only">
Hidden</p>
<a href="#!">
<img src="./assets/logo.svg" alt="Logo" class="w-28 cursor-pointer mr-14 dark:hidden" />
<img src="./assets/logo_dark.svg" alt="Logo" class="w-28 cursor-pointer mr-14 hidden dark:block" />
<img src="./assets/logo.svg" alt="Logo" class="h-10 w-auto cursor-pointer mr-14 dark:hidden" />
<img src="./assets/logo_dark.svg" alt="Logo" class="h-10 w-auto cursor-pointer mr-14 hidden dark:block" />
</a>

<ul id="navLink"
Expand Down Expand Up @@ -75,22 +75,22 @@
<div class="w-11/12 max-w-3xl text-center mx-auto h-screen flex flex-col items-center justify-center gap-4">
<img src="./assets/profile-img.png" alt="" class="rounded-full w-32" />
<h3 class="flex items-end gap-2 text-xl md:text-2xl mb-3 font-Ovo">
Hi! I&apos;m Eliana Jade
Hi! I&apos;m Awais Farooq
<img src="./assets/hand-icon.png" alt="" class="w-6 mb-1" />
</h3>
<h1 class="text-3xl sm:text-6xl lg:text-[66px] font-Ovo">frontend web developer based in London.</h1>
<p class="max-w-2xl mx-auto font-Ovo">I am a frontend developer from California, USA with 10 years of experience
in multiple companies like Microsoft, Tesla and Apple.</p>
<h1 class="text-3xl sm:text-6xl lg:text-[66px] font-Ovo">Software Engineer developing scalable and user-focused solutions for web, desktop, and modern application platforms.</h1>
<p class="max-w-2xl mx-auto font-Ovo">I am a passionate Software Engineer focused on building modern, scalable, and performance-driven software solutions. I develop applications for web, desktop,
and cross-platform environments using structured workflows, clean architecture, and industry-level development standards.</p>
Comment on lines +78 to +83

@coderabbitai coderabbitai Bot Feb 21, 2026

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue | 🟡 Minor

About section bio contradicts the updated Software Engineer branding.

The hero description on lines 82–83 correctly presents a Software Engineer profile, but the unchanged About section (Line 113) still reads: "I am an experienced Frontend Developer with over a decade of professional expertise…" — a direct contradiction visible to every visitor. Given the PR's stated goal of improved consistency, this should be updated before merging.

🤖 Prompt for AI Agents 
Verify each finding against the current code and only fix it if needed.

In `@index.html` around lines 78 - 83, Update the About section copy to match the
new Software Engineer branding: replace the outdated sentence "I am an
experienced Frontend Developer with over a decade of professional expertise…"
with wording consistent with the hero's h1 ("Software Engineer developing
scalable and user-focused solutions…") and the existing paragraph element that
starts with "I am a passionate Software Engineer…"; locate and edit the <p
class="max-w-2xl mx-auto font-Ovo"> (the About paragraph) to remove the
Frontend-specific claim and unify the bio to reference Software Engineer,
scalable/cross-platform work, and the same tone used in the hero.


<div class="flex flex-col sm:flex-row items-center gap-4 mt-4">
<a href="#contact"
class="px-10 py-2.5 border rounded-full bg-gradient-to-r from-[#b820e6] to-[#da7d20] text-white flex items-center gap-2 dark:border-transparent">
contact me <img src="./assets/right-arrow-white.png" alt="" class="w-4" />
</a>

<a href="./assets/dev-icon.png" download
<a href="./assets/awais_farooq_resume.pdf" download="Awais_Farooq_Resume.pdf"
class="px-10 py-2.5 rounded-full border border-gray-300 dark:border-white/25 hover:bg-slate-100/70 dark:hover:bg-darkHover flex items-center gap-2 bg-white dark:bg-transparent dark:text-white">
my resume <img src="./assets/download-icon.png" alt="" class="w-4 dark:invert" />
my cv <img src="./assets/download-icon.png" alt="Download Icon" class="w-4 dark:invert" />
Comment on lines +91 to +93

@coderabbitai coderabbitai Bot Feb 21, 2026

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue | 🟠 Major

🧩 Analysis chain

🏁 Script executed:

fd --type f "awais_farooq_resume.pdf"

Repository: captainawais/awaisfarooq.github.io

Length of output: 60

Add the resume PDF file to assets/ directory.

The file awais_farooq_resume.pdf referenced in the download link does not exist in the repository. The download will fail with a 404 error on the live site until the asset is committed to assets/awais_farooq_resume.pdf.

🤖 Prompt for AI Agents 
Verify each finding against the current code and only fix it if needed.

In `@index.html` around lines 91 - 93, The link in the anchor tag referencing
"./assets/awais_farooq_resume.pdf" points to a missing file which will produce a
404; add the actual PDF named "awais_farooq_resume.pdf" into the assets
directory (ensure its filename matches exactly, including underscores and case)
so the download="./assets/awais_farooq_resume.pdf" anchor works, commit the new
file to the repo, and verify the <a> element (the download link and filename)
still uses download="Awais_Farooq_Resume.pdf" if you want a different saved
name.

</a>
</div>
</div>
Expand Down