-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·450 lines (430 loc) · 25.6 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
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
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Hire me!</title>
<!--
Avalon Template
http://www.templatemo.com/tm-513-avalon
-->
<link rel="shortcut icon" href="favicon.png">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap-theme.min.css">
<link rel="stylesheet" href="css/fontAwesome.css">
<link rel="stylesheet" href="css/hero-slider.css">
<link rel="stylesheet" href="css/owl-carousel.css">
<link rel="stylesheet" href="css/datepicker.css">
<link rel="stylesheet" href="css/templatemo-style.css">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet">
<script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
</head>
<body>
<section class="banner" id="top">
<div class="container-fluid">
<div class="row">
<div class="col-md-8">
<div class="left-banner-content">
<div class="text-content">
<h6>Computer Science, Psychology, Social Equity</h6>
<div class="line-dec"></div>
<h1>Brittany Perlin<br>Danishevsky</h1>
<div class="white-border-button" tag="learn-more">
<a href="#" class="scroll-link" data-id="about-me-section">Learn More</a>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="right-banner-content">
<div class="logo"><img src="img/logo.png" alt=""></a></div>
<h2>Hello</h2>
<span>I'm Brittany</span>
<div class="line-dec"></div>
<p>I'm looking to bring my background in psychology, passion for social equity, and computer science education, to a software team making an impact. </p>
<ul class="social-icons">
<li><a href="https://twitter.com/brittanyperlin" target="_blank"><i class="fa fa-twitter"></i></a></li>
<li><a href="https://www.linkedin.com/in/brittanydanishevsky/" target="_blank"><i class="fa fa-linkedin"></i></a></li>
<li><a href="https://github.com/brittanydanishevsky" target="_blank"><i class="fa fa-github"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</section>
<section class="about-me" id="about-me-section">
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<div class="col-md-6">
<h2>About me...</h2>
<div class="line-dec"></div>
</div>
<div class="col-md-12">
<p>Always a tinkerer and problem solver, I never saw computer science as an option for me. I would dip my toe in every couple of years, only to stray back to my comfortable path; science, psychology, and healthcare. Though this path didn’t always feel right, it was a traditional way to get into a helping career.<br><br>After graduating, I was accepted into an entrepreneurial fellowship called <a href="https://ventureforcanada.ca/" target="_blank">Venture For Canada</a>, which introduced me to tech and startups. I began working at a <a href="https://altusassessments.com/" target="_blank">medical education start-up</a>, at an <a href="https://www.oneeleven.com/" target="_blank">innovation hub</a> in Toronto. I was exhilarated by all the passionate people doing high impact work in so many different fields. However, as a sales person at the time, I didn’t feel like the impact I was making was in line with my personal interests.<br><br>After about two years I finally decided to dive into software completely. I am now a student at <a href="http://eecs.lassonde.yorku.ca/course/computer-science/">York University</a> studying computer science. I’ve taken courses in C, Java, Web Development, User Experience, Computer Security, Data Structures and more. I'm a founding member of York's <a href="http://eecs.lassonde.yorku.ca/activities/wicse/" target="_blank">Women in Computer Science</a> group, and recently put together and hosted our first <a href="https://www.facebook.com/ieeelassonde/videos/1181905711998935/" target="_blank">Women in Tech Panel</a>. This past summer, I did an NSERC research internship supervised by <a href="http://www.cse.yorku.ca/~tsotsos/Tsotsos/Home.html" target="_blank">Dr. John Tsotsos</a>, designing software for an autonomous wheelchair to be used in elderly care settings.<br><br>Though many may feel as though my path is all over the place, I believe I am building a bigger picture of what software engineering can and should be; a place where people, programming, and policy combine.<br><br> </p>
<div class ="more-buttons"><ul class="white-border-button">
<li><a href="BrittanyDanishevskyResume.pdf" target="_blank">Resume</a></li>
<li><a href="projects.html" target="_blank">Recent Projects</a></li>
<li><a href="mailto:[email protected]" target="_blank">Get in touch</a></li>
</ul></div>
</div>
</div>
</div>
</div>
</section>
<!-- Events and testimonials section edited out for now
<section class="events" id="events-section">
<div class="content-wrapper">
<div class="inner-container container-fluid">
<div class="row">
<div class="col-md-12 col-sm-12">
<div class="section-heading">
<div class="filter-categories">
<ul class="project-filter">
<li class="filter" data-filter="all"><span>Show All</span></li>
<li class="filter" data-filter="design"><span>Design Meeting</span></li>
<li class="filter" data-filter="start"><span>App Start Up</span></li>
<li class="filter" data-filter="web"><span>Web Conferences</span></li>
</ul>
</div>
</div>
</div>
<div class="col-md-10 col-sm-12 col-md-offset-1">
<div class="projects-holder">
<div class="event-list">
<ul>
<li class="project-item first-child mix web">
<ul class="event-item web">
<li>
<div class="date">
<span>12<br>May</span>
</div>
</li>
<li>
<h4>four loko franzen</h4>
<div class="web">
<span>Web Conferences</span>
</div>
</li>
<li>
<div class="time">
<span>8:00 AM - 11:00 AM<br>Saturday</span>
</div>
</li>
<li>
<div class="white-button">
<a href="#">I am interested</a>
</div>
</li>
</ul>
</li>
<li class="project-item second-child mix design">
<ul class="event-item design">
<li>
<div class="date">
<span>24<br>April</span>
</div>
</li>
<li>
<h4>Drink vinegar coloring</h4>
<div class="design">
<span>Design Meeting</span>
</div>
</li>
<li>
<div class="time">
<span>03:00 PM - 07:00 PM<br>Tuesday</span>
</div>
</li>
<li>
<div class="white-button">
<a href="#">I am interested</a>
</div>
</li>
</ul>
</li>
<li class="project-item third-child mix start design">
<ul class="event-item start">
<li>
<div class="date">
<span>30<br>Mar</span>
</div>
</li>
<li>
<h4>core hammock stiller</h4>
<div class="app">
<span>App Start Up, Design Meeting</span>
</div>
</li>
<li>
<div class="time">
<span>03:30 PM - 09:30 PM<br>Friday</span>
</div>
</li>
<li>
<div class="white-button">
<a href="#">I am interested</a>
</div>
</li>
</ul>
</li>
<li class="project-item fourth-child mix web">
<ul class="event-item web">
<li>
<div class="date">
<span>22<br>Mar</span>
</div>
</li>
<li>
<h4>palo santo art party</h4>
<div class="web">
<span>Web Conferences</span>
</div>
</li>
<li>
<div class="time">
<span>10:00 AM - 05:00 PM<br>Thursday</span>
</div>
</li>
<li>
<div class="white-button">
<a href="#">I am interested</a>
</div>
</li>
</ul>
</li>
<li class="project-item fivth-child mix start web">
<ul class="event-item start">
<li>
<div class="date">
<span>16<br>Mar</span>
</div>
</li>
<li>
<h4>Paleo craft beer copper</h4>
<div class="app">
<span>App Start Up, Web Conferences</span>
</div>
</li>
<li>
<div class="time">
<span>11:30 AM - 04:30 PM<br>Friday</span>
</div>
</li>
<li>
<div class="white-button">
<a href="#">I am interested</a>
</div>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</section> -->
<!-- <section class="testimonial" id="testimonial-section">
<div class="container-fluid">
<div class="row">
<div class="col-md-4">
<div class="testimonial-image"></div>
</div>
<div class="col-md-8">
<div id="owl-testimonial" class="owl-carousel owl-theme">
<div class="item col-md-12">
<img src="img/author_01.png" alt="Steven Walker">
<span>Web Designer</span>
<h4>Steven Walker</h4>
<br>
<p><em>"</em>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cura bitur et sem blandit, rhoncus ante, varius libero. Cras elemen tum tincidunt ullamcorper sed vehic ula dictum.<em>"</em></p>
</div>
<div class="item col-md-12">
<img src="img/author_02.png" alt="Johnny Smith">
<span>Web Developer</span>
<h4>Johnny Smith</h4>
<br>
<p><em>"</em>Morbi elit est, pharetra ac enim a, faucibus dignissim augue. Quisque erat erat, placerat non pulvinar eget, sodales eget ex. Cras pulvinar purus et rutrum faucibus.<em>"</em></p>
</div>
<div class="item col-md-12">
<img src="img/author_03.png" alt="William Smoker">
<span>Managing Director</span>
<h4>William Smoker</h4>
<br>
<p><em>"</em>Praesent luctus lacinia erat, quis lacinia ipsum varius a. Nullam a velit mollis, suscipit felis vitae, dictum libero hendrerit nibh quis sodales gravida ornare ultricies viverra.<em>"</em></p>
</div>
</div>
</div>
</div>
</div>
</section> -->
<!-- <section class="services" id="services-section">
<div class="container-fluid">
<div class="row">
<div class="col-md-3">
<div class="flip-container" ontouchstart="this.classList.toggle('hover');">
<div class="flipper first-service">
<div class="front">
<div class="icon">
<img src="img/heart-icon.png" alt="">
</div>
<h4>Aliquam finibus est</h4>
</div>
<div class="back">
<p>Donec malesuada eu est in mattis. Aenean velit eros, blandit et tortor non, viverra hendrerit velit. Maecenas ut orci nec velit convallis lobortis sit amet ut magna. Ut rhoncus suscipit arcu, sed facilisis risus.</p>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="flip-container" ontouchstart="this.classList.toggle('hover');">
<div class="flipper second-service">
<div class="front">
<div class="icon">
<img src="img/home-icon.png" alt="">
</div>
<h4>Nullam sed turpis</h4>
</div>
<div class="back">
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Maecenas vel diam porttitor, fermentum ante et, ornare elit. Morbi nec diam ex. Pellentesque habitant morbi tristique senectus.</p>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="flip-container" ontouchstart="this.classList.toggle('hover');">
<div class="flipper third-service">
<div class="front">
<div class="icon">
<img src="img/revision-icon.png" alt="">
</div>
<h4>Sed in luctus</h4>
</div>
<div class="back">
<p>Mauris congue ex eu enim suscipit, in suscipit est efficitur. Donec quis orci malesuada nunc lobortis aliquet et ut lacus. Sed erat magna, fringilla ac imperdiet in, pulvinar quis ante. Maecenas eleifend, sem vitae tristique.</p>
</div>
</div>
</div>
</div>
<div class="col-md-3">
<div class="flip-container" ontouchstart="this.classList.toggle('hover');">
<div class="flipper fourth-service">
<div class="front">
<div class="icon">
<img src="img/chat-icon.png" alt="">
</div>
<h4>Fusce congue ipsum</h4>
</div>
<div class="back">
<p>Donec venenatis erat at leo dictum, at dictum eros volutpat. Phasellus in dui sed purus varius hendrerit. Duis ac enim ac orci efficitur condimentum vel eget purus. Sed vel massa nulla. Curabitur consequat sem ac velit sollicitudin ornare.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section> -->
<section class="contact-us" id="contact-section">
<div class="container-fluid">
<div class="row">
<div class="col-md-8">
<div id="owl-testimonial" class="owl-carousel owl-theme">
<div class="item col-md-12">
<img src="img/juanita.jpg" alt="Juanita Lee Garcia, MFA, MEd">
<span>Lead of Social Innovation & Alumni Relations at Venture for Canada</span>
<h4>Juanita Lee Garcia</h4>
<br>
<p><em>"</em>With a strong-willed and open-minded character, Brittany puts her values of inclusion, equity and critical analysis, forth across diverse settings. She is an ambitious, driven, smart woman who is both audacious and humble.<em>"</em></p>
</div>
<!-- <div class="item col-md-12">
<img src="img/author_02.png" alt="Johnny Smith">
<span>Web Developer</span>
<h4>Johnny Smith</h4>
<br>
<p><em>"</em>Morbi elit est, pharetra ac enim a, faucibus dignissim augue. Quisque erat erat, placerat non pulvinar eget, sodales eget ex. Cras pulvinar purus et rutrum faucibus.<em>"</em></p>
</div>
<div class="item col-md-12">
<img src="img/author_03.png" alt="William Smoker">
<span>Managing Director</span>
<h4>William Smoker</h4>
<br>
<p><em>"</em>Praesent luctus lacinia erat, quis lacinia ipsum varius a. Nullam a velit mollis, suscipit felis vitae, dictum libero hendrerit nibh quis sodales gravida ornare ultricies viverra.<em>"</em></p>
</div> -->
</div>
</div>
<div class="col-md-4">
<div class="contact-right-content">
<h4>Phone: </h4>
<p>416 - 617 - 2379</p>
<h4>Email: </h4>
<p>[email protected]</p>
<p>[email protected]</p>
<h4>Location: </h4>
<p>Toronto, Ontario, Canada</p>
</div>
</div>
</div>
</div>
</section>
<footer>
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<p>Copyright © 2020 Brittany Perlin Danishevsky
- Avalon
by HTML5 Max</p>
</div>
</div>
</div>
</footer>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.11.2.min.js"><\/script>')</script>
<script src="js/vendor/bootstrap.min.js"></script>
<script src="js/datepicker.js"></script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function()
{
// navigation click actions
$('.scroll-link').on('click', function(event){
event.preventDefault();
var sectionID = $(this).attr("data-id");
scrollToID('#' + sectionID, 750);
});
// scroll to top action
$('.scroll-top').on('click', function(event) {
event.preventDefault();
$('html, body').animate({scrollTop:0}, 'slow');
});
// mobile nav toggle
$('#nav-toggle').on('click', function (event) {
event.preventDefault();
$('#main-nav').toggleClass("open");
});
});
// scroll function
function scrollToID(id, speed){
var offSet = 0;
var targetOffset = $(id).offset().top - offSet;
var mainNav = $('#main-nav');
$('html,body').animate({scrollTop:targetOffset}, speed);
if (mainNav.hasClass("open")) {
mainNav.css("height", "1px").removeClass("in").addClass("collapse");
mainNav.removeClass("open");
}
}
if (typeof console === "undefined") {
console = {
log: function() { }
};
}
</script>
</body>
</html>