-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
155 lines (145 loc) · 7.16 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Thach MAI Resume</title>
<meta name="author" content="Thach MAI">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- FONT -->
<link href="//fonts.googleapis.com/css?family=Raleway:400,300,600" rel="stylesheet" type="text/css">
<!-- CSS -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/skeleton.css">
<link rel="stylesheet" href="css/main.css">
<!-- Favicon -->
<link rel="icon" type="image/png" href="imgs/favicon.png">
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-40873307-1', 'thachmai.info');
ga('send', 'pageview');
</script>
<script type="text/javascript">
window.heap=window.heap||[],heap.load=function(t,e){window.heap.appid=t,window.heap.config=e;var a=document.createElement("script");a.type="text/javascript",a.async=!0,a.src=("https:"===document.location.protocol?"https:":"http:")+"//cdn.heapanalytics.com/js/heap-"+t+".js";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(a,n);for(var o=function(t){return function(){heap.push([t].concat(Array.prototype.slice.call(arguments,0)))}},p=["clearEventProperties","identify","setEventProperties","track","unsetEventProperty"],c=0;c<p.length;c++)heap[p[c]]=o(p[c])};
heap.load("1725376836");
</script>
</head>
<body class="ambient">
<!-- top header -->
<div class="surround" style="height: 60px;">
<div class="container">
<div class="row">
<div class="six columns">
<h4 style="margin-top: 10px;">Thach MAI</h4>
</div>
<div class="six columns">
<section class="contact-info">
<b>Independant Full-Stack Software Engineer</b><br/>
Grenoble, France<br/>
<a href="mailto:[email protected]">[email protected]</a>
</section>
</div>
</div>
</div>
<!-- main content -->
<div class="container">
<div class="row paper">
<p>
I'm a software engineer with a solid track record in deliverying high-value solutions.
I'm comfortable with the full stack of software development, with current emphasis on data visualization
and advanced HTML5 functionalities.
</p>
<p>
If you'd like to have more information about my projects and portfolio, <a href="mailto:[email protected]">drop me a line</a> and I'd be happy to oblige.
</p>
</div>
<div class="row">
<div id="front" class="three columns paper">
<h6>Frontend</h6>
</div>
<div id="back" class="three columns paper">
<h6>Backend</h6>
</div>
<div id="ops" class="three columns paper">
<h6>DevOps</h6>
</div>
<div id="bus" class="three columns paper">
<h6>Domain</h6>
</div>
</div>
<div class="row paper">
<h6>Experience</h6>
<div class="row">
<div class="one column">Present</div>
<div class="three columns">Independent Consultant</div>
<div class="eight columns"><b>BeeBuzziness</b></div>
</div>
<div class="row">
<div class="one column">2014</div>
<div class="three columns">Software Engineer</div>
<div class="eight columns"><b>BeeBuzziness</b></div>
</div>
<div class="row">
<div class="one column">2014</div>
<div class="three columns">Software Engineer</div>
<div class="eight columns"><b>Digimind</b></div>
</div>
<div class="row">
<div class="one column">2014</div>
<div class="three columns">Senior R&D Engineer</div>
<div class="eight columns"><b>Eloquant</b></div>
</div>
<div class="row">
<div class="one column">2009</div>
<div class="three columns">Software Consultant</div>
<div class="eight columns"><b>Intitek</b></div>
</div>
<div class="row">
<div class="one column">2007</div>
<div class="three columns">Senior Software Engineer</div>
<div class="eight columns"><b>Asia Pacific Breweries</b></div>
</div>
<div class="row">
<div class="one column">2006</div>
<div class="three columns">Software Consultant</div>
<div class="eight columns"><b>Astek</b></div>
</div>
<div class="row">
<div class="one column">2005</div>
<div class="three columns">Department Manager</div>
<div class="eight columns"><b>TRG International</b></div>
</div>
<div class="row">
<div class="one column">2004</div>
<div class="three columns">Team Lead</div>
<div class="eight columns"><b>DHS Communications</b></div>
</div>
<div class="row">
<div class="one column">2002</div>
<div class="three columns">Software Engineer</div>
<div class="eight columns"><b>TMA Solutions</b></div>
</div>
</div>
<div class="row paper">
<h6>Education</h6>
<div class="row">
<div class="one column">2001</div>
<div class="three columns">Computer Programmer Diploma (with Honors)</div>
<div class="eight columns"><b>Algonquin College</b></div>
</div>
</div>
</div>
<div class="footer">
<div class="container">
Copyright 2015 <a href="mailto:[email protected]">Thach MAI</a>. All rights reserved.
<a href="https://heapanalytics.com/?utm_source=badge"><img style="width:108px;height:41px" src="//heapanalytics.com/img/badgeLight.png" alt="Heap | Mobile and Web Analytics" /></a>
</div>
</div>
<script src="d3.v3.min.js"></script>
<script src="js/skillGraph.js"></script>
<script src="js/skillSet.js"></script>
<script src="js/main.js"></script>
</body>
</html>