-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
183 lines (170 loc) · 8.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
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Portfolio</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.13.0/css/all.css">
<link rel="icon" href="https://upload.wikimedia.org/wikipedia/commons/thumb/b/b2/Repl.it_logo.svg/220px-Repl.it_logo.png">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="script.js"></script>
</head>
<body>
<div class="container">
<!--────────────────Header───────────────-->
<header>
<a class="logo" href="#home">
</a>
<nav>
<ul class="nav-bar"><div class="bg"></div>
<li><a class="nav-link active" href="#home">Home</a></li>
<li><a class="nav-link" href="#projects">Projects</a></li>
<li><a class="nav-link" href="#contact">Contact</a></li>
<a class="nav-link" href="/Resume.pdf" download>RESUME</a>
</ul>
<div class="hamburger">
<div class="line1"></div>
<div class="line2"></div>
<div class="line3"></div>
</div>
</nav>
</header>
<main>
<!--─────────────────Home────────────────-->
<div id="home">
<div class="filter"></div>
<section class="intro">
<h3><hr>ARCHISMWAN CHATTERJEE</hr></h3>
<h1 class="neon">2nd Yr CSE student at Netaji Subhash Engineering College.
<p>
- 🔭 I’m currently working on codes <img src="https://media.giphy.com/media/WUlplcMpOCEmTGBtBW/giphy.gif" width="30"></p>
<p>- 🌱 I’m currently learning Web Dev</p>
<p>-😄 Pronouns: He/Him</p>
<p>-⚡ Fun fact: White-faced capuchin monkeys greet each other by sticking their fingers up each others’ noses.</p>
<p>-🌐 𝚈𝚘𝚞 𝚌𝚊𝚗 𝚊𝚌𝚌𝚎𝚜𝚜 𝚊𝚕𝚕 𝚖𝚢 𝚘𝚙𝚎𝚗-𝚜𝚘𝚞𝚛𝚌𝚎 𝚙𝚛𝚘𝚓𝚎𝚌𝚝𝚜 𝚑𝚎𝚛𝚎 𝚘𝚗 <a href="https://github.com/ArchismwanChatterjee" target="_blank"><i class='fab fa-github'></i></a> <img src="https://media.giphy.com/media/Y01wot3Bt9Bpdz8xvs/giphy.gif" width="30"></p> </h1>
<!--────social media links─────-->
<div class="social-media">
<a href="https://github.com/ArchismwanChatterjee" target="_blank"><i class='fab fa-github'></i></a>
<a href="https://www.linkedin.com/in/archismwan-chatterjee-61108a253/" target="_blank"><i class='fab fa-linkedin-in'></i></a>
</div>
</section>
</div>
<!-- <script>
window.chatbaseConfig = {
chatbotId: "ocawWeap_A73saS_z6rgj",
}
</script>
<script
src="https://www.chatbase.co/embed.min.js"
id="ocawWeap_A73saS_z6rgj"
defer>
</script> -->
<!---------------Script--------------->
<script>
(function (w, d, s, o, f, js, fjs) {
w["botsonic_widget"] = o;
w[o] =
w[o] ||
function () {
(w[o].q = w[o].q || []).push(arguments);
};
(js = d.createElement(s)), (fjs = d.getElementsByTagName(s)[0]);
js.id = o;
js.src = f;
js.async = 1;
fjs.parentNode.insertBefore(js, fjs);
})(window, document, "script", "Botsonic", "https://d1m9uqhmlogh4h.cloudfront.net/CDN/botsonic.min.js");
Botsonic("init", {
serviceBaseUrl: "https://api.writesonic.com",
token: "d9238b6e-1380-485f-a47e-a420dbc05fa8",
});
</script>
<!--───────────────Projects───────────────-->
<div id="projects">
<h3>My Projects & Contributions.<hr></h3>
<p>Here are some of my projects,contributions you may like.All these projects are available in github</p>
<div class="work-box">
<div class="work">
<!--───────────────card───────────────-->
<div class="card">
<img class="work-img" src="https://i0.wp.com/www.learnconline.com/wp-content/uploads/2015/04/login-operation-username-password-C-programming.png?fit=1280%2C720&ssl=1">
<a href="https://github.com/ArchismwanChatterjee/Mini-Projects/blob/main/login%20page.c" target="_blank"> <!--Link to project-->
<div class="work-content">Basic Login page using C</div></a>
</div>
<div class="card">
<img class="work-img" src="https://png.pngtree.com/png-clipart/20210312/original/pngtree-jackpot-lucky-nine-999-slot-machine-winner-casino-vegas-game-png-image_6066346.png">
<a href="https://github.com/ArchismwanChatterjee/Casino-Lottery-Game--P2" target="_blank"> <!--Link to project-->
<div class="work-content">Casino game using C</div></a>
</div>
<div class="card">
<img class="work-img" src="https://cdn.moglix.com/p/EfR1iPFgcaWk8-xxlarge.jpg">
<a href="https://github.com/ArchismwanChatterjee/Scientific-Calculator-P3" target="_blank"> <!--Link to project-->
<div class="work-content">Scientific calculator using C</div></a>
</div>
<div class="card">
<img class="work-img" src="https://i.ytimg.com/vi/BMOH4zSLTnQ/maxresdefault.jpg">
<a href="https://github.com/ArchismwanChatterjee/myfirstproject" target="_blank"> <!--Link to project-->
<div class="work-content">Product Preview Card</div></a>
</div>
<div class="card">
<img class="work-img" src="https://www.onlinemathlearning.com/image-files/binomial-distribution-formula.png">
<a href="https://github.com/ArchismwanChatterjee/Mini-Projects/blob/main/binomial.c" target="_blank"> <!--Link to project-->
<div class="work-content">Binomial distribution</div></a>
</div>
<div class="card">
<img class="work-img" src="https://raw.githubusercontent.com/github/explore/f3e22f0dca2be955676bc70d6214b95b13354ee8/topics/c/c.png">
<a href="https://github.com/ArchismwanChatterjee/C" target="_blank"> <!--Link to project-->
<div class="work-content">C programming</div></a>
</div>
<div class="card">
<img class="work-img" src="https://static.theprint.in/wp-content/uploads/2020/07/brandma-snake-game.jpg?compress=true&quality=80&w=376&dpr=2.6">
<a href="https://github.com/ArchismwanChatterjee/Mini-Projects/blob/main/snake%20game.py" target="_blank"> <!--Link to project-->
<div class="work-content">The Snake Game</div></a>
</div>
<div class="card">
<img class="work-img" src="https://upload.wikimedia.org/wikipedia/commons/thumb/0/04/QR-code-obituary.svg/220px-QR-code-obituary.svg.png">
<a href="https://github.com/ArchismwanChatterjee/Mini-Projects/blob/main/qr%20code.py" target="_blank"> <!--Link to project-->
<div class="work-content">QR Code Generator</div></a>
</div>
<div class="card">
<img class="work-img" src="https://i0.wp.com/www.iedunote.com/img/1087/bank-management.jpg">
<a href="https://github.com/ArchismwanChatterjee/Mini-Projects/blob/main/bank-management.c" target="_blank"> <!--Link to project-->
<div class="work-content">Bank Management System</div></a>
</div>
<div class="card">
<img class="work-img" src="https://media.istockphoto.com/id/1365567894/vector/hand-drawn-vector-tic-tac-toe-game-noughts-and-crosses-doodle-sketch.jpg?s=170667a&w=0&k=20&c=z3Ei_EiNZqTrLCdTg9yDznO6_3r4wiIX9U3fdVJQVNc=">
<a href="https://github.com/ArchismwanChatterjee/Mini-Projects/blob/main/tic-tac-toe.c" target="_blank"> <!--Link to project-->
<div class="work-content">Tic-Tac-Toe</div></a>
</div>
<div class="card">
<img class="work-img" src="download.png">
<a href="https://archismwanchatterjee.github.io/LinkTree/" target="_blank"> <!--Link to project-->
<div class="work-content">My Link-Tree</div></a>
</div>
</div>
</div>
</div>
<!--──────────────Contact────────────────-->
<div id="contact">
<!--────social media links─────-->
<h3>Contact.<hr></h3>
<p>Feel free to contact me on my social media.</p>
<div class="social-media">
<a href="https://github.com/ArchismwanChatterjee" target="_blank"><i class='fab fa-github'></i></a>
<a href="https://www.linkedin.com/in/archismwan-chatterjee-61108a253/" target="_blank"><i class='fab fa-linkedin-in'></i></a>
<a href="https://www.youtube.com/channel/UC_G88M7GGpT_E2EBjEJEuuA" target="_blank"><i class="fab fa-youtube"></i></a>
</div>
</div>
</main>
<footer class="copyright">© 2023
<a href="https://repl.it/@archismwanchatt" target="_blank">Archismwan Chatterjee.</a>
</footer>
</div>
<!--
This script places a badge on your repl's full-browser view back to your repl's cover
page. Try various colors for the theme: dark, light, red, orange, yellow, lime, green,
teal, blue, blurple, magenta, pink!
-->
</body>
</html>