Skip to content

Cy portfolio branch3 #4

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
Ryanohmm wants to merge 2 commits into
base: master
Choose a base branch
from
Open

Cy portfolio branch3 #4

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
1064620
Updating Name section
Ryanohmm Oct 20, 2025
a526826
Updated About Me Section
Ryanohmm Oct 21, 2025
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
Binary file added images/Me.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.
79 changes: 24 additions & 55 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -56,10 +56,11 @@
<div class="header__text">
<h1 class="heading-primary">
<!-- Replace the following name with your name -->
<span>Syed Ali Hussnain</span>
<span>Ryan O'Boyle</span>
</h1>
<!-- Put a small paragraph about yourself -->
<p>A Web Developer based in Lahore, Pakistan.</p>
<p>A Web Developer based in Richmond, Kentucky. Proficient in HTML, CSS,
Javascript, React, Redux, jQuery, Bootstrap.</p>
<a href="#contact" class="btn btn--pink">Get in touch</a>
</div>
</div>
Expand All @@ -78,23 +79,25 @@ <h2>My Work</h2>

<div class="work__box">
<div class="work__text">
<h3>Portfolio Template</h3>
<h3>Ryan's Portfolio</h3>
<p>
A free Open Source Portfolio for anyone to use for free.
Ryan's Work
</p>
<ul class="work__list">
<li>HTML</li>
<li>SCSS</li>
<li>CSS</li>
<li>JavaScript</li>
<li>Parcel</li>
<li>Chart.js</li>
<li>Nodemon</li>
<li>Express</li>
</ul>

<div class="work__links">
<a href="https://nisar.surge.sh" target="_blank" class="link__text">
<a href="https://github.com/ryanohmm" target="_blank" class="link__text">
Visit Site <span>&rarr;</span>
</a>
<a href="https://github.com/nisarhassan12/portfolio" title="View Source Code" target="_blank">
<img src="./images/github.svg" class="work__code" alt="GitHub">
<a href="https://github.com/ryanohmm/Prowler" title="Prowler Website" target="_blank">
<img src="./images/github.svg" class="work__code" alt="GitHub_Project">
</a>
</div>
</div>
Expand All @@ -105,62 +108,31 @@ <h3>Portfolio Template</h3>

<div class="work__box">
<div class="work__text">
<h3>Calculator</h3>
<h3>Godzilla Website</h3>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod,
eius.
Website designed to look like a Monarch Website warning of Godzilla and other Monsters.
</p>
<ul class="work__list">
<li>React</li>
<li>Next.js</li>
<li>Node</li>
<li>MongoDB</li>
<li>HTML</li>
<li>CSS</li>
<li>Javascript</li>
</ul>

<div class="work__links">
<a href="#" class="link__text">
Visit Site <span>&rarr;</span>
</a>
<a href="#">
<img src="./images/github.svg" class="work__code" title="View Source Code" alt="GitHub">
<img src="./images/godzillaskybeam.jpg" class="work__code" title="View Source Code" alt="Godzilla_Project">
</a>
</div>
</div>
<div class="work__image-box">
<img src="./images/project-2.png" class="work__image" alt="Project 1" />
<img src="./images/godzillascape.jpg" class="work__image" alt="Project 1" />
</div>
</div>

<div class="work__box">
<div class="work__text">
<h3>Notificator</h3>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod,
eius.
</p>
<ul class="work__list">
<li>React</li>
<li>Next.js</li>
<li>Node</li>
<li>MongoDB</li>
</ul>

<div class="work__links">
<a href="#" class="link__text">
Visit Site <span>&rarr;</span>
</a>
<a href="#">
<img src="./images/github.svg" class="work__code" title="View Source Code" alt="GitHub">
</a>
</div>
</div>
<div class="work__image-box">
<img src="./images/project-3.png" class="work__image" alt="Project 3" />
</div>
</div>
</div>
</div>
</section>

<!-- ***** Clients ***** -->

Expand Down Expand Up @@ -188,18 +160,15 @@ <h2>About Me</h2>
<div class="about__text">
<!-- Replace the below paragraph with info about yourself -->
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos id
nostrum illo harum blanditiis, tenetur eum suscipit cupiditate
in vel, ex quam quidem quos mollitia labore aut sunt eius
ratione molestiae fuga veniam facere similique voluptate.
Aspiring Web Devloper. Proficient in HTML, CSS, Javascript, React, Redux, jQuery and Bootstrap.
</p>
<!-- Provide a link to your resume -->
<a href="#" class="btn">My Resume</a>
</div>

<div class="about__photo-container">
<!-- Add a nice photo of yourself -->
<img class="about__photo" src="./images/syed-ali-hussnain.jpg" alt="" />
<img class="about__photo" src="./images/Me.jpg" alt="" />
</div>
</div>
</div>
Expand All @@ -216,12 +185,12 @@ <h2>Get in Touch</h2>
Are you looking for a fast-performing and user-friendly website to
represent your product or business? or looking for any kind of
consultation? or want to ask questions? or have some advice for me
or just want to say "Hi 👋" in any case feel free to Let me know. I
will do my best to respond back. 😊 The quickest way to reach out to
or just want to say hi? In any case feel free to Let me know. I
will do my best to respond back. The quickest way to reach out to
me is via an email.
</p>
<!-- Replace the email with yours -->
<a href="mailto:you@example.com" class="btn">you@example.com</a>
<a href="mailto:oboyleryan1@gmail.com" class="btn">oboyleryan1@gmail.com</a>
</div>
</div>
</section>
Expand Down