-
Notifications
You must be signed in to change notification settings - Fork 6
/
index2.html
323 lines (320 loc) · 15.8 KB
/
index2.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
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="icon" href="./assets/Profile-photo1.ico" />
<link rel="stylesheet" href="./assets/style.css">
<meta name="description" content="My first HTML CSS Website as practice - Sayan Bhattacharyya">
<meta name="viewport" content="width=device-width ,initial-scale=1.0">
<title>Billand || Sayan </title>
</head>
<body>
<div class="load">
<span>L</span>
<span>O</span>
<span>A</span>
<span>D</span>
<span>I</span>
<span>N</span>
<span>G</span>
</div>
<div class="wrapper">
<div class="myimage1" id="billand">
<h6>What's Billand?</h6>
<p>Basically 'Billand' came from land of billos, it means where people use to say Billo as a basic conversation word, after knowing its advantage. So if we take bil from 'Billo' and add land, it comes Billand.
</P>
<br/>
<P>
Previously name of 'Billand' was 'Salmland'. They could use Biloland but may be they thought that it was slightly odd to hear as compare to Billand. But there is a history behind this name, you can read it from the section <a href="#history">“History of Billand“</a>. However people are feeling free
so say Billo at all. That's why the land is known as 'Billand'.
</p>
</div>
<div class="myimage2" id="billo">
<h6>What does Billo mean in Billand?</h6>
<p>If we think a specific situation, when you haven't sufficient word for explanation or may be you can’t remember perfect word at a time in conversation and fail to explain meaning of real fact. Misunderstanding comes. It can be a cause of quarrel. Using inappropriate words, can express a different meaning rather than what you want to say.
In this case the concept of saying 'Billo' comes, now you say Billo, the environment of conversation will express you views. Speaker's body language matters here. Not only you expressions but also the way, in which you are telling, will give the answer. You can use it once, instead of saying any abuse word.
</p>
</div>
<div class="myimage4" id="history">
<h6>History behind Billand</h6>
<p>One day little boy of Slamland, heard ‘Billo’ from a anime series. The word is too much funny to him and also related to cat. Actually he loves cats and never fails to say meow to see a cat. He used to say ‘Billo’ now, a new crazy word. Day by day, it became a habit for him to say ‘Billo’ to anyone.
But he didn’t know the meaning of ‘Billo’. One day an elder guy suddenly asked him, the reason for saying ‘Billo’ to someone - is it a abuse word ? He hasn't any answer. But he thought. Finally he found out that we could use it in basic
conversation instead of saying inappropriate words. Then the word ‘Billo’ got famous among teenagers. They feel fun to say so. Now, people of Slamland learnt to say ‘Billo’ and the name, ‘Slamland’ became today’s ‘Billand’.
</p>
</div>
<div class="myimage3" id="people">
<h6>People in Billand!</h6>
<p>People of billand are feeling free to say ‘Billo’. Why not, it is a quite frankie word. It doesn't matter to anyone in Billand. They are happy with the word ‘Billo’. It has influence on their life-style and thinkings. Now people use ‘Billo’ as their surname. Even, they also created secondary words related to it, like ’Istambillo’, ‘Sugudugubillo’, ‘Sambabillo’, ‘Billobillo’.
</p>
<br>
<p>
They made division for male and female, that ‘Billo’ is applicable for females and male are introduced by ‘Billa’. But they use to say ‘Billo’ to all rather than gender division. After all, we all are same, having same potential to do. No doubt, ‘Billo’ is quite funny to say. You can try once with your friends. have fun.
</p>
</div>
<div class="myimage1">
<h6>SmartClass</h6>
<p> Using Native React and MongoDB, our team
<a href="https://github.com/Code-Mergers" target="_blank">
Code Mergers
</a> have developed one Online Educational Platform -
<a href="https://smartclass.netlify.app/" target="_blank">
SmartClass
</a>
<br/> Here, you can make your virtual class along with providing Assignments, conducting Quizzes, video rooms and auto-grading. Students can join, they can take Quizzes and submit Assignments, have chat with classmates.
<br>
We have made YouTube tutorials for teachers and students.
</p>
<strong>Tutorials</strong>
<ul>
<li><a href="#" target="_blank">Teachers</a></li>
<li><a href="#" target="_blank">Students</a></li>
</ul>
<p>
Hope it will be helpful for you.
Any issue you can reach out on this Project.
</p>
</div>
<div class="myimage2">
<h6>Healthify React App</h6>
<p> Using ReactJs, Firebase and TensorFlow, our team
<a href="https://github.com/Code-Mergers" target="_blank">
Code Mergers
</a>
have made a Machine Learning based model to detect diseases. You can test yourself against our trained models. It will provide results along with possibility of having any disease based on your given data.
-
<a href="#" target="_blank">
Healthify
</a>
</p>
<strong>Tutorials</strong>
<ul>
<li><a href="#" target="_blank">How to use Healthify</a></li>
</ul>
<br>
<p>
<strong>Note:</strong> Please consult a doctor if you have serious issues with health. Healthify can only provide initial the possibilities of having any diseases which is based on previous results.
<br>
Hope it will be helpful for you!
Upcoming Project.
</p>
</div>
<div class="myimage4">
<h6>Sadbhawna</h6>
<p>"Action speaks louder than words"
<br>
A portal where recovered COVID-19 patients can share their resources. Making a donation is the ultimate sign of solidarity. So here we are
<a href="https://github.com/TeamSadbhawna" target="_blank">
Team Sadbhawna
</a>
launching our Web-Portal SADBHAWNA where recovered COVID-19 patients can donate any medicines ,supplements etc. can be helpful to others in need.
<br>
We make a heart-ful request for everyone to please come forward and contribute here. Your contribution in a small way may help many in their battle against COVID-19. All suggestions are welcomed and appreciated.<br>
</p>
<strong>Sadbhawna 1.0</strong>
<ul>
<li>
<a href="https://sadbhawna.netlify.app/" target="_blank">Deployed site</a>
</li>
<li>
<a href="https://github.com/Sayan3990/portal" target="_blank">View Github Repository</a>
</li>
</ul>
<br>
<p>
<strong>Note:</strong> Please consult a doctor before using any shared resource(s). Team Sadbhawna won't take any responsibility as the portal is open for all.
<br>
Hope it will be helpful for you!
</p>
</div>
<div class="myimage3">
<h6>UI Auth Template Using React</h6>
<p>
Using ReactJs, Firebase Authentication, our team
<a href="https://github.com/Code-Mergers" target="_blank">
Code Mergers
</a>
have developed React UI Template for your next project.
<br>
</p>
<strong>Topic:</strong>
<ul>
<li>Basic React user-interface</li>
<li>Bootstrap-4 (react-bootstrap)</li>
<li>SignIn/SignUp/Reset-Password (InputForms)</li>
<li>Password Reset Email</li>
<li>React Routing (react-route-dom)</li>
<li>Firebase Authentication (Email)</li>
<li>Firebase Realtime Database (users info)</li>
</ul>
<br>
<p>
<a href="https://github.com/Code-Mergers/UI-Auth-Template-Using-React" target="_blank">View Github Repository</a>
<br>
<a href="https://react-ui-auth-template-code-mergers.netlify.app/" target="_blank">
View Deployed site
</a>
<br>
You can take reference or use it as template for your next react projects.
<br>
<strong>Note:</strong> First you read the <a href="https://github.com/Sayan3990/UI-Auth-Template-Using-React#readme" target="_blank">instructions</a> before working on it.
<br>
Hope it will be helpful for you!
</p>
</div>
<div class="myimage1">
<h6>xv6 - Linux base OS</h6>
<p>
xv6 is a teaching operating system developed in 2006 for MIT's operating systems course, Operating System Engineering. As, it is a fresh operating system, you can do several projects in the xv6 environment that will be helpful to achieve a clear knowledge of OPerating Systems -
<a href="https://pdos.csail.mit.edu/6.828/2012/xv6.html" target="_blank">xv6 official page</a>
<br>
<br>
<a href="https://github.com/Sayan3990/xv6" target="_blank">View Github Repository</a> -
In my repository, you will be getting small projects and way of making system calls in xv6 that I have done during my Operating System course in BTech Computer science and engineering.
<br>
Hope it will be helpful.
</p>
</div>
<div class="myimage2">
<h6>Personal Website Template</h6>
<p>
Personal Website UI Template using React-TypeScript Class components.
Personal website can be about anything you want, including hobbies, pets, or information like academics, achievements, work Experiences. It can be a family website that shares your adventures with loved ones along with an area for comments and discussion.
<br>
<a href="https://github.com/Sayan3990/Personal-Website-Template" target="_blank">
View Github Repository
</a>
<br>
<a href="https://personal-website-template-by-sayan.netlify.app/" target="_blank">
View Deployed site
</a>
<br>
<br>
I hope, it will be helpful for your personal website that showcases your work as a software developer.
</p>
</div>
<!-- <div class="myimage4">
<h6>Architecture ResearchWork</h6>
<p>
Researching for Better prefetching and Block Replacement Policy in multi-core systems.
<br>
- Computer Architecture
<br>
We are working on it.
</p>
</div>
<div class="myimage3">
<h6>Crazy Sorting Algorithms</h6>
<p>
Sorting Algorithm Visualizer using React TypeScript. Visualize sorting algorithms, clear your algorithmic concepts
<br>
Upcoming Project.
</p>
</div> -->
<div class="myimage4">
<h6>JAVA interfaces and abstraction</h6>
<p>
We are the members of Group-8 for Web-Technoloy Assignment CSE(2020), 4th SEM,
<a href="https://kiit.ac.in/" target="_blank">KIIT University</a>,
<a href="https://en.wikipedia.org/wiki/Bhubaneswar" target="_blank">Bhubaneshwar</a>,
<a href="https://en.wikipedia.org/wiki/Odisha" target="_blank"> Odisha</a>,
<a href="https://en.wikipedia.org/wiki/India" target="_blank"> India</a>.
This is our Web technology Sessional Project 4th SEM.<br/>
</p>
<strong>Topic:</strong>
<ul>
<li>Abstraction in Java</li>
<li>Interfaces in Java</li>
<li>Code base - HTML, CSS and bootstrap-4</li>
<li>Progress Bar using JavaScript</li>
</ul>
<p>
<a href="https://github.com/Sayan3990/WT-Assignment" target="_blank">View Github Repository</a><br>
<a href="https://sayan3990.github.io/WT-Assignment" target="_blank">View Deployed site</a><br>
Hope it will be helpful for you!
</p>
</div>
<div class="myimage3">
<h6>Competitive Programing</h6>
<p>
Meanwhile, I have started Competitive Programing.
I have uploaded some of my solution coded in C++17 & Python9<br/>
The link of particular question is attached in solution program itself.
<a href="https://github.com/Sayan3990/Codechef" target="_blank">View Github Repository</a>
</p>
<strong>Find me:</strong><br/>
<ul>
<li><a href="https://leetcode.com/trust_me345/" target="_blank">LeetCode</a></li>
<li><a href="https://codeforces.com/profile/1905345" target="_blank">CodeForces</a></li>
<li><a href="https://www.codechef.com/users/trust_me345" target="_blank">CodeChef</a></li>
<li><a href="https://www.hackerrank.com/sayan_bhatta2017" target="_blank">HackerRank</a></li>
</ul>
<p>
<br>
Hope it will be helpful! Happy Coding!
</p>
</div>
<div class="myimage1">
<h6>About this website(Billand)</h6>
<p>In 2020, I have started with web development. I have gone through HTML and CSS. After learning, HTML and CSS I have tried to design <a href="index.html" target="_blank">this website</a>. It was my very first website as practice with pure HTML/CSS and Js. I am updating <a href="index.html" target="_blank">this website</a> with my recent projects.
<br> <a href="https://github.com/Sayan3990/Billand" target="_blank">View Github Repository</a>
<br>
<br>
If you didn't know about 'Billand' or 'Billo', you can read above sections.<br/>
<a href="#billand">What's Billand?</a><br/>
<a href="#billo">What does Billo mean in Billand?</a><br/>
<a href="#people">People in Billand!</a><br/>
<a href="#history">History behind Billand</a><br/>
Eww! "Billand" - it's completely a hypothetical world, the whole story was written by me and I am so bad in literature. It's just for fun.
</p>
</div>
<div class="myimage2">
<h6>About me</h6>
<p>
Hlw! I am Sayan Bhattacharyya from <a href="https://en.wikipedia.org/wiki/Hugli-Chuchura" target="_blank">Hooghly</a>,
<a href="https://en.wikipedia.org/wiki/West_Bengal" target="_blank"> West Bengal</a>,
<a href="https://en.wikipedia.org/wiki/India" target="_blank"> India</a>.<br/>
- I am web developer along with Competitive programmer<br/>
- Currently, I am pursuing my BTech degree in Computer Science and Engineering at
<a href="https://kiit.ac.in/" target="_blank">KIIT University</a>,
<a href="https://en.wikipedia.org/wiki/Bhubaneswar" target="_blank"> Bhubaneshwar</a>,
<a href="https://en.wikipedia.org/wiki/Odisha" target="_blank"> Odisha</a>,
<a href="https://en.wikipedia.org/wiki/India" target="_blank"> India</a>. <br>
- Apart from this, I am also learning Data Science. <br>
<strong>Languages:</strong> C, C++, Python, JavaScript
<br/>
<strong>Find me:</strong>
<ul>
<li><a href="https://sayanbhattacharyya.me/" target="_blank">My Portfolio Website</a></li>
<li><a href="https://github.com/Sayan3990" target="_blank">Github</a></li>
<li><a href="https://www.linkedin.com/in/sayan-bhattacharyya-aa44a61a4/" target="_blank">LinkedIn</a></li>
<li><a href="https://www.facebook.com/sayan.bhattacharyya.3990" target="_blank">FaceBook</a></li>
</ul>
</p>
</div>
</div>
<div class="city">
<img id="city1" src="./assets/city.png">
<img id="city2" src="./assets/city.png">
</div>
<img id="car" src="./assets/driving.png">
<div class="plane">
<img src="./assets/plane.png">
<div class="hellobox1">
<p>Welcome to Billand!</p>
</div>
<div class="hellobox2">
<p>How are you?</p>
</div>
</div>
<div class="carhello">
<h2>Hlw, Billo!</h2>
</div>
<div id="mynm">
<a href="https://sayanbhattacharyya.me/" target="_blank"><h5>By Sayan Bhattacharyya</h5></a>
</div>
<br>
<hr>
<script src="main.js"></script>
<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
</body>
</html>