Skip to content

Added my portfolio files - LCB2024001 #123

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

Added my portfolio files - LCB2024001 #123

Show file tree
Hide file tree
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
40 changes: 40 additions & 0 deletions LCB2024001/Foss Assignment html.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,40 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Personal Portfolio</title>
<link rel="stylesheet" href="Foss css.css">
</head>
<body>
<div class="info">
<h1>My Personal Information</h1>
<br>
<div class="profile">
<img src="Prof pic .jpg" alt="My Photo" class="profile-pic">
<div class="information">
<p><strong>Name:</strong> Dinar </p>
<p><strong>Roll Number:</strong> LCB2024001 </p>
<p><strong>Branch:</strong> Computer Science and Business </p>
<p><strong>Skills:</strong> HTML, CSS, C++</p>
<p><strong>Hobbies:</strong> Coding, Singing, Table Tennis, Music</p>
</div>
</div>
<br>
<hr>
<br>
<div class="socialmedia-links">
<h2>Connect with Me</h2>
<a href="https://www.linkedin.com/in/dinar-b-630564326/" class="socialmedia-link">
<img src="C:\Users\dinar\OneDrive\Desktop\Dinar, LCB2024001, Foss Assignment\Linkedin logo.png" alt="LinkedIn">
</a>
<a href="https://github.com/din-arr" class="socialmedia-link">
<img src="C:\Users\dinar\OneDrive\Desktop\Dinar, LCB2024001, Foss Assignment\Github logo.jpeg" alt="GitHub">
</a>
<a href="https://www.instagram.com/din_arr_/" class="socialmedia-link">
<img src="C:\Users\dinar\OneDrive\Desktop\Dinar, LCB2024001, Foss Assignment\Instagram logo.png" alt="Instagram">
</a>
</div>
</div>
</body>
</html>
77 changes: 77 additions & 0 deletions LCB2024001/Foss css.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,77 @@
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

body {
background-color: #ba55d3;
display: flex;
justify-content: center;
align-items: center;
height: 120vh;
}
.info {
max-width: 800px;
padding: 20px;
background-color: #000000;
border-radius: 10px;
}

h1 {
letter-spacing: 3px;
font-family: Verdana, Geneva, Tahoma, sans-serif;
text-align: center;
margin-bottom: 20px;
color: #dda0dd;
}

.profile {
display: flex;
align-items: center;
margin-bottom: 20px;
}

.profile-pic {
width: 150px;
height: 150px;
border-radius: 50%;
object-fit: cover;
margin-right: 20px;
border: 3px solid #dda0dd;
}

.information {
font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
letter-spacing: 1.8px;
color: #e6e6fa;
font-size: 20px;
margin-bottom: 10px;
}

.socialmedia-links {
text-align: center;
margin-top: 24px;
}

.socialmedia-links h2 {
font-family: bebas neue;
letter-spacing: 2px;
color: #6db9d2;
margin-bottom: 12px;
}

.socialmedia-links {
display: inline-block;
margin: 0 16px;
}

.socialmedia-links img {
width: 42px;
height: 42px;
transition: transform 0.2s ease-in;
}

.socialmedia-links:hover img {
transform: scale(1.5);
}
Binary file added LCB2024001/Prof pic .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.