Skip to content

i have updated my portfolio #6

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

i have updated my portfolio #6

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
3ca4abc
Update name in about page
ak-0283 Dec 27, 2024
2834340
updating my portfolio
ak-0283 Dec 28, 2024
246f3e3
Merge branch 'main' of https://github.com/ak-0283/Portfolio_demo
ak-0283 Dec 28, 2024
2ef8d01
Merge branch 'main' into main
ak-0283 Dec 28, 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
Binary file added assets/ABH9560.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.
Binary file added assets/ABH_9423.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.
Binary file added assets/ABH_9425.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.
Binary file added assets/ABH_9428.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.
Binary file added assets/about-removebg-preview.png
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.
Binary file added assets/profile-pic (1).png
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.
78 changes: 50 additions & 28 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,6 +18,7 @@
<link
href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<!-- You can add fonts here -->

<title>My Portfolio</title> <!-- This line gives the webpage a title that shows in the browser tab. -->
Expand All @@ -34,13 +35,13 @@
<div class="home_page">
<div class="home_heading" id="Home">
<!-- Edit here 👇 Change "GDSC IIIT Kalyani" to your own name -->
<div class="intro">Hello <br>I'm <br>GDSC IIIT Kalyani</div>
<div class="intro">Hello <br>I'm <br>Abhay Kumar</div>
<!-- Edit here 👇 Add an interesting bio here. Your instagram bio works too 😉 -->
<div class="sub_heading">Lorem, ipsum dolor sit amet consectetur adipisicing elit</div>
<div class="sub_heading">I am currently pursuing a Bachelor of Computer Applications (BCA) at NERIM under Dibrugarh University.</div>
</div>
<div class="profile_pic">
<!-- Edit here 👇 Add your own photo here. Simply download it in the assets folder and update the filename "pfp.png" to match your image's filename -->
<img src="./assets/pfp.png">
<img src="./assets/profile-pic (1).png">
</div>
</div>

Expand All @@ -50,51 +51,68 @@
<div class="right_container">
<div class="about_me">
<div class="about_me_contents">
NAME
<b>NAME</b>
<!-- Edit here 👇 Add your name instead of "GDSC IIIT Kalyani" -->

<span>Abhay Kumar</span>

<span>Oindrila Das</span>

</div>
<div class="about_me_contents">
BIRTHDAY
<b>BIRTHDAY</b>
<!-- Edit here 👇 Add your birthday -->
<span>15th July 2020</span>
<span>02 Aug 2005</span>
</div>
<div class="about_me_contents">
EMAIL
<b>EMAIL</b>
<!-- Edit here 👇 Add your email instead of "[email protected]" -->
<span>dsc.iiitkalyani@gmail.com</span>
<span>abhay.kr2803@gmail.com</span>
</div>
<div class="about_me_contents">
PHONE
<b>PHONE</b>
<!-- Edit here 👇 Add your phone number. We'll not prank call you. -->
<span>(+91)-sickret</span>
<span>(+91)-6001340305</span>
</div>
<div class="about_me_contents">
LOCATION
<b>LOCATION</b>
<!-- Edit here 👇 Add your location -->
<span>Kalyani, West Bengal</span>
<span>Guwahati,Assam</span>
</div>
<div class="about_me_contents">
CONNECT WITH ME
<div></div>
<b>CONNECT WITH ME</b>
<div class="social-links">
<a href="https://www.linkedin.com/in/abhay-kumar-117b4327b/" class="linkedin" target="_blank">
<i class="fab fa-linkedin"></i>
</a>
<a href="https://x.com/AK_2805" class="twitter" target="_blank">
<i class="fab fa-twitter"></i>
</a>
<a href="https://discord.com/users/762235277263241236" class="discord" target="_blank">
<i class="fab fa-discord"></i>
</a>
<a href="https://github.com/ak-0283" class="github" target="_blank">
<i class="fab fa-github"></i>
</a>
</div>
</div>
</div>
<div class="skills">
<div class="experiences">
<div class="info">
EDUCATION BACKGROUND
<!-- Edit here 👇 Add your Educational Background -->
<span>BTech</span>
<span>BCA</span>
</div>
<div class="info">
ACADEMIC ACHIEVEMENTS
<!-- Edit here 👇 Add your Acad Achievements -->
<span>5</span>
<span>2</span>
</div>
<div class="info">
EXPERIENCE
<!-- Edit here 👇 Add your Experience -->
<span>2</span>
<span>Fresher</span>
</div>
<div class="info">
PROJECTS
Expand All @@ -104,35 +122,39 @@
</div>
<!-- Edit here 👇 Write something about yourself. Something that will help people know you better -->
<div class="description">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Minima consequatur atque maxime
corrupti debitis, quas magnam autem. Mollitia ipsa illo cumque vero, maxime sunt aut autem
voluptate, iste perspiciatis ducimus.
With a passion for technology and problem-solving, I actively contribute to open-source projects and coding communities.

I had the privilege of being a contributor in the GirlScript Summer of Code Extended (GSSoC Extd.) 2024, where I secured a rank of 308. Building on this experience, I have applied to other prestigious open-source programs such as Social Winter of Code (SWoC), Winter of Code 4.0 (WoC 4.0), and Another Code Winter of Code (ACWoC).

Through these initiatives, I aim to enhance my skills in collaborative development, gain hands-on experience in software projects, and make meaningful contributions to the developer community.
</div>
</div>
</div>
</div>

<br>
<br>
<br><br><br><br><br><br><br><br><br>
<!-- Portfolio page starts here -->
<div class="portfolio" id="Portfolio">
<div class="portfolio_heading">Portfolio</div>
<div class="portfolio_container">
<!--Edit here 👇 Add your own photo or video here. Incase of photo change the <Video> tag to <img> and remove autoplay and controls -->
<video src="./assets/IMG_0473.mp4" autoplay controls class="bento__item" style="--columns: span 2; object-fit: cover;">
</video>
<img src="./assets/ABH9560.JPG"class="bento__item" style="--columns: span 2; object-fit: cover;">
</img>
<!-- <div class="bento__item" style="--columns: span 2;">

</div> -->
<!-- Edit here 👇 Add your own photo here. Simply download it in the assets folder and update the filename "pfp.png" to match your image's filename -->
<img src="./assets/robotics.png" class="bento__item" style="--columns: span 2; object-fit: cover; width: 20rem;">
<img src="./assets/ABH_9423.JPG" class="bento__item" style="--columns: span 2; object-fit: cover; width: 20rem;">
<!-- Edit here 👇 Add your own photo here. Simply download it in the assets folder and update the filename "pfp.png" to match your image's filename -->
<img src="./assets/team.jpeg" class="bento__item" style="--rows: span 4; --columns: 1 / -1; object-fit: cover;">
<img src="./assets/ABH_9425.JPG" class="bento__item" style="--rows: span 4; --columns: 1 / -1; object-fit: cover;">

<!-- Edit here 👇 Add your own photo here. Simply download it in the assets folder and update the filename "pfp.png" to match your image's filename -->
<img src="./assets/rebase.png" class="bento__item" style="object-fit: cover">
<img src="./assets/ABH_9425.JPG" class="bento__item" style="object-fit: cover">
<!-- Edit here 👇 Add your own photo here. Simply download it in the assets folder and update the filename "pfp.png" to match your image's filename -->
<img src="./assets/git.png" class="bento__item" style="--columns: span 2; object-fit: cover; height: 14rem;">
<img src="./assets/ABH_9428.JPG" class="bento__item" style="--columns: span 2; object-fit: cover; height: 14rem;">
<!-- Edit here 👇 Add your own photo here. Simply download it in the assets folder and update the filename "pfp.png" to match your image's filename -->
<img class="bento__item" src="./assets/rebase2.png">
<img class="bento__item" src="./assets/about-removebg-preview.png">
</div>
</div>
</div>
Expand Down
49 changes: 46 additions & 3 deletions styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ body {

.navbar {
position: fixed;
right: 18%;
right: 2%;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
Expand Down Expand Up @@ -126,7 +126,7 @@ body {
.about_heading {
position: absolute;
top: 16%;
left: -20%;
left: -25%;
color: #fff;
font-size: 200px;
font-weight: bolder;
Expand Down Expand Up @@ -208,7 +208,7 @@ body {
.portfolio_heading {
position: absolute;
top: 16%;
left: -32%;
left: -50%;
color: #fff6d5;
font-size: 200px;
font-weight: bolder;
Expand Down Expand Up @@ -243,4 +243,47 @@ body {
height: 20rem;
object-fit: cover;
/* border-radius: 24px; */
}



.social-links {
display: flex;
justify-content: center;
gap: 20px;
margin-top: 50px;
}
.social-links a {
text-decoration: none;
color: #fff;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
transition: transform 0.3s, background-color 0.3s;
}
.social-links a:hover {
transform: scale(1.1);
}
.linkedin { background-color: #0e76a8; }
.twitter { background-color: #1da1f2; }
.discord { background-color: #5865f2; }
.github {
background-color: #333; /* GitHub's primary color */
color: #fff; /* White icon */
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
transition: transform 0.3s, background-color 0.3s;
text-decoration: none;
}

.github:hover {
transform: scale(1.1);
background-color: #444; /* Slightly lighter on hover */
}