-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
279 lines (271 loc) · 17.3 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!--Favicon Link-->
<link rel="icon" href="assets/media/favicon.ico">
<!-- Bootstrap v4.1 Stylesheets CDN -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<!-- Custom CSS -->
<link rel="stylesheet" href="assets/css/main_custom_style.css">
<!-- Customized CSS with Media Queries for Different View Ports-->
<!-- Media Query for max-width: 992px -->
<link rel="stylesheet" media="screen and (max-width: 992px)" href="./assets/css/992.css">
<!-- Media Query for max-width: 768px -->
<link rel="stylesheet" media="screen and (max-width: 768px)" href="./assets/css/768.css">
<!-- Google Fonts Link-->
<link href="https://fonts.googleapis.com/css?family=Josefin+Sans" rel="stylesheet">
<title>My Portfolio</title>
</head>
<body>
<div class="container-fluid">
<header class="intro-header">
<div class="row intro-section">
<div class="col-md-3 col-sm-12 logo-col">
<div class="mini-logo">
<!-- Different Logos for Different viewports-->
<picture>
<source media="(max-width:992px)" srcset="./assets/media/udacity-logo-png-transparent.png">
<source media="(min-width:992px)" srcset="./assets/media/udacity-lg.svg">
<img class="logo" src="#image" alt="logo">
</picture>
</div>
</div>
<!-- Intro Name -->
<div class="col-sm-12 col-md-9 user-name text-right">
<div class="name-intro">
<h2><strong>Soumya Ranjan Behera</strong></h2>
<h5><em>IBM Certified Data Science Professional</em></h5>
</div>
</div>
</div>
</header>
<div class="section-body">
<!-- NavBar -->
<nav class="navbar navbar-expand-lg custom-navbar-style">
<a class="navbar-brand" href="index.html">Portfolio</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item active">
<a class="nav-link" href="exp.html">Experience</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="projects.html">Projects</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="edu.html">Education</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
</div>
</nav>
<!-- End of NavBar-->
</div>
<!-- Projects Showcase -->
<div class="section-projects clearfix">
<div class="text-center showcase-heading">
<h2>Featured Projects</h2>
</div>
<div class="row">
<div class="col-sm-12 col-md-4" style="margin-bottom: 2rem;">
<div class="card project-card" style="height: 100%">
<img class="card-img-top" src="./assets/media/posenet.png" alt="Card image cap">
<div class="card-body text-center d-flex flex-column mr-auto">
<h5 class="card-title" style="text-transform: capitalize;">PoseNet: Real-Time Human Pose Estimation</h5>
<p class="card-text">Implemented both Single and Multiple Body Keypoints Detection Algorithm using MobileNet
Architecture of CNN which resulted in 96.87% accuracy of the model.</p>
<a href="https://github.com/Soumya44/PoseNet-Real-Time-Human-Pose-Estimation-using-Tensorflow.js" class="btn btn-primary mt-auto" style="width: 6rem; margin: auto;">GitHub <i class="fa fa-github" aria-hidden="true"></i></a>
</div>
</div>
</div>
<div class="col-sm-12 col-md-4" style="margin-bottom: 2rem;">
<div class="card project-card" style="height: 100%">
<img class="card-img-top" src="./assets/media/react.png" alt="Card image cap">
<div class="card-body text-center d-flex flex-column mr-auto">
<h5 class="card-title">Hand-Written Digit Recognition Using Deep Learning</h5>
<p class="card-text">Developed a Deep Learning Model to recognize the hand-written digits efficiently with a testing
accuracy of 98.8% and training accuracy of 99.84% and compared with other models.</p>
<a href="https://github.com/Soumya44/Handwritten-Digit-Recognition-Using-Convolutional-Neural-
Network" class="btn btn-primary mt-auto" style="width: 6rem; margin: auto;">GitHub <i class="fa fa-github" aria-hidden="true"></i></a>
</div>
</div>
</div>
<div class="col-sm-12 col-md-4" style="margin-bottom: 2rem;">
<div class="card project-card" style="height: 100%">
<img class="card-img-top" src="./assets/media/neural.png" alt="Card image cap">
<div class="card-body text-center d-flex flex-column mr-auto">
<h5 class="card-title">Artistic Neural Style Transfer Using PyTorch</h5>
<p class="card-text">Implement the style transfer method using VGG19 that is outlined in the paper, Image Style Transfer
Using Convolutional Neural Networks, by Gatys in PyTorch.</p>
<a href="https://www.kaggle.com/soumya044/artistic-neural-style-transfer-using-pytorch" class="btn btn-primary mt-auto" style="width: 6rem; margin: auto;">Kaggle</a>
</div>
</div>
</div>
</div>
<a href="projects.html" style="text-decoration: none;"><button type="button" class="btn btn-primary moreprjct-btn">See More <i class="fa fa-arrow-right" aria-hidden="true"></i></button></a>
</div>
<!-- About Me Profile Section -->
<div class="profile-section">
<div class="card profile-card">
<div class="card-img-top avatar">
<img class="" src="assets/media/Soumya.jpg" alt="Card image cap">
</div>
<div class="card-body text-center profile-body-wrapper">
<h4 class="card-title">Soumya Ranjan Behera</h4>
<h6>Machine Learning/Deep Learning Practitioner</h6>
<i class="fa fa-map-marker" aria-hidden="true"></i> Bhubaneswar, IN<br>
<a href="https://www.linkedin.com/in/soumya044" class="btn btn-primary follow-btn"><i class="fa fa-linkedin" aria-hidden="true"></i>  LinkedIn</a>
<section class="aboutme">
<p class="card-text"><i class="fa fa-quote-left" aria-hidden="true"></i> <em>A passionate and responsible person with proven experience in Data Science seeking entry-level opportunities to be a part of an organization family and strive hard in achieving organizational goals with timely self improvements.</em> <i class="fa fa-quote-right" aria-hidden="true"></i></p>
</section>
<div class="container text-center resumebtn">
<a href="assets/CV - Soumya Ranjan Behera.pdf"><button type="button" class="btn btn-primary">Download Resume <i class="fa fa-download" aria-hidden="true"></i></button></a>
</div>
</div>
</div>
</div>
<!-- Tab Style View For Multiple Sections i.e Professional and Qualifications -->
<div class="personal-details">
<div class="wrapper">
<div class="tab-wrapper">
<ul class="tabs">
<li class="tab-link active" data-tab="1">Professional Life</li>
<li class="tab-link" data-tab="2">Academics</li>
</ul>
</div>
<div class="content-wrapper">
<div id="tab-1" class="tab-content active">
<!-- Timeline View 1 -->
<section class="cd-container">
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-movie">
<img src="./assets/media/yes-bank.png" alt="Yes Bank Logo">
</div>
<div class="cd-timeline-content">
<h2>Data Science Intern</h2>
<p>Worked with the Business Development and Technology Services (BDTS) Group of Yes Bank.</p>
<span class="cd-date">June'19 - August'19</span>
</div>
</div>
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-movie">
<img src="./assets/media/ibm.png" alt="IBM Logo">
</div>
<div class="cd-timeline-content">
<h2>IBM Data Science Professional Certificate</h2>
<p>Provided by IBM and powered by Coursera.</p>
<span class="cd-date">Feb'19</span>
</div>
</div>
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-movie">
<img src="./assets/media/pytorch-logo.png" alt="PyTorch">
</div>
<div class="cd-timeline-content">
<h2>Facebook PyTorch Scholar Hall of Fame 2018-19</h2>
<p>Provided by Facebook Artificial Intelligence and Udacity. Also, got placed in the Student Hall of Fame for continuous support and contribution.</p>
<span class="cd-date">Nov'18 - Present</span>
</div>
</div>
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-picture">
<img src="https://png.icons8.com/color/50/000000/google-logo.png" alt="google-logo">
</div>
<div class="cd-timeline-content">
<h2>Google India Scholar</h2>
<p>Got Selected as Google India Scholar and have attended Google I/O '18 on behalf of Google Scholars.</p>
<span class="cd-date">Feb '18 - Dec '18</span>
</div>
</div>
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-movie">
<img src="./assets/media/Reliance_Industries_Logo.svg" alt="Reliance">
</div>
<div class="cd-timeline-content">
<h2>Machine Learning Intern</h2>
<p> Was a part of the main Business Intellignce and Analysis Team of Reliance Industries Limited, Navi Mumbai</p>
<span class="cd-date">June'18 - July'18</span>
</div>
</div>
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-picture">
<img src="./assets/media/eride_400x400.jpg" alt="Eride">
</div>
<div class="cd-timeline-content">
<h2>Digital Marketing Intern</h2>
<p>Empowering Rural Intellect With Digital Education. Was a Digital Marketing Intern of Eride NGO.</p>
<span class="cd-date">Jan'18 - Feb'18</span>
</div>
</div>
</section>
</div>
<div id="tab-2" class="tab-content">
<!-- Timeline view 2 -->
<section class="cd-container">
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-picture">
<img src="https://png.icons8.com/dusk/64/000000/student-male.png" alt="student">
</div>
<div class="cd-timeline-content">
<h2>B.Tech(Hons.) CSE</h2>
<p>CGPA 7.8</p>
<span class="cd-date">2016 - Present</span>
</div>
</div>
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-movie">
<img src="./assets/media/udacity-logo-png-transparent.png" alt="Udacity">
</div>
<div class="cd-timeline-content">
<h2>Udacity Front-End Developer Nanodegree</h2>
<p>Google-Udacity Scholarship</p>
<span class="cd-date">Feb'18 - Nov'18</span>
</div>
</div>
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-picture">
<img src="./assets/media/udacity-logo-png-transparent.png" alt="Udacity">
</div>
<div class="cd-timeline-content">
<h2>Deep Learning using PyTorch</h2>
<p>Facebook PyTorch Scholarship 2018-19</p>
<span class="cd-date">Nov'18 - Jan'19</span>
</div>
</div>
</section>
</div>
</div>
</div>
</div>
<!-- Connection Button -->
<div class="contact-section clearfix">
<a href="contact.html" class="btn btn-primary contact-btn"><i class="fa fa-envelope" aria-hidden="true"></i> Contact Me</a>
</div>
<!-- Floating Hamburger Menu -->
<!-- <div class="parent2">
<div class="test1"><i class="fa fa-home fa-2x"></i></div>
<div class="test2"><i class="fa fa-code fa-2x"></i></div>
<div class="test3"><i class="fa fa-graduation-cap fa-2x"></i></div>
<div class="test4"><i class="fa fa-envelope-o fa-2x"></i></div>
<div class="mask2"><i class="fa fa-bars fa-2x"></i></div>
</div> -->
</div>
<!--Bootsrap v4.1 JavaScript Dependencies-->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>
<!-- Custom JS Files -->
<script src="assets/js/main.js"></script>
</body>
</html>