Portfolio/index.html at main · Debo0013/Portfolio · GitHub

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
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<link rel="icon" href="images/Letter-D.jpg" type="image/jpg">
	<title>Debabrata's Portfolio</title>

  <!-- mobile responsive meta -->
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

  <!-- ** Plugins Needed for the Project ** -->
  <!-- Bootstrap -->
  <link rel="stylesheet" href="plugins/bootstrap/bootstrap.min.css">
  <!-- slick slider -->
  <link rel="stylesheet" href="plugins/slick/slick.css">
  <!-- themefy-icon -->
  <link rel="stylesheet" href="plugins/themify-icons/themify-icons.css">

  <!-- Main Stylesheet -->
  <link href="css/style.css" rel="stylesheet">

  <!--Favicon-->
  <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
  <link rel="icon" href="images/favicon.ico" type="image/x-icon">

</head>

<body>


<header class="navigation fixed-top">
  <nav class="navbar navbar-expand-lg navbar-dark">
    <a class="navbar-brand font-tertiary h3" href="index.html"><img src="#" alt=""></a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navigation"
      aria-controls="navigation" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>

    <div class="collapse navbar-collapse text-center" id="navigation">
      <ul class="navbar-nav ml-auto">
        <li class="nav-item active">
          <a class="nav-link" href="index.html">Home</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="blog.html">Articles</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="about.html">About Me</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="portfolio.html">Portfolio Projects</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="contact.html">Contact</a>
        </li>
      </ul>
    </div>
  </nav>
</header>

<!-- hero area -->
<section class="hero-area bg-primary" id="parallax">
  <div class="container">
    <div class="row">
      <div class="col-lg-11 mx-auto">
        <h1 class="text-white font-tertiary">Hi! I’m <br> Debabrata Das<br>a Data Analyst</h1>
        <a href="images/Debabrata_Das_CV.pdf" class="btn btn-primary mt-3">Resume</a>
      </div>
    </div>
  </div>
  <div class="layer-bg w-100">
    <img class="img-fluid w-100" src="images/illustrations/leaf-bg.png" alt="bg-shape">
  </div>
  <div class="layer" id="l2">
    <img src="images/illustrations/dots-cyan.png" alt="bg-shape">
  </div>
  <div class="layer" id="l3">
    <img src="images/illustrations/leaf-orange.png" alt="bg-shape">
  </div>
  <div class="layer" id="l4">
    <img src="images/illustrations/dots-orange.png" alt="bg-shape">
  </div>
  <div class="layer" id="l5">
    <img src="images/illustrations/leaf-yellow.png" alt="bg-shape">
  </div>
  <div class="layer" id="l6">
    <img src="images/illustrations/leaf-cyan.png" alt="bg-shape">
  </div>
  <div class="layer" id="l7">
    <img src="images/illustrations/dots-group-orange.png" alt="bg-shape">
  </div>
  <div class="layer" id="l8">
    <img src="images/illustrations/leaf-pink-round.png" alt="bg-shape">
  </div>
  <div class="layer" id="l9">
    <img src="images/illustrations/leaf-cyan-2.png" alt="bg-shape">
  </div>

  <!-- social icon -->
  <ul class="list-unstyled ml-5 mt-3 position-relative zindex-1">
    <li class="mb-3"><a class="text-white" href="https://www.linkedin.com/in/debabrata-das-69133222b/"><i class="ti-linkedin"  style="font-size: 30px;"></i></a></li>
    <li class="mb-3"><a class="text-white" href="https://github.com/Debo0013"><i class="ti-github"  style="font-size: 30px;"></i></a></li>
  </ul>
  <!-- /social icon -->

</section>
<!-- /hero area -->

<!-- about -->
<section class="section">
  <div class="container">
    <div class="row">
      <div class="col-lg-10 mx-auto text-center">
        <h3 class="text-center"><b>Who am I</b></h3>
        <br>
        <p class="font-weight-bold paragraph-lg text-dark">As an Analyst experienced in analysing and defining large datasets, I've refined my abilities
          to navigate and manage extensive pools of data. I am dedicated and motivated, consistently seeking challenging roles in dynamic organisation’s.
          My aim is to align and enhance my skills in analytics, automation, and optimisation, fostering continuous learning opportunities that propel
          business growth and success. I thrive on embracing new challenges and am eager to contribute to an environment that values innovation and
          embraces the evolving landscape of data.</p>
        <a href="about.html" class="btn btn-transparent">know more</a>
      </div>
    </div>
  </div>
</section>
<!-- /about -->

<!-- experience -->
<section class="section">
  <div class="container">
    <div class="row justify-content-around">
      <div class="col-lg-12 text-center">
        <h2 class="section-title"><u>Experience</u></h2>
      </div>
      <div class="col-lg-3 col-md-4 text-center">
        <img src="images/experience/icon-5.png" alt="icon">
        <p class="mb-0">February 2024 - Present</p>
        <h4><b>Data Analyst</b></h4>
        <h6 class="text-dark"><a href="https://www.facctum.com/en/"><b>@ Facctum</b></a></h6>
      </div>
    </div>
  </div>
</section>
<section class="section">
  <div class="container">
    <div class="row justify-content-around">
      <div class="col-lg-12 text-center">
      </div>
      <div class="col-lg-3 col-md-4 text-center">
        <img src="images/experience/icon-5.png" alt="icon">
        <p class="mb-0">June 2023 - February 2024</p>
        <h4><b>Analyst</b></h4>
        <h6 class="text-dark"><a href="https://www.zigram.tech/"><b>@ Zigram</b></a></h6>
      </div>
    </div>
  </div>
</section>
<!-- experience -->

<!-- education -->
<section class="section position-relative">
  <div class="container">
    <div class="row">
      <div class="col-lg-12 text-center">
        <h2 class="section-title"><u>Education</u></h2>
      </div>
    </div>
    <div class="row justify-content-center"> <!-- Center the content within a new row -->
      <div class="col-lg-6 col-md-6 mb-80">
        <div class="d-flex">
          <div class="mr-lg-5 mr-3">
            <i class="ti-medall icon icon-light icon-bg bg-white shadow rounded-circle d-block"></i>
          </div>
          <div>
            <p class="text-dark mb-1"></p>
            <h4><b>Bachelor of Science with Physics</b></h4>
            <p class="mb-0 text-dark">Assam University (Silchar)</p>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- bg image -->
  <img class="img-fluid edu-bg-image w-100" src="images/backgrounds/education-bg.png" alt="bg-image">
</section>
<!-- /education -->

<!-- portfolio -->
<section class="section">
  <div class="container">
    <div class="row">
      <div class="col-12 text-center">
        <h2 class="section-title"><u>Portfolio Projects</u></h2>
      </div>
    </div>
    <div class="row shuffle-wrapper">
      <div class="col-lg-4 col-6 mb-4 shuffle-item">
        <div class="position-relative rounded hover-wrapper">
          <img src="images/portfolio/Data-Analysis-In-Excel.jpg" alt="portfolio-image" class="img-fluid rounded w-100">
          <div class="hover-overlay">
            <div class="hover-content">
              <a class="btn btn-light btn-sm" href="https://www.dropbox.com/scl/fi/irzzwifkiueg7n0iagyw2/Budget_Monitor.xlsx?dl=0&rlkey=mlj3hzg3lb3bs71ckf46z8cagdl=1">view project</a>
            </div>
          </div>
        </div>
        <div class="short_info">
          <h4><a href="https://www.dropbox.com/scl/fi/irzzwifkiueg7n0iagyw2/Budget_Monitor.xlsx?dl=0&rlkey=mlj3hzg3lb3bs71ckf46z8cagdl=1"><b><u>Excel Project : Budget Analysis</u></b></a></h4>
          <p><b>A budget monitoring tool offers a personalized dashboard for tracking expenses,
            savings, and progress in real time. Download the file for optimal experience.</b></p>
        </div>
      </div>
      <div class="col-lg-4 col-6 mb-4 shuffle-item">
        <div class="position-relative rounded hover-wrapper">
          <img src="images/portfolio/airbnb.jpg" alt="portfolio-image" class="img-fluid rounded w-100">
          <div class="hover-overlay">
            <div class="hover-content">
              <a class="btn btn-light btn-sm" href="https://public.tableau.com/views/First_Analysis_Project_On_AirBnB/Dashboard1?:language=en-GB&:display_count=n&:origin=viz_share_link">view project</a>
            </div>
          </div>
        </div>
        <div class="short_info">
          <h4><a href="https://public.tableau.com/views/First_Analysis_Project_On_AirBnB/Dashboard1?:language=en-GB&:display_count=n&:origin=viz_share_link"><b><u>Tableau Project : AirBnB Booking Analysis</u></b></a></h4>
          <p><b>I used Kaggle to import US AirBnB sales data, conducting an analysis to pinpoint
            profitable city sections and optimal listing times for various types of houses to
            maximize profit.</b></p>
        </div>
      </div>
      <div class="col-lg-4 col-6 mb-4 shuffle-item">
        <div class="position-relative rounded hover-wrapper">
          <img src="images/portfolio/IPL_Analysis.png" alt="portfolio-image" class="img-fluid rounded w-100">
          <div class="hover-overlay">
            <div class="hover-content">
              <a class="btn btn-light btn-sm" href="https://github.com/Debo0013/Analysis">view project</a>
            </div>
          </div>
        </div>
        <div class="short_info">
          <h4><a href="https://github.com/Debo0013/Analysis"><b><u>IPL Data Analysis on Jupyter Notebook</u></b></a></h4>
          <p><b>IPL Data Analysis using Python in Jupyter Notebook, covering team performance,
            player stats, match outcomes, and demonstrating data manipulation, visualization,
            and insights.</b></p>
        </div>
      </div>
    </div>
    <a href="portfolio.html" class="btn btn-primary mt-3">View other Projects</a>
  </div>
</section>
<!-- /portfolio -->

<!-- Article -->
<section class="section">
  <div class="container">
    <div class="row">
      <div class="col-12 text-center">
        <h2 class="section-title"><u>Articles</u></h2>
      </div>
      <div class="col-lg-4 col-sm-6 mb-4 mb-lg-0">
        <article class="card shadow">
          <img class="rounded card-img-top" src="images/blog/Conversational-AI.png" alt="post-thumb">
          <div class="card-body">
            <h4 class="card-title"><a class="text-dark" href="blog-single.html">Google's approach to humanising the internet.</a>
            </h4>
            <p class="cars-text">Google's LaMDA has the potential to revolutionize online interactions
              and information access, enhancing the internet's human-centric experience.</p>
            <a href="blog-single.html" class="btn btn-xs btn-primary">Read More</a>
          </div>
        </article>
      </div>
      <div class="col-lg-4 col-sm-6 mb-4 mb-lg-0">
        <article class="card shadow">
          <img class="rounded card-img-top" src="images/blog/Fusion.jpg" alt="post-thumb">
          <div class="card-body">
            <h4 class="card-title"><a class="text-dark" href="blog-JET.html"> Joint European Torus (JET).</a>
            </h4>
            <p class="cars-text">A historic breakthrough occurred at JET.
              Scientists shattered a 24-year-old record by achieving an unprecedented,
              sustained energy pulse through nuclear fusion.</p>
            <a href="blog-JET.html" class="btn btn-xs btn-primary">Read More</a>
          </div>
        </article>
      </div>
      <div class="col-lg-4 col-sm-6 mb-4 mb-lg-0">
        <article class="card shadow">
          <img class="rounded card-img-top" src="images/blog/Creating.jpg" alt="post-thumb">
          <div class="card-body">
            <h4 class="card-title"><a class="text-dark" href="blog.html">Working on Ideas</a>
            </h4>
            <p class="cars-text">Please feel welcome to share any ideas that could resonate with the wider public.</p>
            <a href="blog.html" class="btn btn-xs btn-primary">Read More</a>
          </div>
        </article>
      </div>
    </div>
  </div>
</section>
<!-- /Article -->

<!-- footer -->
<footer class="bg-dark footer-section">
  <div class="section">
    <div class="container">
      <div class="row">
        <div class="col-md-4">
          <h5 class="text-light">Email</h5>
          <p class="text-white paragraph-lg font-tertiary"><u>debodas1333@gmail.com</u></p>
        </div>
        <div class="col-md-4">
          <h5 class="text-light">Phone</h5>
          <p class="text-white paragraph-lg font-tertiary"><u>+91 9957085950</u></p>
        </div>
        <div class="col-md-4">
          <h5 class="text-light">Address</h5>
          <p class="text-white paragraph-lg font-tertiary"><u>Harangajao, Assam, India</u></p>
        </div>
      </div>
    </div>
  </div>
  <section class="section">
    <div class="container">
      <div class="row">
        <div class="col-lg-10 mx-auto text-center">
          <p class="text-white font-tertiary paragraph-lg" style="font-family: Georgia, 'Times New Roman', Times, serif;">
            <script>
              document.write(new Date().getFullYear() + ' Made with ❤️ by Debo');
            </script>
          </p>
        </div>
      </div>
    </div>
  </section>
</footer>
<!-- /footer -->

<!-- jQuery -->
<script src="plugins/jQuery/jquery.min.js"></script>
<!-- Bootstrap JS -->
<script src="plugins/bootstrap/bootstrap.min.js"></script>
<!-- slick slider -->
<script src="plugins/slick/slick.min.js"></script>
<!-- filter -->
<script src="plugins/shuffle/shuffle.min.js"></script>

<!-- Main Script -->
<script src="js/script.js"></script>

</body>
</html>