-
Notifications
You must be signed in to change notification settings - Fork 0
/
Member-Leo.html
118 lines (108 loc) · 4.53 KB
/
Member-Leo.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
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html lang="en">
<!--<![endif]-->
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<link rel="shortcut icon" href="/img/favicon.jpg">
<title>Leo Xie | LeRoi Robotics</title>
<meta name="description" content="Leo Xie, Captain of LeRoi Robotics | LeRoi Robotics, VRC Team 81208X" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<link rel="stylesheet" href="/stylesheets/index.css" />
<!-- boot strap stuff -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous" />
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/lozad/dist/lozad.min.js"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-140777720-2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'UA-140777720-2');
</script>
</head>
<body class="preload">
<!--[if lt IE 7]>
<p class="browsehappy">
You are using an <strong>outdated</strong> browser. Please
<a href="#">upgrade your browser</a> to improve your experience.
</p>
<![endif]-->
<!--Navigation bar-->
<nav id="nav-placeholder" class="navbar navbar-expand-sm navbar-dark fixed-top">
</nav>
<div class="page-header member">
<h1>
Team Members
</h1>
</div>
<div class="container-md mt-4">
<div class="row teamMemberDesc">
<div class="col-md-8">
<div class="jumbotron">
<h1 class="display-4" style="font-weight:bold">Leo Xie</h1>
<p class="lead">Founder and Captain of LeRoi Robotics, grade 12 student from St. Robert CHS, with more
experiences in the STEAM field, he
constantly demonstrates leadership by monitoring the team’s progress as well as being
responsible for
all aspects of the team.</p>
<hr class="my-4">
<p>His interests include robotics, artificial intelligence research, and
programming. He is full of experience in various robotics competitions and platforms.
To share his knowledge with other people, he volunteers to mentor multiple robotics teams,
and has produced with the team additional learning resources.</p>
</div>
</div>
<div class="col-md-4 teamMemberImage" style="background-image: url(img/photo-Leo-1.jpg)">
<img src="img/photo-Leo-1.jpg" style="visibility: hidden;" />
</div>
</div>
<div class="row mt-4 align-center">
<h3 class="col sub-title">
Gallery of Leo
</h3>
</div>
<div class="masonryItemContainer">
<div class="masonryItem-sizer"></div>
<div class="masonryItem">
<img data-src="img/photo-Leo-2.jpg" class="lozad masonry">
</div>
<div class="masonryItem wide">
<img data-src="img/gallery/IMG_5098.JPG" class="lozad masonry">
</div>
<div class="masonryItem wide">
<img data-src="img/photo-Leo-4.jpg" class="lozad masonry">
</div>
<div class="masonryItem">
<img data-src="img/photo-Leo-8.jpg" class="lozad masonry">
</div>
<div class="masonryItem">
<div class="card masonry">
<div class="card-body">
<h2 class="card-title">More Pictures</h5>
<p class="card-text">More pictures are available in our team gallery</p>
<a href="/gallery.html" class="btn btn-primary">Team Gallery</a>
</div>
</div>
</div>
</div>
</div>
<div id="footer-placeholder" class="container-fluid"></div>
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://unpkg.com/imagesloaded@4/imagesloaded.pkgd.min.js"></script>
<script src="https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"
integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"
integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6"
crossorigin="anonymous"></script>
<script src="index.js"></script>
</body>
</html>