-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
130 lines (127 loc) · 10.1 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Home - James Ting</title>
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="assets/img/favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/img/favicons/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/img/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="180x180" href="assets/img/favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="192x192" href="assets/img/favicons/android-chrome-192x192.png">
<link rel="icon" type="image/png" sizes="512x512" href="assets/img/favicons/android-chrome-512x512.png">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:300,400,700">
<link rel="stylesheet" href="assets/fonts/ionicons.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/pikaday/1.6.1/css/pikaday.min.css">
</head>
<body>
<nav class="navbar navbar-dark navbar-expand-lg fixed-top bg-white portfolio-navbar gradient">
<div class="container"><a class="navbar-brand logo" href="#">James Ting</a><button data-toggle="collapse" class="navbar-toggler" data-target="#navbarNav"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ml-auto">
<li class="nav-item"><a class="nav-link active" href="index.html">Home</a></li>
<li class="nav-item"><a class="nav-link" href="cv.html#education">Education</a></li>
<li class="nav-item"><a class="nav-link" href="cv.html#experience">Experience</a></li>
<li class="nav-item"><a class="nav-link" href="projects-grid-cards.html">Projects</a></li>
<li class="nav-item"><a class="nav-link" href="contact.html">Contact Me</a></li>
<li class="nav-item"><a class="nav-link" href="James_Ting_Resume.pdf" target="_blank">Resume</a></li>
</ul>
</div>
</div>
</nav>
<main class="page lanidng-page">
<section class="portfolio-block block-intro">
<div class="container">
<div class="about-me">
<p data-aos="fade" data-aos-once="true">Hello! I am <strong>James Ting</strong>. I am a fourth-year Computer Science student at McGill University, and I am looking to building a career in software development with a focus in cloud computing.<br><br>From internships to research projects, I am always looking for opportunities to learn more about software, and I look forward to seeing what the future brings.<br><br>I am excited to announce that I have accepted a full-time offer as a Software Development Engineer at Amazon, working on the AWS CloudFormation team. This will give me valuable experience in building tools that run the world's internet and in the unique challenges of cloud computing. </p>
<div class="row no-gutters">
<div class="col-md-6 col-lg-4 item zoom-on-hover"><img class="img-fluid image" src="assets/img/cities/yvr.jpg"></div>
<div class="col-md-6 col-lg-4 item zoom-on-hover"><img class="img-fluid image" src="assets/img/cities/hkg.jpg"></div>
<div class="col-md-6 col-lg-4 item zoom-on-hover"><img class="img-fluid image" src="assets/img/cities/yul.jpg"></div>
</div>
<p data-aos="fade" data-aos-once="true"><br>During my time growing up in Vancouver, I learned French in school, English out of school, and Cantonese at home, becoming fluent in all three. My multicultural heritage makes me feel equally at home in the cramped streets of Hong Kong and the top of Mont-Royal and gives me a unique cultural perspective on life<br></p>
</div>
</div>
</section>
<section class="portfolio-block photography"></section>
<section class="portfolio-block call-to-action border-bottom">
<div class="container">
<div class="d-flex justify-content-center align-items-center content">
<h3>Like what you see?</h3><a class="btn btn-outline-primary btn-lg" role="button" href="contact.html">Get in touch with me<br></a>
</div>
</div>
</section>
<section class="portfolio-block skills">
<div class="container">
<div class="heading">
<h2>Skills</h2>
</div>
<div class="row">
<div class="col-md-4">
<div class="card special-skill-item border-0">
<div class="card-header bg-transparent border-0"><i class="icon ion-ios-monitor-outline"></i></div>
<div class="card-body">
<h3 class="card-title">Programming Languages</h3>
<p class="card-text"> One of my own principles is that there is always something to learn. During the course of my education and my personal projects, I have learned multiple languages both in and outside of the classroom. I have built experience working with <strong>Java</strong>, <strong>JavaScript, Python, </strong>and <strong>C</strong>.</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card special-skill-item border-0">
<div class="card-header bg-transparent border-0"><i class="icon ion-ios-barcode-outline"></i></div>
<div class="card-body">
<h3 class="card-title">Technologies</h3>
<p class="text-center card-text">Using modern technologies is a critical part of the modern software development cycle. Through my formal education and personal projects, I have leveraged various technologies to speed up development and build modular, maintainable code bases. Some of the libraries/technologies that I have worked with <strong>Docker</strong>, <strong>Kubernetes</strong>, <strong>Helm</strong>, <strong>Jest</strong>,<strong> ReactJS, NodeJS </strong>and <strong>TensorFlow</strong><br></p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card special-skill-item border-0">
<div class="card-header bg-transparent border-0"><i class="icon ion-ios-gear-outline"></i></div>
<div class="card-body">
<h3 class="card-title">Hobbies</h3>
<p class="card-text"><br>One of my hobbies is aviation! I hold a valid <strong>Private Pilot License, with Night and Multi-Engine endorsements</strong>. With over 100 hours in the air on aircraft ranging from a tiny single-engine Cessna 152, to a six-seater twin-engine Piper Seneca, a frequent pass time of mine is to fly somewhere for lunch, and be home in time for dinner (when the weather cooperates).<br></p>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
<section class="portfolio-block website gradient">
<div class="container">
<div class="row align-items-center">
<div class="col-md-12 col-lg-5 offset-lg-1 text">
<h3>Personal Projects</h3>
<p>Due to the rapid pace of technology, I find that my formal education, while critical in developing fundamentals, lacks the flexibility to adapt to new and upcoming technologies. Therefore, I supplement my learning with personal projects that give me wider breadth of knowledge and experience. <br><br>I encourage you to check out my personal projects to see what I have learned!</p>
</div>
<div class="col-md-12 col-lg-5">
<div class="portfolio-laptop-mockup">
<div class="screen">
<div class="screen-content" style="background-image:url("tech/image6.png");"><a href="projects-grid-cards.html"><img class="img-fluid" src="assets/img/demonstrations/Pathfinding-Algorithm-Visualizer-Demonstration.gif"></a></div>
</div>
<div class="keyboard"></div>
</div>
</div>
</div>
</div>
</section>
<footer class="page-footer">
<div class="container">
<div class="links"><a href="#">Home</a><a href="cv.html#eductation">Education</a><a href="cv.html#experience">Experience</a><a href="projects-grid-cards.html">Projects</a><a href="contact.html">Contact me</a><a href="#">CV</a></div>
<div class="social-icons"><a href="https://www.linkedin.com/in/james-b-ting/" target="_blank"><i class="icon ion-social-linkedin"></i></a><a href="https://github.com/jamesbting" target="_blank"><i class="icon ion-social-github"></i></a><a href="mailto:[email protected]"><i class="icon ion-android-mail"></i></a></div>
<div>
<p>Created by James Ting with Bootstrap Studio. © James Ting 2020.<br></p>
</div>
</div>
</footer>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/bs-init.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pikaday/1.6.1/pikaday.min.js"></script>
<script src="assets/js/theme.js"></script>
</body>
</html>