ShriRambo.github.io/index.html at master · ShriRambo/ShriRambo.github.io · 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
<!DOCTYPE html>
<html>
<title>Shriram|Profile</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Roboto'>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="./Resources/myCSS.css">
<style>
html,body,h1,h2,h3,h4,h5,h6 {font-family: "Roboto", 'Times New Roman'}
</style>
<body class="w3-light-grey">
<!-- Page Container -->
<div class="w3-content w3-margin-top" style="max-width:1400px;padding:0%">


  <!-- The Grid -->
  <div class="w3-row-padding" >

 <!-- Navbar -->
 <div class="w3-row-padding" style="margin-top:-10px; margin-bottom:2px">


    <div class="w3-bar w3-theme-d2 w3-left-align">
      <a class="w3-bar-item w3-button w3-hide-medium w3-hide-large w3-right w3-hover-white w3-theme-d2" href="javascript:void(0);" onclick="openNav()"><i class="fa fa-bars"></i></a>
      <a href="#" class="w3-bar-item w3-button w3-teal"><i class="fa fa-home "></i></a>
      <a href="http://www.linkedin.com/in/shriram-ashirgade" class="w3-bar-item w3-button w3-hide-small w3-hover-white"><i class="fa fa-linkedin "></i></a>
      <a  href="./Gallery/gallery.html" class="w3-bar-item w3-button w3-hide-small w3-hover-white">Gallery</a>
      <a href="https://shrirambo.github.io/p5Gallery/index.html" class="w3-bar-item w3-button w3-hide-small w3-hover-white">Generative Art</a>
      <a href="./Work-in-progress/inProgress.html"    class="w3-bar-item w3-button w3-hide-small w3-hover-white w3-right-align">Blog</a>
      <a onclick="openContactForm()"  class="w3-bar-item w3-button w3-hide-small w3-hover-white w3-right-align">Contact</a>
    <!-- Drop Down Menu
    <div class="w3-dropdown-hover w3-hide-small">
      <button class="w3-button" title="Notifications">Dropdown <i class="fa fa-caret-down"></i></button>
      <div class="w3-dropdown-content w3-card-4 w3-bar-block">
        <a href="#" class="w3-bar-item w3-button">Link</a>
        <a href="#" class="w3-bar-item w3-button">Link</a>
        <a href="#" class="w3-bar-item w3-button">Link</a>
      </div>
    </div>
    -->
    </div>

     <!-- Navbar on small screens -->
     <div id="navDemo" class="w3-bar-block w3-theme-d2 w3-hide w3-hide-large w3-hide-medium">
        <a href="http://www.linkedin.com/in/shriram-ashirgade"class="w3-bar-item w3-button"><i class="fa fa-linkedin "></i></a>
        <a  href="./Gallery/gallery.html" class="w3-bar-item w3-button">Gallery</a>
        <a href="https://shrirambo.github.io/p5Gallery/index.html" class="w3-bar-item w3-button">Generative Art</a>
        <a href="./Work-in-progress/inProgress.html" class="w3-bar-item w3-button ">Blog</a>
        <a onclick="openContactForm()"  class="w3-bar-item w3-button ">Contact</a>
     </div>
   </div>

  <!-- Modal contact form -->
      <!-- Modal for full size contact form-->
      <div id="modal01" class="modal" style="padding-top:10" onclick="this.style.display='none'">
        <div class="w3-animate-zoom w3-center w3-transparent iframe-container" style="opacity: 50%;">
          <iframe align='center'
            src="https://docs.google.com/forms/d/e/1FAIpQLSdYX1GDz7wdg30oHfXyw28TYD4_HTOhmPU1JPbg2_WGoRFTsw/viewform?embedded=true&hl=en"
            height="700" width="640" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe>
        </div>
      </div>


    <!-- Left Column -->
    <div class="w3-third">

      <div class="w3-white w3-text-grey w3-card-4">
        <div class="w3-display-container">
          <img src="./Resources/pic2.jpg" style="width:100%" alt="Avatar">
          <div class="w3-display-bottomleft w3-container w3-text-black">
            <h2 style="color:#fffce5;  text-shadow: 4px 4px 5px #1f1f1f;">Shriram Ashirgade</h2>
          </div>
        </div>
        <div class="w3-container">
          <!--
            <p><i class="fa fa-graduation-cap fa-fw w3-margin-right w3-large w3-text-teal"></i>MSc Applied Mathematics, TU Delft</p>
           -->
          <p><i class="fa fa-home fa-fw w3-margin-right w3-large w3-text-teal"></i>Delft, The Netherlands</p>
          <!-- <p><i class="fa fa-envelope fa-fw w3-margin-right w3-large w3-text-teal" ></i><a href="mailto:s.ashirgade@gmail.com">s.ashirgade@gmail.com</a></p>
          <p><i class="fa fa-phone fa-fw w3-margin-right w3-large w3-text-teal"></i>+31-620-352-445</p>
          <p><i class="fa fa-birthday-cake fa-home fa-fw w3-margin-right w3-large w3-text-teal"></i>27th of March 1995</p>
          <p><i class="fa fa-list fa-fw w3-margin-right w3-large w3-text-teal"></i><a href="./Resources/Professional_CV.pdf">Professional Resume(pdf)</a></p> -->
          <hr>

          <p class="w3-large"><b><i class="fa fa-asterisk fa-fw w3-margin-right w3-text-teal"></i>Skills</b></p>

          <h5><i class="fa fa-code fa-fw w3-margin-right w3-text-teal"></i>Programming Languages</h5>
          <ul class=three-columns>
            <li>Python</li>
            <li>Julia</li>
            <li>Javascript</li>
            <li>Java(Basic)</li>
          </ul>

          <br>

          <h5><i class="fa fa-laptop fa-fw w3-margin-right w3-text-teal"></i>Software Packages</h5>
          <ul class=three-columns>
            <li>Matlab</li>
            <li>Mathematica</li>
            <li>Maple</li>
            <li>Adobe Photoshop</li>
          </ul>

          <br>

          <h5><i class="fa fa-language fa-fw w3-margin-right w3-text-teal"></i>Languages</h5>
          <ul class=three-columns>
            <li>English</li>
            <li>Dutch A1</li>
            <li>Hindi</li>
            <li>Marathi</li>
          </ul>

          <hr>

          <p class="w3-large"><b><i class="fa fa-asterisk fa-fw w3-margin-right w3-text-teal"></i>Interests and Activities</b></p>
          <h5><i class="fa fa-paint-brush fa-fw w3-margin-right w3-text-teal"></i>Painting and Sketching</h5>
          <p align="right"> Not the professional kind ;p Check out my <a href="./Gallery/gallery.html">gallery</a>.</p>
          <h5><i class="fa fa-asterisk  fa-fw w3-margin-right w3-text-teal"></i>Reading</h5>
          <h5><i class="fa fa-code fa-fw w3-margin-right w3-text-teal"></i>Generative Art using processing and p5.js</h5>
          <p align="right">Check out my <a href="https://github.com/ShriRambo/GenerativeArt">Github repo.</a></p>

          <br>


        </div>
      </div><br>

    <!-- End Left Column -->
    </div>

    <!-- Right Column -->
    <div class="w3-twothird " >

      <!-- Education -->
      <div class="w3-container w3-card w3-white w3-margin-bottom">
        <h2 class="w3-text-grey w3-padding-16"><i class="fa fa-certificate fa-fw w3-margin-right w3-xxlarge w3-text-teal"></i>Education</h2>

         <!-- Masters -->
        <div class="w3-container">
          <h5 class="w3-opacity"><b> Masters of Applied Mathematics,</b></h5>
          <h5 class="w3-opacity"><b>   Delft University of Technology, The Netherlands</b></h5>
          <h6 class="w3-text-teal"><i class="fa fa-calendar fa-fw w3-margin-right"></i>August 2017- <span class="w3-tag w3-teal w3-round">Current</span></h6>
          <p class="opaq-70" >Track: Computational Science and Engineering</p>
          <p class="opaq-70">Thesis: Stochastic Modelling of Coastal Waves (at <a href="https://www.deltares.nl/en/">Deltares</a>)</p>
          <p class="opaq-70">Advisor: Prof. dr. ir. Martin Verlaan</p>
          <hr>
        </div>

        <!-- Bachelor -->
        <div class="w3-container">
          <h5 class="w3-opacity"><b>Bachelor of Engineering (Honours) in Mechanical Engineering,</b></h5>
          <h5 class="w3-opacity"><b>  Birla Institute of Technology and Science, Pilani, India</b></h5>
          <h6 class="w3-text-teal"><i class="fa fa-calendar fa-fw w3-margin-right"></i>August 2013-May 2017</h6>
          <p class="opaq-70">Thesis: Analysis of Oscillator with Backlash Type Non-linearityand Parametric Excitation</p>
          <p class="opaq-70">Advisor: Dr. Amol Marathe, GPA: 9.02/10, Distinction</p>
          <hr>
        </div>

        <!-- School -->
        <div class="w3-container">
          <h5 class="opaq-70"><b>Higher Secondary School Certificate,</b></h5>
          <h5 class="opaq-70"><b> Maharashtra State Board,India</b></h5>
          <h6 class="w3-text-teal"><i class="fa fa-calendar fa-fw w3-margin-right"></i>August 2012-May 2013</h6>
          <p class="opaq-70">GPA: 84.5/100</p>
          <hr>
        </div>

      </div>


      <!-- Experience -->
      <div class="w3-container w3-card w3-white w3-margin-bottom">
        <h2 class="w3-text-grey w3-padding-16"><i class="fa fa-suitcase fa-fw w3-margin-right w3-xxlarge w3-text-teal"></i>Experience</h2>

        <!-- Exp-1 -->
        <div class="w3-container">
          <h5 class="w3-opacity"><b>Research Intern at Returns by Design B.V. Amsterdam, The Netherlands</b></h5>
          <h6 class="w3-text-teal"><i class="fa fa-calendar fa-fw w3-margin-right"></i>Apr, July - Sept 2018</h6>
          <p class="opaq-70">Project:Bayesian Approach for Detecting False Positives in Investment Strategies</p>
          <p>
            <ul>
              <li class="opaq-70">Worked on linear regression machine learning algorithms to fit returns of a portfolio consisting of several bonds and ETFs.</li>
              <li class="opaq-70">Formulated a Bayesian framework to quantify the quality of the mathematical model in describing the structure in the financial data and to predict the out-of-sample performance based on the in-sample performance and the model complexity.</li>
              <li class="opaq-70">Implemented the framework on programmatically generated data as well as real-life data to compare the performance of models of varying complexities</li>
            </ul>
          </p>
          <hr>
        </div>

        <!-- Exp-2 -->
        <div class="w3-container">
          <h5 class="w3-opacity"><b>Research Intern at Indian Institute of Technology, Guwahati, India</b></h5>
          <h6 class="w3-text-teal"><i class="fa fa-calendar fa-fw w3-margin-right"></i>May-July 2016</h6>
          <p class="opaq-70">Project:Comparison of Explicit Time Integration Schemes for Dynamic Problems</p>
          <p>
            <ul>
              <li class="opaq-70">Compared five different explicit time integration schemes on basis of their accuracy, convergence and computational effort for a linear as well as a nonlinear dynamical system.</li>
              <li class="opaq-70">Suggested norms for selection of integration scheme depending on required accuracy and type of system analyzed.</li>
            </ul>
          </p>
          <hr>
        </div>


        <!-- Exp-3 -->
        <div class="w3-container">
          <h5 class="w3-opacity"><b>Traineeship at Defense Research and Development Lab, Hyderabad, India</b></h5>
          <h6 class="w3-text-teal"><i class="fa fa-calendar fa-fw w3-margin-right"></i>May-July 2015</h6>
          <p class="opaq-70">Project:Stress analysis and designing of missile shell, Kinematic and dynamicanalysis of industrial robots.</p>
          <p>
            <ul>
              <li class="opaq-70">Calculated optimal shell thickness by analyzing stresses and strains on ballistic missile using given dataset.</li>
              <li class="opaq-70">Carried out the kinematic and dynamic analysis of industrial robots using computational methods.</li>
            </ul>
          </p>
          <hr>
        </div>


      </div>

    <!-- End Right Column -->
    </div>

  <!-- End Grid -->
  </div>

  <!-- End Page Container -->
  <!-- End Page Container -->
</div>

<footer class="w3-container w3-center w3-margin-top" style="background-color:#009688;">
 <i class="fa fa-facebook-official w3-hover-opacity"
   onclick="window.location.href ='https://www.facebook.com/sashirgade'"></i>
 <i class="fa fa-instagram w3-hover-opacity"
   onclick="window.location.href ='https://www.instagram.com/shri_rambo/'"></i>
 <i class="fa fa-linkedin w3-hover-opacity"
   onclick="window.location.href ='http://www.linkedin.com/in/shriram-ashirgade'"></i>
 <i class="fa fa-github w3-hover-opacity" onclick="window.location.href ='https://github.com/shrirambo'"></i>
 <p class="w3-medium">Powered by <a href="https://www.w3schools.com/w3css/default.asp" target="_blank"
     class="w3-hover-text-green">w3.css</a></p>
</footer>


<script>
    // Script for side navigation
    function w3_open() {
      var x = document.getElementById("mySidebar");
      x.style.width = "300px";
      x.style.paddingTop = "10%";
      x.style.display = "block";
    }

    // Close side navigation
    function w3_close() {
      document.getElementById("mySidebar").style.display = "none";
    }

    // Used to toggle the menu on smaller screens when clicking on the menu button
    function openNav() {
      var x = document.getElementById("navDemo");
      if (x.className.indexOf("w3-show") == -1) {
        x.className += " w3-show";
      } else {
        x.className = x.className.replace(" w3-show", "");
      }
    }

    // Modal contact form
    function openContactForm() {
    document.getElementById("modal01").style.display = "block";
    //var captionText = document.getElementById("caption");
    //captionText.innerHTML = element.alt;
    }
    </script>

</body>
</html>

 <!-- Other comments

Linkedin: href="www.linkedin.com/in/shriram-ashirgade"


<table  style="width:100%" >
            <col width="20%">
            <col width="80%">
            <tr>
              <th align="left"><h5><i class="fa fa-paint-brush fa-fw w3-margin-right w3-text-teal"></i</h5></th>
              <td align="left"><h5>Painting and Sketching</h5></td>
            </tr>
          </table>

 !--
          <p>MATLAB</p>
          <div class="w3-light-grey w3-round-xlarge w3-small">
            <div class="w3-container w3-center w3-round-xlarge w3-teal" style="width:90%">90%</div>
          </div>
          <p>Maple</p>
          <div class="w3-light-grey w3-round-xlarge w3-small">
            <div class="w3-container w3-center w3-round-xlarge w3-teal" style="width:80%">
              <div class="w3-center w3-text-white">80%</div>
            </div>
          </div>
          <p>Photoshop</p>
          <div class="w3-light-grey w3-round-xlarge w3-small">
            <div class="w3-container w3-center w3-round-xlarge w3-teal" style="width:75%">75%</div>
          </div>-->

          <!--<p>Media</p>
          <div class="w3-light-grey w3-round-xlarge w3-small">
            <div class="w3-container w3-center w3-round-xlarge w3-teal" style="width:50%">50%</div>
          </div>
          -->


          <!-- Programming Languages
          <p class="w3-large w3-text-theme"><b><i class="fa fa-globe fa-fw w3-margin-right w3-text-teal"></i>Programming Languages</b></p>

          <p>Python</p>
          <div class="w3-light-grey w3-round-xlarge">
            <div class="w3-round-xlarge w3-teal" style="height:24px;width:100%"></div>
          </div>

          <p>Julia</p>
          <div class="w3-light-grey w3-round-xlarge">
            <div class="w3-round-xlarge w3-teal" style="height:24px;width:55%"></div>
          </div>

          <p>Javascript</p>
          <div class="w3-light-grey w3-round-xlarge">
            <div class="w3-round-xlarge w3-teal" style="height:24px;width:40%"></div>
          </div>

          <p>Java</p>
          <div class="w3-light-grey w3-round-xlarge">
            <div class="w3-round-xlarge w3-teal" style="height:24px;width:25%"></div>
          </div>
           -->