-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
135 lines (114 loc) · 4.93 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
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<!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>Shambo - Portfolio</title>
</head>
<body>
<!-- Navigation Bar -->
<nav>
<ul>
<li><a href="#intro">Intro</a></li>
<li><a href="#projects">My Projects</a></li>
<li><a href="#skills">Skills & Achievements</a></li>
<li><a href="#contact">Contact me</a></li>
</ul>
</nav>
<!-- Intro Section -->
<section id="intro" class="intro-section">
<div class="intro-left">
<h1>I'm Shambo</h1>
<p>An experienced coder currently studying at IIT Kharagpur. With a strong passion for technology, I
specialize in Python and C, and actively contribute to open-source projects. Beyond coding, I'm a
photography enthusiast, capturing moments and stories through my lens. Let's explore and innovate
together.</p>
</div>
<div class="intro-right">
<img src="./images/my-photo.jpg" alt="My Photo">
</div>
</section>
<!-- My Projects Section -->
<section id="projects" class="projects-section">
<h2>My Projects</h2>
<div class="project-container">
<div class="project-card">
<img src="./images/project-1.png" alt="Project 1">
<h3></h3>
<a href="https://github.com/typhonshambo/vstat-bot/tree/slash" target="_blank">
<button class="visit-button">vstat BOT</button>
</a>
</div>
<div class="project-card">
<img src="./images/project-2.png" alt="Project 2">
<a href="https://github.com/typhonshambo/Clara-Music-Bot-Telegram" target="_blank">
<button class="visit-button">Clara BOT</button>
</a>
</div>
<div class="project-card">
<img src="./images/project-3.png" alt="Project 3">
<a href="https://github.com/typhonshambo/flipkart-review-scrapper" target="_blank">
<button class="visit-button">Flipkart Scrapper</button>
</a>
</div>
<div class="project-card">
<img src="./images/project-4.png" alt="Project 4">
<a href="https://github.com/typhonshambo/valo-shop" target="_blank">
<button class="visit-button">Valo Shop</button>
</a>
</div>
<div class="project-card">
<img src="./images/project-5.png" alt="Project 5">
<a href="https://github.com/typhonshambo/rtfm-bot" target="_blank">
<button class="visit-button">RTFM BOT</button>
</a>
</div>
<div class="project-card">
<img src="./images/project-6.png" alt="Project 6">
<a href="https://github.com/typhonshambo/gas-leakage-detection-system" target="_blank">
<button class="visit-button">eakage detection system</button>
</a>
</div>
</div>
</section>
<!-- Skills & Achievements Section -->
<section id="skills" class="skills-section">
<h2>My Skills & Achievements</h2>
<div class="skills-grid">
<div class="skill-card">
<img src="./images/skill-1.png" alt="Skill 1" width="60">
<h3>Python</h3>
<p>proficient in python and have done various projects on it.</p>
</div>
<div class="skill-card">
<img src="./images/skill-2.png" alt="Skill 2" width="60">
<h3>C</h3>
<p>have worked on various coding related problems in C and have basic knowledge of it.</p>
</div>
<div class="skill-card">
<img src="./images/skill-3.png" alt="Skill 3" width="60">
<h3>My SQL</h3>
<p>worked with My SQL database and have integrated it with various projects</p>
</div>
<div class="skill-card">
<img src="./images/skill-4.png" alt="Skill 2" width="60">
<h3>Mongo DB</h3>
<p>worked with MongoDb and it's integration with python using pymongo module</p>
</div>
<!-- Add 4 more skill cards following the same structure -->
</div>
</section>
<!-- Contact Me Section -->
<section id="contact" class="contact-section">
<h2>Contact Me</h2>
<form>
<input type="text" placeholder="Name">
<input type="email" placeholder="Email">
<input type="date" placeholder="Date for appointment">
<textarea placeholder="Message"></textarea>
<button class="submit-button">Submit</button>
</form>
</section>
</body>
</html>