lengoctram.github.io/CV.html at main · lengoctram/lengoctram.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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="description" content="">
  <meta name="author" content="">
  <title>Le Ngoc Tram Webpage</title>
  <!-- Bootstrap core CSS -->
  <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  <!-- Custom fonts for this template -->
  <link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
  <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
  <link href='https://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'>
  <link href='https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  <link href='https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700' rel='stylesheet' type='text/css'>

  <!-- Custom styles for this template -->
  <link href="css/agency.css" rel="stylesheet">
<style>
#button {
  display: inline-block;
  background-color: #005aab;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s,
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#button::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}
#button:hover {
  cursor: pointer;
  background-color: #333;
}
#button:active {
  background-color: #555;
}
#button.show {
  opacity: 1;
  visibility: visible;
}

/* Styles for the content section */

.content {
  width: 77%;
  margin: 50px auto;
  font-family: 'Merriweather', serif;
  font-size: 17px;
  color: #6c767a;
  line-height: 1.9;
}
@media (min-width: 500px) {
  .content {
    width: 43%;
  }
  #button {
    margin: 30px;
  }
}
.content h1 {
  margin-bottom: -10px;
  color: #03a9f4;
  line-height: 1.5;
}
.content h3 {
  font-style: italic;
  color: #96a2a7;
}
	.ml-auto, .mx-auto {
    margin-left: unset!important;
}

    #imgnoidung {
width: 100px;
height: 100px;
}


</style>
</head>


<body id="page-top">


<div class="contai">
<!--
	background-image: url("../img/background.jpg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: 100%; -->
<!-- <img src="img/background_2.jpg" width="100%" height="50%"> -->

  <!-- Header -->
<br>
	<div class="contai">
        <p align="center" style="color:darkgreen; font-size: 150%"><rm>Le Ngoc Tram's Homepage</em></p>
</div>
<div class="contai">

<nav class="navbar navbar-expand-lg navbar-dark" id="mainNav" >

    <div class="contai" >


      <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">

        Menu

        <i class="fas fa-bars"></i>

      </button>


      <div class="collapse navbar-collapse" id="navbarResponsive">

        <ul class="navbar-nav text-uppercase ml-auto">
            <li class="nav-item"><strong><a class="nav-link js-scroll-trigger" href="overview.html">Overview</a></strong></li>
            <li class="nav-item"><strong><a class="nav-link js-scroll-trigger" href="CV.html">CV</a></strong></li>
            <li class="nav-item"><strong><a class="nav-link js-scroll-trigger" href="publications.html">Publications</a></strong></li>
	    <li class="nav-item"><strong><a class="nav-link js-scroll-trigger" href="contact.html">Contact</a></strong></li>
        </ul>
        </div>

    </div>

  </nav>


</div>


    <div class="container">
        <br>
          <div >
            <h4>Curriculum Vitae</h4>
          </div>

	<embed src="img/CV_long_v2.pdf" width="1000px" height="1500px" />


	<div class="container abs" align="center">

          <ul class="list-inline social-buttons" >


  <!--
  <section class="bg-light page-section" id="Committee" style="padding: 50px 0;">
    <div class="container">
      <div class="row">
        <div class="col-lg-12 text-center">
          <h2 class="section-heading text-uppercase">Committee</h2><br>
        </div>
      </div>
       <div class="row">
        <div class="col-lg-12" style="text-align:  center;font-size: 18px;line-height: 36px;">
          <div align="center">Will be available later
          </div>
        </div>
      </div>
    </div>


  </section> -->

  <!--
  <section class=" bg-light page-section" id="Rencontres" style="padding: 50px 0;">
    <div class="container">
      <div class="row">
        <div class="col-lg-12 text-center">
          <h2 class="section-heading text-uppercase">Rencontres du Vietnam</h2><br>
        </div>
      </div>
      <div class="row">
        <div class="col-lg-12" style="text-align: justify;font-size: 18px;line-height: 36px;">
          In a unique adventure in the scientific world, the Association «Rencontres du Vietnam» under the direction of its founder Jean Tran Thanh Van, has developed a close network of international cooperation for scientific research around the entire world for almost 20 years . It organizes high-level Conferences in Vietnam which attract research scientists from developed and emerging nations allowing young Asian students to meet with top scientists all the way to Nobel Laureates.<br>
<br>
Beyond the scientific and bilateral rapprochement between France and Vietnam, and beyond that of Europe, North America and Southeast Asia, the creation of this Center represents an extraordinary opportunity for a limited number of founding partners to associate themselves with a project of high cultural, scientific, and educational value, which has already received the support of the Vietnamese government.<br>

<b>Objectives</b><br>
To promote North-South cooperation and develop education through a privileged partnership.
<br>
The rapid economic development of emerging nations in the Asian-Pacific zone generally contrasts with their level of scientific and technological development. The increasing awareness of this gap has resulted in the high demand for collaborations, in fundamental research as much as in technological transfers and applications, which today opens up a large range of potential cooperation in Asia.<br>

It is well known that this region of the world is characterized by the youth of its population, and by the constant progress achieved in university education. To give opportunities to students from all these countries to take part in scientific projects with a strong international dimension constitutes an issue and a challenge of first rate importance for the countries and institutions involved as much as for the individuals concerned.<br>

To help the emerging nations to develop their potential fully, one must consider the scientific instruction of their youth; and in this aspect the developed nations can play a major role. Their actions will serve to define the adaptation of new technologies to different economic, social, and environmental contexts, and this effort will open up new industrial and commercial opportunities.<br>

It is in this spirit – which involves both cooperation and education – that the International Center of Interdisciplinary Science Education (ICISE) was created: young research scientists and engineers specializing in different fields, will be able to exchange ideas and experiences, in a propitious atmosphere to the development of their knowledge and the enrichment of their personalities.
     </div>

      </div>
    </div>
  </section> -->
 <!--icse -->
 <!-- <section class=" page-section" id="icise" style="padding: 50px 0;">
    <div class="container">
      <div class="row">
        <div class="col-lg-12 text-center">
          <h2 class="section-heading text-uppercase">ICISE</h2><br>
        </div>
      </div>
      <div class="row">
        <div class="col-lg-6" style="text-align: justify;font-size: 18px;line-height: 36px;">
       The conference will be organized at the ICISE conference center by Rencontres du Vietnam, a scientific non-profit organization. The ICISE conference center is located at a beautiful beach in Vietnam, thus allowing participants also to enjoy the nature, culture while having rich scientific discussion. Information can be found here: <br> http://www.vietnamconferencecenter.com.<br>

  </section> -->


<!-- Contact -->


<!-- Footer -->

<a id="button"></a>

  <!-- Bootstrap core JavaScript -->
  <script src="vendor/jquery/jquery.min.js"></script>
  <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

  <!-- Plugin JavaScript -->
  <script src="vendor/jquery-easing/jquery.easing.min.js"></script>

  <!-- Contact form JavaScript -->
  <script src="js/jqBootstrapValidation.js"></script>
  <script src="js/contact_me.js"></script>

  <!-- Custom scripts for this template -->
  <script src="js/agency.min.js"></script>

</body>
<script>
      // Thiết lập thời gian đích mà ta sẽ đếm
      var countDownDate = new Date("Jul 5, 2020 15:37:25").getTime();

      // cập nhập thời gian sau mỗi 1 giây
      var x = setInterval(function() {

        // Lấy thời gian hiện tại
        var now = new Date().getTime();

        // Lấy số thời gian chênh lệch
        var distance = countDownDate - now;

        // Tính toán số ngày, giờ, phút, giây từ thời gian chênh lệch
        var days = Math.floor(distance / (1000 * 60 * 60 * 24));
        var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
        var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
        var seconds = Math.floor((distance % (1000 * 60)) / 1000);

        // HIển thị chuỗi thời gian trong thẻ p
        document.getElementById("demo").innerHTML = days + " Day " + hours + " hours "
        + minutes + " minutes " + seconds + " seconds ";

        // Nếu thời gian kết thúc, hiển thị chuỗi thông báo
        if (distance < 0) {
          clearInterval(x);
          document.getElementById("demo").innerHTML = "The End!";
        }
      }, 1000);
      var btn = $('#button');

$(window).scroll(function() {
  if ($(window).scrollTop() > 300) {
    btn.addClass('show');
  } else {
    btn.removeClass('show');
  }
});

btn.on('click', function(e) {
  e.preventDefault();
  $('html, body').animate({scrollTop:0}, '300');
});
    </script>
</html>