Skip to content
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

Seerat Junaid | Module-Structuring-and-Testing-Data | Sprint 3 | Week 3 | Portfolio #132

Open
wants to merge 6 commits into
base: main
Choose a base branch
from
Open

Seerat Junaid | Module-Structuring-and-Testing-Data | Sprint 3 | Week 3 | Portfolio #132

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
b9be15e
Update index.html
seeratjunaid Nov 21, 2024
ad75040
Update index.html
seeratjunaid Nov 21, 2024
7078a22
Update README.md
seeratjunaid Nov 21, 2024
e641f43
Update README.md
seeratjunaid Nov 21, 2024
2dad6de
Update index.html
seeratjunaid Nov 21, 2024
7526d8d
Update index.html
seeratjunaid Nov 21, 2024
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
34 changes: 9 additions & 25 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,31 +1,15 @@
# Portfolio
Welcome to My Portfolio!
Hello, I'm Seerat Fatima, and I’m thrilled to share my journey in the world of web development and coding. As a beginner, I am passionate about learning new technologies, tackling problems, and building solutions that matter.

Your starting portfolio, to iterate on.
In this portfolio, you’ll find a collection of my projects, each showcasing my evolving skills in HTML, CSS, JavaScript, and web design. I'm especially focused on creating responsive, user-friendly designs that are both functional and aesthetically pleasing.

## Learning Objectives
What You’ll Find Here:
About Me: A little bit about who I am and my journey so far.
Projects: A selection of projects I've worked on, ranging from simple webpages to interactive applications. Each project includes a brief description and a link to try it out or view the code.
Contact: Feel free to reach out for collaboration, feedback, or just to say hello.
I believe in continuous learning and would love to connect with others in the tech community to exchange ideas and grow together. If you’re interested in working together, check out my contact information, and don’t hesitate to get in touch.

- Customise the starting portfolio with your professional details
- Iterate on your portfolio every module
- Review your colleague's portfolio
Thank you for visiting!

## Requirements

At Code Your Future, we expect everyone to graduate with a unique professional portfolio. Begin building this portfolio as soon as you begin our Software Development Course. At first, your portfolio will be a simple HTML/CSS page deployed to Github Pages or Netlify. This is your MVP.

Every module, you will _iterate_ on your portfolio, adding a new project and improving your design and presentation. By the time you apply to Final Projects, your portfolio will help you show you are ready to be accepted on to a Final Projects team.

## Acceptance Criteria

- [ ] My portfolio introduces me and my work
- [ ] The design and code is my own, not a template or tutorial
- [ ] Each project is linked to my code on Github and the deployed project
- [ ] I have published my professional contact information on my portfolio
- [ ] My Accessibility and SEO scores are 100 on Lighthouse
- [ ] My portfolio is deployed
- [ ] I have replaced this README with one that describes my own portfolio

## Resources

- [Josh Comeau on building your early career profile](https://www.youtube.com/watch?v=OXiaEXfkAec)
- [How to Build an Effective Dev Portfolio](https://www.joshwcomeau.com/effective-portfolio/)
- [CYF Graduate Module](https://module-graduates.codeyourfuture.io/)
64 changes: 40 additions & 24 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,10 +3,10 @@
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>My Portfolio</title>
<title>seerat fatima - Portfolio page</title>
<meta
name="description"
content="The technical portfolio of trainee name"
content="Explore Seerat Fatima's web development projects and skills."
/>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- suppress FOUC-->
Expand Down Expand Up @@ -38,7 +38,7 @@
</head>
<body>
<header>
<h1>My Name</h1>
<h1>Seerat Fatima</h1>
<nav>
<ul>
<li><a href="#about">About Me</a></li>
Expand All @@ -51,35 +51,51 @@ <h1>My Name</h1>
<section id="about">
<header><h2>About Me</h2></header>
<p>
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Nulla nisi
excepturi quidem, eum rem doloribus quam aspernatur hic enim eligendi
commodi minima ullam necessitatibus, cumque blanditiis, nihil magni
amet consectetur?
</p>
</section>
<section id="projects">
<header><h2>Projects Showcase</h2></header>
<p>
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Nulla nisi
excepturi quidem, eum rem doloribus quam aspernatur hic enim eligendi
commodi minima ullam necessitatibus, cumque blanditiis, nihil magni
amet consectetur?
Hi, I’m Seerat Fatima, and I’m excited to start my journey in the world of coding. As someone who is new to programming, I’m passionate about learning and growing my skills every day. I have a strong interest in web development, data analysis, and problem-solving.

I enjoy exploring how technology can simplify tasks and create meaningful solutions. Recently, I’ve been working on improving my understanding of CSS, JavaScript, and spreadsheets for data management.

I believe in continuous learning and enjoy taking on challenges that help me grow both personally and professionally.

Let’s connect and build something amazing!
</p>
</section>
<section id="projects" class="content-section">
<h2>Projects</h2>
<div class="project-list">
<div class="project-item">
<h3><a href="https://seerat-townpage.netlify.app/" target="_blank">Town Page</a></h3>
<p>This project showcases a modern homepage design for a town, highlighting attractions and community features. It's live on Netlify!</p>
</div>
<div class="project-item">
<h3><a href="https://github.com/seeratjunaid/birthday-gift" target="_blank">Birthday Gift Website</a></h3>
<p>A fun project featuring an interactive webpage created using Vite, HTML, CSS, and JavaScript.</p>
</div>
<div class="project-item">
<h3><a href="https://github.com/seeratjunaid/business-card" target="_blank">Business Card</a></h3>
<p>A digital business card built with HTML, CSS, and JavaScript, showcasing a professional, responsive design.</p>
</div>
</div>
</section>
<section id="contact">
<header><h2>Contact me</h2></header>
<p>
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Nulla nisi
excepturi quidem, eum rem doloribus quam aspernatur hic enim eligendi
commodi minima ullam necessitatibus, cumque blanditiis, nihil magni
amet consectetur?
</p>
<form action="https://formspree.io/f/my-form-endpoint" method="POST">
<label for="name">Name:</label>
<input type="text" id="name" name="name" required />

<label for="email">Email:</label>
<input type="email" id="email" name="email" required />

<label for="message">Message:</label>
<textarea id="message" name="message" required></textarea>

<button type="submit">Send Message</button>
</form>
</section>
</main>
<footer>
<h3>
<a href="https://github.com/CodeYourFuture/Portfolio"
><svg
<a href="https://github.com/seeratjunaid/portfolio">GitHub Portfolio<svg
focusable="false"
role="presentation"
viewbox="0 0 98 96"
Expand Down