-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
156 lines (153 loc) · 13.4 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Home - Somnath Das</title>
<meta name="theme-color" content="#e73c7e">
<meta name="twitter:description" content="I am developer and a machine learning student. This is my portfolio containing a summarized information about me and my projects">
<meta name="twitter:card" content="summary_large_image">
<meta property="og:image" content="https://nekodakamisama.tech/assets/img/homepageShot.webp">
<meta name="description" content="I am developer and a data science learner. This is my portfolio containing a summarized information about me and my projects">
<meta property="og:type" content="website">
<meta name="twitter:title" content="Somnath Das ~ My Portfolio">
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="assets/img/favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/img/favicons/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/img/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="180x180" href="assets/img/favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="192x192" href="assets/img/favicons/android-chrome-192x192.png">
<link rel="icon" type="image/png" sizes="512x512" href="assets/img/favicons/android-chrome-512x512.png">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="manifest" href="manifest.json">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Cabin:700">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Adamina">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Major+Mono+Display">
<link rel="stylesheet" href="assets/fonts/fontawesome-all.min.css">
<link rel="stylesheet" href="assets/fonts/font-awesome.min.css">
<link rel="stylesheet" href="assets/fonts/fontawesome5-overrides.min.css">
<link rel="stylesheet" href="assets/css/gradient_effect.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
<link rel="stylesheet" href="assets/css/main.css">
<link rel="stylesheet" href="assets/css/Projects-Horizontal.css">
</head>
<body id="page-top" data-bs-spy="scroll" data-bs-target="#mainNav" data-bs-offset="77">
<nav class="navbar navbar-light navbar-expand-md fixed-top border-info" id="mainNav">
<div class="container"><a class="navbar-brand" href="#">Corporate Slavery</a><button data-bs-toggle="collapse" class="navbar-toggler border rounded-circle navbar-toggler-right" data-bs-target="#navbarResponsive" type="button" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation" value="Menu"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" class="bi bi-cursor">
<path fill-rule="evenodd" d="M14.082 2.182a.5.5 0 0 1 .103.557L8.528 15.467a.5.5 0 0 1-.917-.007L5.57 10.694.803 8.652a.5.5 0 0 1-.006-.916l12.728-5.657a.5.5 0 0 1 .556.103zM2.25 8.184l3.897 1.67a.5.5 0 0 1 .262.263l1.67 3.897L12.743 3.52 2.25 8.184z"></path>
</svg></button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ms-auto">
<li class="nav-item nav-link"><a class="nav-link active" href="#about">About</a></li>
<li class="nav-item nav-link"><a class="nav-link" href="#projects">Projects</a></li>
<li class="nav-item nav-link"><a class="nav-link" href="skills.html">Skills</a></li>
<li class="nav-item nav-link"><a class="nav-link" href="#contact">contact Me</a></li>
</ul>
</div>
</div>
</nav>
<header class="masthead" style="background: url("assets/img/main_background.webp") bottom / auto;">
<div class="intro-body">
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<h1 class="display-6 brand-heading" style="font-size: 48px;font-family: 'Major Mono Display', monospace;">I am somnath das</h1>
<p class="intro-text">Freedom</p><a class="btn btn-link border rounded-0 btn-circle" role="button" href="#about"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" class="bi bi-chevron-down animated" data-bss-hover-animate="flash">
<path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"></path>
</svg></a>
</div>
</div>
</div>
</div>
</header>
<section class="text-center content-section" id="about">
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<h2 style="color: rgb(255,255,255);">『About Me』</h2>
<p style="color: rgb(255,255,255);">I am a backend developer and and currently focusing on Mathematics and Machine Learning.</p>
<p style="color: rgb(255,255,255);">Apart from programming, I am into music, philosophy and a bit of designing too. If you're curious about my music taste then let me know you that my favourite band is Ling Tosite Sigure. <a href="https://www.youtube.com/channel/UCWxFYv7xfPQVx5yzjpJX33w#" target="_blank">『Their Youtube Channel』</a>.</p>
<p style="color: rgb(255,255,255);">In general, I am always up to learn something new and especially something which interests me. Downside about me is I am a bit too emotional :)</p>
</div>
</div>
</div>
</section>
<section class="text-center download-section content-section" id="projects" style="background: url("assets/img/main_background.webp") center;">
<div class="container">
<!-- Start: Projects Horizontal -->
<section class="projects-horizontal">
<div class="container d-table-row" style="border-style: inset;border-color: var(--bs-pink);">
<!-- Start: Intro -->
<div class="intro">
<h2 class="text-center" style="color: rgb(255,255,255);">Projects </h2>
<p class="text-center" style="color: rgb(255,255,255);">These are few of my projects</p>
</div><!-- End: Intro -->
<!-- Start: Projects -->
<div class="row projects">
<div class="col-sm-6 item" style="color: rgb(255,255,255);">
<div class="row">
<div class="col-md-12 col-lg-5"><a href="#"><img class="img-fluid" src="assets/img/xre1.webp" style="height: 130px;"></a></div>
<div class="col">
<h3 class="name">Whatsapp-Botto-Xre</h3>
<p class="description" style="color: rgb(255,255,255);">Lightweight, Efficient & Stable Whatsapp Bot built with Baileys. Object-Oriented and Typescript based.<br></p><a class="btn btn-primary btn-lg text-capitalize cringe" role="button" href="https://github.com/Synthesized-Infinity/Whatsapp-Botto-Xre" target="_blank" style="color: rgb(255,255,255);border-color: rgb(255,255,255);background: rgba(9,10,10,0);"><i class="fa fa-github fa-fw" style="color: rgb(255,255,255);"></i><span class="network-name" style="color: rgb(255,255,255);"> github</span></a>
</div>
</div>
</div>
<div class="col-sm-6 item">
<div class="row">
<div class="col-md-12 col-lg-5"><a href="#"><img class="img-fluid" src="assets/img/darknessChan1.png" style="height: 130px;"></a></div>
<div class="col">
<h3 class="name" style="color: rgb(255,255,255);">Darkness-chan-GUI</h3>
<p class="description" style="color: rgb(255,255,255);">Based on Electron.js. A simple GUI program to download doujinshi and convert it to the pdf format also with Compressed setup.</p><a class="btn btn-primary btn-lg text-capitalize cringe" role="button" href="https://github.com/SomnathDas/Darkness_chan" target="_blank" style="color: rgb(255,255,255);border-color: rgb(255,255,255);background: rgba(9,10,10,0);"><i class="fa fa-github fa-fw" style="color: rgb(255,255,255);"></i><span class="network-name" style="color: rgb(255,255,255);"> github</span></a>
</div>
</div>
</div>
<div class="col-sm-6 item">
<div class="row">
<div class="col-md-12 col-lg-5"><a href="#"><img class="img-fluid" src="assets/img/anilink.webp" style="height: 130px;"></a></div>
<div class="col">
<h3 class="name" style="color: rgb(255,255,255);">AniLink</h3>
<p class="description" style="color: rgb(255,255,255);">A simple algorithm to grab the direct download links of your favorite anime in either 720p or 1080p.</p><a class="btn btn-primary btn-lg text-capitalize cringe" role="button" href="https://github.com/SomnathDas/AniLink" target="_blank" style="color: rgb(255,255,255);background: rgba(9,10,10,0);border-color: rgb(255,255,255);"><i class="fa fa-github fa-fw" style="color: rgb(255,255,255);"></i><span class="network-name" style="color: rgb(255,255,255);"> github</span></a>
</div>
</div>
</div>
<div class="col-sm-6 item">
<div class="row">
<div class="col-md-12 col-lg-5"><a href="#"><img class="img-fluid" src="assets/img/desk.jpg" style="height: 130px;"></a></div>
<div class="col">
<h3 class="name" style="color: var(--bs-pink);">Coming-Soon</h3>
<p class="description" style="color: var(--bs-pink);">Something's up :0</p><a class="btn btn-primary btn-lg text-capitalize cringe" role="button" href="https://github.com/SomnathDas" target="_blank" style="color: rgb(255,255,255);border-color: rgb(255,255,255);background: rgba(9,10,10,0);"><i class="fa fa-github fa-fw" style="color: rgb(255,255,255);"></i><span class="network-name" style="color: rgb(255,255,255);"> github</span></a>
</div>
</div>
</div>
</div><!-- End: Projects -->
</div>
</section><!-- End: Projects Horizontal -->
</div>
</section>
<section class="text-center content-section" id="contact">
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<h2 style="color: rgb(255,255,255);">Contact Me</h2>
<p style="color: rgb(255,255,255);">Let's have a chit-chat and I'm always up for a new project. </p>
<ul class="list-inline banner-social-buttons">
<li class="list-inline-item"> <a class="btn btn-primary btn-lg text-capitalize btn-default" role="button" href="https://github.com/SomnathDas" target="_blank" style="color: rgb(255,255,255);border-color: rgb(255,255,255);"><i class="fa fa-github fa-fw" style="color: rgb(0,0,0);"></i><span class="network-name" style="color: rgb(0,0,0);"> github</span></a><a class="btn btn-primary active btn-lg text-capitalize link-dark btn-default" role="button" href="https://www.instagram.com/samurai3247/" target="_blank" style="border-color: var(--bs-white);color: var(--bs-white);"><i class="fab fa-instagram fa-fw" style="color: var(--bs-pink);"></i><span class="network-name" style="color: var(--bs-pink);"> Instagram</span></a><a class="btn btn-primary btn-lg text-capitalize link-dark btn-default" role="button" href="https://twitter.com/aksd3247" target="_blank" style="border-color: var(--bs-white);color: var(--bs-white);"><i class="fa fa-twitter fa-fw" style="color: var(--bs-cyan);"></i><span class="network-name" style="color: var(--bs-cyan);"> Twitter</span></a></li>
</ul>
</div>
</div>
</div>
</section>
<footer>
<div class="container text-center" id="date-year">
<p class="text-center" style="font-family: 'Major Mono Display', monospace;font-size: 14px;filter: blur(0px) invert(0%);color: rgb(255,255,255);">Copyright © 2021<br>Somnath Das</p>
</div>
</footer>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/bs-init.js"></script>
<script src="assets/js/grayscale.js"></script>
<script src="assets/js/decoder_effect.js"></script>
<script src="assets/js/index.js"></script>
</body>
</html>