-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
160 lines (145 loc) · 8.06 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
156
157
158
159
160
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Christina Truong, Tech Educator + Front-end Developer</title>
<link href="https://fonts.googleapis.com/css?family=Caveat|Montserrat:400,600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<main>
<!-- *************** ABOUT / PROFILE **************** -->
<header>
<div class="content-wrap">
<h1>Christina Truong</h1>
<h2>Tech Educator + Front-end Developer</h2>
<p>As a developer, I specialize in creating modular and scalable front-end architectures. As an educator, I focus on creating inclusive learning environments, instructor training and curriculum development.</p>
<p>I’m also exploring more creative pursuits designing tee shirts and accessories for <a href="http://teethang.com" target="_blank">Nuthin’ But a Tee Thang</a>, an online store I’m running with my husband.</p>
</div>
</header>
<!-- ************ PROJECTS / PORTFOLIO ************** -->
<section class="projects">
<div class="content-wrap divider">
<h2>Featured Projects</h2>
<p>View selected projects below. More information can be found at <a href="http://christinatruong.com">christinatruong.com</a>.</p>
<!-- Project 1 -->
<section class="project-item">
<img src="images/project-courses.jpg" alt="Lynda & LinkedIn Learning course list">
<h3>Lynda / LinkedIn Learning Courses</h3>
<p>Developed content and instruction for various CSS and front-end focused web development courses including CSS Essential Training, Getting Your Website Online, Design Systems & Architectures and more.</p>
<a class="btn" href="https://www.linkedin.com/learning/instructors/christina-truong?u=2125562" target="_blank">LinkedIn Learning</a>
<a class="btn" href="https://www.lynda.com/Christina-Truong/7842227-1.html">Lynda.com</a>
</section>
<!-- Project 2 -->
<section class="project-item">
<img src="images/project-women-tech.jpg" alt="Women and Tech website">
<h3>Women&&Tech</h3>
<p>Women&&Tech was launched in 2012 to feature interviews with different women working in the tech industry. I became familiar with them when I was invited to be one of the interviewees! A few years later, I joined the team and helped with the relaunch of the site as the front-end architect.</p>
<a class="btn" href="http://christinatruong.com/projects/women-and-tech-redesign.html" target="_blank">View the case study</a>
</section>
<!-- Project 3 -->
<section class="project-item">
<img src="images/project-wire-ipsum.jpg" alt="The Wire Ipsum website">
<h3>The Wire Ipsum</h3>
<p>After coming back from teaching a JavaScript workshop, I felt inspired to create something just for fun. I realized that of all the content/lorem ipsum generators available, there was nothing for HBO’s The Wire fans. I searched for <a href="http://thewireipsum.com" target="_blank">thewireipsum.com</a> domain and it was available! Generate some content for your projects today.</p>
<a class="btn" href="http://thewireipsum.com" target="_blank">View live site</a>
</section>
</div>
</section>
<!-- **************** WORK EXPERIENCE ******************** -->
<section class="work-experience">
<div class="content-wrap item-details divider">
<h2>Work Experience</h2>
<p>See my complete work history on <a href="https://www.linkedin.com/in/christinatruong/">LinkedIn</a>.</p>
<!-- Job 1 -->
<section class="job-item">
<div class="job-details">
<h3>Front-end Developer & Educator</h3>
<p>Freelance</p>
<p>July 2006-Present</p>
</div>
<div class="job-summary">
<p>Provides various front-end related services ranging from development work, speaking engagements, instructor training, workshops, and curriculum development. See more at <a href="http://christinatruong.com">christinatruong.com</a>.</p>
</div>
</section>
<!-- Job 2 -->
<section class="job-item">
<div class="job-details">
<h3>Director of Curriculum</h3>
<p>Ladies Learning Code</p>
<p>July 2014 - February 2016</p>
</div>
<div class="job-summary">
<p>Managed all curriculum for the adult programs. Created teaching materials and implemented instructor training across 20+ Canadian chapters.</p>
<p>Key contributions:</p>
<ul>
<li>Overhauled the curriculum and standardized the content and delivery.
<ul>
<li>Created 9 new workshops focusing on HTML, CSS, JavaScript, jQuery, Wordpress and Responsive Web Design.</li>
<li>Created all Hackapalooza content (2 day conference style event) consisting of 2-4 hour workshop sessions.</li>
<li>Created interactive slide deck template for consistent national workshop branding.</li>
<li>Developed the Digital Skills part-time program curriculum.</li>
</ul>
</li>
<li>Provided training for all instructors focusing on creating an inclusive and engaging learning environment.</li>
<li>Maintained the ladieslearningcode.com website.</li>
<li>Volunteer lead instructor from 2011-2014 for Toronto workshops and several chapter launches.</li>
</ul>
</div>
</section>
<!-- Job 3 -->
<section class="job-item">
<div class="job-details">
<h3>Lead Front-End Developer</h3>
<p>Field iD</p>
<p>March 2013 - February 2014</p>
</div>
<div class="job-summary">
<p>Lead the front-end development for the in-house safety inspection software.</p>
<p>Key contributions:</p>
<ul>
<li>Responsible for setting code standards for the front-end development.</li>
<li>Created a fully customized front-end framework, including the UI/UX design.</li>
<li>Standardized the site architecture and design.</li>
</ul>
</div>
</section>
</div>
</section>
<!-- ************* EDUCATION & CERTIFICATIONS *********** -->
<section class="education">
<div class="content-wrap item-details">
<h2>Education</h2>
<section>
<h3>Seneca College - Toronto, ON</h3>
<p>Webmaster Content Site Design Certificate, 2006</p>
<p>14 week full-time program covering HTML, CSS, Flash, Photoshop, PHP and JavaScript.</p>
</section>
<section>
<h3>York University - Toronto, ON</h3>
<p>Bachelor of Arts with Honours, 2001-2005</p>
<p>Double Major in Communications & Psychology.</p>
</section>
<section>
<h3>San Jose State University - San Jose, CA</h3>
<p>General Studies, 2000</p>
</section>
</div>
</section>
<!-- ************ CONTACT INFO / SOCIAL MEDIA ************ -->
<footer>
<div class="content-wrap">
<h2>Let's Keep in Touch!</h2>
<!-- Social media and contact links. Add or remove any networks. -->
<ul class="contact-list">
<li><a href="mailto:[email protected]">[email protected]</a></li>
<li><a href="http://christinatruong.com" target="_blank">christinatruong.com</a></li>
<li><a href="http://twitter.com/christinatruong" target="_blank">Twitter</a></li>
<li><a href="#" target="_blank">LinkedIn</a></li>
</ul>
</div>
</footer>
</main>
</body>
</html>