-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathMember-Kevin.html
118 lines (109 loc) · 5.13 KB
/
Member-Kevin.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>Kevin Huang | LeRoi Robotics</title>
<meta name="description" content="Kevin Huang, Programmer 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">Kevin Huang</h1>
<p class="lead">
Programming Lead of LeRoi Robotics, a Grade 12 student from Unionville Highschool,
also programming lead of Unionville Highschool Robotics Club. He is passionate for anything
technical and constantly tries to expand his skillset and broaden his experiences.
</p>
</p>
<hr class="my-4">
<p>He is most interested in robotics control and computer graphics!</p>
</div>
</div>
<div class="col-md-4 teamMemberImage" style="background-image: url(img/photo-kevin-1.jpg)">
<img src="img/photo-kevin-1.jpg" style="visibility: hidden;" />
</div>
</div>
<div class="row mt-4 align-center">
<h3 class="col sub-title">
Gallery of Kevin
</h3>
</div>
<div class="masonryItemContainer">
<div class="masonryItem-sizer"></div>
<div class="masonryItem wide">
<img data-src="img/photo-kevin-4.jpg" class="lozad masonry">
</div>
<div class="masonryItem wide">
<img data-src="img/photo-kevin-3.jpg" class="lozad masonry">
</div>
<div class="masonryItem">
<img data-src="img/photo-kevin-2.jpg" class="lozad masonry">
</div>
<div class="masonryItem">
<img data-src="img/photo-kevin-5.jpg" class="lozad masonry">
</div>
<div class="masonryItem">
<img data-src="img/gallery/IMG_5098.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>