-
Notifications
You must be signed in to change notification settings - Fork 60
/
sayanbiswas.html
187 lines (183 loc) · 9.56 KB
/
sayanbiswas.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
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sayan Biswas's Portfolio</title>
<link rel="icon" href="assets/images/sayanbiswas/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="assets\css\sayanbiswas.css">
<script src="https://kit.fontawesome.com/2c6faefed4.js" crossorigin="anonymous"></script>
</head>
<body>
<div id="header">
<div class="container">
<nav>
<img src="assets/images/sayanbiswas/namelogo.png" alt="Logo" class="logo">
<ul id="sidemenu">
<li><a href="#header">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#portfolio">Portfolio</a></li>
<li><a href="#contact">Contact</a></li>
<i class="fa-solid fa-xmark" onclick="closemenu()"></i>
</ul>
<i class="fa-solid fa-bars" onclick="openmenu()"></i>
</nav>
<div class="header-text">
<p>Undergrad Student</p>
<h1>Hi, I'm <span>Sayan</span><br>Biswas from India</h1>
</div>
</div>
</div>
<!----------about--------->
<div id="about">
<div class="container">
<div class="row">
<div class="about-col-1">
<img src="assets/images/sayanbiswas/pic1.jpg" alt="Profile pic">
</div>
<div class="about-col-2">
<h1 class="sub-title">About Me</h1>
<p>Hi there!
I'm Sayan Biswas, an undergraduate student in Computer Science and Engineering from India. My
passion lies in software development, with a particular focus on Java, Kotlin, and data
structures and algorithms (DSA). I love diving into code and exploring new technologies.
<br><br>
My interests extend to Android app development, and I enjoy collaborating on open-source
projects. I actively contribute to my GitHub repositories and engage with the developer
community on LinkedIn and other platforms. Connecting with other developers and sharing
knowledge is something I find incredibly rewarding.
</p>
<div class="tab-titles">
<p class="tab-links active-link" onclick="opentab('skills')">Skills</p>
<p class="tab-links" onclick="opentab('experience')">Experience</p>
<p class="tab-links" onclick="opentab('education')">Education</p>
</div>
<div class="tab-contents active-tab" id="skills">
<ul>
<li><span>App Development</span><br>Building Android apps</li>
<li><span>Web Development</span><br>Designing Websites</li>
<li><span>UI/UX</span><br>Designing app logos</li>
</ul>
</div>
<div class="tab-contents" id="experience">
<ul>
<li><span>2023 - Current</span><br>Class Representative</li>
</ul>
</div>
<div class="tab-contents" id="education">
<ul>
<li><span>2027</span><br>B.Tech CSE from GCECT Kolkata, CGPA - 9.63</li>
<li><span>2023</span><br>Standard XII from HAS Katwa, Marks - 93%</li>
<li><span>2021</span><br>Standard X from HAS Katwa, Marks - 96.5%</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!--------------services-------------->
<div id="services">
<div class="container">
<h1 class="sub-title">My Services</h1>
<div class="services-list">
<div>
<i class="fa-brands fa-android"></i>
<h2>App Design</h2>
<p>I have a proven track record of designing intuitive and visually appealing Android apps that
enhance user experience. My expertise includes modern design principles, user-centric
interfaces, and seamless functionality.</p>
<a href="https://github.com/Sbiswas001/NumplexApp">Learn more</a>
</div>
<div>
<i class="fa-solid fa-code"></i>
<h2>Web Design</h2>
<p>I specialize in creating modern, responsive websites that deliver exceptional user experiences
across all devices. My designs focus on aesthetics, usability, and performance to ensure your
online presence stands out.</p>
<a href="https://github.com/Sbiswas001/Student-Portfolio">Learn more</a>
</div>
<div>
<i class="fa-solid fa-crop"></i>
<h2>Logo Design</h2>
<p>I craft distinctive and memorable logos that effectively capture and communicate your brand's
identity. My designs blend creativity and strategic thinking to ensure your logo leaves a
lasting impression.</p>
<a href="https://www.figma.com/design/GDnOpovYFzfd2bcP53Wf3A/App-Icon?t=hPtbvHCMJfm9QMvX-1">Learn
more</a>
</div>
</div>
</div>
</div>
<!----------portfolio---------------->
<div id="portfolio">
<div class="container">
<h1 class="sub-title">My Work</h1>
<div class="work-list">
<div class="work">
<img src="assets/images/sayanbiswas/numplex.jpg" alt="NumplexApp">
<div class="layer">
<h3>Numplex App</h3>
<p>This app offers a collection of utilities for analyzing and manipulating various properties
of numbers.</p>
<a href="https://github.com/Sbiswas001/NumplexApp"><i
class="fa-solid fa-arrow-up-right-from-square"></i></a>
</div>
</div>
<div class="work">
<img src="assets/images/sayanbiswas/website showcase.png" alt="NumplexApp">
<div class="layer">
<h3>College Website</h3>
<p>A website for students of GCECT, Kolkata; batch of 2023.</p>
<a href="https://github.com/Sbiswas001/gcect-batch-2023"><i
class="fa-solid fa-arrow-up-right-from-square"></i></a>
</div>
</div>
<div class="work">
<img src="assets/images/sayanbiswas/logoshowcase.png" alt="NumplexApp">
<div class="layer">
<h3>App Icon</h3>
<p>This is an app icon I designed for my app.</p>
<a href="https://www.figma.com/design/GDnOpovYFzfd2bcP53Wf3A/App-Icon?t=hPtbvHCMJfm9QMvX-1"><i
class="fa-solid fa-arrow-up-right-from-square"></i></a>
</div>
</div>
</div>
<a href="https://github.com/Sbiswas001?tab=repositories" class="btn">See more</a>
</div>
</div>
<!-----------contact-------->
<div id="contact">
<div class="container">
<div class="row">
<div class="contact-left">
<h1 class="sub-title">Contact Me</h1>
<p><i class="fa-solid fa-paper-plane"></i>sbiswas001.tech@gmail.com</p>
<div class="social-icons">
<a href="https://github.com/Sbiswas001"><i class="fa-brands fa-github"></i></a>
<a href="https://www.linkedin.com/in/sbiswas001"><i class="fa-brands fa-linkedin"></i></a>
<a href="https://www.instagram.com/sbiswas001"><i class="fa-brands fa-instagram"></i></a>
<a href="https://x.com/sbiswas2004"><i class="fa-brands fa-x-twitter"></i></a>
</div>
<a href="https://docs.google.com/document/d/16Humuj2QosE2mo4Z85ikWCDBlWFL8zBP_byFB0jfvAg/edit?usp=sharing"
class="btn btn2">Checkout CV</a>
</div>
<div class="contact-right">
<form name="submit-to-google-sheet">
<input type="text" name="Name" placeholder="Your Name" required>
<input type="email" name="Email" placeholder="Your Email" required>
<textarea name="Message" rows="6" placeholder="Your Message"></textarea>
<button type="submit" class="btn btn2">Submit</button>
</form>
<span id="msg"></span>
</div>
</div>
</div>
<div class="copyright">
<p>Copyright © Sayan Biswas <i class="fa-solid fa-heart"></i></p>
</div>
</div>
<button id="goToTopBtn" title="Go to top"><i class="fa-solid fa-up-long"></i></button>
<script src="assets/js/sayanbiswas.js"></script>
</body>
</html>