-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
83 lines (73 loc) · 6.47 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Birajit Portfolio</title>
</head>
<body style="font-family: Arial, Helvetica, sans-serif; line-height: 1.8; background-image: url('andras-vas-Bd7gNnWJBkU-unsplash.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; background-attachment: fixed; margin: 0; color: white;">
<header style="background-color: rgba(0, 0, 0, 0.8); text-align: center; padding: 30px;">
<h1 style="margin: 0; font-size: 3em; color: #00c3ff;">Birajit Saikia</h1>
<nav style="margin: 20px 0;">
<a href="#projects" style="color: white; text-decoration: none; margin: 0 15px; font-size: 1.2em;">Projects</a>
<a href="#achievements" style="color: white; text-decoration: none; margin: 0 15px; font-size: 1.2em;">Awards</a>
<a href="#skills" style="color: white; text-decoration: none; margin: 0 15px; font-size: 1.2em;">Skills</a>
<a href="#aim" style="color: white; text-decoration: none; margin: 0 15px; font-size: 1.2em;">Aim</a>
<a href="#contact" style="color: white; text-decoration: none; margin: 0 15px; font-size: 1.2em;">Contact</a>
</nav>
</header>
<img src="WhatsApp Image 2024-10-13 at 7.32.29 PM.jpeg" alt="Birajit Saikia's Profile Picture" style="margin: 20px auto; display: block; border-radius: 50%; border: 5px solid white; height: 200px; width: 200px;">
<section class="about" style="width: 80%; margin: 30px auto; padding: 20px; background: rgba(0, 0, 0, 0.6); border-radius: 10px;">
<h2 style="color: lightcoral; font-size: 2em; text-align: center;">About Me</h2>
<p style="color: #f1f1f1; text-align: center;">Aspiring software developer with a strong foundation in Python. I aim to leverage my programming skills and passion for web technologies to contribute to innovative and dynamic projects. Always eager to learn and collaborate in teams to solve real-world problems.</p>
</section>
<section id="projects" style="width: 80%; margin: 30px auto; padding: 20px; background: rgba(0, 0, 0, 0.6); border-radius: 10px;">
<h2 style="color: lightcoral; font-size: 2em; text-align: center;">Projects</h2>
<div class="project-list" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; text-align: center;">
<div class="project-item" style="background: rgba(255, 255, 255, 0.1); padding: 15px; border-radius: 10px; color: lightgray;">
<h3>Personal Web Development</h3>
<p>Developed a dynamic personal website using HTML and CSS to showcase my portfolio.</p>
</div>
<div class="project-item" style="background: rgba(255, 255, 255, 0.1); padding: 15px; border-radius: 10px; color: lightgray;">
<h3>Cricket Shop Website</h3>
<p>Made a cricket online shop demo website using python and django.</p>
</div>
</div>
</section>
<section id="achievements" style="width: 80%; margin: 30px auto; padding: 20px; background: rgba(0, 0, 0, 0.6); border-radius: 10px;">
<h2 style="color: lightcoral; font-size: 2em; text-align: center;">Awards and Achievements</h2>
<div class="achievements-list" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; text-align: center;">
<div class="achievement-item" style="background: rgba(255, 255, 255, 0.1); padding: 15px; border-radius: 10px; color: lightgray;">
<p>1st Place, District-Level Technology Quiz: Demonstrated strong knowledge of technology trends.</p>
</div>
<div class="achievement-item" style="background: rgba(255, 255, 255, 0.1); padding: 15px; border-radius: 10px; color: lightgray;">
<p>2nd Place, State-Level Technology Essay Competition: Recognized for an essay on how technology can benefit the environment.</p>
</div>
</div>
</section>
<section id="skills" style="width: 80%; margin: 30px auto; padding: 20px; background: rgba(0, 0, 0, 0.6); border-radius: 10px;">
<h2 style="color: lightcoral; font-size: 2em; text-align: center;">Coding Skills</h2>
<div class="skills-list" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; text-align: center;">
<div class="skill-item" style="background: rgba(255, 255, 255, 0.1); padding: 15px; border-radius: 10px; color: lightgray;">Python, Django</div>
<div class="skill-item" style="background: rgba(255, 255, 255, 0.1); padding: 15px; border-radius: 10px; color: lightgray;">HTML, CSS, JavaScript</div>
<div class="skill-item" style="background: rgba(255, 255, 255, 0.1); padding: 15px; border-radius: 10px; color: lightgray;">VS Code,Spreadsheets</div>
<div class="skill-item" style="background: rgba(255, 255, 255, 0.1); padding: 15px; border-radius: 10px; color: lightgray;">Advanced Excel, MS-Excel</div>
</div>
</section>
<section id="aim" style="width: 80%; margin: 30px auto; padding: 20px; background: rgba(0, 0, 0, 0.6); border-radius: 10px;">
<h2 style="color: lightcoral; font-size: 2em; text-align: center;">My Aim</h2>
<p style="text-align: center; color: lightgray;">I aim to become a proficient software developer, specializing in creating efficient and user-friendly applications. My goal is to continuously enhance my coding skills, contribute to innovative software solutions, and collaborate with teams to solve complex real-world challenges. I am passionate about building impactful software that improves lives and businesses, and I aspire to grow in both technical expertise and creativity to leave a lasting mark in the industry.</p>
</section>
<section id="contact" style="width: 80%; margin: 30px auto; padding: 20px; background: rgba(0, 0, 0, 0.6); border-radius: 10px;">
<h2 style="color: lightcoral; font-size: 2em; text-align: center;">Contact</h2>
<div style="text-align: center;">
<p>Email: birajitsaikia@gmail.com</p>
<p>Phone: +91-9707578703</p>
<p>LinkedIn: <a href="https://www.linkedin.com/in/birajit-saikia-08125030a/" style="color: lightcoral;">linkedin.com/in/birajit-saikia</a></p>
</div>
</section>
<footer>
<p style="text-align: center;"> © 2024 Birajit Saikia. All rights reserved.</p>
</footer>
</body>
</html>