Skip to content

Commit

Permalink
Merge pull request #1 from ayushichoudhary-19/main
Browse files Browse the repository at this point in the history 
Initial Commit
  • Loading branch information
@Nitya-Pasrija
Nitya-Pasrija authored Dec 27, 2023
2 parents 062ef1c + 4c2f0df commit 8d50d77
Show file tree
Hide file tree
Showing 4 changed files with 277 additions and 2 deletions.
67 changes: 65 additions & 2 deletions README.md
View file
Original file line number Diff line number Diff line change
@@ -1,2 +1,65 @@
# PortfolioCreations
A personal portfolio for everyone :)
# Portfolio-Creations


<p align="center">

![Portfolio GDSC WINTER OF CODE](https://github.com/ayushichoudhary-19/Portfolio-Creations/assets/73214455/1700694a-4f67-4872-8bc9-0ef2e98c7ae6)

</p>

This is a portfolio website through which one can showcase and define their professional identity, highlighting projects, skills, and experiences in a clean and personalized format.

## Tech stack used
* HTML
* CSS
* JavaScript

## CONTRIBUTING TO THIS PROJECT

- Take a look at the Existing Issues of your project and find one that interests you or create your own Issues!
- Tag the repository maintainers or issue creators to assign that issue to you.
- Wait for the Issue to be assigned to you after which you can start working on it.
- Fork the Repo and create a Branch for any Issue that you are working upon.
- Create a Pull Request which will be promptly reviewed and suggestions would be added to improve it.
- Once your PR is approved, you changes will be merged into the project.
- Add Screenshots to help us know what this Script is all about.
- Repository specific contribution information is in the respective READMEs of each repo.
- Do not abuse and/or use bad language. Ensure you don't insult anyone. Be respectful and inclusive.
- Please mention your full name on your GitHub handle to be eligible for prizes.


You can take up any of the existing issues or create a new issue to to contribute any of your own projects!<br/>
Contribution period ends: 26 January 2024


## How to get started?

You can refer to the following resources on Git and Github to get started and contact our Project Mentors via [Discord](https://discord.com/invite/SzpZBPXPVA) if you have any doubts.

- [Learn how to contribute to GDSC IGDTUW SnowScript Winter of Code Projects](https://www.youtube.com/watch?v=Hcc1LXldeJk)
- [Go through this repository to how to contribute learn step-by-step](https://github.com/firstcontributions/first-contributions)
- [Watch this video to get started](https://youtu.be/SL5KKdmvJ1U)
- [Forking a Repo](https://help.github.com/en/github/getting-started-with-github/fork-a-repo)
- [Cloning a Repo](https://help.github.com/en/desktop/contributing-to-projects/creating-a-pull-request)
- [How to create a Pull Request](https://opensource.com/article/19/7/create-pull-request-github)
- [Getting started with Git and GitHub](https://towardsdatascience.com/getting-started-with-git-and-github-6fcd0f2d4ac6)



## Prizes
- Top 3 contributors ❄️<br/>
Special prize | Swag Kits | Shoutouts on Social Media handles | Certificate of appreciation

- Top 5 female contributors ❄️ <br/>
Special prize | Swag Kits | Shoutouts on Social Media handles | Certificate of appreciation

- Top 10 contributors ❄️ <br/>
Shoutouts on Social Media handles | Swag kits and lots of exciting goodies | Certificate of appreciation

- Top 25 contributors ❄️ <br/>
Swag kits and lots of exciting goodies | Certificate of appreciation

- All the contributors will get a certificate of appreciation for their first successful pull request


Join our [Discord](https://discord.gg/KKFUVma6) to stay in touch with project mentors and for any furthur questions.
110 changes: 110 additions & 0 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,110 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
<title>Your Name - Portfolio</title>
</head>
<body>

<nav>
<div class="container">
<ul>
<li><a href="#about">About Me</a></li>
<li><a href="#projects">Projects</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
</nav>
<header>
<div class="container">
<p>Hey there👋 ! <p>
<h1> I am &lt;Your Name&gt;</h1>

</div>
</header>

<section id="about" class="about-me">
<div class="container">
<h1>About Me</h1>
<p>A passionate web developer currently in my second year at IGDTUW. My journey in the world of technology began with a deep curiosity for how things work on the web.
In my courses at IGDTUW, I've gained a solid foundation in programming languages like HTML, CSS, and JavaScript. I'm enthusiastic about creating responsive and visually appealing websites that not only meet functional requirements but also deliver a delightful user experience.
My interest in web development extends beyond the classroom. I actively participate in coding competitions, hackathons, and collaborative projects, continuously enhancing my skills and staying abreast of the latest industry trends.</p>
As a second-year student, I look forward to further expanding my knowledge, tackling challenging projects, and contributing to the dynamic field of web development. Let's connect and explore the possibilities together!</p>
</div>
</section>

<section id="projects" class="projects">
<div class="container">
<h1>Projects</h1>

<div class="project">
<h3>Project 1</h3>
<p>A dynamic web application showcasing my skills in HTML, CSS, and JavaScript. Implemented responsive design for optimal user experience.</p>
<p>Skills and Tools: HTML, CSS, JavaScript</p>
<button><a href="https://example-project1-live-website.com" target="_blank">Live Website</a></button>
<button><a href="https://github.com/your-username/project1" target="_blank">GitHub Repo</a></button>
</div>

<div class="project">
<h3>Project 2</h3>
<p>Developed a full-stack web application using Node.js and MongoDB. Implemented user authentication and integrated third-party APIs for enhanced functionality.</p>
<p>Skills and Tools: HTML, CSS, JavaScript, Node.js, MongoDB</p>
<button><a href="https://example-project1-live-website.com" target="_blank">Live Website</a></button>
<button><a href="https://github.com/your-username/project1" target="_blank">GitHub Repo</a></button>
</div>

<div class="project">
<h3>Project 3</h3>
<p>Built a mobile-responsive website using React.js. Integrated state management for a seamless user interface and employed RESTful API communication.</p>
<p>Skills and Tools: HTML, CSS, JavaScript, React.js</p>
<button><a href="https://example-project1-live-website.com" target="_blank">Live Website</a></button>
<button><a href="https://github.com/your-username/project1" target="_blank">GitHub Repo</a></button>
</div>

</div>
</section>


<section id="contact" class="contact">
<div class="container">
<h1>Contact Me</h1>

<div class="contact-info">
<div class="contact-item">
<img src="" alt="Email Icon">
<p>Email: <a href="mailto:[email protected]">[email protected]</a></p>
</div>

<div class="contact-item">
<img src="" alt="Phone Icon">
<p>Phone: <a href="tel:+123456789">+123 456 789</a></p>
</div>

<div class="contact-item">
<img src="" alt="Address Icon">
<p>Address: 123 Main St, Cityville, Country</p>
</div>

<div class="contact-item">
<img src="" alt="LinkedIn Icon">
<p>LinkedIn: <a href="https://www.linkedin.com/in/yourusername/" target="_blank">Your LinkedIn</a></p>
</div>

<div class="contact-item">
<img src="" alt="Twitter Icon">
<p>Twitter: <a href="https://twitter.com/yourusername" target="_blank">Your Twitter</a></p>
</div>
</div>
</div>
</section>
<footer>
<div class="container">
<p>&copy; 2023 Your Name. All rights reserved.</p>
</div>
</footer>

<script src="script.js"></script>
</body>
</html>
1 change: 1 addition & 0 deletions script.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@

101 changes: 101 additions & 0 deletions styles.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,101 @@
body {
font-family: 'Arial', sans-serif;
margin: 0;
padding: 0;
box-sizing: border-box;
}


nav {
background-color: #3498db;
color: #fff;
padding: 10px 0;
}

nav ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
}

nav li {
margin-right: 20px;
}

nav a {
text-decoration: none;
color: #fff;
font-weight: bold;
font-size: 16px;
transition: color 0.3s ease;
}

nav a:hover {
color: #2980b9;
}


.container {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
}

header {
background-color: #f4f4f4;
text-align: center;
padding: 20px 0;
height: 40vh;
}

header h1 {
margin: 0;
}

header p {
margin: 5px 0;
}

.about-me,
.projects,
.contact {
background-color: #f4f4f4;
padding: 40px 0;
}

section h2 {
text-align: center;
}


.project {
margin-bottom: 20px;
}

.project button {
display: inline-block;
padding: 10px 20px;
margin-right: 10px;
background-color: #3498db;
color: #fff;
border: none;
border-radius: 5px;
font-size: 14px;
cursor: pointer;
transition: background-color 0.3s ease;
}
.project button a{
text-decoration: none;
color: #fff;
}
.project button:hover {
background-color: #2980b9;
}

footer {
background-color: #333;
color: #fff;
text-align: center;
padding: 10px 0;
}

0 comments on commit 8d50d77

Please sign in to comment.