Skip to content

Commit cb9f6e3

Browse files
authored
Add files via upload
1 parent 9ddb6be commit cb9f6e3

File tree

3 files changed

+126
-0
lines changed

3 files changed

+126
-0
lines changed

affan.jpg

525 KB
Loading

portfolio_page.html

+89
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,89 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>Portfolio Page</title>
7+
<link rel="stylesheet" href="style.css" class="rel">
8+
</head>
9+
<body>
10+
<header>
11+
<h2 style="text-align: center;">MD Affan Asghar</h2>
12+
<p style="text-align: center;">Front-end Developer</p>
13+
<p style="text-align: center;" class="add"><b>Address : </b>Holding no 28/2, B.L no 5, Kankinara 24 Parganas (North), West Bengal</p>
14+
<img src="affan.jpg" alt="img" class="img-src" width="122px" height="145px" align="right"/>
15+
</header>
16+
<section>
17+
<h2>Education</h2>
18+
<ul>
19+
<p><b>Narula Instite of Technology - 2025</b></p>
20+
<li><b>B.Tech in CSE </b>: 7.8 cgpa(till 3rd sem)</li>
21+
<p><b>Kankinara Himayatul Ghurba High School - 2021</b></p>
22+
<li><b>12th Exam </b>(WBCHSE): 73%</li>
23+
<p><b>Vidhya Vikash High School - 2019</b></p>
24+
<li><b>10th Exam </b>(WBBSE): 60%</li>
25+
</ul>
26+
</section>
27+
28+
<section>
29+
<h2>Skills</h2>
30+
<ul>
31+
<li><b>Web Develpment: </b>HTML, CSS, JavaScript, Bootstrap(framework)</li>
32+
<li><b>Programming Language: </b>C, C++, Python, Java</li>
33+
</ul>
34+
</section>
35+
36+
<section>
37+
<h2>Projects</h2>
38+
<ul>
39+
<li>Spotify Clone Web Player</li>
40+
<li>Gym Web Page</li>
41+
</ul>
42+
</section>
43+
44+
<section>
45+
<h2>Personal Details</h2>
46+
<ul>
47+
<li> Date of Birth : 15/03/2003</li>
48+
<li><b>Github : </b><a href="https://github.com/affancoder">https://github.com/affancoder</a></li>
49+
<li><b>Codechef : </b><a href="https://www.codechef.com/users/affanasghar">https://www.codechef.com/users/affanasghar</a></li>
50+
<li><b>Linkedin : </b><a href="www.linkedin.com/in/mdaffanasghar">www.linkedin.com/in/mdaffanasghar</a></li>
51+
<li><b>Leetcode : </b><a href="https://leetcode.com/mr_affan15/">https://leetcode.com/mr_affan15/</a></li>
52+
</ul></li>
53+
</ul>
54+
</section>
55+
56+
<section>
57+
<h2>Contact</h2>
58+
<ul>
59+
<li><b>Mobile: </b>9339828230</li>
60+
<li><b>Email : </b>[email protected]</li>
61+
</ul>
62+
</section>
63+
64+
<section>
65+
<h2>Hobbies</h2>
66+
<ul>
67+
<li>Playing Games</li>
68+
<li>Listening to Music</li>
69+
</ul>
70+
</section>
71+
72+
<section>
73+
<h2>Interests</h2>
74+
<ul>
75+
<li>Full Stack Web Development</li>
76+
<li>Artificial Intelligence</li>
77+
</ul>
78+
</section>
79+
80+
<section>
81+
<h2>CourserWork</h2>
82+
<ul>
83+
<li>Artificial Intelligence using python</li>
84+
<li>Writing Skills for Engineering Leader</li>
85+
<li>Object Oriented Programming in C++</li>
86+
</ul>
87+
</section>
88+
</body>
89+
</html>

style.css

+37
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
body {
2+
background-color: cyan;
3+
background: url(login_bg.jpeg);
4+
font-family: Arial, Helvetica, sans-serif;
5+
border: 4px solid black;
6+
margin: 20px;
7+
padding: 10px;
8+
}
9+
li {
10+
font-weight: 500;
11+
}
12+
.img-src {
13+
border-radius: 50%;
14+
position: relative;
15+
width: 145px;
16+
height: 150px;
17+
margin-top: 50px;
18+
padding: 8px;
19+
background: linear-gradient(red, blue, yellow, black, green);
20+
}
21+
header {
22+
background-color: black;
23+
color: white;
24+
opacity: 1;
25+
filter: brightness (100);
26+
letter-spacing: 4px;
27+
}
28+
b,
29+
p {
30+
cursor: pointer;
31+
}
32+
h2:hover {
33+
color: gray;
34+
}
35+
.add:hover {
36+
color: yellow;
37+
}

0 commit comments

Comments
 (0)